@charset "utf-8"; /* CSS Document */ /* Theme Name: VoiceCouncil Theme URI: http://www.voicecouncil.com/ Description: The theme for www.voicecouncil.com. Version: 1.0 Author: Søren Friis Dam Author URI: http://www.dammedia.dk/ Tags: blue, custom header, fixed width, two columns, widgets VoiceCouncil http://www.voicecouncil.com/ This theme was designed and built by Søren Friis Dam, whose blog you will find at http://www.dammedia.dk/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /*colors #dedede #ffffff #a2a2a2 #f3f3f3 #d3d3d3 #2d5289 h1 color #333333 text color */ /*_______________________________________________________________________________________ RESET DEFAULT BROWSER STYLE */ 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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} /* remember to define focus styles! */ :focus{outline: 0;} body {line-height: 1; color: black; background: white;} ol, ul {list-style: none; margin:0; -webkit-padding-start: 0px;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: separate; border-spacing: 0;} caption, th, td {text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} /*_______________________________________________________________________________________ BASIC LAYOUT */ body{background:url(images/bodybackground.png) repeat-x; background:#e9e9e9; margin:25px 0 160px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333;} #container{width:990px; margin:0 auto;} #topspace{background:url(images/border.gif) repeat-x; border-top: 1px solid #dedede; width:980px; height:1px; margin:0 auto;} #shadow{background:url(images/containershadow.png) repeat-y; width:990px;} #page{width:980px; margin:0 auto; background:#ffffff;} #header{background:url(images/headerbackground.gif); background-position:right bottom; background-repeat:no-repeat; width:980px; height:125px;} /*#mainmenu{height:28px; border-bottom:1px solid #dedede; clear:both; padding:24px 0 0 0;}*/ #mainmenu{height:27px; clear:both; padding:6px 0 0; font-weight:bold;} #menuspace{height:13px; border-top:2px solid #d3d3d3; background:#f3f3f3;} #content{padding:0 10px;} #footerspace{height:13px; border-top:1px solid #a2a2a2; background:#f3f3f3; clear:both;} #footer{padding:5px 0;} #bottomspace{background:url(images/border.gif) repeat-x; border-bottom: 1px solid #dedede; width:980px; height:1px; margin:0 auto;} .alignleft{float:left; padding:10px 10px 10px 0;} .alignright{float:right; padding:10px 0 10px 10px;} /*_______________________________________________________________________________________ SECONDARY LAYOUT */ /*#logo{float:left; margin:15px 0 0 15px;}*/ /*#logo{position:absolute; top: 13px; margin-left:-13px;} #logotext{position:absolute; top: 33px; margin-left:90px;}*/ #logo{position:relative; margin-left:-13px; margin-top:-14px;float:left;} #logotext{position:relative; padding: 10px 0 0 10px; float:left;} #metamenu{float:right; margin:5px 0 0; height:50px;} #metamenu li{display: inline; list-style-type: none; padding:0 10px;} #metamenu a:link{text-decoration:none; color:inherit;} #metamenu a:visited{text-decoration:none; color:inherit;} #metamenu a:hover{text-decoration:underline; color:#2d5289;} #search_wp{margin:0 10px 0 0; clear:right; float:right; width:255px; position:relative} #search_wp p{padding:0; margin:0;} .searchfield{width:210px; height:16px; border: 1px solid #a2a2a2; float:left; font-size:11px; padding-top:4px;} .searchsubmit{margin:1px 0 0 5px; height:21px;width:35px;background-color:#2d5289; color:#ffffff; border:1px solid #2d5289; font-size:11px; float:right;} #mainbanner{padding-left:10px; padding-top:10px;} /* main menu categories */ /* #mainmenucategories li.current_page_item a:link{text-decoration:none; color:inherit; padding:6px 12px; background:#d3d3d3;} #mainmenucategories li.current_page_item a:visited{text-decoration:none; color:inherit; padding:6px 12px; background:#d3d3d3;} #mainmenucategories{padding:8px 0 9px 0; margin:0;} #mainmenucategories li{display:inline; list-style-type: none;} #mainmenucategories a:link{text-decoration:none; color:inherit; margin-right:2px; padding:6px 12px;font-size:12px;} #mainmenucategories a:visited{text-decoration:none; color:inherit; margin-right:2px; padding:6px 12px; font-size:12px;} #mainmenucategories a:hover{text-decoration:none; color:inherit; margin-right:2px; padding:6px 12px; background:#d3d3d3;} */ /*_____________________________________________________________________________________________________________________DROP DOWN MENU*/ ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0;} ul.dropdown {position: relative; z-index: 597; float: left;} ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; margin-right:2px; height:27px;} ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; background:#d3d3d3;} /*BACKGROUND FOR MAIN ELEMENT*/ ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;} /* SET WIDTH FOR DROPDOWN ELEMENTS */ ul.dropdown ul li { float: none; margin-right:0; } ul.dropdown ul ul { top: 1px; left: 99%;} ul.dropdown li:hover > ul { visibility: visible; background:#d3d3d3;} ul.dropdown { font: bold 12px Verdana, Arial, Helvetica, sans-serif;} ul.dropdown li { padding: 7px 0; color: #333; line-height: normal;} ul.dropdown li.hover, ul.dropdown li:hover {} ul.dropdown a:link, ul.dropdown a:visited { color: #333; text-decoration: none; } ul.dropdown a:hover { color: #333; text-decoration: none; background: #d3d3d3;} /*THE MAIN MENU BACKGROUND AND TEXT*/ ul.dropdown a:active { color: #333; } /* ----- END LEVEL */ /* ----- NON-FIRST LEVEL */ ul.dropdown ul {width: 200px; background-color: #d3d3d3; color: #333; font-size: 12px; text-transform: none; filter: alpha(opacity=100); -moz-opacity: 1.0; KhtmlOpacity: 1.0; opacity: 1.0;} /* SET WIDTH FOR DROPDOWN ELEMENTS */ ul.dropdown ul li { background-color: transparent; color: #000; filter: none; border-top:2px solid #ccc;} ul.dropdown ul li.hover, ul.dropdown ul li:hover {background: #fff;} /* SET BACKGROUND FOR IE */ ul.dropdown ul a:link, ul.dropdown ul a:visited { color: #333; } ul.dropdown ul a:hover { color: #fff; text-decoration: none;} ul.dropdown ul a:active { color: #333; } /* ----- END LEVEL */ /*------------------------------------------------------------------------------------------------------/ /* ----- ALL LEVELS (incl. first) */ ul.dropdown *.dir {padding-right: 12px; background-image: none; background-position: 100% 50%; background-repeat: no-repeat;} /* ----- END LEVEL */ /* Components override */ ul.dropdown li a { display: block; padding: 6px 14px 7px;} /* spacing the elemnts */ /* ------------- Override default */ ul.dropdown li { padding: 0;} /* ------------- Reinitiate default: post-override activities */ ul.dropdown li.dir {padding: 7px 20px 7px 14px;} ul.dropdown ul li.dir { padding-right: 15px;} /* ------------- Custom */ ul.dropdown li {} ul.dropdown ul a {text-indent: 14px; padding: 9px 0px 4px 0px; width:100%; /* Especially for IE */} ul.dropdown ul a:hover {background:#fff; color:#333;} ul.dropdown a.open { background-color: #2e2e2e; color: #76b900;} ul.dropdown ul a.open { background-color: #76b900; color: #fff;} /* CSS 2.1 */ ul.dropdown li:hover > a.dir { background-color: #2e2e2e; color: #76b900;} ul.dropdown ul li:hover > a.dir { background-color: #76b900; color: #fff;} /* CURRENT MENU ELEMENT */ ul.dropdown li.current_page_item{background:#d3d3d3;} /* ul.dropdown li.current_page_item a:visited{background:#d3d3d3;} */ ul.dropdown li.current_page_item li.hover, ul.dropdown li.current_page_item li:hover{background:#fff;} ul.dropdown li.current_page_item li.active, ul.dropdown li.current_page_item li:active{background:#d3d3d3;} /*________________________________________________________________________________________________________END_____________DROP DOWN MENU*/ /* footer */ .metamenufooter{margin-top:5px; text-align:center; padding-bottom:5px;} .metamenufooter li{display: inline; list-style-type: none; padding:0 10px;} .metamenufooter a:link{text-decoration:none; color:inherit;} .metamenufooter a:visited{text-decoration:none; color:inherit;} .metamenufooter a:hover{text-decoration:underline; color:#2d5289;} /*_______________________________________________________________________________________ PAGE INDIVIDUAL LAYOUT */ #frontfeatured{width:560px; float:left; margin: 0;} #frontfeaturedvideo{width:350px; float:right; margin: 0;} #selectedarticle{width:560px; float:left;} #sidebar{width:350px; float:right;} #recentarticles{width:250px; clear:both; float:left;} #frontsub{width:650px; float:right;} #bloggers{margin: 0 0 25px 0;} #frontsubleft{clear:both; float:left; width:250px;} #frontsubright{float:right; width: 350px;} #categories{width:100%; margin:0 0 25px 0;} .specificpage{margin-top:15px;} .frontpage{margin-top:10px;} .recentposttext{} #recentarticles .even .normal_thumb{float:left; padding: 0 10px 2px 0;} #recentarticles .uneven .normal_thumb{float:right; padding: 0 0 2px 10px;} #recentarticles .even{background:#f3f3f3; padding: 5px 0 0 0; margin: 0 0 5px 0;} #recentarticles .uneven{background:#ffffff; padding: 5px 0 0 0; margin: 0 0 5px 0;} /*_______________________________________________________________________________________ TEXT LAYOUT */ a:link{text-decoration:underline; color:#2d5289;} a:visited{text-decoration:underline; color:#2d5289;} a:active{text-decoration:underline; color:#2d5289;} a:hover{text-decoration:underline; color:#333333;} h1{font-size:24px; font-weight:bold; color:#2d5289; padding: 10px 0; margin:0;} h2{font-size:14px; font-weight:bold; color:#2d5289; line-height:1.2; margin:0;} h1.featured{padding: 5px 0;} h2.featured{padding: 5px 0;} h2.featured a:link{text-decoration:none; font-size:24px; font-weight:bold; color:#2d5289; padding: 10px 0;} h2.featured a:visited{text-decoration:none; font-size:24px; font-weight:bold; color:#2d5289; padding: 10px 0;} h2.featured a:hover{text-decoration:underline; color:#2d5289;} h2.recentposts{padding-bottom:5px;} h2.recentposts a:link{text-decoration:none; font-size:14px; font-weight:bold; color:#2d5289;} h2.recentposts a:visited{text-decoration:none; font-size:14px; font-weight:bold; color:#2d5289;} h2.recentposts a:hover{text-decoration:underline; color:#2d5289;} h2.searchresult a:link{text-decoration:none; font-size:24px; font-weight:bold; color:#2d5289;} h2.searchresult a:visited{text-decoration:none; font-size:24px; font-weight:bold; color:#2d5289;} h2.searchresult a:hover{text-decoration:underline; color:#2d5289;} h3{margin:0;} h3.comments{font-size:14px; font-weight:bold; color:#2d5289; padding-bottom:10px;} h3.authorheading{font-size:14px; font-weight:bold; padding: 0 0 5px; line-height:1.2; height:30px;} h3.authorheading a:link{text-decoration:none; color:#2d5289;} h3.authorheading a:visited{text-decoration:none; color:#2d5289;} h3.authorheading a:hover{text-decoration:underline; color:#2d5289;} /*h3.logotext a:link{font-size:32px; font-weight:bold; text-decoration:none; color:inherit;} h3.logotext a:visited{font-size:32px; font-weight:bold; text-decoration:none; color:inherit;}*/ h3.punchline a:link{font-size:16px; font-weight:bold; text-decoration:none; color:inherit;} h3.punchline a:visited{font-size:16px; font-weight:bold; text-decoration:none; color:inherit;} h4{clear:both; border-bottom: 1px solid #d3d3d3; text-transform:lowercase; height: 12px; padding:2px 0; margin: 0 0 10px; font-weight:bold; font-size:12px;} h4 span{background:#d3d3d3; padding: 0 4px; border-bottom:1px solid #d3d3d3; border-top:1px solid #d3d3d3;} p{padding-bottom:10px; line-height:1.5; font-size:12px; margin:0;} p strong{font-weight:bold;} p.searchresult{padding:0;} .excerptsingle{font-size:12px; font-weight:bold; color:#333333} .more-link{font-size:10px; text-transform:uppercase; color:#2d5289; text-decoration:none; padding: 0 0 0 10px;} a.more-link, a:visited.more-link{text-decoration:none;} a:hover.more-link{text-decoration:underline;} .morelinkdiv{clear:both;} em{font-style:italic;} /*_______________________________________________________________________________________ COMMENTS LAYOUT */ #comment{width:560px; border: 1px solid #a2a2a2; height: 150px;} .avatar{} .comment-avatar{float:left;} .comment-author{font-size:12px; font-weight:bold; color:#333333; padding:17px 0 0 65px;} .comment-author a:link{text-decoration:none; font-size:12px; font-weight:bold; color:#333333;} .comment-author a:visited{text-decoration:none; font-size:12px; font-weight:bold; color:#333333;} .comment-author a:hover{text-decoration:underline; font-size:12px; font-weight:bold; color:#333333;} .comment-text{clear:both; padding-bottom:15px;} /*_______________________________________________________________________________________ SHARE BUTTONS CSS SPRITE LAYOUT */ .follow-buttons{float:left; padding:10px 0 25px 0; margin:0 0 0 25px; width:100%;} .follow-buttons a{background:url(images/socialicons.png) no-repeat;} .follow-buttons li{float:left; list-style:none; margin:0 4px; padding-top:1px; display:inline;} .follow-buttons a{display:block; overflow:hidden; height:14px; width:66px; color:#808080; font-size:9px; padding:52px 0 0; text-align:center; text-decoration:none; white-space:nowrap; text-indent:0px;} .follow-buttons a:hover{text-decoration:none;} .follow-buttons .twitter a:hover{background-position: -1px 0;} .follow-buttons .twitter a{background-position: -1px -66px;} .follow-buttons .facebook a:hover{background-position:-198px 0px;} .follow-buttons .facebook a{background-position:-198px -66px;} .follow-buttons .rss a:hover{background-position:-66px 0px;} .follow-buttons .rss a{background-position:-66px -66px;} .follow-buttons .newsletter a:hover{background-position:-132px 0px;} .follow-buttons .newsletter a{background-position:-132px -66px;} /*_______________________________________________________________________________________ TAB MOST RECENT NEWS */ .ui-tabs {padding: 10px 0 25px 0;} .ui-tabs .ui-tabs-nav {list-style: none; position: relative; padding: 0; font-size:9px;} .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 10px -1px 0; padding: 0;} /* tab position */ .ui-tabs .ui-tabs-nav li a {float: left; text-decoration: none; padding: 5px 10px;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected {padding-bottom: 1px; border-bottom-width: 0;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor: text;} .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor: pointer;} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel {padding: 10px 0; display: block; border-width: 0; background: #f3f3f3;} /* content */ .ui-tabs .ui-tabs-hide {display: none !important;} .ui-widget {font-size: 12px;} .ui-widget-content {background: #ffffff; color: #222222;} /* border around content and position*/ .ui-widget-header {color: #222222; font-weight: bold;} .ui-state-default, .ui-widget-content .ui-state-default {color: #333333; background: #d3d3d3; font-weight: normal; outline: none;} .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color: #333333; text-decoration: none; outline: none;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {color: #333333; background: #d3d3d3; font-weight: normal; color: #212121; outline: none;} .ui-state-hover a, .ui-state-hover a:hover {color: #333333; text-decoration: none; outline: none;} .ui-state-active, .ui-widget-content .ui-state-active {color: #333333; background: #f3f3f3; font-weight: normal; color: #212121; outline: none;} .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #333333; outline: none; text-decoration: none;} .ui-helper-hidden {display: none;} .ui-helper-reset {margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;} .ui-helper-clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .ui-helper-clearfix { isplay: inline-block;} /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix {height:1%;} .ui-helper-clearfix {display:block;} .latest{clear:both; list-style:decimal; padding:0; margin:0 10px;} .latest li{padding:7px 7px 7px 25px; list-style-position:inside; text-indent:-18px;} .latest li a:link, .latest li a:visited, .latest li a:active{text-decoration:none; color:#333333;} .latest li a:hover{text-decoration:underline; color:#333333;} .even{background:#f3f3f3;} .uneven{background:#ffffff;} /*_______________________________________________________________________________________ ADS */ .advertisement{text-transform:lowercase; text-align:left; height:12px; margin-left:-7px; font-size:9px;} .ad_300x250{clear:both; background:#f3f3f3; text-align:center; width:304px; padding:0 12px 12px 12px; margin:0 auto 25px auto;} /*_______________________________________________________________________________________ CATEGORY LIST ON FRONTPAGE */ .categoryheader{list-style-image:url(images/arrow.png); list-style-position:inside; font-size:12px; font-weight:bold; padding: 0 0 0 4px;} .categoryheader a:link{text-decoration:none; color:#333333;} .categoryheader a:visited{text-decoration:none; color:#333333;} .categoryheader a:hover{text-decoration:underline;} .categorydescription{padding: 0 0 0 19px;} /*_______________________________________________________________________________________ SUBSCRIBE PAGE */ .rss li{background-image:url(images/feed-icon-14x14.png); background-repeat:no-repeat; padding:8px; background-position: 10px 8px; text-indent:20px;} .rss li a{text-decoration:none; color:#333333;} .rss li a:visited{text-decoration:none; color:#333333;} .rss li a:hover{text-decoration:underline; color:#2d5289;} /*_______________________________________________________________________________________ FEATURED POSTS NAVIGATION */ ul#featured-nav{list-style:none;margin:0;padding:0;} ul#featured-nav li{float:left;margin-right:2px;} ul#featured-nav li img{cursor:pointer;} /*_______________________________________________________________________________________ AUTHORS/BLOGGERS FRONTPAGE */ .authorcolumn{width:300px; float:left; padding:0 25px 0 0;} .author{padding:0 0 20px 0;} .authorposts li{list-style-image:url(images/arrow.png); margin-left:15px; padding-bottom:8px; clear:both;} .gravatarauthor{float:left; padding: 0 10px 10px 0;} .authorinfo{} .authorheading{padding:0 0 4px 0;} .authorinfo p{padding-bottom:4px;} .authordescription{font-style:italic;} .author-more{margin:10px 0 0 6px; } .originalsize{font-size:11px; color:#333; font-weight:normal;} /*_______________________________________________________________________________________ PEER REVIEW*/ .peer-review-submit{width:560px; height:50px; padding:10px 0 0; background:#dedede; margin:0 auto 20px; font-size:24px; text-align:center; } /*_______________________________________________________________________________________ SOCIABLE PLUGIN*/ div.sociable { margin: 16px 0; } /*span.sociable_tagline { position: relative; } span.sociable_tagline span { display: none; width: 14em; } span.sociable_tagline:hover span {position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc; color: black;line-height: 1.25em;}*/ /*.sociable span {display: block;}*/ .sociable ul {display: inline; margin: 0 !important; padding: 0 !important;} .sociable ul li {background: none; display: inline !important; list-style-type: none; margin: 0; padding: 1px;} .sociable ul li:before { content: ""; } .sociable img { float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0;} .sociable-hovers { opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50);} .sociable-hovers:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);} /*_______________________________________________________________________________________ SIDEBAR WIDGETS PLUGIN*/ .widget{margin-bottom:20px;} .widget li{padding: 5px 0 5px 10px;} /*_______________________________________________________________________________________ RECENT COMMENTS PLUGIN*/ .recentcomments{padding:0 0 0 16px;} .recentcomments li.commentheader{list-style-image:url(images/arrow.png); list-style-position:outside; font-size:12px; padding: 0 0 0 4px; line-height:18px;} .recentcomments li.commentexcerpt{padding:0 0 0 4px;} .recentcomments a{font-weight:bold;} .recentcomments a:link{text-decoration:none; color:#333333;} .recentcomments a:visited{text-decoration:none; color:#333333;} .recentcomments a:hover{text-decoration:underline;} /*_______________________________________________________________________________________ PEER REVIEW MAIN PAGE*/ #peer-review-front{color:#fff;} #peer-review-front h4{clear:both; border-bottom: 1px solid #2d5289; text-transform:lowercase; height: 12px; padding:2px 0; margin: 0; font-weight:bold; font-size:12px;} #peer-review-front h4 span{background:#2d5289; padding: 0 4px; border-bottom:1px solid #2d5289; border-top:1px solid #2d5289;} #peer-review-front h2.featured{padding:0 0 0 10px; color:#fff;} #peer-review-front h2.featured a:link{text-decoration:none; font-size:24px; font-weight:bold; color:#fff; padding: 10px 0;} #peer-review-front h2.featured a:visited{text-decoration:none; font-size:24px; font-weight:bold; color:#fff; padding: 10px 0;} #peer-review-front h2.featured a:hover{text-decoration:underline; color:#fff;} #peer-review-front-content{background:#2d5289; padding:10px 0; margin-bottom:25px;} .peer-review-list{list-style-image:url(images/arrow_white.png); list-style-position:outside; font-size:12px; padding: 10px 0 10px 25px;} .peer-review-list a:link{text-decoration:underline; color:#fff;} .peer-review-list a:visited{text-decoration:underline; color:#fff;} .peer-review-list a:hover{text-decoration:underline; color:#333;} #peer-review-front .recentcomments{padding: 0 0 10px 15px;} .peer-review-comments{margin:10px;} .peer-review-comments img{padding-left:5px;} .peer-review-comments .recentcomments li.commentheader{padding:0; list-style-image:url(images/arrow_white.png);} .peer-review-comments .recentcomments li.commentexcerpt{padding:0;} .peer-review-comments .recentcomments a:link{text-decoration:none; color:#fff;} .peer-review-comments .recentcomments a:visited{text-decoration:none; color:#fff;} .peer-review-comments .recentcomments a:hover{text-decoration:underline; color:#333;}