/* Theme Name:CRO Blog Theme URL:based on http://themes.performancing.com Description:Nightlife 1.1 is a modern theme created for WordPress. Author:Performancing. Adapted by The Advertising Research Foundation Author URI:http://performancing.com The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ body{background:#231c17 url(images/bg.gif) top center repeat-y; color:#333; font-size:11px; font-family:Verdana,Helvetica,Sans-Serif; margin:0px auto 0px; padding:0px} #wrap{background:#C0C0C0; width:860px; margin:0px auto 0px; padding:0px} /* Hyperlinks ************************************************/ a, a:visited{color:#ef9544; text-decoration:none; cursor: pointer;} a:hover{color:#d27626; text-decoration:underline;} /** Topbar ************************************************/ #topbar{font-size:93%; background:#161616; width:860px; color:#FFF; margin:0px auto 0px; padding:10px 0 6px 0; letter-spacing:.1em} #topbar img{border:0; vertical-align:middle} .topbarleft{width:500px; float:left; margin:0; padding:0 0 0 15px; text-transform:uppercase} .topbarleft a, .topbarleft a:visited{color:#FFF; text-transform:uppercase} .topbarleft a:hover{color:#C0C0C0; } .topbarright{width:280px; float:right; text-align:right; margin:0; padding:0} .topbarright a, .topbarright a:visited{color:#FFF; text-transform:uppercase} .topbarright a:hover{color:#C0C0C0;} .topbarright li{display:inline; list-style-type:none; margin:0px; padding:0px} .topbarright ul{margin:0px; padding:0px 5px 0px 0px} .topbarright ul li a{font-size:11px; color:#FFF; text-transform:uppercase; padding:0px 5px 0px 5px} .topbarright ul li a:hover{color:#C0C0C0; } /** Header ************************************************/ #header {background:#161616 url(images/header.jpg) no-repeat; width:860px; height:180px; margin:0px auto 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase} .blogtitle{margin:0px; padding:15px 15px 0px 15px; font-size:3em; font-weight:normal; color:#fff; text-align:left; text-transform:none} .blogtitle a {color:#fff;} .blogtitle a:hover {color:#999; text-decoration:none;} .blogtitle a:visited{color:#fff;} /* Navbar ************************************************/ #navbar{background:#333 url(images/navbar.gif); width:860px; margin:0px auto 0px; padding:8px 0px 9px 0px} #navbar li{display:inline; list-style-type:none; margin:0px; padding:0px} #navbar ul{margin:0px; padding:0px} #navbar ul li{margin:0px; padding:0px} #navbar ul li a{background:#333 url(images/navlink.gif) top right; font-size:11px; color:#FFF; padding:8px 20px 9px 20px; margin:0px -4px 0px 0px; text-transform:uppercase} #navbar ul li a:hover{background:#333 url(images/navhover.gif); color:#FFF; text-decoration:none;} /* Left Sidebar ************************************************/ #l_sidebar{background:#dbd7d4; float:right; width:220px; margin:0px 0px 0px 0px; padding:0px; border-top:10px solid #dbd7d4; border-right:10px solid #dbd7d4} #l_sidebar h2{background:#38939b; color:#FFF; font-size:11px; font-weight:normal; padding:8px 0px 8px 10px; margin:10px 0px 0px 0px; text-transform:uppercase; border-bottom:1px solid #FFF} #l_sidebar ul{list-style:none; margin:0px 0px 10px 0px; padding:0px} #l_sidebar li {background:#E5E5E5 url(images/sidetitle.gif) no-repeat; list-style:none; margin:0px; padding:0px; _zoom:1} #l_sidebar ul li{margin:0px; padding:0px} #l_sidebar ul li a{ display:block; color:#333; text-decoration:none; padding:4px 10px 4px 20px; margin:0px; border-bottom:1px solid #FFF} #l_sidebar ul li a:hover{background:#AAA url(images/sidehover.gif) no-repeat; color:#FFF; text-decoration:none} #l_sidebar ul ul.children{margin:0 0 0 10px} .sidebar-image {border: 2px solid #666666; margin:0; padding:0;} .sidebar-image:hover {border: 2px solid #fff;} * html #l_sidebar li {background:#E5E5E5 no-repeat; list-style:none; margin:0px; padding:0px; height: 1%;} /* Left Sidebar Tag Cloud ************************************************/ #l_sidebar ul li.widget_tag_cloud a:hover { background: #666; color:#FFF; text-decoration:none} #l_sidebar ul li.widget_tag_cloud { margin:0px; border-bottom:1px solid #FFF} #l_sidebar ul li.widget_tag_cloud div { padding: 6px;} #l_sidebar ul li.widget_tag_cloud a { display: inline; color:#333; text-decoration:none; padding:2px 2px 2px 2px; margin:0px; border-bottom:0px solid #FFF} /* Content ************************************************/ .post{margin:20px 20px 0 0} .entry-content, .entry-excerpt{clear:both} #content .entry-excerpt p{padding-bottom:3px} #content{width:860px; margin:0px auto 0px; padding:0px; background:#C0C0C0 url(images/content-corners.gif) no-repeat; background:#dbd7d4} #content p{padding:0px 0 15px 0px; margin:0px; line-height:20px} #content p img{float:left; border:none; margin-right:15px; margin-bottom:10px} #content h1{color:#333; font-size:2em; font-weight:normal; padding:0px 0px 0px 0px; margin:0px} #content h1 a{color:#333; text-decoration:none} #content h1 a:hover{color:#AAA; text-decoration:none} #content ol{margin:0px 0px 0px 20px; padding:0px 0px 15px 0px} #content ol li{margin:0px 0px 0px 20px; padding:0px 0px 5px 0px} #contentmiddle{background:#FFF; float:left; width:590px; margin:0px 0px 0px 0px; padding:20px 0px 20px 20px; border-top:10px solid #dbd7d4; border-left:10px solid #dbd7d4; border-bottom:10px solid #dbd7d4} #contentmiddle p img{float:left; border:none; margin-right:15px; margin-bottom:10px} #contentmiddle ul{list-style-type:square; margin:0px 0px 0px 30px; padding:0px 0px 15px 0px} #contentmiddle ul li{list-style-type:square; margin:0px 0px 0px 20px; padding:0px 0px 0px 0px} blockquote{margin:0px 0px 0px 25px; padding:0px 25px 0px 10px; font-style:italic; color:#666; border-left:3px solid #999} #content blockquote p{margin:0px 0px 20px 0px; padding:0px} .contentdate{background:#FFF url(images/date.gif); float:left; width:45px; height:50px; margin:0px; padding:0px} .contentdate h3{color:#FFF; font-size:10px; font-weight:normal; padding:1px 0px 0px 10px; margin:0px; text-transform:uppercase} .contentdate h4{color:#999; font-size:21px; font-weight:bold; padding:5px 4px 0px 0px; margin:0px; text-align:center} .contenttitle{float:left; width:500px; margin:0px; padding:0px 0px 0px 10px} #contentmiddle ul li{margin:0px; padding:5px 0px 0px 0px} #content img.wp-wink{float:none; border:none; padding:0px; margin:0px} #contentmiddle ul.postinfo{float:left; width:550px; font-size:93%; color:#333; margin:0 0px 40px 0px; padding:18px 0 0 8px; background:#fff url(images/comment-border2.png) top left repeat-x} #contentmiddle .postinfo li{display:block; float:left; list-style-type:none; padding:4px 0 4px 22px; margin-right:20px; background:#fff url(images/icons-cro.png) 0 0 no-repeat} #contentmiddle li#permalink{background-position:0px -160px} #contentmiddle li#trackback{background-position:0px -40px} #contentmiddle li#comments{background-position:0px -120px} #contentmiddle ul.postinfo a {color: #666;} #contentmiddle ul.postinfo a:hover {color: #000;} /* Footer ************************************************/ #footer{background:#333; width:830px; color:#FFF; margin:0px auto 0px; padding:10px 15px 10px 15px; text-align:left;} #footera, #footer a:visited{color:#C0C0C0; text-decoration:underline} #footer a:hover{color:#999; text-decoration:underline} /* Search Form* ************************************************/ #searchdiv{margin:0px; padding:0px} #searchform{margin:0px; padding:0px; overflow:hidden} #s{width:190px; background:#EFEFEF url(images/search.gif); color:#333; font-size:11px; font-family:Verdana,Helvetica,Sans-Serif; padding:3px; margin:8px 0px 0px 10px; border:1px solid #C0C0C0} /* Comments ************************************************/ #commentblock{width:450px; background:#EFEFEF; color:#333; float:left; padding:10px 20px 0px 20px; margin:10px 0px 10px 0px; border:1px solid #C0C0C0} #commentblock .commentlist{padding:8px 0px 5px 0px; margin:0 auto; width:440px} #commentblock cite{font-style:normal} .author{font-weight:bold} #commentblock .commentlist li{list-style-type:none; clear:both; overflow:hidden; margin:0; padding:0; zoom:1} #commentblock .commentlist li .comment-author, #commentblock .commentlist li .comment-meta{float:left; clear:left} #commentblock .commentlist li .comment-avatar{/*float:right; margin:0 0 0 10px; */ display:none} #commentblock .commentlist li .commenttext{clear:both} #commentblock .commentlist li .children{margin:0 0 0 10px; overflow:hidden; padding:0} #commentblock .commentlist li .children li{width:98%; float:right} #commentblock .commentlist li .children li .commenttext{clear:both} #commentblock .commentlist li .reply{padding-bottom:5px} #commentblock .commentlist li .reply a{background:#e5e5e5; padding:5px; text-decoration:none} #commentblock .commentlist li .reply a:hover{background:#999; color:#fff} #respond{clear:both} .comment-navigation{overflow:hidden; clear:both; padding:0 0 20px} .comment-navigation .alignleft{float:left} .comment-navigation .alignright{float:right} .comment-meta .date{padding-left:0px} #commentblock .commentlist li p{margin-bottom:8px; line-height:20px; padding:0px} .commentname{color:#333; margin:0px; padding:5px 5px 5px 0px} .commentinfo{clear:both} .commenttext{clear:both; margin:5px 0px 20px 0px; padding:20px 10px 5px 10px; width:365px; background:#FFF url(images/comment.gif) no-repeat top} .commenttext-admin{clear:both; margin:5px 0px 20px 0px; padding:20px 10px 5px 10px; width:365px; background:#FFF url(images/comment.gif) no-repeat top} #commentsformheader{padding-left:0px} #commentform{text-align:left; margin:0px; padding:0px} #commentform form{text-align:left; margin:0px} #commentform p{margin:0px} #comment{width:98%} p.comments_link img{margin:0px; padding:0px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none} .leave-comment {background:#FFF url(images/comment-bubbles2.gif) no-repeat top left; padding: 10px 0 0 50px; height: 50px; } /* Image Styles * ************************************************/ #contentmiddle div.wp-caption{margin:10px; border:1px solid #c0c0c0; background:#efefef; overflow:hidden} #contentmiddle .wp-caption img{display:block; margin:5px auto; border:1px solid #c0c0c0} #contentmiddle .wp-caption-text{margin:5px; font-size:0.9em; line-height:1.3em} #contentmiddle div.alignnone{display:block; margin:10px 10px 10px 0} #contentmiddle img.alignleft{margin:10px 10px 10px 0; float:left; clear:left} #contentmiddle img.alignright{margin:10px 0 10px 10px; float:right; clear:right} #contentmiddle img.aligncenter{display:block; margin:0 auto 10px auto; float:none; clear:both} #contentmiddle div.alignleft{text-align:left; float:left; margin-left:0} #contentmiddle div.alignright{text-align:right; float:right; margin-right:0} #contentmiddle div.aligncenter{text-align:center; margin:0 auto 10px} /* clearfix ************************************************/ .clearfix:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0} .clearfix{display:inline-block} html[xmlns] .clearfix{display:block} * html .clearfix{height:1%} /* SOCIABLE */ 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} #contentmiddle .sociable ul{display:inline; margin:0 !important; padding:0 !important} #contentmiddle .sociable ul li{background:none; display:inline !important; list-style-type:none; margin:0; padding:6px} #contentmiddle .sociable ul li:before{content:""} #contentmiddle .sociable img{float:none; width:16px; height:16px; border:0; margin:0; padding:0} #contentmiddle .sociable-hovers{opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50)} #contentmiddle .sociable-hovers:hover{opacity:1; -moz-opacity:1; filter:alpha(opacity=100)}