/* Theme Name: Black Hat Theme URI: http://www.nickifaulk.com/free-wordpress-themes/ Description: This is a dark minimalist theme based on Adrian Diaconescu's Corporate Sandbox. It is has been built specifically with WordPress 2.7 in mind, but is backwards compatible down to version 2.5 (maybe 2.3, but I wouldn't recommend it!). Stickers icons courtesy of DryIcons. Favicon by Brian Brasher.   *** IMPORTANT!! Don't forget to view the Read Me file! *** Version: 1.0 Author: Nicki Faulk Author URI: http://www.nickifaulk.com Tags: two-columns, fixed-width, left-sidebar, black, white, blue, dark, threaded-comments, theme-options, microformats This theme is released under GNU General Public License (GPL): http://www.gnu.org/licenses/gpl.html */ /* Architecture */ html { } body { background: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #bcbcbc; } #wrapper { width:970px; margin: 0 auto; background: #242323; padding: 0 0; background-image:url(images/stripes.png); background-repeat:repeat; } #header { height: 110px; border-top: 1px solid #E5E5E5; background-color:#242323; background-image:none; } #container { width: 100%; } #content { width:680px; } #sidebar { padding:20px; width: 220px; float: left; } #footer { clear: left; width: 100%; padding:20px 0; border-top: 1px solid #EFEFEF; border-bottom: 1px solid #E5E5E5; background-color:#242323; background-image:none; } #footer p { padding:5px 8px; } #footer p a:hover { text-decoration:none; color:#5eb9f3; } /* General */ * { margin: 0; padding: 0; } a { color: #666666; text-decoration: none; } a:hover { color: #5eb9f3; text-decoration: underline; } img { border: 0; } .avatar { float:left; margin:0 10px 5px 0; } .centered, .aligncenter { display:block; margin-left:auto; margin-right:auto; padding:0; float:none; } .alignnone, .none { margin:0; padding:0 0 10px 0; display:inline; } .alignright, .right { float:right; margin:0; padding:0 0 10px 10px; display:inline; } .alignleft, .left { float:left; margin:0; padding:0 10px 10px 0; display:inline; } .wp-caption { margin:0; padding:0; } .wp-caption img { margin:0px 0px 10px 0px; padding:0px; border:0px; } .wp-caption p.wp-caption-text { margin:0; padding:5px 0 0 0; font-size:10px; font-style:italic; font-weight:bold; line-height:12px; } .separator { color: #CCCCCC; margin: 0 5px; } .clear { clear: both; width:100%; height:1px; } .meta-sep { color: #CCCCCC; margin: 0 5px; } .navigation { clear:both; width:100%; margin-bottom:10px; } .floater-left { float: left; } .floater-right { float: right; } div.floater-left a, div.floater-right a { color:#c4c3c3; padding:5px; background-color:#242323; border:1px solid #c4c3c3; display: block; } div.floater-left a:hover, div.floater-right a:hover { text-decoration:none; color:#5eb9f3; } #access { width:100%; height:89px; } #theend { width:100%; height:89px; } #allowed { overflow:hidden; width:100%; border-bottom: 1px solid #E5E5E5; background-color:#242323; background-image:none; } #menu ul { display: inline; /* Added to fix the double margin in IE6 */ list-style: none; } #menu ul li { display: inline; /* Added to fix the double margin in IE6 */ float: left; margin-left: 10px; padding: 15px 10px; } #menu ul li a:hover { color:#bcbcbc; text-decoration:none; } #blog-title { font-size: 250%; font-weight: normal; margin: 40px 0 0 20px; } #blog-title a { color: #ffffff; } #blog-description { font-size: 120%; font-weight: normal; font-style:italic; margin: 0 0 0 20px; } /* Content */ .page-title { margin-bottom: 15px; font-weight: normal; font-size: 160%; } .post { border:1px solid #c4c3c3; background-color:#242323; padding:8px; margin-bottom: 50px; } .entry-title { width: 450px; font-weight: normal; font-size: 160%; float:left; } .entry-title a { color: #5eb9f3; } .more-link { display: block; margin: 10px 0 0 0; } .entry-comments { float: right; width:25px; } .entry-comments { float: right; background: url(images/cbubble.gif) no-repeat top left; padding: 3px 1px 7px 4px; text-align:center; } .entry-comments a { padding: 3px 7px 7px 5px; color: #FFFFFF; } .entry-comments a:hover { color: #FFFFFF; } .entry-meta { clear:both; color: #666666; font-size: 90%; margin-top: 10px; } .entry-categ { color: #666666; font-size: 90%; border-bottom: 1px solid #EFEFEF; padding-bottom: 5px; } .entry-footer { color: #666666; font-size: 90%; border:1px solid #4b4a4a; background-color:#343333; padding:5px; } .entry-footer span { color: #CCCCCC; margin: 0 5px; } .entry-subscribe { padding: 5px 5px 5px 26px; background: #FAFAFA url(images/rss.gif) no-repeat top left; background-position: 6px 6px; } .entry-content { margin-top: 15px; overflow:hidden; } .entry-content p { line-height: 1.5; margin-bottom: 10px; } .entry-content h2 { font-size: 120%; margin-bottom: 5px; margin-top: 25px; } .entry-content a { text-decoration: underline; } .entry-content ul, .entry-content ol { margin-left: 30px; margin-bottom: 10px; } .entry-content ul li, .entry-content ol li { line-height: 1.3; margin-bottom: 5px; } .sitemap h3 { margin:25px 0 10px 20px; } .sitemap ul, .sitemap p { margin-left:45px; } /* Sidebar */ /* Start: QBKL Styles - Added to make styling available even if widgets are not used */ .widget { border:1px solid #c4c3c3; background-color:#242323; } #sidebar h2, #sidebar h3 { font-size: 100%; font-weight: bold; color: #bcbcbc; background-color:#343333; line-height:24px; text-transform: uppercase; padding: 0 5px; } #sidebar ul { margin:0; padding:0; list-style: none; } #sidebar ul li { margin:0; padding:0; margin-bottom: 20px; } #sidebar ul li ul, #sidebar ul li ul li ul { margin:0; padding:0; } #sidebar ul li ul li { margin:0; padding:0; } #sidebar ul li a, #sidebar ul li ul li a { color:#c4c3c3; } #sidebar ul li ul li a { padding-left:10px; line-height:22px; display:block; } #sidebar ul li ul li a:hover { background-color:#4b4a4a; } #sidebar ul li ul li ul li { padding: 4px 0 0 10px; margin: 0; border-bottom: none; } /* End: QBKL Styles */ #rss-links ul li { background: url(images/rss.gif) no-repeat top left; padding-left: 22px; background-position: 1px 4px; } #recentcomments li.recentcomments { padding-left:5px; } .textwidget { padding:5px; } .textwidget p { margin-bottom: 10px; } .textwidget a { text-decoration: underline; } .widget_tag_cloud { text-align:center; } .widget_tag_cloud h3 { text-align:left; } .widget_tag_cloud a { text-transform: lowercase; text-align:center; padding-left:2px; padding-right:2px; } #wp-calendar { margin:0 auto; } #wp-calendar caption { padding: 5px 0; margin-bottom: 5px; } #wp-calendar td { padding: 4px 6px; color: #999999; } #wp-calendar td a { font-weight: bold; } #wp-calendar #next { text-align: right; } /* Comments */ #comments { } .comments { margin-top: 30px; border:1px solid #c4c3c3; background-color:#242323; padding:8px; margin-bottom: 50px; } .comments h3 { font-size: 130%; margin-bottom: 10px; color: #c4c3c3; } .comments ol { list-style: none; } .comments ol li { padding: 10px; background: #343333; margin-top: 2px; } .comments ol li.alt { } .comment-author { font-weight: bold; } .comment-author a { color:#bcbcbc; } .comment-meta { color: #666666; margin-bottom: 5px; font-size: 90%; } .unapproved { font-style: italic; color:#E09CA2; } #respond { margin-top: 30px; border:1px solid #c4c3c3; background-color:#242323; padding:8px; } #respond h3 { color: #c4c3c3; } .formcontainer { margin-top: 10px; margin-bottom: 10px; } #comment-notes { margin-bottom: 10px; } .form-label { margin-bottom: 2px; } .form-input, .form-textarea { margin-bottom: 10px; } .form-input input, .form-textarea textarea { padding: 5px; background: #FAFAFA; border: 1px solid #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .form-textarea input { width: 280px; } .form-textarea textarea { width: 350px; } .form-input input:hover { background-color: #FFFFFF; } .form-submit input { padding: 2px 5px; } /* FIX LATER!!! */ .children li, .reply{ margin:0; padding:0; border: none; padding-left: 2em; } .children li ul { padding-left: 2em; } .children li div .reply { padding-left: 4em; } /******************************/ input#s, input#author, input#email, input#url, textarea#comment { color:#a3a3a3; background-color:#343333; border:1px solid #4b4a4a; width:150px; padding:1px 2px; } textarea#comment { width:350px; height:150px; } input#searchsubmit { vertical-align:middle; padding:0 5px; }