/* Theme Name: The Noble Heart Version: 1.0 Author: Buzz Rocket Media Author URI: http://www.buzzrocketmedia.com */ /*------------------------------------------------*/ /*-----------------[RESET]------------------------*/ /*------------------------------------------------*/ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /*------------------------------------------------*/ /*-----------------[BASIC STYLES]-----------------*/ /*------------------------------------------------*/ body { background-color: #171717; text-align: center; line-height: 21px; font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #797979; } a { text-decoration: none; color: #5f5f5f; } a:hover { text-decoration: underline; } .clear { clear: both; } .ui-tabs-hide { display: none; } br.clear { margin: 0px; padding: 0px; } h1, h2, h3, h4, h5, h6 { font-weight: normal; padding-bottom: 5px; color: #2d2d2d; line-height: 1.5em; font-family: Georgia, serif; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #2d2d2d; } h1 { font-size: 30px; } h2 { font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } p { padding-bottom: 10px; line-height: 24px; } strong { font-weight: bold; color: #1c1c1c; } cite, em, i { font-style: italic; } pre, code { font-family: Courier New, monospace; margin-bottom: 10px; } ins { text-decoration: none; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 0.8em; } sub { top: 0.3em; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} blockquote { margin: 2px 0 13px 40px; color: #9e9e9e; font-style: italic; font-size: 16px; font-family: Georgia, serif; } blockquote p { padding: 0px 20px; background: url(images/blockquote.png) no-repeat left 3px; } input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; } input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; } /*input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }*/ textarea { padding: 4px; } img#about-image { float: left; margin: 3px 8px 8px 0px; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /*------------------------------------------------*/ /*---------------[MAIN LAYOUT INFO]---------------*/ /*------------------------------------------------*/ .container { text-align: left; width: 960px; margin: 0 auto; position: relative; height: 100%; } #header { background: #000000; height: 72px; border-bottom: 1px solid #4c7599; } #header .container { background: #000000; } img#logo { float: left; margin: 10px 10px 0px 15px; } a#search-icon { display: block; position: absolute; bottom: -1px; right: 30px; background: url(images/search-icon.png) no-repeat; width: 83px; height: 25px; padding: 0; font-size: 11px; color: #ffffff; line-height: 24px; text-align: center; text-transform: uppercase;} a#search-icon:hover { text-decoration: none; } #content { border-top: 1px solid #c7c7c7; background: #ffffff url(images/content-bg.png) repeat-x; padding: 0px 0px 52px; } #services { background: url(images/third-left-bg.png) no-repeat 914px top; padding-left: 20px; padding-bottom: 40px; min-height: 300px; } #services .one-third { background: url(images/third-left-bg.png) no-repeat top left; float: left; width: 187px; height: 272px; position: relative; padding: 31px 30px 0px 81px; overflow: hidden; } #services .one-third .boundry { max-height: 175px; overflow: hidden;} #services .one-third p img { padding: 4px; border: 1px solid #bdbdbd;} #services img.icon { position: absolute; left: 33px; top: 28px; } #services h4.title { font-size: 18px; margin-bottom: 7px; line-height: 1.3em; } #services a.readmore {position: absolute; bottom: 0; right: 25px;} a.readmore { float: right; color: #ffffff; background: url(images/readmore-sprite2.png) no-repeat top right; display: block; height: 24px; padding-right: 11px; line-height: 20px; font-weight: bold; font-size: 11px; text-shadow: -1px -1px 1px #909090; margin-top: 3px; } a.readmore span { display: block; background: url(images/readmore-sprite.png) no-repeat; padding: 0px 3px 4px 15px; } a.readmore:hover { background: url(images/readmore-sprite2.png) no-repeat bottom right; text-shadow: -1px -1px 1px #4e92c5; } a.readmore:hover span { background: url(images/readmore-sprite.png) no-repeat bottom left; } #content-area, .single_page_container {float: left; width: 585px; margin: 0px 0px 0px 30px; } /* .single_page_container.events { width: 585px; margin-left: auto; margin-right: auto; } */ #content-area a { color: #000000; } #content-area ul { list-style-type: disc; margin: 10px 0px 10px 20px; } #content-area ul.dlm_download_list li { list-style-type: none;} #content-area ol { list-style-type: decimal; list-style-position: inside; margin: 10px 0px 10px 2px; } #content-area ul li ul, #content-area ul li ol { margin: 2px 0px 2px 20px; } #content-area ol li ul, #content-area ol li ol { margin: 2px 0px 2px 35px; } body#home #content-area { width: 530px; margin: 0px 0px 0px 50px; } .home-content-wrapper { background: transparent url(images/bg-home-content.png) no-repeat top center; } h3#slogan { font-size: 18px; background: url(images/h3-slogan-border.png) no-repeat 44px bottom; padding-bottom: 0px; margin-bottom: 18px; } h3#slogan span { background: url(images/logo-shield-med.png) no-repeat; display: block; padding: 12px 0 16px 48px } a.post-edit-link { font-weight: bold; color: #000000; } h2.title a { color: #2d2d2d; } h2.title a:hover { text-decoration: none; color: #000000; } .entry { margin-bottom: 43px; } .entry.page { margin-bottom: 0px; } .entry .post-meta { padding: 6px 0px 5px; background: url(images/meta-bottom.png) no-repeat 27px bottom; margin-bottom: 15px; } .entry .post-meta span.inner { background:url(images/postinfo-icon.png) no-repeat scroll left top transparent; padding: 3px 0px 9px 28px; font-style: italic; color: #acabab; font-family: Georgia, serif; } #content-area .entry .post-meta span.inner a { color: #5F5F5F; } img.thumbnail-post { padding: 7px; border: 1px solid #bebfbf; } #content-area .entry a.readmore { color: #ffffff !important; } /* .single_page_container { padding: 0 30px;} */ .single_page_container h1#post-title { margin: 20px 0;} .post h4 {margin-top: 40px;} .post h4.first {margin-top: 0;} .post h2 { padding-bottom:20px;} div.shadow { margin: 10px 0 -20px; height: 29px; background: transparent url(images/bg-divider-shadow.png) no-repeat left top;} .post img {} /*------------------------------------------------*/ /*---------------[DROPDOWN MENU]------------------*/ /*------------------------------------------------*/ div#top-menu { float: right; margin: 3px 0 0 0; height: 69px; } ul.nav { margin: 14px 0px 0px 5px; } ul.nav li { padding: 0px 12px 0px 0px; } ul.nav li a { padding: 7px 0px 28px 14px; } ul.nav > li.current_page_item > a, ul.nav > li.current-cat > a { background: url(images/menuitem-current.png) no-repeat 65% 100%; } ul.nav li a { font-size: 14px; color: #ffffff; } ul.nav > li > a { text-shadow: -1px -1px 1px #2b7dbc; } ul.nav > li.sf-ul.sfHover { background: url(images/toplink-hover-right.png) no-repeat top right; } ul.nav > li.sf-ul.sfHover > a { background: url(images/toplink-hover-left.png) no-repeat top left; display: block; color: #000000; text-shadow: none;} ul.nav li a:hover { text-decoration: none; } ul.nav > li.current_page_item > a, ul.nav > li.current-cat > a, ul.nav > li > a:hover { text-shadow: 0px 0px 10px #ffffff; } ul.nav li ul { background: #ffffff; } ul.nav li ul a { color: #797979; } ul.nav li li a { padding: 0px; } ul.nav li ul { background: #ffffff url(images/dropdown-bottom.png) repeat-x bottom left; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -moz-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3); padding: 4px 0px 17px; } ul.nav li ul li { margin: 5px 9px 0px; background: url(images/dropdown-li.png) no-repeat 13px 11px; width: 184px; } ul.nav li ul li:hover {} ul.nav li ul li a { padding: 7px 0px 10px 30px; width: 154px; color: #797979; } ul.nav li ul li:hover > a { color: #000000; } .nav li li:hover ul, ul.nav li li.sfHover ul { left:193px !important; top: -9px !important; } /*------------------------------------------------*/ /*--------------[FEATURED SLIDER]-----------------*/ /*------------------------------------------------*/ #featured-area, #pagetop { background: #444444 url(images/bg-pagetop.png) repeat-x center left; height: 418px; } #featured-area .container, #pagetop .container { position: relative; } #featured-area .container { width: 1090px; background: url(images/bg-featured-road.png) no-repeat top left; } #pagetop { height: 153px; } #pagetop .container { padding: 0px 80px; width: 900px; background: url(images/bg-featured-wheat.png) no-repeat center center; } #pagetop h1 { padding: 34px 0 18px 0 !important; font-size: 48px; line-height: 110%; color: #ffffff; text-shadow: 1px 2px 2px #000000; text-transform: none !important; } #pagetop a { color:#1A3C56; } #breadcrumbs { color: #737272; font-style: italic; font-family: Georgia, sans-serif; padding: 25px 0px; background: #dfdfdf; border-top: 1px solid #fcfcfc; } #breadcrumbs .container { padding-left: 30px; width: 930px; } #header #search-form { position: absolute; bottom: -44px; right: -1px; background: url(images/search-bar.png) no-repeat; height:33px; padding:0px 10px 0 12px; width:170px; z-index:3; display: none; } #header #search-form input { background: none; border: none; font-family:Georgia,serif; font-size:12px; font-style: italic; color: #aad0ef; width: 165px; } .featitem { position: relative; margin: 0 50px; width: 858px; height: 417px; } #featured-slider { margin: 0 auto; width: 960px !important; height: 417px; } #pagetop p.tagline { font-weight: bold; font-size: 18px; color: #ffffff; text-shadow: 0px 1px 1px #15588a; padding-bottom: 14px; } #featured-slider div.excerpt { color: #ffffff; text-shadow: 1px 2px 2px #000000; float: left; width: 415px; } #featured-slider a.go-now { position: absolute; bottom: 20px; right: 10px; color: #ffffff; background: url(images/featured-readmore-right.png) no-repeat top right; display: block; height: 44px; padding-right: 20px; line-height: 38px; float: right; font-weight: bold; font-size: 14px; text-shadow: 1px 1px 1px #a45e00; margin-top: 18px; text-decoration: none; } #featured-slider a.go-now span { display: block; background: url(images/featured-readmore-left.png) no-repeat; padding: 0px 6px 7px 40px; } h2.feat-heading { font-family: Georgia, sans-serif; font-size: 65px; color: #ffffff; text-shadow: 1px 2px 2px #000000; padding-bottom: 18px;} #featured-slider p.tagline { font-family: Georgia, sans-serif; font-weight: normal; font-size: 37px; color: #ffffff; text-shadow: 0px 1px 1px #000000; padding-bottom: 14px; line-height: 100%; } #featured-slider p.byline { font-family: Arial, sans-serif; font-weight: bold; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; color: #ffffff; text-shadow: 0px 1px 1px #000000; padding: 20px 0; } .featured-text h1, .featured-text h2, .featured-text h3, .featured-text h4, .featured-text h5, .featured-text h6 { line-height: 1em;} /* #featured-slider img.thumb { float: right; } */ #featured-slider .featured-image { float: left; margin: 0 20px 0 -30px; width: 370px;} #featured-slider .featured-text { margin-top: 50px;} a#prevlink, a#nextlink { position: absolute; top: 174px; display: block; text-indent: -9999px; width: 48px; height: 48px; z-index: 10000; } a#prevlink { left: 65px; background: url(images/prevlink.png) no-repeat; } a#nextlink { right: 65px; background: url(images/nextlink.png) no-repeat; } #featured-thumbs { background: #dfdfdf; border-top: 1px solid #fcfcfc; min-height: 68px; } #featured-thumbs .container { padding: 20px 0px 20px 53px; width: 907px; } #featured-thumbs img { float: left; margin-left: 43px; padding: 0px; ackground: #ffffff url(images/thumb-bg.png); order: 1px solid transparent; -moz-box-shadow: #c2c2c2 4px 4px 5px; -webkit-box-shadow: #c2c2c2 4px 4px 5px; } #featured-thumbs img.hover { border: none; } #featured-thumbs div#active_item { background: url(images/activethumb.png) no-repeat; width: 28px; height: 14px; position: absolute; top: -1px; left: 118px ; } .thumb_popup { display: none; background: url(images/popup-bottom.png) no-repeat bottom left; left:52px; position:absolute; bottom:97px; width:239px; z-index:11; font-family: Georgia, serif; padding: 0px 0px 31px; } .thumb_popup p { color: #9d9c9c; font-style: italic; background: #ffffff; padding: 0px 25px 14px; } .thumb_popup p.heading { color: #313131; font-size: 18px; font-style: normal; padding: 15px 25px 8px; } /*------------------------------------------------*/ /*-----------------[EVENTS]-----------------------*/ /*------------------------------------------------*/ #home div.event_block { margin: 0; padding: 5px 0 7px 0; width: 225px; background: transparent ; border-bottom: none; font-family: Arial; font-size: 12px; } #home div.event_block h3 { padding:6px 0 10px 0; line-height: 18px; color: #3b3b3b; border-bottom: none; font-family: Arial; font-size: 12px; white-space: nowrap;} #home div.event_block div { float: none; display: block; padding: 0; color: #553922; font-size: 12px; font-weight: normal; border-right: none; } #home div.event_block div.date, #home div.event_block div.location {float: left; margin: -11px 0 0 0; padding: 0 7px; color: #797979; font-size: 10px; line-height: 12px; border-right: 1px solid; } #home div.event_block div.date { padding-left: 0; } #home div.event_block div.location { padding-right: 0 ; border-right: none; white-space: nowrap;} #home div.event_block.last { background-image: none;} #home div.event div { border-right: none; } div.event_block {position: relative; margin: 0 auto 20px auto; padding: 20px 0; width: 572px; font-family: Times; border-bottom: 1px solid #C0C0C0;} div.event_block span.day {position: absolute; top:6px; left:0; color: #C0C0C0; font-size: 48px; line-height: 48px; font-family: Georgia, Times;} div.event_block div.event { padding: 0 0 0 80px; } div.event div {float: left; margin: 0; padding: 0 7px; font-size: 12px; line-height: 12px; border-right: 1px solid;} div.event div.date { padding-left: 0;} div.event div.location { border-right: none;} h1.event-page-title {position: absolute; top: -154px; left: 30px; color: #ffffff; font-size: 48px !important; padding: 34px 0 15px 0 !important; text-transform: none !important; text-shadow: 1px 2px 2px #15588a; padding-bottom: 18px; } div.event_detail {position: relative; margin: 0 auto; padding: 20px 0; width: 572px; font-family: Times; font-size: 14px;} div.event_detail h2 { margin-bottom: 20px; border-bottom: 1px solid #C0C0C0; white-space: nowrap;} div.event table { width: 572px;} div.event table td {padding: 0 0 10px 0;} div.event table td.left_column { width: 30%;} div.event table td.right_column { width: 70%;} div.event table td.title { font-weight: bold;} #main-area .container #main div.back-btn a.button {display: block; margin: 0 0 50px 30px; color: #ffffff; background: transparent url(images/btn-signup-red.png) repeat-y top center; width: 112px; height: 29px; line-height: 29px; font-family: BebasRegular; border: none; text-align: center;} h3.current_month.events {padding: 40px 0 0 0; line-height: 18px; border-bottom: none; font-size: 18px; color: #c0c0c0;} h3.current_month.events.first {padding-top: 0;} .sidebar-events h4.title { background: url(images/sidebar-title-border.png) repeat-x bottom left; margin: 1px 0px 13px -4px; font-size: 18px; text-shadow: 1px 1px 1px #ffffff; padding: 0px 0px 14px 4px; } .sidebar-events div.event_block { margin: 0; padding: 5px 0 7px 0; width: 215px; background: transparent; border-bottom: none; font-family: Arial; font-size: 12px; } .sidebar-events div.event_block h3 { padding:6px 0 10px 0; line-height: 18px; color: #3b3b3b; border-bottom: none; font-family: Arial; font-size: 12px; } .sidebar-events div.event_block div { float: none; display: block; padding: 0; color: #553922; font-size: 10px; font-weight: normal; border-right: none; } .sidebar-events div.event_block div.date, .sidebar-events div.event_block div.location {float: left; margin: -11px 0 0 0; padding: 0 7px; color: #797979; font-size: 10px; line-height: 12px; border-right: 1px solid;} .sidebar-events div.event_block div.date { padding-left: 0; } .sidebar-events div.event_block div.location { padding-right: 0; border-right: none; white-space: nowrap; } .sidebar-events div.event_block.last { background-image: none;} .sidebar-events div.event_block div { border-right: none; } .sidebar-events img.icon { float: left; margin-right: 8px; width: 24px; height: 24px; } .sidebar-events a.readmore { margin: 20px 0 0 0;} .events-content { background: #f2f4f4; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; padding: 23px 20px 28px 24px; margin-top: 75px; } .events-content h3 { background: url(images/sidebar-title-border.png) repeat-x bottom left; margin: 0px 0px 13px -4px; font-size: 18px; text-shadow: 1px 1px 1px #ffffff; padding: 0px 0px 15px 4px; } .events-content h4 { margin-top: 20px; clear: both;} /*------------------------------------------------*/ /*-------------------[Media]----------------------*/ /*------------------------------------------------*/ h3.current_month { color: #c0c0c0;} .audio_block h4, .video_block h4 { font-size: 22px;} .audio_block.last, .video_block.last { border-bottom: none;} .audio_block { margin:30px 0 0 0; padding:0 0 45px 70px; border-bottom: 1px solid #C0C0C0;} .audio_block { background: transparent url(images/icon-mp3.png) no-repeat top left;} .audio_block .inner { color: #c0c0c0; } .audio_block p.mp3download { display: block; padding-top: 20px;} .audio_block p.mp3download a { float: left; color: #ffffff; background: url(images/readmore-sprite2.png) no-repeat top right; display: block; height: 24px; padding-right: 11px; line-height: 20px; font-weight: bold; font-size: 11px; text-shadow: -1px -1px 1px #909090; margin-top: 3px; } .audio_block p.mp3download a span { display: block; background: url(images/readmore-sprite.png) no-repeat; padding: 0px 3px 4px 15px; } .audio_block p.mp3download a:hover { background: url(images/readmore-sprite2.png) no-repeat bottom right; text-shadow: -1px -1px 1px #4e92c5; text-decoration: none;} .audio_block p.mp3download a:hover span { background: url(images/readmore-sprite.png) no-repeat bottom left; } .video_block { margin:30px 0 0 0; padding:0 0 40px 0px; border-bottom: 1px solid #C0C0C0;} .video_block.first { margin-top: 0;} .video_block .date, .video_block h4 .date { margin: 0 0 10px 0; color: #c0c0c0;} h3.current_month.video {padding: 80px 0 0 0; line-height: 18px; border-bottom: none; font-size: 18px;} h3.current_month.video.first {padding-top: 0;} .post p object {margin-top: 40px;} /*------------------------------------------------*/ /*----------------[Resources]----------------------*/ /*------------------------------------------------*/ .download { margin:20px 0 0 0; padding:0 0 20px 70px; font-family: Georgia; background: transparent url(images/icon-pdf.png) no-repeat top left; border-bottom: 1px solid #C0C0C0; clear: both; } .download a { color: #292929; font-size: 22px; line-height: 120%;} .download span {display: block; font-size: 10px; font-family: Arial;} /*------------------------------------------------*/ /*-------------------[COMMENTS]-------------------*/ /*------------------------------------------------*/ #comment-section { clear: both; float: left; margin-top: 25px; } p#comments { color: #1e1e1e; font-size: 25px; padding-bottom: 0px; font-family: Georgia, serif; } #content-area #comment-section ol.commentlist { padding: 34px 39px 35px 0px; float: left; margin: 55px 0px -95px; list-style-type: none; } .comment, .comment-body { float: left; } li.comment { margin-bottom: 10px; } .comment-author { float: left; margin: -90px 0px 0px -30px; z-index: 1; position: relative; } #content-area .comment-author img.avatar { border: 1px solid #DBDBDB; padding: 5px; background: #EDEDED; float: left; } .comment-info { float: left; padding: 3px 0px 0px 13px; font-size: 18px; font-family: Georgia, serif; } cite.fn, span.says, #content-area cite.fn a { color: #657f8c; } span.says, div.commentmetadata { font-style: italic; } #content-area div.commentmetadata, #content-area div.commentmetadata a { color: #b1b1a5; margin-top:2px; } .comment-top, .comment-bottom, .comment-content { float: left; } .comment-top { background: url(images/comment-top.png) no-repeat; height: 25px; margin-top: -12px; } .comment-content { padding-bottom: 10px; clear: both; width: 99%; } .comment-bottom-main { float: left; } .comment-bottom-left { background: url(images/comment-bottom-left.jpg) no-repeat; position: absolute; bottom: 0px; left: -1px; width: 8px; height: 37px; } .comment-bottom-right { background: url(images/comment-bottom-right.jpg) no-repeat; position: absolute; bottom: 0px; right: -1px; width: 8px; height: 37px; } .comment-body p { line-height: 28px; } #content-area ol.commentlist .children { float: left; clear: both; padding-bottom: 30px; width: 96%; margin: 0px; } #content-area ol.commentlist .children .comment-body { padding-top: 10px; width: 99%; } #content-area .commentlist .children li { padding:0px 3% 3%; width:97%; margin: 0px; float: left; background: #ffffff url(images/inner-comment-bottom-main.jpg) repeat-x bottom left; border-left: 1px solid #d1d1c2; border-right: 1px solid #d1d1c2; position: relative; } #content-area .commentlist .children li .comment-top-main { background: url('images/inner-comment-top-main.jpg') repeat-x top left; width: 100%; float: left; height: 6px; } #content-area ul.children li { background: none; } #content-area img.wp-smiley { border: none; padding: 0px; } .comment-top-left, .comment-top-right, .comment-top-main { height: 24px; } .comment-top-left { background: url('images/comment-top-left.jpg') no-repeat top left; width: 40px; left: -1px; top: 0px; position: absolute; } .comment-top-right { background: url('images/comment-top-right.jpg') no-repeat top right; width: 40px; right: -1px; top: 0px; position: absolute; } .comment-top-main { background: url('images/comment-top-main.jpg') repeat-x top left; width: 100%; float: left; } .bubble { background: url('images/bubble-top.png') no-repeat; width: 18px; height: 17px; top: -16px; left: 25px; z-index: 10; position: absolute; } .commentlist li { background:#F7F7F7 url(images/comment-bottom-main.jpg) repeat-x bottom left; border-left:1px solid #DFDFD7; border-right:1px solid #DFDFD7; position:relative; padding: 0px 30px 50px; margin: 0px 0px 60px; width: 496px; display: block; float: left; } .reply-container { position: absolute; bottom: 19px; right: 30px; z-index: 20; background: url('images/reply-right-bg.png') no-repeat right bottom; padding-right: 11px; } #content-area a.comment-reply-link { padding: 6px 15px; background: #657f8c; color: #feffff; font-style: italic; font-weight: bold; display: block; } .children .comment-top-left { background: url('images/inner-comment-top-left.jpg') no-repeat top left; width: 15px; left: -1px; top: 0px; position: absolute; } .children .comment-author { float:left; margin: 0px; width:100%; z-index:1; } .children .bubble { display: none; } .children .comment-top-right { background: url('images/inner-comment-top-right.jpg') no-repeat top right; width: 15px; right: -1px; top: 0px; position: absolute; } .children .comment-bottom-left { background: url(images/inner-comment-bottom-left.jpg) no-repeat scroll 0 0; height:7px; position:absolute; width:15px; } .children .comment-bottom-right { background: url(images/inner-comment-bottom-right.jpg) no-repeat scroll 0 0; height:7px; position:absolute; width:15px; } .children .reply-container { bottom: -10px; right: 30px; } .nocomments div#respond { margin-top: 0px; } div#respond h3 { font-size: 21px; margin: 5px 0px 7px; color:#303030; } div.navigation, div#respond { float: left; width: 595px; } div#respond { padding: 10px 0px 0px 0px; width: 90%; } form#commentform { float: left; width: 99%; position: relative; z-index: 10; } form#commentform textarea { width: 96%; border: 1px solid #D1D1C2; padding: 3px; } .cancel-comment-reply { padding-bottom: 12px; } #comment-section li.comment div#respond { margin-top: 0px; padding: 0px; } #comment-section div.navigation div.alignleft { padding-left: 35px; } #comment-section div#trackbacks { float:left; padding: 34px 39px 10px 35px; } div#trackbacks h3 { color:#1E1E1E; font-size:14px; margin-bottom: 7px; } ol.pinglist li { margin-bottom: 3px; } /*------------------------------------------------*/ /*---------------------[FOOTER]-------------------*/ /*------------------------------------------------*/ .footer { background: #282828 url(images/footer-top-bg.png) repeat-x; border-top: 4px solid #e2e2e2; color: #b9b9b9; height: 311px; text-align: left; } .footerWrapper { background: transparent url(images/bg-footer.png) repeat-x top left; height: 245px;} .footerWrapper .footerTop {width: 963px; margin: 0 auto; padding: 25px 0 0 3px; background: transparent url(images/bg-footer-highlight.png) no-repeat top center;} .footerWrapper div.page-block-wrapper {float: left; margin-right: 11px; width: 313px; height: 185px; } .footerWrapper div.page-block-wrapper.left { background: transparent;} .footerWrapper div.page-block-wrapper.center { background: transparent;} .footerWrapper div.page-block-wrapper.right { background: transparent;} .footerWrapper div.page-block { position: relative; width: 275px; margin-bottom: 30px; padding: 12px 25px 0 25px; font-size: 16px; font-weight: normal; overflow: hidden; } .footerWrapper div.page-block div {float: left;} .footerWrapper div.page-block-wrapper.last { margin-right: 0; } .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 { color: #fff;} .footerWrapper div.page-block { background: transparent url(images/img-footer-divider.png) no-repeat center 66px;} .footer h4.contact { margin: 0 0 25px 0; padding:0 0 0 70px; height: 40px; line-height: 58px; background: transparent url(images/icon-contact.png) no-repeat top left; } .footerWrapper div.page-block .info { width: 150px;} .footerWrapper div.page-block .email {display: block; width: 109px; height: 42px; background: transparent url(images/btn-subscribe.png) no-repeat top left;} .footerWrapper div.page-block .email span { position: absolute; left: -9999px;} .footerWrapper div.page-block .signup a {color: #ffffff; font-family: Arial, Verdana, sans-serif; font-size: 11px; } .footerWrapper div.page-block .signup { padding: 13px 0 0 0; width: 113px; text-align: center;} .footerWrapper div.page-block .info .phone { font-size: 21px;} .footerWrapper div.page-block .info .address { font-size: 14px; font-family: Georgia;} .footerWrapper div.page-block h4.social {margin: 0 0 25px 0; padding:0 0 0 54px; height: 42px; line-height: 58px; background: transparent url(images/icon-social.png) no-repeat top left; } .footerWrapper div.page-block.social div { float: left;} .footerWrapper div.page-block.social a {display: block; width: 68px; height: 68px; } .footerWrapper div.page-block.social .facebook {margin-left: 3px;} .footerWrapper div.page-block.social .facebook a {margin: 0 0 0 0; background: transparent url(images/btn-social-icons.png) no-repeat -2px 0;} .footerWrapper div.page-block.social .twitter a {margin: 0 0 0 0 ; background: transparent url(images/btn-social-icons.png) no-repeat -143px 0;} .footerWrapper div.page-block.social .youtube a {margin: 0 0 0 0; background: transparent url(images/btn-social-icons.png) no-repeat -285px 0;} .footerWrapper div.page-block.social .linkedin a {margin: 0 0 0 0; background: transparent url(images/btn-social-icons.png) no-repeat -427px 0;} .footerWrapper div.page-block.social .facebook a:hover { background-position: -72px 0;} .footerWrapper div.page-block.social .twitter a:hover { background-position: -215px 0;} .footerWrapper div.page-block.social .youtube a:hover { background-position: -357px 0;} .footerWrapper div.page-block.social .linkedin a:hover { background-position: -499px 0;} .footerWrapper div.page-block.social .facebook a span { position: absolute; left: -9999px;} .footerWrapper div.page-block.social .twitter a span { position: absolute; left: -9999px;} .footerWrapper div.page-block.social .youtube a span { position: absolute; left: -9999px;} .footerWrapper div.page-block.social .linkedin a span { position: absolute; left: -9999px;} .footerWrapper div.page-block h4.twitter {margin: 0 0 25px 0; padding:0 0 0 74px; height: 40px; line-height: 58px; background: transparent url(images/icon-iphone.png) no-repeat top left; } .footerWrapper div.page-block.twitter .tweet {font-family: Times, Georgia; font-size: 12px; font-weight: normal;} .footer h4 { font-size: 26px;} .footer a { color: #d3d3d3; } .footer a:hover { color: #f7f7f7; } .footer .container { background: url(images/footer-light.jpg) no-repeat; padding: 55px 0px 0px 30px; width: 930px; } .footer .widget { float: left; width: 273px; margin: 0px 45px 42px 0px; } .footer .widget.last { clear: right; margin-right: 0px; } .footer h3.widgettitle { font-size: 30px; color: #ffffff; text-shadow: 1px 1px 2px #0A0A0A; background: url(images/footer-title-border.png) no-repeat bottom left; padding: 0px 0px 15px 3px; margin: 0px 0px 17px -3px; } .footer .widget ul { margin: 0px 0px 0px 9px; } .footer .widget ul li { background: url(images/footer-bullet.png) no-repeat 0px 10px; padding: 7px 0px 7px 18px; } .footer .widget ul li ul { padding:5px 0px 0px 7px; margin: 0px 0px -12px; } ul#menu-footer-menu li.first {padding-left: 0;} .footerBottomWrapper { height: 65px; border-top: 1px solid #2f2f2f; background: #000000 url(images/bg-copyright.png) repeat-x;} .footerBottom {position: relative; margin: 0 auto; padding: 15px 0 0 40px; width: 872px; color: #636161; background: transparent url(images/logo-footer.png) no-repeat 0 12px; font-size: 12px; line-height: 12px; } .footerBottom .container { padding: 22px 0px 12px 0px; } .footerBottom a { color: #8a8989; } div.footer a:hover { color: #ffffff; } div.footer .footerBottom a { color: #636161;} div.footer .footerBottom a:hover { color: #B9B9B9;} .footerBottom p.copyright { float: left; line-height: 12px; color: #636161; text-shadow: 1px 1px 1px #000000;} .footerBottom .menu-footer-menu-container ul li, .footerBottom .menu-footer-menu-2-container ul li { float: left; padding: 0 10px; border-right: 1px solid; } .footerBottom .menu-footer-menu-container ul li#menu-item-92 {padding-left: 0;} .footerBottom .padTop { padding-top: 10px;} .brm { position: absolute; top: 10px; right: -10px; width: 228px; height: 45px;} .brm a { display: block; width: 228px; height: 45px; background: transparent url(images/buzzrocketmedia_watermark.png) no-repeat top left;} .brm a span { position: absolute; left: -9999px;} /*------------------------------------------------*/ /*-------------------[PRODUCTS]-------------------*/ /*------------------------------------------------*/ .product_block { position: relative; padding:10px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; background:none repeat scroll 0 0 #F2F4F4; margin-bottom:40px; padding:23px 20px 28px 24px; } .product h3.title { background:url("images/sidebar-title-border.png") repeat-x scroll left bottom transparent; font-size:18px; margin:0 0 13px -4px; padding:0 0 15px 4px; text-shadow:1px 1px 1px #FFFFFF;} .product-details { margin-left: 150px;} .product-price-details { margin-top: 10px; padding:10px; width:365px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; background:none repeat scroll 0 0 #ffffff; height: 39px;} .product .product-price { float: left; padding: 9px 0 0 15px; font-size: 18px; font-weight: bold;} .product .product-price span { padding: 0 0 0 20px; font-size: 12px; font-weight: normal;} .product .product-description {margin-bottom:60px; overflow: hidden;} .product .product-description ul { list-style-type: disc; padding-left: 20px;} .product .product-image { border:1px solid #dfdfdf; float:left; margin:5px 0; padding:2px; } .product .product-image img { width: 125px;} .product .add-cart { float: right;} .product-details .download { margin: 0 0 20px 0px; padding: 0 0 20px 50px; width: 200px; border-bottom: none;} .product-details .download a {font-size: 16px;} .view-cart { height:46px; padding:0 0 0 50px; background: transparent url(images/icon-cart.png) no-repeat top left;} #sidebar .widget.view-cart-box { padding: 23px 20px; margin-top: 26px; } .view-cart form { padding-top: 4px;} div.post form img { border: none;} /*------------------------------------------------*/ /*--------------------[SIDEBAR]-------------------*/ /*------------------------------------------------*/ #sidebar { float: right; width: 255px; margin: 0px 30px 0px 0px; } body#home #sidebar.home { width: 301px; } body#home #content-area, body#home #sidebar { margin-top: 55px; } #content-area, .single_page_container { margin-top: 40px; } #sidebar { margin-top: 14px; } #sidebar .widget { background: #f2f4f4 url(images/widget_bottom.png) no-repeat bottom left; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; padding: 23px 20px 28px 24px; margin-top: 26px; } #sidebar .widget h3.widgettitle { background: url(images/sidebar-title-border.png) repeat-x bottom left; margin: 0px 0px 13px -4px; font-size: 18px; text-shadow: 1px 1px 1px #ffffff; padding: 0px 0px 15px 4px; } #sidebar .widget h3.widgettitle.stacked { margin-top: 20px; clear: both;} #sidebar .widget h3.widgettitle span.envelope { padding: 5px 0 5px 35px; background: transparent url(images/icon-envelope.png) no-repeat center left;} #sidebar .widget h3.widgettitle span.envelope-gray { padding-left: 35px; background: transparent url(images/icon-envelope-gray.png) no-repeat center left;} #sidebar .widget ul ul { margin: 0px 0px 0px 15px; } #sidebar .widget ul li { background: url(images/list-icon.png) no-repeat 0px 10px; padding: 7px 0px 7px 18px; } #sidebar .widget ul li ul { padding:5px 0px 0px 7px; margin: 0px 0px -12px; } #sidebar #fromblog { background: #f2f4f4 url(images/sidebar-widget.png) no-repeat bottom left; position: relative; padding: 24px 20px 9px 31px; margin-top: 0px; } #fromblog #rss-icon { position: absolute; top: 22px; left: 28px; } #sidebar #fromblog h3.widgettitle { padding: 0px 0px 15px 35px; } #fromblog h4 { font-family: Arial, Verdana, sans-serif; font-size: 12px; background: url(images/icon-shield-small.png) no-repeat top left; padding: 0px 0px 4px 19px; } #fromblog h4 a { color: #3a3a3a; } #fromblog p.meta-info { margin-bottom: 4px; font-style: italic; } #sidebar .widget a.readmore.stacked {margin-bottom: 30px;} /*------------------------------------------------*/ /*------------[CAPTIONS AND ALIGNMENTS]-----------*/ /*------------------------------------------------*/ div.post img { display: block; margin: 0 20px 20px 0; border: 1px solid #C0C0C0; padding: 4px; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; } .wp-caption.alignleft { margin: 0px 10px 10px 0px; } .wp-caption.alignright { margin: 0px 0px 10px 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .alignright { float: right; } .alignleft { float: left } img.alignleft { display:inline; float:left; margin-right:15px; } img.alignright { display:inline; float:right; margin-left:15px; } div.post img.alignright { margin-left:15px; } /*------------------------------------------------*/ /*---------------[DEFAULT DROPDOWN SETTINGS]------*/ /*------------------------------------------------*/ .nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; } .nav li { float:left; position:relative; } .nav a { display:block; float: left; } .nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:35px; } .nav li:hover li ul, .nav li.sfHover li ul { top:-999em; } .nav li li:hover ul, ul.nav li li.sfHover ul { left:203px; top:0px; } .nav li:hover ul, .nav li li:hover ul { top: -999em; } .nav li li { display: block; padding: 0px; float: left; height: auto !important; } .nav li ul { width: 202px; } .nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; } .nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } /*------------------------------------------------*/ /*-----------------[WP CALENDAR]-----------------*/ /*------------------------------------------------*/ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 219px; } #wp-calendar a { display: block; text-decoration: none; font-weight: bold; } #wp-calendar a:hover { text-decoration: underline; } #wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif; } #wp-calendar td { padding: 3px 5px; color: #9f9f9f; } #wp-calendar td#today { color: #ffffff; } #sidebar #wp-calendar td#today { color: #000000; font-weight: bold; } #wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } /*------------------------------------------------*/ /*----------------[CONTACT FORM]------------------*/ /*------------------------------------------------*/ #content-area div.post .wpcf7-form{ padding-bottom: 20px; font-family: Georgia, Times;} #content-area div.post .wpcf7 { margin-top: 20px;} #content-area div.post .wpcf7 p { margin: 0 0 20px 0; font-size: 18px; } #content-area div.post .wpcf7 p span.label { display: inline-block; padding: 7px 0 0 0; width: 150px; vertical-align: top;} #content-area div.post .wpcf7 input, #content-area div.post .wpcf7 textarea { width: 320px; font-size: 18px; padding: 5px; border: 2px solid #C0C0C0; } #content-area div.post .wpcf7 input.wpcf7-submit {background: transparent url(images/form_elements_sprite.png) repeat-y bottom left; width: 135px; height: 30px; font-family: Arial, sans-serif; font-size: 14px; border: none; cursor: pointer; text-shadow:-1px -1px 1px #dfdfdf;} #content-area div.post .wpcf7-checkbox input { margin: 0 10px 0 -10px; width: 15px;} #content-area div.post .wpcf7-checkbox { margin: 0; } #content-area div.post .wpcf7 p.btn_send {margin: 20px 0 0 0;} #content-area div.post .wpcf7 img.captcha { float: left; margin: 0 0 7px 0; border: 2px solid #C0C0C0; } #content-area div.post .wpcf7 .right_column { float: right; margin: 20px 92px 0 0; width: 340px;} #content-area div.post .wpcf7 span.verify {float: right; padding: 4px 10px 0 0; font-size: 14px;} #content-area div.post .wpcf7 h4 {margin: 40px 0 20px 0; } #content-area div.post .checkbox-495 { float: right; margin-right: 110px; } #content-area div.post .checkbox-916 { float: right; margin-right: -13px; } /*------------------------------------------------*/ /*----------------[CONTACT FORM]------------------*/ /*------------------------------------------------*/ .contact-form { float: left; width: 558px;} .contact-form input { width: 320px; font-size: 18px; padding: 5px; border: 2px solid #C0C0C0; } .locations {float: right; margin: 30px 0 0 100px; width: 180px;} .address {padding-bottom: 50px;} /*------------------------------------------------*/ /*-------------------[PAGE NAVI]------------------*/ /*------------------------------------------------*/ .pagination { overflow: hidden; padding: 15px 12px 0px; } .wp-pagenavi { position: relative; } .wp-pagenavi a, .wp-pagenavi a:link { padding: 5px 7px !important; margin: 2px; text-decoration: none; border:1px solid #E9E9E9 !important; color: #413f36; background-color: #fff; font-weight: normal !important; } .wp-pagenavi a:visited { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #e9e9e9; color: #413f36; background-color: #fff; } .wp-pagenavi span.pages { padding: 5px 7px 5px !important; margin: 2px !important ; color: #000000; border:1px solid #E9E9E9 !important; color: #413f36; background-color: #fff; } .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { padding: 5px 7px !important; margin: 2px; font-weight: bold; background-color:#7798A6 !important; border:1px solid #618391 !important; color:#FFFFFF !important; } a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a { text-decoration: none; } .js #feat-content, .js div#from-blog div.entries {display: none;} .foursixeight { margin: 30px 0px 15px 84px;} .fullwidth { width: 100% !important; } #content-area.fullwidth { width: 930px !important; } #content-area.fullwidth_home { width: 880px !important; }