/* Theme Name:MediaKick2010 Theme URI:http://mediakick.org Description:Theme for MediaKick 2010 Author:David Howard Author URI:http://djhsecondnature.me Version:1.2 */ /* Reset */ html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, img, small, strong, dl, dt, dd, ol, ul, li, fieldset, form, label{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent} body{line-height:1.5; font-family:TextRegular,Helvetica,Arial,sans-serif} ol{padding-left:28px} ul{list-style:none} img#wpstats{display:none} /* End Reset */ /* ------------------------------------------------------------- Typography -------------------------------------------------------------- */ body{font-size:80%} body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, input, textarea{font-family:Helvetica,Arial,sans-serif} h1, h2, h3, h4, h5, h6{font-weight:bold} h1{font-size:3em; line-height:1; margin-bottom:0.5em} h2{font-size:2.2em; margin-bottom:0.75em} h3{font-size:1.5em; line-height:1; margin-bottom:1em} h4{font-size:1.2em; line-height:1.25; margin-bottom:1.25em} h5{font-size:1em; margin-bottom:1.5em} h6{font-size:1em} p{margin:0 0 1.5em} dl{margin:0 0 1.5em 0} dl dt{font-weight:bold} dl dd{margin-left:1.5em} abbr, acronym{border-bottom:1px dotted #000} address{margin-top:1.5em; font-style:italic} del{color:#000} a{color:#0299d2; text-decoration:none} a:hover{text-decoration:underline} strong{font-weight:bold} em, dfn{font-style:italic} dfn{font-weight:bold} pre, code{margin:1.5em 0; white-space:pre} pre, code, tt{font:1em monospace; line-height:1.5} tt{display:block; margin:1.5em 0; line-height:1.5} span.amp{/* For better-looking ampersands */ font-family:TextRegular,Helvetica,Arial; font-style:italic} img.alignright{float:right; margin:0 0 1em 1em} img.alignleft{float:left; margin:0 1em 1em 0} img.aligncenter{display:block; margin-left:auto; margin-right:auto} a img.alignright{float:right; margin:0 0 1em 1em} a img.alignleft{float:left; margin:0 1em 1em 0} a img.aligncenter{display:block; margin-left:auto; margin-right:auto} /* Main Styles */ body{background:url(img/bkg/mkbkg.jpg) no-repeat scroll center top #0f0f0f; color:#444446} a{color:#c92020; text-decoration:none} a:hover{color:#c92020; text-decoration:underline} img{border:1px solid #dedede; padding:3px} img.noborder{border:none; padding:3px} object{margin:12px 0; display:block} blockquote{background:url(img/blockquote.png) no-repeat top left; font-style:italic; margin:20px 10px 30px; padding:0 0 0 45px} input{background:#444446; border:1px solid #eee; color:#FFBC0A; padding:3px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px} input:focus, input:hover{} /* Content */ #wrap{width:992px; margin:0 auto} #header{float:left; position:relative; width:100%; margin:0 0 20px 0} #header h1{background:url(img/logo.png); no-repeat; width:360px; height:80px; text-indent:-9999px; float:left; margin-top:24px} #header h1 a{width:360px; height:80px; display:block} #top-strip{background:none; height:0px; font-size:11px} #logo-strip{width:992px; height:125px; overflow:hidden; margin:0 auto} #user-profile-container{float:right; margin:32px 0} #user-profile{width:320px; background:#111; border:1px solid #c3c3c3; padding:6px; height:48px} #user-profile #user-images{float:left} #user-profile #user-images img{border:none; padding:0} #user-profile #user-images img.avatar{border:1px solid #CCC} #user-profile #user-avatar{} #user-profile .user-title{float:left; margin-left:15px; margin-top:4px} #user-profile .user-title h3{font-size:1em !important; color:#fff; font-weight:bold; line-height:1.25em; margin-bottom:0; display:inline} #user-profile .user-title a{color:#FFBC0A} /* Ads */ img#headeradlink{float:right; border:none; width:728px; height:90px; margin:12px 0px 25px; padding:0px} #sidebaradlink1{width:300px; border:1px solid #c3c3c3; height:250px; margin-left:4px; margin-right:4px; margin-bottom:12px; padding:auto} #sidebaradlink2{width:160px; border:1px solid #c3c3c3; height:600px; margin-left:4px; margin-right:4px; margin-bottom:12px; margin-top:25px; padding:auto} /* Navigation */ .menu-wrapper{background-position:0px 0px; padding:5px} .menu-white{color:#444; text-shadow:#fff 1px 1px 1px; background-image:url("img/nav/menu.white.bg.png")} .menu-grey{color:#444; text-shadow:#fff 1px 1px 1px; background-image:url("img/nav/menu.grey.bg.png")} .menu-black{color:#fff; text-shadow:#222 1px 1px 1px; background-image:url("img/nav/menu.black.bg.png")} .menu-yellow{color:#fff; text-shadow:#B19F3D 1px 1px 1px; background-image:url("img/nav/menu.yellow.bg.png")} .menu{display:block; position:relative; width:992px; height:50px; margin:0px auto 0px !important; text-align:left; font-size:14px} .menu li{display:block; width:120px; height:50px; line-height:50px; float:left} .menu li.li_home{width:121px; text-indent:5px} .menu li.li_twitter{float:right} .menu li.li_rss{float:right} .menu li.li_search{width:320px} .menu li.li_search input{margin:16px 23px 0; width:170px; font-weight:bold; color:#444; float:right; background:none; border:none} .menu li.li_button{width:39px; text-indent:-12000px} .menu li a{display:block; width:100%; height:50px; line-height:50px; text-align:center; text-decoration:none; font-family:Helvetica; font-weight:bold; background-color:transparent; background-position:0px 0px} li.li_home a{background-position:-4px -5px} li.li_news a{background-position:-125px -5px} li.li_reviews a{background-position:-245px -5px} li.li_blog a{background-position:-365px -5px} li.li_gallery a{background-position:-485px -5px} li.li_search a{background-position:-605px -5px} li.li_button a{background-position:-927px -5px} li.li_rss a{background-position:-4px -5px} li.li_twitter a{background-position:-4px -5px} li.li_home a:hover{background-position:-4px -65px} li.li_news a:hover{background-position:-125px -65px} li.li_reviews a:hover{background-position:-245px -65px} li.li_blog a:hover{background-position:-365px -65px} li.li_gallery a:hover{background-position:-485px -65px} li.li_search a:hover{background-position:-605px -5px} li.li_button a:hover{background-position:-927px -5px} li.li_rss a:hover{background-position:-4px -65px} li.li_twitter a:hover{background-position:-4px -65px} .menu-white a{color:#444; text-shadow:#fff 1px 1px 1px; background-image:url("img/nav/menu.white.png")} .menu-grey a{color:#444; text-shadow:#fff 1px 1px 1px; background-image:url("img/nav/menu.grey.png")} .menu-black a{color:#fff; text-shadow:#222 1px 1px 1px; background-image:url("img/nav/menu.black.png")} .menu-yellow a{color:#fff; text-shadow:#B19F3D 1px 1px 1px; background-image:url("img/nav/menu.yellow.png")} /* Main Content */ #main{clear:both; overflow:hidden; background:#fefefe} #main h1, .widget h2{background:#444446; border-bottom:1px solid #dedede; font:16px Helvetica,Arial,sans-serif; color:#fff; font-weight:bold; line-height:1.25em; padding:6px} #main h1.link:hover{color:#FFBC0A} #main #content-wrap{float:left; width:644px; padding:12px 6px 12px 12px} #main #content{background:#fff; padding:12px 12px 38px; border:1px solid #ededed; -moz-box-shadow:0 0 8px #999; box-shadow:0 0 8px #999; -webkit-box-shadow:0 0 8px #999} #main #content h2, #main #content h2 a{font:16px; color:#333; font-weight:500; padding:2px 0 2px 8px} #main #content h3, #main #content h3 a{font:12px; color:#333; font-weight:400; padding:2px 0 2px 8px} #main #content h4, #main #content h4 a{background:#eee; font:8px; color:#2d2d2d; font-weight:500; line-height:1em; padding:4px; margin-top:-4px} #main #content h5, #main #content h5 a{background:#eee; font:8px; color:#2d2d2d; font-weight:500; line-height:1em; padding:4px; margin-top:-4px} #main #sidebar{float:right; width:310px; padding:12px 12px 12px 6px} #main #content .post-item-border{border:1px solid #dedede; padding-top:3px; height:164px; width:618px; display:block} #main #content .post-item-border a{width:100%; height:100%; display:block; text-decoration:none} #main #content .post-item{background:#fff url(img/post-imgs/2.jpg) no-repeat; border:1px solid #ededed; margin:auto; height:158px; width:612px; display:block} #main #content .post-item a{width:100%; height:100%; display:block} .comments-ballon{background:url(img/comments_balloon.png) no-repeat top left; color:#6d6d6d; float:right; font-size:14px; font-weight:bold; right:0px; text-align:center; text-decoration:none; top:0px; margin:4px; width:34px; z-index:7; padding:4px 0 15px} .post-item .meta{color:#eee; width:185px; font-size:10px; margin:95px 0 0 10px; overview:hidden; text-align:left; opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9} .post-item .meta p{display:inline; background:#444446; padding:4px 8px 2px} .post-item-title{color:#eee; height:32px; width:450px; margin-left:4px; background:#444446; padding:6px 4px; opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9} .post-item-title:hover, .post-item .meta p:hover{color:#FFBC0A; background:#111; opacity:1; filter:alpha(opacity=100); -moz-opacity:1} .post-item .meta:hover{opacity:1; filter:alpha(opacity=100); -moz-opacity:1} .post-item-title h2{color:#eee !important; padding:3px 6px 3px !important; font-size:16px; font-weight:900 !important; line-height:0.8em; margin-bottom:0} .post-item-title p{padding:0 6px !important; font-size:12px; line-height:1.25em; text-decoration:none; font-style:bold} .content_item_separator{background:url(img/content_item_separator.png) no-repeat top left; display:block; height:10px; width:100%; margin:0 0 16px} #content-extra-left{float:left; background-color:#fff; width:295px; border:1px solid #ededed; margin:10px 0 0; padding:10px; -moz-box-shadow:0 0 8px #999; box-shadow:0 0 8px #999; -webkit-box-shadow:0 0 8px #999} #content-extra-right{float:right; background-color:#fff; width:295px; border:1px solid #ededed; margin:10px 0 0; padding:10px; -moz-box-shadow:0 0 8px #999; box-shadow:0 0 8px #999; -webkit-box-shadow:0 0 8px #999} #content-extra-left ul li, #content-extra-right ul li{padding:6px 0 6px 8px; border-bottom:1px solid #c3c3c3; border-top:1px solid #fff; font-size:12px} #content-extra-left ul li:first-child, #content-extra-right ul li:first-child{border-top:none} #content-extra-left ul li:last-child, #content-extra-right ul li:last-child{border-bottom:none} #content-extra-left ul li a, #content-extra-right ul li a{font-size:12px} /*-- Featured --*/ #featured-wrap{width:992px} #featured-wrap img{border:none; padding:0} #featured-wrap #featured{padding:12px} #featured-content{background:#fff; border:1px solid #ededed; -moz-box-shadow:0 0 8px #999; box-shadow:0 0 8px #999; -webkit-box-shadow:0 0 8px #999; width:968px; height:248px; position:relative; margin:0 auto; overflow:hidden} #featured-content #featured-post-main{border:4px solid #333; width:631px; height:240px; float:left} #featured-content #featured-post-second{display:block; border-top:4px solid #333; border-right:4px solid #333; border-bottom:2px solid #333; width:325px; height:118px; float:right} #featured-content #featured-post-third{display:block; border-top:2px solid #333; border-right:4px solid #333; border-bottom:4px solid #333; width:325px; height:118px; float:right} #featured-content #featured-post-fourth{} #featured-content #featured-content #featured-post-main a, #featured-content #featured-content #featured-post-second a, #featured-content #featured-content #featured-post-third a, #featured-content #featured-content #featured-post-fourth a{width:100%; height:100%; display:block; text-decoration:none} #featured-content .featured-title-main{color:#eee; height:100px; width:220px; margin-left:4px; background:#444446; padding:6px 4px; margin-top:120px; opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9} #featured-content .featured-title-main:hover{color:#FFBC0A; background:#111; opacity:1; filter:alpha(opacity=100); -moz-opacity:1} .featured-title-main h2{color:#eee !important; padding:3px 6px 3px !important; font-size:24px; font-weight:900 !important; line-height:0.8em; margin-bottom:0} .featured-title-main p{padding:0 6px !important; font-size:12px; line-height:1.25em; text-decoration:none; font-style:bold} #featured-content .featured-title-st{color:#eee; height:18px; width:300px; margin-left:4px; padding:6px 4px; margin-top:84px; opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9} .featured-title-st h2{background:#444446; display:inline; color:#eee !important; padding:3px 6px 3px !important; font-size:14px; font-weight:900 !important; line-height:0.8em} #featured-content .featured-title-st h2:hover{color:#FFBC0A !important; background:#111; opacity:1; filter:alpha(opacity=100); -moz-opacity:1} /* Next and Previous Buttons */ .more{background:#c3c3c3; padding:6px 8px; color:#fff; font-size:12px; font-style:italic; float:right; border:1px solid #fff; margin-top:-12px} /* Pagenavi */ .wp-pagenavi{width:95%; display:inline-block; font-size:10px; line-height:18px; text-decoration:none; text-transform:uppercase; background:#444446; color:#ededed; padding:2px 6px} .wp-pagenavi a{background:#444446; color:#ededed; padding:6px; position:relative; display:inline-block; margin:0; border:none} .wp-pagenavi a:hover{color:#303030} .wp-pagenavi a:active{color:#585858} .wp-pagenavi a.page{padding:2px 6px} .wp-pagenavi a.page:hover{color:#FFBC0A} .wp-pagenavi a.first{} .wp-pagenavi a.last{} .wp-pagenavi span{background:#444446; color:#ededed; padding:2px 6px} .wp-pagenavi span.current{} .wp-pagenavi span.extend{border:none} .wp-pagenavi span.pages{border:none} /* Sidebar */ .sidebarBoxwrap{background:#fff; border:1px solid #ededed; -moz-box-shadow:0 0 8px #999; box-shadow:0 0 8px #999; -webkit-box-shadow:0 0 8px #999; margin-bottom:12px} .sidebarBox{margin-bottom:12px; padding:12px} .widget{margin-bottom:12px; padding:12px} .sidebarBox h1, .widget h1{margin-bottom:8px} #subscribe{} #search{} #search input#s{width:200px} .widget ul li{padding:3px 0 3px 8px; border-bottom:1px solid #c3c3c3; border-top:1px solid #fff; font-size:12px} .widget ul li:first-child{border-top:none} .widget ul li:last-child{border-bottom:none} .widget ul li a{font-size:12px} .sidebar-gallery{padding-top:3px; height:210px; width:100%; display:block} .sidebar-gallery-thumb{background:#fff url(img/post-imgs/1.jpg) no-repeat; border:1px solid #333; margin:6px 3px; height:72px; width:134px; float:left; vertical-align:baseline} .sidebar-gallery-thumb-title{color:#eee; max-width:90px; font-size:9px !important; font-weight:900 !important; margin:6px auto; background:#444446; padding:4px 8px; text-align:left; opacity:0} .sidebar-gallery-thumb-title:hover{opacity:0.9} /* Recent Comments */ ol.recent-comments-list li{background:#f6f6f6; border-bottom:3px solid #ccc; margin:10px 0 0 0; padding:4px 4px 6px; display:block; overflow:hidden} .recent-comment .comment-author-gravatar{float:right} .recent-comment .comment-author{font-size:9px; padding:3px 0} .recent-comment .comment-meta{background:#444446; border-bottom:1px solid #dedede; font:11px Helvetica,Arial,sans-serif; color:#fff; font-weight:bold; line-height:1.25em; padding:3px 6px; margin-left:6px; margin-top:-4px; float:left} .recent-comment .comment-date-time{font-size:9px; padding:4px} .recent-comment .comment-post-title{background:#444446; border-bottom:1px solid #dedede; font:11px Helvetica,Arial,sans-serif; color:#fff; font-weight:bold; line-height:1.25em; padding:3px 6px; float:left; max-width:75%; overflow:hidden} .recent-comment a.comment-text{border-left:3px solid #F70; font-size:0.9em; color:#888; clear:both; float:left; padding:4px 2px 4px 6px} /* Single Posts */ #single h1{font-size:1.8em; line-height:1} #single h2{font-size:1.5em; margin-bottom:0.75em} #single h3{font-size:1.2em; line-height:1; margin-bottom:1em} #single h4{font-size:0.9em; line-height:1.25; margin-bottom:1.25em} #single h5{font-size:0.7em; margin-bottom:1.5em} #single h6{font-size:0.5em} #single p{margin:0 0 1.5em} #single a{color:#F70; text-decoration:none} #single a:hover{text-decoration:none; border-bottom:2px solid #F70} #single ul{list-style:disc; padding-left:16px} #single .post-head{margin-bottom:1em; margin-right:5px; border-right:14px solid #FFBC0A} #single .post-head h1.headline{width:485px; margin-bottom:0; line-height:1.1em} #single .post-head p.byline{max-width:250px; background:#444446; color:#fff; line-height:1em; margin-top:-4px; margin-left:6px; padding:3px 6px 6px} .post-head a.byline-author{color:#ffbc0a !important} .post-head a.byline-author:hover{border-bottom:solid #f70 2px; text-decoration:none} #single .post-body{color:#333; padding-top:12px; border-top:8px solid #ffbc0a} #single .post-body h3{font-size:26px; color:#333; margin-top:6px; padding-bottom:2px; border-bottom:3px solid #ffbc0a} #single .post-body h2{font-size:20px; color:#333; margin-top:20px; padding-bottom:2px; border-bottom:3px solid #444446} .post-body ul{margin-bottom:8px} .post-body ul li{margin:0 0 0 15px; list-style-type:disc} #single .post-meta{clear:both; border-top:1px solid #e4e4e4; margin-top:.5em; padding-top:1em; overflow:hidden} #single .post-meta ul{margin:0; padding:0; list-style:none} #single .post-meta ul.sources{float:left; width:220px; border-left:solid #444446 3px; padding-left:5px; margin-bottom:4px} #single .post-meta ul.sources li{color:#777; line-height:1.4em} #single .post-meta ul.sources li a{color:#333; border-bottom:1px solid #F70; text-decoration:none} #single .post-meta ul.sources li a:hover{border-bottom:2px solid #F70} #single .post-meta .social-tools{float:right; width:98px; margin-top:.5em} #single .post-tags{clear:both; margin-top:.5em; padding-bottom:1em; overflow:hidden} #single .post-tags .post-meta-tags{float:left; display:block; border-top:3px solid #444446; margin-top:2px; padding-top:2px; font-size:85%; padding-left:5px; margin-bottom:4px} hr{margin-top:12px; margin-bottom:12px; border:4px solid #eee; width:80%} #single #related-posts{background:#f6f6f6; border:1px solid #c3c3c3; width:95%; margin-top:10px; padding:10px; display:block} #single #related-posts p{padding:4px; margin-bottom:0} #single #related-posts ul{margin:4px 4px} #single #related-posts ul li{padding:0 8px; margin:4px; list-style:none} .gallery-item{border:none; padding:0; margin:0} .gallery-item .gallery-icon img{border:3px #ccc solid; padding:0; margin:0} .addthis_toolbox{float:right; margin-top:-22px; margin-right:5px} #single .pagelink{background:#06C; color:#FFF; margin-left:-10px; padding:5px 5px 5px 10px; height 50px; width:300px} /* Page Template */ #main #page-content-wrap{float:left; width:960px; padding:6px} #main #page-content{width:100%; background:#fff; padding:8px 10px 38px; -moz-box-shadow:0 0 8px #999; box-shadow:0 0 8px #999; -webkit-box-shadow:0 0 8px #999} /* Gallery */ #main #gallery-content-wrap{float:left; width:980px; margin:6px} #main #gallery-content{background:#fff; padding:8px 10px 38px; -moz-box-shadow:0 0 8px #999; box-shadow:0 0 8px #999; -webkit-box-shadow:0 0 8px #999} #gallery{padding-top:3px; height:600px; width:100%; display:block} #gallery .gallery-thumb{border:1px solid #ededed; width:292px; height:142px; margin:6px 6px; padding:3px; float:left; overflow:hidden; position:relative} #gallery .gallery-thumb-title{color:#eee; max-width:240px; font-size:9px !important; font-weight:900 !important; margin:100px auto 6px; background:#444446; padding:4px 8px; text-align:left; opacity:0} #gallery .gallery-thumb-title:hover{opacity:0.9} /* Archive */ #archive{} #archive-content-wrap{height:60px; border-bottom:3px solid #ccc; padding-bottom:6px; margin-bottom:12px} #archive #archive-content-wrap h2.archive-title{float:left; line-height:1.2em; margin-bottom:0; width:485px; font-size:1.5em; background:#444446; border-bottom:1px solid #dedede; padding:6px; color:#fff} #archive #archive-content-wrap .archive-excerpt{float:left; background:#444446; color:#fff; line-height:1em; margin-left:6px; margin-top:-4px; width:400px; padding:3px 6px 6px; font-size:1em} #archive #archive-content-wrap p{margin:0px} #archive #archive-content-wrap a.archive-title-hyper, #archive #archive-content-wrap a.archive-excerpt-author{padding:0; margin:0; color:#fff} #archive #archive-content-wrap h2.archive-title:hover, #archive #archive-content-wrap a.archive-excerpt-author{color:#FFBC0A} /* About Template */ #main #about-content-wrap{float:left; width:960px; padding:6px} #main #about-content{width:60%; background:#fff; padding:8px 10px 38px; -moz-box-shadow:0 0 8px #999; box-shadow:0 0 8px #999; -webkit-box-shadow:0 0 8px #999} /* Author */ .about_author{background:#f6f6f6; border:1px solid #c3c3c3; width:95%; margin-top:10px; padding:10px; display:block} .about_author img.avatar{background:#f6f6f6; float:left} .author_link{background:url(images/author_icon.gif) no-repeat center left; font-weight:700; margin:0 3px 0 16px; float:left} .about_author span{vertical-align:top; padding:0 0 0 16px} label{color:#686868; font:bold 11px/18px; margin-bottom:5px; text-transform:uppercase} label em{font-size:10px} /* Share */ .share{ margin:0 10px 0 0} .share a{ display:inline; display:inline-block; width:0; padding:0 0 0 16px; overflow:hidden; text-decoration:none; border-bottom:none} .share .twitter{ background:url(img/socialmedia/twitter.png) no-repeat left center} .share .delicious{ background:url(img/socialmedia/delicious.png) no-repeat left center} .share .stumbleupon{ background:url(img/socialmedia/stumbleupon.png) no-repeat left center} .share .digg{ background:url(img/socialmedia/digg.png) no-repeat left center} .share .facebook{ background:url(img/socialmedia/facebook.png) no-repeat left center} /* Comments */ #comments-template{border-left:8px solid #BD2735; margin:30px 0 0 0; padding:0 10px 10px; display:block} h1.comments-title{font-size:1.8em; line-height:1; clear:both; margin:5px 0} .comment{display:block} #comment-header{padding:6px 6px 0 6px; float:left; width:100%} .commentlist li .avatar{background:#f6f6f6; float:left; margin:0; border:none; padding:0} #comment-header .comment-badge img{float:left; border:none; padding:0 4px 0 10px} span.comment-dta{color:#444446; padding:6px; float:left; font-size:11px; font-weight:normal; height:36px; width:300px; margin-bottom:6px} .commentlist li.author-comment .content-text{border-bottom:3px solid #464646} .commentlist li.author-comment .content-text{border-bottom:3px solid #464646} #comment-header .reply{text-align:right; float:right; display:block; width:52px; padding:2px} .commentlist .reply a.comment-reply-link{font-size:0.9em; font-weight:bold} #comment-body{padding:6px 6px 0 6px; clear:both; width:100%} .content-text{border-bottom:3px solid #ccc} .commentlist{margin:0 0 20px 0} .commentlist li{background:#f6f6f6; border-left:8px solid #F70; display:block; margin:15px 0 10px 15px; padding:4px 10px 10px 10px; list-style:none} .commentlist li ul li{margin-right:-5px; margin-left:10px; border-left:8px solid #FFBC0A} .commentlist li ul li ul li{border-left:8px solid #FFBC0A} .comms-navigation, .navigation{clear:both; display:block; margin-bottom:20px; overflow:hidden} .cancel-comment-reply{margin:6px} .children{padding:0} .nocomments{text-align:center; margin:0; padding:0} /* Comment Form */ #respond{border-top:8px solid #FFBC0A; padding:12px} #respond h2#respond-title{background:#444446; color:#FFF !important; font:bold 1.25em clear:both; padding:4px 6px 2px; width:180px; margin-bottom:0} #commentform h3#logged-title{font-size:11px; background:#444446; color:#FFF !important; font:bold 1.25em clear:both; width:280px; padding:6px; margin-top:-4px; margin-left:6px} #commentform h3#logged-title a{color:#FFBC0A !important; padding:0} form p{padding-bottom:10px; margin:5px 0} form p label{display:inline-block; margin-right:10px; text-align:right; width:5em} form p label[for="comment"]{vertical-align:top} input, textarea{padding:3px} textarea{font-size:0.9em; overflow:auto; max-width:565px} input#submit{padding:5px 3px} /* Footer */ #footer{background:url(img/footer_pattern.jpg) repeat top left; float:left; clear:both; margin-top:100px; width:100%} #footer_wrapper{width:940px; margin:0 auto} #footer_content{float:left; width:100%; padding:35px 0} .footer_col{background:url(img/footersep.jpg) repeat-y scroll 100% 0 transparent; float:left; width:180px; margin:0 20px 0 0; padding:0 20px 0 0} #footer_column_4{margin-right:0; padding-right:0; float:left; width:180px} #footer_content h6{color:#a7a7a7; font-size:11px; font-weight:bold; text-transform:uppercase; margin:0 0 .4em} #footer_content ul{list-style:none; margin:0} #footer_content ul li{float:left; width:100%; margin:0; padding:0} #footer_content ul li a{color:#676767; float:left; font-size:10px; text-decoration:none; text-transform:uppercase; width:100%; padding:.4em 0} #footer_content a img{border:3px solid #b9b9b9; float:left; margin:8px 9px 2px 0} #copyright{float:left; background:#2e2e2e; width:100%} #copyright_wrapper{color:#676767; font-size:11px; text-decoration:none; text-transform:uppercase; width:940px; margin:0 auto; padding:10px 0} #copyright_wrapper a{color:#676767; font-weight:500} #copyright_wrapper .right{float:right} #copyright_wrapper .left{margin:0px; float:left} #copyright_wrapper ul{list-style:none; margin:0; padding:0 0 10px} #copyright_wrapper ul li{float:left; padding:0 0 8px} #copyright_wrapper ul li a{border-right:1px solid #676767; color:#676767; font:normal 11px/18px; text-decoration:none; text-transform:uppercase; padding:0 10px}