﻿/*

Theme Name: Black Hat

Theme URI: http://www.nickifaulk.com/free-wordpress-themes/

Description: This is a dark minimalist theme 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.  &nbsp; <strong> *** IMPORTANT!! Don't forget to view the <a href="../wp-content/themes/blackhat/readme.htm">Read Me</a> file! *** </strong>

Version: 1.0.2

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: 14px;

	color: #bcbcbc;

}



#wrapper {

	width:970px;

	margin: 0 auto;

	background: #242323;

	padding: 0 0;

	background-image:url(images/stripes.png);

	background-repeat:repeat;

}



#header {

	height: 155px;
	width:970px;
	margin:0px auto;
	margin-top:-85px;
	border-top: 1px solid #E5E5E5;
	background-color:#242323;
	background-image:url(images/bg.gif);
	background-repeat:no-repeat;

}



#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;

}




