/* Theme Name: Blackline Description: A clean and elegant theme for news, magazine or personal blogging. Integrated theme options panel, twitter icon, 4 optional 125x125 ads, and social buttons under blog posts and widget support for the sidebars and footer. Version: 1.1 Author: WP Themes Author URI: http://www.wp-themes.biz Tags: black, blue, white, fixed-width, theme-options, two-columns */ .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } * { padding:0px; margin:0px; } body{ background:#f4fcff; margin:0 auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#444444; } h1,h2,h3,h4{ font-family:Georgia, "Times New Roman", Times, serif; } a{ text-decoration:none; color:#007097; } a:hover{ text-decoration:underline; } a img{ border:none; } p{ margin:5px 0; } .clearfix{ clear:both; } #header{ background:#121212 url(images/bgheader.png) top left repeat-x; width:100%; height:130px; margin:0 auto; } #logotitle{ width:960px; height:80px; margin:0px auto; padding:20px 0px 0px 0px; } #logotitle h1 a{ /*font-family:Arial, Helvetica, sans-serif;*/ font-size:30px; font-weight:bold; font-style:italic; color:#e7e7e7; text-transform:capitalize; text-shadow:0px 1px 1px #222222; } #description{ font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#e7e7e7; } /*=====================NAVIGATION====================*/ #navigation{ width:960px; margin:0 auto; position:relative; } #topnav { margin-bottom:0px; float:left; padding: 0px; position:relative; } #topnav em { display: none } #topnav ul { list-style: none; margin: 0px 0px 0px 0px; padding: 0px; } #topnav ul li{ float:left; } #topnav ul li ul { display: none; } #topnav li { padding: 0px; margin: 0px; display: inline; font-size: 12px; line-height: 11px; font-weight: bold; text-transform:capitalize; text-decoration:none; } #topnav a { /*padding: 9px 12px 9px 12px;*/ padding:0px 0px 0px 12px; margin-right: 0px; margin-bottom:0px; float: left; color:#a2a2a2; } #topnav a span{ padding:10px 12px 10px 0px; float:right; } #topnav a:hover { background: #f4fcff url(images/lnav.png) no-repeat left top; /*padding: 10px 0px 10px 12px;*/ color:#444444; text-decoration: none; } #topnav a:hover span { /*padding: 9px 12px 10px 0px;*/ background: #f4fcff url(images/rnav.png) no-repeat right top; } #topnav .on, #topnav .current_page_item a { background: #f4fcff url(images/lnav.png) no-repeat left top; color:#444444; } #topnav .on span, #topnav .current_page_item a span{ background: #f4fcff url(images/rnav.png) no-repeat right top; } /*=======================TWEET AND RSS=======================*/ #tweetandrss{ float:right; display:block; position:relative; overflow:hidden; padding:0px; margin-top:6px; } #tweetandrss ul{ padding:0px; } #tweetandrss li{ float:left; list-style-type:none; margin:0px 20px 0px 0px; } #tweetandrss li a{ color:#a2a2a2; font-size:14px; padding:0px 0px 0px 20px; } #twitterfeed{ background:url(images/twitter.png) left top no-repeat; } #rssfeed{ background:url(images/rss.png) left top no-repeat; } /*=================== THE BODY====================*/ #thebody{ margin:20px auto; width:960px; } #welcome{ padding:20px 30px 20px 30px; text-align:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; border-top:#d1f2ff 1px solid; border-bottom:#d1f2ff 1px solid; margin-bottom:20px; font-style:italic; color:#8c8c8c; line-height:20px; } #navi{ padding:0px 0px 20px 0px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; border-top:#d1f2ff 1px solid; border-bottom:#d1f2ff 1px solid; margin-bottom:20px; font-style:italic; color:#8c8c8c; line-height:20px; display:block; position:relative; height:20px; } #next { float: right; margin:10px; } #prev { float: left; margin:10px; } #content{ width:640px; float:left; } .meta{ width:90px; float:left; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; color:#8c8c8c; font-style:italic; } .meta ul{ text-align:right; padding:0px; } .meta ul li{ padding:5px 10px 5px 0px;; border-bottom:#d1f2ff 1px solid; list-style-type:none; } .meta ul li a{ color:#0089b9; } .postbody{ width:520px; float:left; border-left:#d1f2ff 1px solid; padding:0px 0px 0px 20px; margin-bottom:20px; } .posthead h2 a{ font-size:24px; font-weight:normal; color:#007097; text-shadow:0px 1px 1px #ffffff; border-bottom:#f4fcff 2px solid; } .posthead h2 a:hover{ border-bottom:#d1f2ff 2px solid; background:#e4f8ff; text-decoration:none; } .body{ margin-top:5px; overflow:hidden; line-height:18px; } .body p{ margin:10px 0px; } .body blockquote{ font-style:italic; margin-left:20px; margin-right:10px; padding:5px 10px 5px 10px; border-left:#d1f2ff solid 4px; background:#e4f8ff; } .body ol { list-style: decimal inside; } .body ol { padding: 10px 0px 10px 20px; margin: 0px; } .body ol li { padding: 2px 0px 2px 0px; } .body ul { list-style:square inside; } .body ul { padding: 0px 0px 0px 20px; margin: 0px; } .body ul li { padding: 2px 0px 2px 0px; } .readmore{ margin:1px 0px 20px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; } .readmore a:hover{ border-bottom:#d1f2ff 2px solid; text-decoration:none; background:#e4f8ff; } .socialbookmark{ clear:both; padding:0px 0px 0px 0px; margin:0px 10px 0px 0px; background:url(images/hr.png) bottom left repeat-x; display:block; position:relative; height:40px; border-top:#d1f2ff solid 1px; border-bottom:#d1f2ff solid 1px; } .socialbookmark ul{ padding-left:0px; margin-top:10px; display:block; } .socialbookmark li { float:left; list-style-type:none; margin:0px 4px 5px 0px; } .socialbookmark .bwith{ font-weight:bold; padding-top:2px; color:#838383; margin-right:10px; } .Nav{ clear:both; margin:0px 0px 0px 0px; text-align:center; border-top:#d1f2ff 1px solid; /* border-bottom:#d1f2ff 1px solid; */ padding:10px 0px 10px 0px; } .Nav a{ margin-left:3px; background:#007097; color:#f4fcff; padding:3px 5px 3px 5px; border:#00516e 1px solid; } .Nav .on{ padding:3px 5px 3px 5px; } #sidebar{ width:309px; float:left; margin-left:10px; border-left:#d1f2ff 1px solid; } #sidebar li{ list-style-type:none; } .widget { margin-bottom:20px; } .widget h2{ padding-left:10px; padding-bottom:5px; border-bottom:#d1f2ff 1px solid; font-size:18px; font-weight:normal; text-transform:uppercase; text-shadow:0px 1px 1px #ffffff; } .widget li{ list-style-type:none; } .widget ul{ padding:5px 10px 5px 10px; } .widget ul li{ list-style-type:none; padding:5px 0px 5px 0px; } #adsblock{ text-align:center; } #adsblock h2{ text-align:left; } #adsblock img{ margin:5px; } #search{ margin:10px 10px 20px 10px; } #search #s{ width:180px; height:30px; padding:0px 10px 0px 10px; font-size:12px; color:#666; border:1px solid #d1f2ff; } #search #sb{ height:31px; background:#007097; color:#f4fcff; border:#00516e 1px solid; font-size:11px; font-weight:bold; padding:0px 10px 0px 10px; } .textwidget{ padding-left:10px; } /*==========================FOOTER===================================*/ #footerwarp{ margin:20px 0px 0px 0px; background:#444444; } #footer{ width:960px; margin:auto; padding-top:10px; } #footerwidgetbody{ position:relative; overflow:auto; margin: 10px 0px 10px 0px; } .footerwidget{ float:left; width:309px; padding:0px 0px 0px 10px; margin:0px; padding-top:0px; border-left:#575757 1px solid; color:#e7e7e7; } .footerwidget h3{ width:290px; padding:0px 5px 5px 10px; margin-top:0px; margin-left:-10px; color:#f4fcff; font-size:16px; font-weight:normal; text-transform:uppercase; text-shadow:0px 1px 1px #ffffff; margin-bottom:10px; border-bottom:#575757 1px solid; } .footerwidget p{ line-height:16px; color:#e7e7e7; padding-right:10px; } .footerwidget a{ color:#acacac; } .footerwidget ul{ margin:0px 0px 0px 0px; list-style-type:none; padding:0px 0px 0px 0px; } .footerwidget ul li{ margin:0px 10px 10px 0px; list-style-type:none; } #footer_copyright{ clear:both; margin:20px auto 0px auto; clear:both; width:960px; padding:20px 0px 20px 0px; text-align:center; color:#cdcdcd; border-top:#575757 1px solid; } #footer_copyright a{ color:#888888; text-decoration:none; } /* ================================COMMENTS========================== */ #comments { clear:both; float:left; width:100%; margin:20px 0px 0px 0px; padding:0px 0px 0px 0px; } #comments h2{ padding:10px 0px 20px 0px; font-weight:normal; } #comments .even{ } #comments a { /*color:#666;*/ } #comments p.notice { margin:0 0 30px 0; padding:0px; text-align:center; font-weight:bold; } #comments .commentlist { clear:both; list-style:none; margin:0 0 10px 0; padding:0; } #comments .commentlist li { clear:both; padding:0px; margin:0 0 0px 0; } #comments .commentlist li div.comment-body { padding:10px; } #comments .commentlist li.pingback div.comment-body, #comments .commentlist li.trackback div.comment-body { border:none; } #comments .commentlist li div.comment-author .avatar { padding:0; margin:0 10px 0 0; float:left; width:50px; height:50px; border:5px solid #E0E4CC; } #comments .commentlist li div.comment-author cite { font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#6b6b6b; text-transform:capitalize; } #comments .commentlist li div.comment-author .says { margin-left:3px; display:none; } #comments .commentlist li div.comment-meta { margin-bottom:10px; font-size:10px; text-transform:uppercase; } #comments .commentlist li div.comment-meta a { text-decoration:none; } #comments .commentlist li p { padding:0; margin:0 0 10px 0; } #comments .commentlist li .reply { float:right; font-weight:bold; } #comments .commentlist li .reply a { float:left; color:#666; margin:10px 0 0 0; padding:5px 8px; text-transform:uppercase; font-size:11px; } #comments .commentlist li.pingback .reply, #comments .commentlist li.trackback .reply { display:none; } #comments .commentlist li ul.children { float:left; clear:both; list-style:none; padding:0 0 0 10%; margin:0; width:90%; /*background:url(images/comment_reply.jpg) top left no-repeat;*/ } #comments .commentlist li ul.children li { clear:both; float:left; margin:0px 0 0 0; padding:0; width:100%; } #comments .commentlist li #respond { margin:20px 0 0 0; } #comments .commentlist li:after, #comments .commentlist li div.comment-body:after, #comments .commentlist li ul.children li:after { content:""; display:block; height:0; clear:both; visibility: hidden; } #comments #respond { clear:both; margin:0 0 30px 0; padding:0px 0px 0px 0px; } #comments #respond .cancel-comment-reply { float:left; margin:-10px 0 20px 0; text-transform:uppercase; } #comments #respond .cancel-comment-reply small a { float:left; } #comments #commentformdiv{ position:relative; display:block; overflow:auto; padding:20px 20px 0px 20px; border-top:#d1f2ff solid 1px; border-bottom:#d1f2ff solid 1px; } #comments #respond .form { clear:both; /*float:left;*/ margin:0; padding:0; } #comments #respond .form p { position:relative; float:left; width:100%; margin:0 0 20px 0; padding:0; } #comments #respond .form p label { float:left; width:35%; margin-top:4px; } #comments #respond .form p label small { margin-left:5px; font-size:10px; } #comments #respond .form .tf, #comments #respond .form textarea.tf { float:right; width:60%; padding:7px; font-size:12px; color:#666; border:1px solid #d1f2ff; } #comments #respond .form #submit { float:right; padding:8px 15px 8px 15px; background:#007097; color:#f4fcff; border:#00516e 1px solid; font-size:11px; font-weight:bold; text-transform:uppercase; cursor:pointer; } .comment{ padding:5px 5px 0px 5px; border-bottom:#d1f2ff solid 1px; display:block; } .comment p{ display:block; } .comment-author{ margin-top:0px; margin-left:5px; }