/* Theme Name: Black Soul Author: Forumstyles.de Author URI: http://www.forumstyles.de Description: Black Soul is a simple Widget ready Dark Theme by Forumstyles with right sidebar and Top Menu. Version: 1.2 Tags: black, blue, two-columns, fixed-width, light, right-sidebar */ body { font-family : 'MS Reference Sans Serif', Arial,Tahoma; font-size : 10px; color : #9C9D9F; margin:0; padding:0; background : #10161A url(images/body-bg.gif) repeat; } a { color : #5692BA; text-decoration : none; } a:hover { color : #5692BA; text-decoration : underline; } img {margin:0; padding:0;} a img {border:0;} p { padding : 5px 0; margin : 0; } #wrapper { width : 718px; margin:0 auto; padding:0; } /* ====================== Page Structure ======================= */ #header { width : 718px; height:151px; background : url(images/header.gif) no-repeat; } #main-content { width : 718px; background : #10161A; } #content{ width : 501px; float:left; margin:0;padding:19px 14px 0 17px; } #sidebar { width : 171px; float:left;padding:19px 15px 0 0; } #footbar { width : 654px; padding:25px 24px 25px 40px; background : #10161A; } #footer { width : 718px; height:30px;padding-top:4px; background : url(images/footer.gif) no-repeat; } /* ====================== Header ======================= */ #logo { float:left; width:368px; height:71px;padding-top:80px; } h1 {font-size:42px;color:#5692BA; font-family : 'Agency FB',Tahoma,Verdana; padding:0 0 0 20px;;margin:0; } h1 a, h1 a:hover {color:#5692BA;text-decoration : none;} .desc {font-size:11px;margin:0 0 0 20px;padding:0;} #nav1{ float:left; width:350px; height:63px; padding-top:88px; } /* --------- Navigation -------- */ #nav1 ul { margin : 0; padding : 0; list-style : none; float:right; } #nav1 li { height : 17px; float : left; background : url(images/menu-sp.gif) no-repeat; padding : 6px 20px 0 20px; font-size : 11px; margin : 0; color : #fff; } #nav1 li.last{padding : 6px 0 0 20px; } #nav1 li a { color : #fff; text-decoration : none; } #nav1 li a:hover { color : #5692BA; text-decoration : none; } /* ================================= Conatent ============================= */ /* -------------------------- Posts ----------------------------- */ .post{ width:475px; padding:14px 13px 5px 13px; margin-bottom:15px; background:#141F27 url(images/post-bg.gif) repeat-x; } .post-title { width:475px; height:41px; background:#030406; } .post-title h2 {padding:14px 0 0 10px;margin:0;font-size:14px;float:left;color:#fff;} .post-title h2 a,.post-title h2 a:hover {color:#fff; text-decoration:none;} .post-title .sp {padding:14px 0 0 5px;margin:0;font-size:14px;float:left;color:#fff;} .post-title .comnt{padding:15px 0 0 5px;margin:0;font-size:10px;float:left;color:#5692BA;} .post-title .mail a{padding:15px 10px 0 0;margin:0; display:block; width:17px; height:11px; font-size:12px;float:right; background:url(images/mail.gif) no-repeat 0 15px; } .post-title .mail a:hover {text-decoration:none;} .entry {padding:5px;} /* --------------- SideBars ----------------*/ #sidebar ul { list-style : none; margin:0;padding:0; } #sidebar ul li { list-style : none; margin : 0 0 15px 0; padding : 0 0 5px 0; background : #0B1013; } #sidebar ul li.widget_categories{ background : url(images/catg-bg.gif) repeat 0 23px; padding : 0; } #sidebar ul li h2 { margin:0; padding:0 0 0 10px; height:23px; line-height : 23px; font-size : 12px; text-align : left; background : url(images/sidebar-bg-h2.gif) repeat-x; color : #5692BA; font-weight : bold; display:block; text-transform:uppercase; } #sidebar ul ul { list-style : none; margin :0; padding : 0;} #sidebar ul ul li { list-style : none; margin : 0; padding : 5px 0 0 22px; font-weight : normal; background : url(images/sidebar-bg-li.gif) no-repeat 10px 7px; font-size : 10px; } #sidebar ul li.widget_categories ul li{ padding : 0 0 0 22px; margin:0; font-weight : normal; line-height:26px; background : url(images/catg-li-t.gif) no-repeat 10px 10px; font-size : 10px; } #sidebar ul ul ul li { list-style : none; margin : 0; padding : 5px 0 0 10px; font-weight : normal; background : url(images/sidebar-li.png) no-repeat 0 10px; font-size : 10px; } #sidebar a { margin : 0;padding : 0; color : #76787B; text-decoration : none; } #sidebar a:hover { color : #5692BA; text-decoration :none; } /* ================================= Footbar ============================= */ #footbar ul { list-style : none; margin:0;padding:0; } #footbar ul li { display:inline; float:left; width:202px; list-style : none; margin : 0 16px 0 0; padding : 0 0 0 0; background :url(images/footer-ul-bg.gif) repeat 0 26px; } #footbar ul li h2 { margin:0; padding:0 0 0 10px; height:26px; line-height : 26px; font-size : 12px; text-align : left; color : #404548; font-weight : bold; text-transform:uppercase; background :#10161A; } #footbar ul ul { list-style : none; margin :0;padding : 0; } #footbar ul ul li { width:188px; display:block;clear:left; list-style : none; line-height : 26px; margin : 0; padding : 0 0 0 10px; font-weight : bold; font-size : 11px; color : #fff; background :transparent; } #footbar a { margin : 0;padding : 0; color : #5692BA; text-decoration : none; } #footbar a:hover { color : #5692BA; text-decoration : none; } /* ----------------*/ /* ================================= Footer ============================= */ #footer p{ font-size: 10px; color:#eee; line-height:10px; margin:0; padding:3px 0 0 30px;font-weight:bold; } #footer a{ color:#fff; text-decoration:none; } #footer a:hover{ color:#fff; text-decoration:underline; } /* Others */ .clr { clear : both; margin : 0; padding : 0; font-size:1px; line-height:1px; } /* Search Form */ #searchform {margin: 0;padding:5px;text-align:center; } #searchform br {display:none;} #searchform input { margin : 0; padding :3px; background:#141F27; color : #9C9D9F; border : 0; font-size : 10px; } #searchform input#s { width : 80px; padding :5px 5px 3px 5px; height : 14px; } /* --------------------- common elements --------------------------- */ .navigation { display: block; color : #5692BA; width:98%;} p.postinfo {margin:10px 0; padding:0; font-size:10px;color:#5692BA;} p.postinfo .non{color:#2D3C45;} h2.pagetitle, h2.center {margin:0;text-align: center; padding:10px 0; font-size:16px; color:#2D3C45;} h3.comments {padding: 0;margin: 20px auto 20px ;} .more-link {font-weight:bold;text-align:right;} a.more-link, a:hover.more-link {float:right;padding-top:5px;} p.postmetadata {margin:0; padding:10px;} .alt { background-color: #141F27; border-top: 2px solid #2D3C45; border-bottom: 2px solid #2D3C45; } input, select, textarea { border: 0; color:#9C9D9F; background:#141F27; } #commentform #submit {margin: 0; color:#9C9D9F; background:#141F27;} blockquote { border-left: 3px solid #5692BA;} ol.commentlist {margin:0;padding:0;} .commentlist li { font-weight:normal;} .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 12px; } code { font: 1.1em 'Courier New', Courier, Fixed; background:#eee;} /* Begin Calendar */ #wp-calendar {empty-cells: show;margin: 10px auto 0;width: 80%; } #wp-calendar #next a {padding-right: 10px;text-align: right;} #wp-calendar #prev a {padding-left: 10px;text-align: left; } #wp-calendar a {display: block;} #wp-calendar caption {text-align: center;width: 100%;} #wp-calendar td {padding: 3px 0; text-align: center;} #wp-calendar td.pad:hover { background-color: #424242; } #wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt; } #wp-calendar a {text-decoration: none; } #wp-calendar caption { text-align: center; } #wp-calendar th { font-style: normal;text-transform: capitalize;} #wp-calendar #today {font-weight:bold;color : #5692BA;} /* End Calendar */ .smallattachment {text-align: center; float: left;margin: 5px 5px 5px 0px;} .attachment {text-align: center; margin: 5px 0px;} /* Begin Images */ p img { padding: 0; max-width: 90%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } /* End Images */ /* Begin Lists */ .entry ol,.entry ul {margin: 0; padding: 5px 0 5px 35px; } .entry li {margin: 0; padding: 0; } .postmetadata ul, .postmetadata li { display: inline; list-style: none;} /* Begin Form Elements */ .entry form { text-align:center; } select { width: 130px; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform textarea { width: 80%; padding: 2px;} /* End Form Elements */ /* Begin Comments*/ .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify;} .commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;} .commentlist p {margin: 10px 5px 10px 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; } .commentmetadata {display: block; font-size:10px;font-weight:normal;} /* End Comments */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help;} acronym, abbr { border-bottom: 1px dashed #424242; } blockquote { margin: 15px 30px 0 10px;padding-left: 20px;} blockquote cite { margin: 5px 0 0; display: block;} .center { text-align: center;} hr { display: none; } .alignright { float: right; } .alignleft { float: left;} .navigation .alignright { width:48%; text-align:right; } .navigation .alignleft {width:48%; text-align:left;} /* End Various Tags & Classes*/ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }