/* Theme Name: Local Search Traffic - 2010 Theme Theme URI: http://www.localsearchtraffic.com Description: This is custom theme designed for Local Search Traffic by Location3 Media. Author: Ryan Geiger */ /* ------ GLOBAL STYLES ------ */ body {font-family:Arial, Helvetica, sans-serif; font-size: 12px; background-color: #ffffff; line-height: 20px; margin-right: auto; margin-left: auto; padding: 0; margin: 0;} #canvas {width: 1000px; margin-right: auto; margin-left: auto;} .clear { clear: both; } a, a:active, a:visited {font-weight: bold; color: #2e3138; text-decoration:none;} a:hover {text-decoration: underline;} h1 {font-size: 24px; line-height: 24px; display: block; background-color: #3d3d4d; float: left; width: 925px; color: #FFF; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; margin-bottom: 25px; clear: both;} h2 {font-size: 18px; line-height: 18px; font-weight: bold;} h3, h3 a, h3 a:active, h3 a:visited {font-size: 14px; line-height: 14px; font-weight: bold; color: #006699; margin:0; padding:0;} h4{font-size: 30px; line-height: 30px; font-weight: bold; color:#FFF; margin: 0;} img {float: left; outline: none; border:0;} img a, img a:active, img a:visited {border: 0; float: left; outline: none;} .img_border{outline: none; border: thick solid #333; float: left;} .img_thumb{outline: none; border: medium solid #333; margin-right:15px; margin-top: 15px;} .img_thumb_last{outline: none; border: medium solid #333; margin-top: 15px;} .img_work{outline: none; border: medium solid #333; float: left; margin-bottom: 10px;} #btn_dark{font-size: 11px; font-weight: bold; color: #FFF; background-color: #006699; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; text-align: center; -moz-border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background-image: url(images/bg_btn_dark.jpg); background-repeat: repeat-x; background-position: left top; display: inline-block;} #btn_dark a, btn_dark a:active, btn_dark a:visited{color: #FFF;} #btn_light{font-size: 11px; font-weight: bold; color: #333; background-color: #999; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; text-align: center; -moz-border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background-image: url(images/bg_btn_light.jpg); background-repeat: repeat-x; background-position: left top; display: inline-block;} #btn_light a, btn_light a:active, btn_light a:visited{color: #333;} /* ----- TOP BAR - MAIN NAVIGATION AND LOGO STYLES -----*/ #topWrapper{position: relative; width: 1000px; height: 150px; margin: 0 auto 25px auto; background-image: url(images/body_header.jpg); background-repeat: no-repeat; background-position: center top;} #navigation{float: right; margin-top:140px;} #navigation a, navigation a:active, navigation a:visited{font-size: 12px; font-weight: bold; color: #333333; text-decoration: none;} #navigation a:hover{text-decoration: underline;} #navigation li{display: inline; padding-left: 8px; list-style-type: none;} #logo{float: left; margin-top:42px;} /* ----- HEADER STYLES ----- */ #headerWrapper{width: 100%; height: 270px; position: relative; float: left; background-color: #9CC; clear: both;} .header_img{float: left; padding:18px;} .header_img_425{float: left; width: 425px;} .header_copy{float: left; width: 500px; padding-top: 50px; padding-left:10px;} .header_copy_475{float: left; width: 475px; margin-left: 50px;} .btn{background-image: url(images/button_grad.jpg); background-repeat: repeat-x; background-position: left bottom; background-color: #ff9900; padding-right: 50px; padding-left: 50px; padding-top: 9px; padding-bottom: 9px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #headerWrapper a, headerWrapper a:active, headerWrapper a:visited{text-transform: uppercase; color: #FFF;} #headerWrapper a:hover{text-decoration: underline;} #myController{margin-bottom: 15px; width: 100%;} #myController a, myController a:visited{color: #FFF; background-color: #9CC; display: inline-block; padding-top: 9px; padding-right: 20px; padding-bottom: 9px; padding-left: 20px;} #myController a:active{} #myController a:hover{background-color: #333; text-decoration: none;} .jFlowControl{} .clear { clear: both; } /* ----- CONTENT STYLES ----- */ #contentWrapper{width: 950px; float: left; position: relative; background-color: #FFF; padding: 25px; border: thin solid #CCC;} #wrapper{width:100%; float: left; position: relative; clear: both; margin-bottom: 15px;} .left_side{float: left; width: 600px; overflow: auto; } .content50{float: left; width: 450px;} .content50_2{float: left; width: 450px; padding-left: 45px;} .content33{float: left; width: 375px;} .content33_2{float: left; width: 500px; padding-left:75px;} #columnWrapper{width: 100%; float: left; position: relative; font-size:12px; clear: both; margin-bottom: 10px;} .column{float: left; width: 250px; margin-right: 100px;} .column_last{float: left; width: 250px;} .column25{float: left; width: 200px; margin-right: 50px;} .column25_2{float: left; width: 200px;} #contentWrapper img{float: left; margin-right: 5px;} #contentWrapper img.alignnone { float: none; } .desc{font-size:10px; color:#CCC; text-transform: uppercase; line-height: 10px; margin: 0px; font-weight: bold; padding-top: 3px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;} /* ----- SIDEBAR STYLES ----- */ #sidebarWrapper{float: right; width: 250px; position: relative; margin-left: 25px; font-size: 11px; line-height: 18px; border-left-width: thin; border-left-style: solid; border-left-color: #CCC; padding-left: 20px;} #sidebarWrapper h3{font-size: 14px; line-height: 14px; font-weight: bold; color: #F60;} #sidebarWrapper a, sidebarWrapper a:visited, sidebarWrapper a:active{font-size: 14px; line-height: 14px; font-weight: bold; color: #F60; text-decoration:none;} #sidebarWrapper a:hover{text-decoration:underline;} /* ----- SIDEBAR FORM STYLES ----- */ .page{position: absolute; top: 10; left: 100; visibility: hidden; clear: both; margin-bottom: 100px;} /* ----- CONTACT PAGE STYLES ----- */ #contactWrapper{width: 100%; float: left; position: relative; font-size: 12px; line-height: 18px; background-color: #2e3138;} /* ----- FOOTER STYLES ----- */ #footerCanvas{width: 1000px; margin-right: auto; margin-left: auto;} #footerWrapper{float: left; width: 100%; margin-top: 25px; margin-bottom: 25px;} #footerBody h3{color:#FFF; font-weight:bold;} #footerBody strong{color: #FFF;} #footerBody a, footerBody a:active, footerBody a:visited {color:#33ccff; text-decoration:none;} #footerBody a:hover{text-decoration: underline;} #footerBody img{float: left; padding-right: 5px;} #footerBody p{clear:both;} .copyright{font-size:10px; color:#666; padding-top: 25px; position: relative; float: left; width:55%; } .copyright li{ list-style:none; display: inline; padding-right: 5px;} #certs{float: left; position:relative; padding-bottom: 10px; text-align: right; } #certs li{position:relative; float:left; display: inline-block; list-style:none; margin: 25px 25px 25px 0;} #google-certs { margin: 0; padding: 0; float: right; width: 35%; } #google-certs li { margin: 25px 25px 0 0; display: inline-block; *display: inline; *float: left; } /* ----- TWITTER FEED STYLES ----- */ #twitter{float:left; position: relative;} #twitter_update_list{padding:0; margin:0;} #twitter_update_list li{list-style:none; margin-bottom: 10px;} /* Video Page social Icons */ #socialicons { float: right; margin: 0 0 10px 10px; } .fb { display: block; margin-right: 10px; float: left; padding: 2px 0 0 0;} .clear {clear: both;} .twitter-share-button { float: left; } #tocc .tocc_footer { display: none; } /* Blog */ #contentWrapper.blog { border: none; padding-left: 0; padding-right: 0; width: 1000px; } #contentWrapper.blog img { display: inline; } #featured-post { width: 315px; border: 1px solid #eae9e9; border-bottom: 4px solid #f26624; position: relative; float: left; display: inline; height: 435px; } #featured-post h2 { background: #f26624; padding: 8px 10px 8px 20px; display: inline-block; color: #fff; border-right: 8px solid #fff; width: 60%; top: 200px; font-size: 14px; left: 0; z-index: 9999; position: absolute; } #featured-post img { border-bottom: 1px solid #eae9e9; } #featured-post h2 a:link, #featured-post h2 a:visited { color: #fff; } #featured-post h2 a:hover { text-decoration: none; color: #fff; } #featured-text { padding: 10px; width: 295px; position: relative; padding-bottom: 25px; clear: both; } #featured-text p.post-date, #featured-text a.post-comments { position: absolute; } #archiveWrapper p.postmetadata { position: relative; } #archiveWrapper a.post-comments { display: block; position: absolute; top: 0; } #featured-text a.post-comments, #archiveWrapper a.post-comments { bottom: 5px; *bottom: 10px; right: 10px; background: url(images/comment-count-big.png) no-repeat; width: 21px; height: 23px; color: #fff; text-align: center; font-size: 10px; line-height: 160%; } #featured-text p.post-date { bottom: 0; *bottom: 10px; right: 40px; text-align: right; font-size: 11px; font-style: italic; color: #bcbcbc; } #featured-text p { margin-top: 0; font-size: 11px; line-height: 21px; color: #767676; } #additional-posts { float: left; display: inline; margin-left: 10px; border: 1px solid #eae9e9; border-bottom: 4px solid #f26624; height: 435px; width: 385px; } .featured-secondary-post { padding: 10px; border-bottom: 1px solid #eae9e9; position: relative; padding-bottom: 15px; width: 365px; height: 118px; } .featured-secondary-post:nth-child(3) { border-bottom: none; } #contentWrapper.blog .featured-secondary-post img { float: left; margin-right: 10px; border: 1px solid #eae9e9; } .featured-secondary-post h2 { margin: 0; } .featured-secondary-post h2 a:link, .featured-secondary-post h2 a:visited { color: #f26624; font-size: 12px; margin: 0; } .featured-secondary-post p { margin-top: 0; font-size: 11px; line-height: 16px; color: #767676; } .featured-secondary-post a.post-comments, .featured-secondary-post p.post-date { position: absolute; bottom: 0; right: 0; color: #767676; } .featured-secondary-post a.post-comments { width: 17px; height: 17px; background: url(images/comment-count-small.png) no-repeat; text-align: center; line-height: 14px; font-size: 9px; color: #000; bottom: 5px; right: 10px; } .featured-secondary-post p.post-date { text-align: right; font-size: 11px; font-style: italic; color: #bcbcbc; right: 35px; bottom: 0; *bottom: 10px; line-height: 100%; } .blog #sidebarWrapper { width: 220px; padding-left: 0; border-left: none; margin-left: 0; } .blog #sidebarWrapper h3 { font-size: 30px; color: #d1d1d1; text-align: right; line-height: 32px; margin-bottom: 5px; } .blog #sidebarWrapper #searchform input { float: left; width: 187px; background: #fff; border: 1px solid #eae9e9; -moz-border-radius: 0; -webkit-border-radius: 0; height: 24px; border-right: none; } .blog #sidebarWrapper #searchform #searchsubmit { width: 29px; background: url(images/search-btn.png) no-repeat; display: block; text-indent: -9999px; border: none; padding: 0; height: 29px; } .blog #sidebarWrapper ul { margin: 0; padding: 0; } ul li.side-item { list-style-type: none; margin-bottom: 15px; } ul li.side-item ul { list-style-type: none; } ul li.side-item ul.categories li { display: inline-block; float: right; margin-left: 3px; margin-bottom: 5px; background: #f26624; padding: 5px; } #sidebarWrapper ul li.side-item ul.categories li a:link, #sidebarWrapper ul li.side-item ul.categories li a:visited { color: #fff; } ul li.social { margin-top: 20px; text-align: right; } ul li.social li { height: 20px; margin-bottom: 10px; } #archiveWrapper { width: 700px; float: left; } a.read-more { color: #c6480c; } .navigation { margin-top: 20px; } .navigation a { display: block; padding: 5px 10px; text-align: center; color: #fff; background: #c6480c; } /* Single Post Page */ #archiveWrapper .postmetadata { height: 30px; } .archive-post { border-bottom: 1px solid #eae9e9; } #contentWrapper.blog #blog-post { width: 700px; float: left; } #contentWrapper.blog #blog-post h1, #archiveWrapper h1 a, h1#blog-header { font-size: 36px; color: #f26624; display: block; border-bottom: 3px solid #f26624; line-height: 110%; padding-left: 5px; background: none; padding-bottom: 3px; width: 100%; margin-top: 0; padding-top: 0; margin-bottom: 0; } h1#blog-header { margin-bottom: 10px; float: none; text-align: right; } #archiveWrapper h1 { background-color: transparent; padding: 0; width: 100%; margin-bottom: 0px; color: #f26624; } #archiveWrapper h1 a:link, #archiveWrapper h1 a:visited { border-bottom: none; padding-left: 0; } #archiveWrapper h1 a:hover { padding-bottom: 0; border-bottom: 3px solid #F26624; text-decoration: none; color: #F26624; } #archiveWrapper h1#not-found { font-size: 48px; margin-bottom: 35px; } #post-meta { padding-left: 5px; margin-bottom: 5px; } #post-meta p { color: #c2c2c2; font-size: 11px; } #post-meta a:link, #post-meta a:visited { color: #da8963; font-weight: normal; } #archiveWrapper #post-meta { padding-left: 0; } #blog-post .entry, #archiveWrapper .entry p { font-size: 13px; color: #707070; line-height: 24px; } h2#comments { font-size: 12px; font-weight: bold; color: #8d8d8d; background: #ededed; padding: 3px 5px; margin-top: 35px; margin-bottom: 15px; } ol#commentlist { list-style-type: none; padding: 0; margin: 0; padding-left: 10px; } ol#commentlist li { overflow: auto; position: relative; border-bottom: 1px solid #ededed; } #contentWrapper.blog ol#commentlist li img { float: left; margin: 0 10px 10px 0; } #contentWrapper.blog ol#commentlist li p { margin-top: 0; } #contentWrapper.blog ol#commentlist li p.comment-info { font-size: 11px; color: #7d7d7d; font-weight: bold; margin-bottom: 0; padding-bottom: 0; } #contentWrapper.blog ol#commentlist li p.comment-info span { font-size: 13px; color: #333; text-decoration: none; } form#commentform label { font-size: 13px; font-weight: bold; color: #3E3D4D; letter-spacing: .5px } form#commentform input, form#commentform textarea { background: #fff; padding: 3px; border: 1px solid #ccc; color: #777; } form#commentform #submit { font-weight: bold; padding: 5px 10px; background: #3E3D4D; color: #fff; } /* =Images -------------------------------------------------------------- */ /* Resize images to fit the main content area. - Applies only to images uploaded via WordPress by targeting size-* classes. - Other images will be left alone. Use "size-auto" class to apply to other images. */ #contentWrapper.blog img.size-auto, #contentWrapper.blog img.size-full, #contentWrapper.blog img.size-large, #contentWrapper.blog img.size-medium, #contentWrapper.blog .attachment img { max-width: 100%; /* When images are too wide for containing element, force them to fit. */ height: auto; /* Override height to match resized width for correct aspect ratio. */ } #contentWrapper.blog .alignleft, #contentWrapper.blog img.alignleft { display: inline; float: left; margin-right: 24px !important; margin-top: 4px; } #contentWrapper.blog .alignright, #contentWrapper.blog img.alignright { display: inline; float: right; margin-left: 24px !important; margin-top: 4px; } #contentWrapper.blog .aligncenter, #contentWrapper.blog img.aligncenter { clear: both; display: block; float: none; margin-left: auto; margin-right: auto; } #contentWrapper.blog img.alignleft, #contentWrapper.blog img.alignright, #contentWrapper.blog img.aligncenter { margin-bottom: 12px; } .wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; max-width: 632px !important; /* prevent too-wide images from breaking layout */ padding: 4px; text-align: center; } .wp-caption img { margin: 5px 5px 0; } .wp-caption p.wp-caption-text { color: #888; font-size: 12px; margin: 5px; } .wp-smiley { margin: 0; } .gallery { margin: 0 auto 18px; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery img { border: 2px solid #cfcfcf; } .gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl { margin: 0; } .gallery img { border: 10px solid #f1f1f1; } .gallery br+br { display: none; } #content .attachment img {/* single attachment images should be centered */ display: block; margin: 0 auto; }