/* Theme Name: BlackyPress Theme URL: http://stupidsite.org Description: BlackyPress is 3 columns wordpress theme has been built by Stupid Site and comes under a Creative Commons License. Author: don Tags: black, dark, three-columns, fixed-width Author URI: http://stupidsite.org Version: 1.0 */ body { color: #ffffff; font-family: Lucida Grande, Arial, verdana, Helvetica, sans-serif; font-size: 12px; margin: 0px auto 0px; padding: 0px; background: #1e2e4b url(images/bodybg.png) 0 0 repeat-x; } #wrap { background: #333333; width: 960px; margin: 0px auto 0px; padding: 0px; } a:hover { color: #eee; text-decoration: underline; } a, a:visited { color: #ccc; text-decoration: underline; } /*+++++++++++++++++++++++++++ Header +++++++++++++++++++++++++++++++*/ #header { width: 960px; height: 100px; background-image: url(images/header-bg.gif); background-repeat: no-repeat; background-position: center top; margin: 20px auto 0 auto; padding: 0 10px; } #header a, #header a:visited { font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 38px; color: #FFFFFF; text-decoration: none; padding: 0px; margin: 0px; font-weight: normal; } #header a:hover { color: #aaaaaa; text-decoration: none; } .headerleft { width: 600px; float: left; margin: 0px; height: 80px; padding: 20px 0 0 20px; } .headerright { background: #000000 url(images/feed.png); width: 84px; height: 100px; float: right; } #headerright li { display: inline; list-style-type: none; margin: 0px; padding: 0px; } #headerright ul { margin: 0px; padding: 0px; } #headerright a, #navbarright a:visited { color: #FFFFFF; font-weight: bold; margin: 0px; padding: 6px 10px; text-decoration: none; } #headerright a:hover { color: #FFFFFF; font-weight: bold; text-decoration: underline; } /*+++++++++++++++++++++++++++ Navbar +++++++++++++++++++++++++++++++*/ #navbar { width: 960px; height: 30px; color: #FFFFFF; background-image: url(images/header-bg.gif); background-repeat: no-repeat; background-position: center bottom; margin: 0px auto; padding: 0 10px; } .navbarleft { width: 430px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin: 0px; padding: 4px 0px 0px 20px; } .navbarright { width: 460px; float: right; text-align: left; margin: 0; padding: 0; line-height: 29px; } .navbarright li { display: inline; list-style-type: none; margin: 0px; padding: 0px; } .navbarright ul { margin: 0px; padding: 0px; } .navbarright ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration: none; font-weight: normal; display: inline; padding: 8px; margin: 0px; } .navbarright ul li a:hover { color: #FFFFFF; text-decoration: none; font-weight: normal; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; font-size: 12px; } #nav, #nav ul { width : 100%; height : 27px; list-style : none; font-weight : normal; background : #1c2c4a; padding : 0; margin : 3px 0 0 0; border : solid #222222; border-width : 0; } #nav a { display : block; width : 10em; width : 3em; color : #ffffff; text-decoration : none; padding : 0 1.3em; border : none; } #nav li { float : right; padding : 0; width : 8em; } #nav li ul { position : absolute; left : -999em; height : auto; width : 9.4em; width : 8.5em; font-weight : normal; border-width : 0.25em; margin : 0; } #nav li li { padding-right : 0; width : auto; } #nav li ul a { width : 8em; width : 6em; } #nav li ul ul { margin : -2.0em 0 0 8.5em; background: #333333; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left : -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left : auto; } #nav li:hover, #nav li.sfhover { background : #222222; } /*+++++++++++++++++++++++++++ Content +++++++++++++++++++++++++++++++*/ #content { width: 925px; background-color: #FFFFFF; margin: 0 auto; padding: 0 25px 0 30px; background-image: url(images/content-bg.gif); background-repeat: repeat-y; background-position: center; } #content p { padding: 0px 0px 10px 0px; margin: 0px; line-height: 20px; } #content h1 { color: #ffffff; font-size: 21px; font-family: Lucida Grande, Arial, verdana, Helvetica, sans-serif; font-weight: bold; margin: 15px 0px 0px 0px; padding: 0px 0px 10px 0px; } #content h1 a { color: #aaa; text-decoration: none; border-bottom: 1px solid #aaa; } #content h1 a:hover { color: #cecece; text-decoration: none; border-bottom: 1px solid #aaa; } small { font-size: 11px; color: #aaa; } #content p img { border: none; margin-right: 15px; margin-bottom: 10px; max-width: 80%; } #content h2 { color: #ffffff; font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 20px 0px 5px 0px; margin: 0px; border-bottom: 1px dotted #C0C0C0; } #content img.wp-smiley { float: none; border: none; padding: 0px; margin: 0px; } #content img.wp-wink { float: none; border: none; padding: 0px; margin: 0px; } #contentleft { float: left; width: 470px; margin: 0; padding: 0px 0px 20px 0px; } #contentleft ol { margin: 0px 0px 0px 20px; padding: 0px 0px 10px 0px; } #contentleft ol li { margin: 0; padding: 0px 0px 10px 0px; } #contentleft ul { list-style-type: square; margin: 0px 0px 0px 20px; padding: 0px 0px 5px 0px; } #contentleft ul li { list-style-type: square; margin: 0px 0px 0px 20px; padding: 0px 0px 10px 0px; } .postmetadata { margin: 10px 0; font-size: 11px; color: #aaa; font-family: Arial, Helvetica, sans-serif; background-color:#222222; } blockquote { margin: 0 20px; padding: 5px 10px; background: #222; border: 1px solid #444; } #content blockquote p { margin: 0px 0px 10px 0px; padding: 10px 0px 0px 0px; } #st { float: left; width: 470px; margin: 0; padding: 20px 0px 10px 0px; } .archive1{ width: 220px; float:left; margin:0px 0px 25px 10px; padding:5px 0px 0px; background-color:#222222; } .archive2{ width: 220px; float:right; margin:0px 10px 25px 0px; padding:5px 0px 0px; background-color:#222222; } /*+++++++++++++++++++++++++++ Footer +++++++++++++++++++++++++++++++*/ #footer { width: 980px; color: #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; background-image: url(images/footer.gif); background-repeat: no-repeat; background-position: center top; margin: 0 auto; padding: 15px 0 5px 0; height: 60px; font-weight: normal; } #footer p { color: #d8caa8; font-size: 11px; font-family: Arial, Tahoma, Verdana; margin: 0; padding: 0px 10px; } #footer a, #footer a:visited { color: #222222; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer a img { border: none; margin: 0px 0px 0px 10px; padding: 0; } #footerleft { width: 500px; color: #ffffff; float: left; margin: 0; padding: 5px 0px 0px 0px; } #footerleft a, #footerleft a:visited { color: #ffffff; text-decoration: none; } #footerright { width: 400px; float: right; color: #222222; font-size: 10px; margin: 0; padding: 7px 20px 0px 0px; text-align: right; } /*+++++++++++++++++++++++++++ Search +++++++++++++++++++++++++++++++*/ #search { float: right; margin: 20px 20px 0 0; } #searchform{ margin: 0; padding: 0; } #s { color: #aaa; font-family: Arial, Lucida Grande,Helvetica,sans-serif; width: 184px; height: 16px; padding: 2px; margin: 0; font-size: 12px; border: 0; background: #555 url(images/searchinput.gif) 0 0 no-repeat; } #searchform .searchIcon { padding:0; height:19px; width:23px; margin: 10px 0 -3px 3px; } #rtsearchdiv { margin: 0px; padding: 0px; } #r_sidebar #searchform { overflow: hidden; width: 163px; margin: 10px 0 0 0; background-color: #1c2c4a; border: 1px solid #1c2c4a; height: 60px; padding: 0; } #r_sidebar #searchbox { width: 153px; font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; padding: 4px; margin: 8px 0px 0px 0px; border-top: 1px solid #d4d2c3; border-left: 1px solid #d4d2c3; border-right: 1px solid #d4d2c3; border-bottom: 1px solid #d4d2c3; background-color: #41557c; color:#FFFFFF; } #r_sidebar #s { width: 155px; font-family: Arial, Helvetica, Sans-Serif; padding: 3px; display: inline; background-color: #FFFFFF; border: 1px solid #67727B; margin: 8px 0 3px 0; font-size: 12px; font-weight: normal; color: #000000; } #l_sidebar #searchform { overflow: hidden; width: 250px; margin: 10px 0 0 0; background-color: #41557c; border: 1px solid #41557c; height: 60px; padding: 0px; } #l_sidebar #searchbox { width: 250px; font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; padding: 4px; margin: 8px 0px 0px 0px; border-top: 1px solid #d4d2c3; border-left: 1px solid #d4d2c3; border-right: 1px solid #d4d2c3; border-bottom: 1px solid #d4d2c3; background-color: #41557c; color:#FFFFFF; } #l_sidebar #s { width: 155px; font-family: Arial, Helvetica, Sans-Serif; padding: 3px; display: inline; background-color: #41557c; border: 1px solid #67727B; margin: 8px 0 3px 0; font-size: 12px; font-weight: normal; color: #000000; } #calendar_wrap { width: 225px; margin-left: 12px; margin-top: 10px; } #wp-calendar { width: 225px; background-color: #41557c; text-align: center; border: 1px solid #222222; font-size: 12px; } #wp-calendar caption { background-color: #222222; font-weight: bold; color: #FFFFFF; padding: 5px 0; } #wp-calendar td { background-color: #384b6f; } #l_sidebar #wp-calendar tbody a { font-weight: bold; color: #FFFFFF; background-color: #41557c; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin: 0px; padding: 0px; } #l_sidebar #wp-calendar tbody a:hover { font-weight: bold; color: #FFFFFF; background-color: #000000; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin: 0px; padding: 0px; } #wp-calendar .pad { background-color: #384b6f; } #wp-calendar #prev { background-color: #384b6f; } #wp-calendar #prev a { font-weight: bold; color: #000000; } #wp-calendar #next { background-color: #384b6f; } #wp-calendar #next a { font-weight: bold; color: #000000; } #l_sidebar .textwidget { margin-right: 8px; margin-left: 8px; } #l_sidebar ul#recentcomments { margin-right: 8px; margin-left: 8px; } #recent-comments .recentcomments a { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #content #l_sidebar #l_sidebarwidgeted .widgettitle a.rsswidget { display: inline; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .adsense160x600 { height: 600px; width: 160px; margin-top: 20px; margin-left: 3px; } /*+++++++++++++++++++++++++++ Comment component +++++++++++++++++++++++++++++++*/ #commentblock { width: 470px; float: left; background-color: #333333; margin: 10px 0 0 0; padding: 10px 0 10px 0; } #commentblock ol { list-style-type: none; margin: 0; padding: 0px 0px 10px 0px; } .commenttext { clear: both; margin: 3px 0px 10px 0px; padding: 20px 10px 5px 10px; width: 440px; border: 1px solid #444; background: #222222; } p.comments_link img { margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #commentform #submit { background-color: #222222; font-weight: bold; color: #FFFFFF; border: 3px solid #333333; padding-top: 4px; padding-bottom: 4px; } .gravatar { float:left; height:32px;width:32px; margin:0 7px 2px 7px; } .commentno { color:#8daae3; float:right; width:40px; font-weight:600; font-size:24px; } /*+++++++++++++++++++++++++++ Sidebar +++++++++++++++++++++++++++++++*/ #l_sidebar { float: left; width: 250px; margin: 0px 0px 0px 20px; padding: 0px 0px 10px 0px; } #l_sidebar h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; margin: 20px 0 5px 0; background: url("images/sdb-title.gif") 0 0 repeat-x; padding: 7px 5px 7px 8px; border: 1px solid #364768; color: #FFFFFF; } #l_sidebar ul { list-style: none; margin: 0px; padding: 0 1px 0 0; } #l_sidebar ul li { padding: 10px 0 4px 0; font-family: Arial, Georgia, Sans-serif; font-size: 12px; color:#ffffff; margin:0; } #l_sidebar ul ul li { line-height: 18px; background:url(images/bloggeraz-arrow.gif) no-repeat 3px 4px; padding:0 0 5px 18px; } #l_sidebar ul ul ul li { padding: 0 0 0 10px; line-height: 18px; font-family: Arial, Georgia, Sans-serif; font-size:11px; background:url(images/subcat.gif) no-repeat 0px 3px; } #l_sidebar p { padding: 3px 0px 0px 0px; margin: 0px; line-height: 20px; } .l_sidebar ul ul ul li a:link, .l_sidebar ul ul ul li a:visited { color:#ffffff; } #r_sidebar { float: right; width: 163px; margin: 0; padding: 0px 0px 20px 0px; } #r_sidebar h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; margin: 20px 0 5px 0; padding: 7px 5px 7px 8px; border: 1px solid #364768; background: url("images/sdb-title.gif") 0 0 repeat-x; } #r_sidebar ul { list-style: none; margin: 0px; padding: 0px; } #r_sidebar ul li {} #r_sidebar ul li ul {} #r_sidebar p { padding: 3px 0px 0px 0px; margin: 0px; line-height: 20px; } #r_sidebar ul li ul li { display:block; padding-left:3px; padding-bottom:2px; padding-top:2px; } .l_sidebar ul li a:hover, .r_sidebar ul li a:hover { color:#ffffff; } /*+++++++++++++++++++++++++++ Navbar +++++++++++++++++++++++++++++++*/ #pagination { height: 24px; width: 470px; margin-left: 2px; margin-top: 40px; } #pagination .prev { float: left; width: 100px; height: 20px; padding-top: 4px; background: url(images/prev.png) 0 48px; } #pagination .prev:hover { float: left; width: 100px; height: 20px; padding-top: 4px; background: url(images/prev.png) 0 24px; } #pagination .prev a { height: 24px; margin-left: 27px; font-size: 11pt; text-decoration: none; } #pagination .prev a:hover { height: 24px; margin-left: 27px; font-size: 11pt; color: #28395a; text-decoration: none; } #pagination .next { float: right; width: 100px; height: 20px; padding-top: 4px; background: url(images/prev.png) 0 96px; } #pagination .next:hover { float: right; width: 100px; height: 20px; padding-top: 4px; background: url(images/prev.png) 0 72px; } #pagination .next a { height: 24px; margin-left: 27px; font-size: 11pt; text-decoration: none; } #pagination .next a:hover { height: 24px; margin-left: 27px; font-size: 11pt; color: #28395a; text-decoration: none; } #pagination .prevpost { float: left; height: 20px; padding-top: 4px; } #pagination .nextpost { float: right; height: 20px; padding-top: 4px; margin-right: 0px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; }