/* File: custom.css Description: Custom styles for Your Theme HOW TO USE THIS FILE: Override any class you want and it will change default styling to suit your needs. 1. Open style.css file and find any clasess you want to override 2. Copy classes to override in this file, make sure you put classes outside 3. Activate custom.css file in theme admin panel */ /* START OVERRIDING / ADDING NEW CLASESS BELOW THIS LINE */ /* NOTE TO SELF: Had to comment out styling in Header.php to remove stupid overriding background colour */ /*---------GENERAL STYLING--------- */ body{ font-family:georgia; background:#000000 url('http://www.essexterror.com/blog/wp-content/uploads/2009/11/essexterrorbg.jpg') center top fixed; color:#9F8D7F} a{ color:#ffffff; text-decoration: none; } a:hover{ text-decoration:underline } input,select,textarea{ border: #e6e6e6 1px solid; font-size: 12px; padding: 2px } .fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden } .fl{ float: left } .fr{ float: right } .ac{ text-align: center } .ar{ text-align: right } img.centered{ display: block; margin-left: auto; margin-right: auto } img.alignright{ padding:0; margin: 3px 0 2px 10px; display: inline } img.alignleft{ padding:0; margin: 3px 10px 2px 0; display: inline } .alignleft{ float: left } .alignright{ float: right } /*---------TOP NAVIGATION for PAGES--------- */ .top-menu-bgr{ background:#000000 } .top_menu{ height:27px; text-align:left; font-size:11px; padding:0; z-index:0; } .top_menu ul{ list-style:none; margin:0; padding:0 } .page-menu li a{ color:#C9C9C9; display:block; padding:0 10px } .page-menu li ul li a{ border:0; color:#FCFCFC } .page-menu li a:hover,.top_menu li.active a{ color:#FCFCFC; background:#020202 } .page-menu li.current_page_item a{ color:#fff; background:#020202 } .page-menu li.current_page_item a:hover{ color:#fff } .page-menu li a:hover{ color:#FCFCFC; text-decoration:underline; } .page-menu li.current_page_item a:hover,#pagenav li:hover a{color:#FCFCFC} /*---------DROPDOWN NAVIGATION FOR PAGES--------- */ #pagenav a{ display:block } #pagenav li{ float:left; line-height:27px; padding:0; margin:0 } #pagenav li a:hover{ background:#020202 } #pagenav li ul{ position:absolute; width:15em; left:-999em; } #pagenav li:hover ul,#pagenav li.sfhover1 ul{ left:auto; z-index:1000 } #pagenav li ul li{ background:#020202; border:solid #010101; line-height:26px; width:15em; border-width:0 1px 1px } #pagenav li:hover,#pagenav li.hover{ position:static } #pagenav li ul ul{ margin:-29px 0 0 15em } #pagenav li:hover ul ul,#pagenav li:hover ul ul ul,#pagenav li.sfhover1 ul ul,#pagenav li.sfhover1 ul ul ul{ left:-999em; padding:2px 0 0 } #pagenav li:hover,#pagenav li.sfhover1{ background:#020202 } #pagenav li a:hover,#pagenav li a.sfhover1{ color:#fff } #pagenav li ul li ul li,#pagenav li ul li ul li ul li,#pagenav li ul li ul li ul li ul li{ border:1px solid #010101 } #pagenav li:hover ul ul,#pagenav li.sfhover1 ul ul,#pagenav li:hover ul ul,#pagenav li:hover ul ul ul,#pagenav li:hover ul ul ul ul,#pagenav li.sfhover1 ul ul,#pagenav li.sfhover1 ul ul ul,#pagenav li.sfhover1 ul ul ul ul{left:-999em} #pagenav li:hover ul,#pagenav li li:hover ul,#pagenav li.sfhover1 ul,#pagenav li li.sfhover1 ul,#pagenav li:hover ul,#pagenav li li:hover ul,#pagenav li li li:hover ul,#pagenav li.sfhover1 ul,#pagenav li li.sfhover1 ul,#pagenav li li li.sfhover1 ul,#pagenav li:hover ul,#pagenav li li:hover ul,#pagenav li li li:hover ul,#pagenav li li li li:hover ul,#pagenav li.sfhover1 ul,#pagenav li li.sfhover1 ul,#pagenav li li li.sfhover1 ul,#pagenav li li li li.sfhover1 ul{left:auto} select,#pagenav{ padding:0 } #pagenav li a span{ font-size:12px; color:#9D9D9D; font-weight:400 } /*---------SUBSCRIBE --------- */ .feed-spot{ line-height:18px; text-align:right; margin:5px 0 0 0; color:#C9C9C9; float:right; font-size:11px; height:16px; padding:0 5px 0 0 } .feed-spot a{ color:#C9C9C9 } .feed-spot a:hover{ color:#ffffff; background:none; text-decoration:underline } .rss-button{ background:url(images/rss-small-trans.png) center left no-repeat; padding:2px 9px } /*--------- HEADER --------- */ .header-bgr{ background:#000000 } #header{ padding:10px 0 10px 0 } /*=== Logo Spot ===*/ #header #logo-spot{ padding:0 } #header .blog-title{ line-height:49px; display:inline } #header .blog-title a{ background:#000000; color:#ffffff; font-size:24px; font-weight:normal; padding:10px 15px } #header .blog-title a:hover{ text-decoration:none } #header .blog-description{ color:#ffffff; font:normal 17px Tahoma; margin:0 0 10px 0; padding:10px 15px } #header h1.logo { padding:0; margin:0; line-height:10px } #header h1.logo a:hover{ background:none } /*=== 468x60 AD ===*/ .ad-468{ padding:0; text-align:right; top:0 } /*---------TOP NAVIGATION for CATEGORIES--------- */ .top-cat-bgr{ background:#000000; border-top:1px solid #C6C6C6; border-bottom:5px solid #004276; margin:0 0 10px 0 } #cat-menu{ height:25px; text-align:left; background:#000000 } #cat-manu a{ display:block } #cat-menu li{ float:left; font-weight:normal; line-height:25px; padding:7px 0; margin:0 } #cat-menu li a{ color:#004276; display:block; padding:0 11px; text-transform:uppercase; font-size: 11px } #cat-manu li a:hover{ background:#14A900; text-decoration:underline } #cat-menu li a:hover, #cat-menu li.active a{ color:#ffffff; background:#14A900 } #cat-menu li.category-home a{ border-left:0 } #cat-menu li.current-cat a, #cat-menu li.current-cat-parent a{ background:#19A900; color:#ffffff } /*---------DROPDOWN NAVIGATION FOR CATEGORIES--------- */ #catnav, #catnav ul{ float:left; list-style:none; font-weight:normal; padding:0; font-size: 11px; margin-bottom:0; z-index:1000 } #catnav li ul li a{ font-size:11px; padding-top:0 } #catnav li ul li a:hover{ text-decoration:underline } #catnav li ul{ position:absolute; width:15em; left:-999em; margin:7px 0 0 0; border:1px solid #14A900 } #catnav li:hover ul, #catnav li.sfhover ul{ left:auto; z-index:1000 } #catnav li ul li{ background:#000000; line-height:30px; padding:0; width:15em; font-weight:normal } #catnav li:hover, #catnav li.sfhover{ position:static } #catnav li ul ul{ margin:-31px 0 0 15em } #catnav li:hover ul ul, #catnav li:hover ul ul ul, #catnav li.sfhover ul ul, #catnav li.sfhover ul ul ul{ left:-999em; padding:0 } #catnav li:hover, #catnav li.sfhover{ } #catnav li ul li ul li, #catnav li ul li ul li ul li, #catnav li ul li ul li ul li ul li{ margin-top:0 } #catnav li ul li ul, #catnav li ul li ul li ul, #catnav li ul li ul li ul li ul{ } #catnav li:hover ul ul, #catnav li.sfhover ul ul, #catnav li:hover ul ul, #catnav li:hover ul ul ul, #catnav li:hover ul ul ul ul, #catnav li.sfhover ul ul, #catnav li.sfhover ul ul ul, #catnav li.sfhover ul ul ul ul{ left:-999em } #catnav li:hover ul, #catnav li li:hover ul, #catnav li.sfhover ul, #catnav li li.sfhover ul, #catnav li:hover ul, #catnav li li:hover ul, #catnav li li li:hover ul, #catnav li.sfhover ul, #catnav li li.sfhover ul, #catnav li li li.sfhover ul, #catnav li:hover ul, #catnav li li:hover ul, #catnav li li li:hover ul, #catnav li li li li:hover ul, #catnav li.sfhover ul, #catnav li li.sfhover ul, #catnav li li li.sfhover ul, #catnav li li li li.sfhover ul{ left:auto } select, #catnav{ padding:0 } /*=== Search Spot ===*/ #search-spot{ padding:0 } #search-spot .search-form{ padding:7px 0 0 0; margin:0 } #search-spot .search-form input{ border:1px solid #353535; width:198px; background:#4C4C4C; padding:6px 10px 5px 10px; color:#ffffff; font-size:14px } #search-spot .search-form button{ border:none; width:30px; height:30px; top:15px; right:0 } /*=== Featured Panel ===*/ .featured-panel{ background:#000000 url(images/bgr-box-trans.png) no-repeat top left; margin:0 0 10px 0; padding:10px 0; border:1px solid #BFB7A6 } .featured-panel .featured-post{ background:#000000; margin-right:0 } .featured-panel .featured-post h3{ margin:5px 0 10px 0; padding:0 0 5px 0; font:bold 13px Tahoma; color:#666666; border-bottom:1px solid #BFB7A6 } .featured-panel .featured-post img { float:left; margin:0 15px 0 0 } .featured-panel .featured-post .feat-right { } .featured-panel .featured-post .feat-right .feat-title { margin:0; padding:0 0 5px 0 } .featured-panel .featured-post .feat-right .feat-title a { font:normal 19px Tahoma; color:#004276 } .featured-panel .featured-post .feat-right .feat-meta { padding:5px 0 10px 0; color:#666666; text-transform:uppercase; font:normal 10px Tahoma } .featured-panel .featured-post .feat-right .feat-meta a { color:#666666 } .featured-panel .featured-post .feat-right .feat-meta span.feat-date { text-align:left } .featured-panel .featured-post .feat-right .feat-meta span.feat-comment { text-align:right } .featured-panel .featured-post .feat-right .feat-content { margin:0; padding:10px 0 0 0; color:#ffffff; width: 250px; float: left } .featured-panel .featured-post .feat-right .feat-related { background:#000000; margin:15px 0 10px 0; padding:5px 0 } .featured-panel .featured-post .feat-right .feat-related .rellist { margin:3px 0 } .featured-panel .featured-post .feat-right .feat-related .rellist a{ color:#004276; font:normal 11px Tahoma } /*== Logo Restyled from Featured Panel **/ .featured-panel .top-stories{ background:#000000 url(http://www.essexterror.com/blog/wp-content/uploads/2009/11/essexterrorlogofinal.png) center; margin: 0; border: 0; text-indent:-2000px; width: 369px; height: 252px; margin-left: -45px} .featured-panel .top-stories h3{ border: 0; } .featured-panel .top-stories .ts-content{ padding:0 } .featured-panel .top-stories .ts-content .ts-cat { } .featured-panel .top-stories .ts-content .ts-cat a { text-transform:uppercase; font:normal 10px Tahoma } .featured-panel .top-stories .ts-content .ts-title { padding:0 } .featured-panel .top-stories .ts-content .ts-title a { font:normal 17px Tahoma; color:#004276 } .featured-panel .top-stories .ts-content .ts-more { color:#cecac2; border: 0; margin: 0 } .featured-panel .top-stories .ts-content .ts-more a{ color:#004276; font:normal 11px Tahoma } /*=== Stepcarousel ===*/ .featslider{ background:#000000 url(images/bgr-box-trans.png) no-repeat top left; margin:0 0 10px 0; padding:10px 0; border:1px solid #BFB7A6 } .featslider h3{ margin:5px 0 10px 0; padding:0 0 5px 0; font:bold 13px Tahoma; color:#444444; border-bottom:1px solid #BFB7A6 } ul#galleryNav{ width:60px; position:absolute; top:0; right:0; z-index:9999 } ul#galleryNav li{ list-style:none } ul#galleryNav li a span{ display:none; visibility:hidden } ul#galleryNav li#left a, ul#galleryNav li#right a{ background:url(images/bt-left-right.gif) no-repeat; width:20px; height:20px; position:absolute; top:0; left:5px } ul#galleryNav li#right a{ background-position:-22px 0; top:0; left:30px } .stepcarousel{ position: relative !important; overflow: scroll; height:210px; } .stepcarousel .belt{ position: absolute !important; left: 0; top: 0 } .stepcarousel .panel{ float: left !important; overflow: hidden !important; margin: 0px 18px 15px 3px; width: 140px } .slider-post{ line-height:24px } .slider-post .slider-cat{ padding:5px 0 } .slider-post .slider-cat a{ font:normal 11px Tahoma; text-transform:uppercase } .slider-post .slider-title{ padding:7px 0 0 0 } .slider-post .slider-title a{ color:#004276; font:bold 13px Arial } /*=== Widgetized ===*/ .widgetized{ margin:0 11px 0 0; display: inline; float: left; position: relative } .wlast{ margin:0 0 0 1px } .widgetized .widget{ background:#000000 url(images/bgr-box-trans.png) no-repeat top left; border:1px solid #BFB7A6; width:300px; padding:5px; margin:0 0 10px 0 } .widgetized .widget h3{ margin:5px 5px 10px 5px; padding:0 0 5px 0; font:bold 13px Tahoma; color:#666666; border-bottom:1px solid #BFB7A6 } .widgetized .widget h3 span{ float:right; padding:1px 0 0 0 } .widgetized .widget h3 span a{ background:url(images/rss-small-trans.png) no-repeat; width:16px; height:16px; padding:2px 8px } .widgetized .widget .rec-post-cat { margin:0; padding:0 5px 5px 5px; } .widgetized .widget .rec-post-cat .rec-title { margin:0; padding:0 0 5px 0 } .widgetized .widget .rec-post-cat .rec-title a { font:normal 19px Tahoma; color:#004276 } .widgetized .widget .rec-post-cat .rec-meta { padding:5px 0 10px 0; color:#666666; text-transform:uppercase; font:normal 10px Tahoma } .widgetized .widget .rec-post-cat .rec-meta a { color:#666666 } .widgetized .widget .rec-post-cat .rec-meta .rec-date { float:left } .widgetized .widget .rec-post-cat .rec-meta .rec-comment { text-align:right } .widgetized .widget .rec-post-cat img{ float:left; margin:0 10px 10px 0 } .widgetized .widget .rec-post-cat p.featured-excerpt { padding:3px 0 15px 0; margin:0 0 8px 0; border-bottom:1px solid #cecac2 } .widgetized .widget .rec-post-cat .rec-list { margin:3px 0 } .widgetized .widget .rec-post-cat .rec-list a{ font:bold 11px Tahoma; color:#004276 } .widgetized .widget .rec-post-cat .rec-more { color:#cecac2; border:solid #cecac2; border-width:1px 0; margin:15px 0 0 0 } .widgetized .widget .rec-post-cat .rec-more a{ color:#004276; font:normal 11px Tahoma } .widgetized .widget ul, .widgetized .widget ol{ padding:10px 0 0 20px; margin:0 } .widgetized .widget ul a, .widgetized .widget ol a{ color:#004276; font-weight:bold } .widgetized .widget ul li{ margin:0; padding:5px 0; line-height:15px } .widgetized .widget ol li{ list-style-type:decimal; margin: 0 0 0 50px; } .widgetized .widget ul li ul{ margin:0; padding:10px 0 0 20px; border:none } .widgetized .widget ul li ul li{ border:none; padding:5px 0; margin:0 } /*---------SIDEBAR --------- */ .sidebar { padding:0; margin:0 0 0 10px } .sidebar .widgetized{ margin:0 } .sidebar .widgetized .widget{ background:#000000 url(images/bgr-box-trans.png) no-repeat top left; border:1px solid #BFB7A6; width:300px; padding:5px; margin:0 0 10px 0 } /*=== Widget styling ===*/ .flickr { padding:0 0 20px 0 } .flickr_badge_image{ float:left; list-style:none; margin:5px 0 5px 10px } .flickr img{ border:1px solid #dddddd; background-color:#000000; padding:5px } .flickr img:hover{ border-color:#333 } .widget #searchform label{ visibility:hidden; display:none } .widget #searchform input#s{ border:1px solid #000000; width:200px; margin:0 0 5px 5px } .widget #searchform input#searchsubmit{ background:#000000; color:#ffffff } #wp-calendar { width:100%; padding:0; margin-bottom: 15px; clear: both } #wp-calendar caption {padding: 10px; margin-bottom:5px;} #wp-calendar th {color: #fff;} #wp-calendar th, #wp-calendar td {padding:5px; text-align: center; background: #dddddd; color: #333333 } #wp-calendar td {background: transparent;} #wp-calendar td, table#wp-calendar th {padding: 3px 0;} #wp-calendar a {text-decoration: underline;} #wp-calendar a:hover {text-decoration: none;} .subscribe img{ vertical-align:middle; margin:6px 0 8px } #twitter_update_list li{ line-height:23px } #twitter_update_list li a{ font-weight:normal } #twitter p.website{ margin:10px 0 0 0; padding:15px 0 15px 60px; background: url(images/twitter-trans.png) left top no-repeat } .popular ul li span.comments a{ line-height:25px; font-weight:10px; color:#7f7f7f } .popular ul li span.comments a:hover{ color:#ffffff } /*---------ADVERTISING ads --------- */ .ad-box{ background:transparent; padding:5px 0 0 0; margin:0 0 15px 3px } #big_banner img{ background:transparent; border:1px solid #dddddd; margin:0 0 0 2px } #big_banner1 img{ background:transparent; border:none; margin:10px 0 0 0 } #big_banner a:hover, #big_banner1 a:hover{ background:transparent } /*=== Advertising Scripts ===*/ .adsense-box { background:#000000 url(images/bgr-box-trans.png) no-repeat top left; border:1px solid #BFB7A6; margin-bottom:10px; text-align:center } .adsense-inline { padding:10px } /*=== Archive ===*/ .archive-spot { padding:8px; margin:0; background:#000000 url(images/bgr-box-trans.png) no-repeat top left; border:1px solid #BFB7A6; } .archive-spot h2{ margin:5px 5px 20px 5px; padding:0 0 5px 0; font:normal 20px Tahoma; color:#ffffff; border-bottom:1px solid #BFB7A6 } .archive-spot .post { margin:15px 5px 10px 5px; padding:0 0 10px 0; border-bottom:1px solid #BFB7A6 } .archive-spot .post h2 { font:normal 17px Tahoma; margin:0 0 10px 0; color:#ffffff; border:none } .archive-spot .post img { float:right; margin:0 0 0 25px } .archive-spot .post .meta { margin:0 0 10px 0; color:#999999 } .archive-spot .post .meta a { color:#999999 } /*=== Single/Page ===*/ .archive-spot .single { margin:5px 5px 10px 5px; padding:0 0 5px 0 } .archive-spot .single h2.title { font:normal 25px Tahoma; margin:0 0 15px 0; padding:0; color:#ffffff; border:none } .archive-spot .single h2 { font:normal 23px Tahoma; margin:0 0 10px 0; color:#ffffff; border:none } .archive-spot .single .meta { margin:0 0 10px 0; color:#999999 } .archive-spot .single .meta a { color:#999999 } .archive-spot .single img { float:right; margin:0 0 0 25px } .archive-spot .single h1, .archive-spot .single h2, .archive-spot .single h3, .archive-spot .single h4, .archive-spot .single h5, .archive-spot .single h6 { font-weight:normal; padding:10px 0 15px 0; margin:0 } .archive-spot .single a{ color:#004276; font-weight:bold } .archive-spot .single ul, .archive-spot .single ol{ padding:5px 0 20px 20px; margin:0 } .archive-spot .single ul li{ color: #555555; margin:0 0 0 30px; padding:0 0 5px 0; line-height: 24px } .archive-spot .single ul li ul, .archive-spot .single ol li ol{ padding:0; margin:10px 0 0 0 } .archive-spot .single ol li{ color: #555555; list-style-type:decimal; margin: 0 0 0 30px; line-height: 24px } .archive-spot .single blockquote { background:#000000 url(images/ico-quote-trans.png) no-repeat 10px 15px; width:80%; height:auto; margin:0 0 15px 10px; padding:15px 25px 1px 55px; display:block } .archive-spot .single code{ background:#000000 } .archive-spot .single fieldset { border: 1px solid #cccccc; padding:10px } .archive-spot .single p{ line-height:24px } .wp-caption{ background:#000000; border:6px solid #f6f6ed } .wp-caption img{ border:5px solid #f6f6ed } .wp-caption a{ border:none } .wp-caption a:hover{ background:none } .wp-caption p{ color:#777777; background:#000000; font:normal 11px Tahoma; text-align:center; line-height:17px; padding:0 10px 10px 10px; margin:0 } /*=== Comments ===*/ #comments { padding:10px 5px 0 5px; margin:0; border-top:1px solid #BFB7A6 } #comments h3{ font:normal 17px Tahoma; padding:0 0 20px 0; margin:0 } #comments .commentlist { padding:0; margin:0 } #comments ol{ padding:20px 0; list-style:none } #comments .comment { margin: 10px 0 0 0; width: 100%;} #comments .comment a{ text-decoration:none; border-bottom:1px dotted; padding:1px 0 } #comments .comment a:hover{ color:#ffffff } #comments .comment .meta-left { width: 90px; float:left; color:#aaaaaa } #comments .comment .meta-left p{ padding:10px 0 0 0; margin:0 } #comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px } #comments .comment small {font-size: 11px } * html #comments .comment .text-right { height:70px } #comments .comment .text-right { min-height:70px; margin:0; background:none; border:1px dotted #aaaaaa; padding: 12px; margin-left:100px; float:none } #comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 0 } #comments ul.children { margin:10px 0 0 20px; padding:0 } #comments .comment .authcomment{ background:#000000; border:1px dotted #aaaaaa } p.commpadd{ padding:0; margin:0 0 10px 0 } span.comm-reply{ float:right; color:#aaa; padding:5px 0 0 0 } span.comm-reply a{ font-size:13px; color:#aaa } .cancel-comment-reply{ padding:0 0 10px 0 } #respond { padding:10px 0 0 0; margin:0; width:595px } #respond p{ padding:5px 0; margin:0 } #respond textarea, .commpadd input{ background:none; border:1px dotted #aaaaaa } #respond textarea { margin:0; padding:5px } p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px } p.commpadd label{ padding:0 0 0 5px } input#submit{ font:bold 12px Tahoma; color:#ffffff; text-align:center; padding: 5px; background:#000000; margin:0 } /*---------PAGE NAVIGATION - pagination --------- */ .pagination { width: 100%; font-size: 12px; font-weight: bold; padding:0 } .Navi { float: right; padding:20px 25px 25px 0 } .Navi .on { color:#fff; display: block; float: left; font-size: 12px; padding: 4px 9px; margin-left: 4px; background: #000000 !important } .Navi a { text-decoration: none !important; border:1px solid #D8D8D8; color: #000; display: block; float: left; padding: 3px 7px; margin-left: 4px } .Navi a:hover { color:#ffffff; background: #000000 } /*=== Footer ===*/ .footer{ background:#000000; margin-top:10px; border: 1px solid white; border-bottom: 0; } .copyright{ color:#CBCBCB; font-size:13px; margin:0; padding:13px 0 33px 0 } .copyright .searchform { position:relative; margin:-2px 0 0 0; padding:0 } .copyright .searchform .s { color:#C4C1B0; font:bold 12px Tahoma; padding:5px 30px 5px 8px; width:300px; background:#000000; border:1px solid #A2A091 } .copyright .button { position:absolute; top:6px; right:6px; border:none; width:11px; height:13px } .copyright a{ color:#CBCBCB } .copyright a:hover{ color:#ffffff; text-decoration:underline } .copyright .fr{ width:225px } .copyright .fr span{ background:url(); margin: 0 0 0 5px; padding:3px 57px; z-index:1000 } .credentials{ background:#000000 url(images/bgr-box-trans.png) no-repeat top left; padding:10px 0; margin-bottom:50px; border:solid #BFB7A6; border-width:1px; border-top: 0; } .credentials .fr { padding:0; margin:0 -11px 0 0 } .credentials .fr li{ display:block; float:left; padding:0 10px 0 0px; margin:0 0 0 10px; border-right:1px solid #BFB7A6 } .footer-background{ background:#000000 }