/*  
Theme Name: Black n White
Theme URI: http://zacklive.com/new-black-and-white-wordpress-theme/300/
Description: A black and white WordPress Theme, simple and elegant design, widget ready with right sidebar. Fixed the sidebar bug. With control panel, you can set your own RSS feed and header logo. Wordpress 2.7 compatible, Supporting threaded (nested) comments, sticky-post and comment pages.
Version: 2.0.1
Author: Zack
Author URI: http://zacklive.com/
Tags: black, white, two-columns, fixed-width, threaded-comments, sticky-post
Chang Log: 
14/Aug/2009: Control panel added.
21/Jul/2009: Upgrade to WordPress 2.8 (Supporting threaded (nested) comments, sticky-post and comment pages)
06/Nov/2008: Fixed the little bug of sidebar in single page.

   This theme, including the CSS, XHTML and design, is released under the
   GPL: http://www.opensource.org/licenses/gpl-license.php

*/

body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
	margin: 0;
	padding: 0;
}

body{
	background-color: black;
	margin: 0;
	font-family: "Courier New", Courier, monospace, Monaco, Arial;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	color: #000;
}

h1{
	font-family: "Courier New", Courier, monospace, Monaco, Arial;
	font-size: 23px;
	color: #F8F8F8;
}

h1 a{
	color: #F8F8F8;
}

h1 a:hover{
	color: white;
	text-decoration: none;
}

a:link, a:visited{
	color: white;
	text-decoration: none;
}

a:hover{
	color: white;
	text-decoration: none;
}

p{
	padding: 10px 0 0 0;
}

#wrapper{
	margin: 0 auto 0 auto;
	width: 760px;
	text-align: left;
}

#header{
	margin-top: 15px;
	width: 760px;
	height: 167px;
}

#header img 	{ 
	border-right-width: 0px; 
	border-left-width: 0px; 
	border-top-width: 0px; 
	border-bottom-color: white; 
	border-bottom-width: 3px; 
	height: 167px; 
	width: 760px;
	} 

#logo{
	float: left;
}

#htitle{
	float: left;
	margin: 27px 10px 0 10px;
}

#desc{
	float: left;
	color: #777;
	margin: 35px 10px 0 10px;
}

#navmenu{
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	float: none;
}

#navmenu ul{
	list-style-type: none;
	list-style-image: none;
	border-bottom: 3px solid #FFFFFF;
	padding-bottom: 7px;

}

#navmenu ul li{
	font-size: 14px;
	text-transform: uppercase;
	padding-left: 0px;
	padding-top: 0;
	padding-right: 55px;
	display: inline;

}

#navmenu ul li a {
	text-decoration: none;
	color: #FFF;
}

#navmenu ul li a:hover {
	text-decoration: line-through;
}

#container{
	float: left;
	width: 560px;
	margin: 0 15px 0 0;
}

#postcon{
	margin-left: 0;
	margin-bottom: 10px;
	margin-right: 0;
}

.post{
	margin-top: 20px;
	padding: 20px;
	background-color: white;
	margin-bottom: 20px;
}

.post a{
	color: #8d8d99;
}

.post a:hover{
	color: #666;
}

.post h2{
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	font-family: "Courier New", Courier, monospace, Monaco, Arial;
	font-size: 25px;
	text-transform: uppercase;
	line-height: 25px;
}

.post h2 a{
	color: #333;
}

.entry{
	line-height: 18px;
}

.postmetadata{
	font-size: 10px;
	border-bottom: 2px solid #000;
	padding: 2px 0 2px 2px;
	background: left center no-repeat;
}

.metabox{
	margin-bottom: 0px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 15px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 0px;
	padding-top: 2px;
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 10px;
	border-bottom: 2px solid #000;
	border-top: 2px solid #000;
}

.navigation{
	clear: left;
	color: #F8F8F8;
	width: 560px;
	height: 15px;
}

.floatleft{
	float: left;
}

.floatright{
	float: right;
}

table#wp-calendar{
	width: 100%;
}

.commentlink{
	padding: 2px 0 2px 20px;
	margin-left: 10px;
}

.editcomment{
	padding: 2px 0 2px 20px;
	margin-left: 10px;
}

.catlink{

	padding-left: 2px;

	padding-bottom: 2px;

	padding-right: 0;

	padding-top: 2px;

}

.taglink{
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 0;
	padding-top: 2px;
	display: block;

}


/*Sidebar
-----------------------------------------------------*/
.sidebar{
	float: left;
	width: 185px;
	display: inline;
	color: #F8F8F8;
	background: black;
}

.sidebar ul{
	text-transform: uppercase;
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 10px;
}

.sidebar ul li{
	border-bottom-width: 4px;
	border-top-width: 4px;
	margin-bottom: 35px;
	padding-left: 0;
	padding-bottom: 5px;
	padding-right: 0;
	padding-top: 5px;
	border-top: solid #FFF;
	border-bottom: solid #FFF;
	
}

.sidebar h2{
	text-transform: lowercase;
}

.sidebar ul li h2{
	font-family: "Courier New", Courier, monospace, Monaco, Arial;
	font-size: 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #666;
}

.sidebar ul ul li{
	margin: 0px;
	padding: 0;
	line-height: 18px;
	border: 0px;
	list-style: disc;
}

/*Tags
-----------------------------------------------------*/
.tags,
#tag_cloud {
	margin: 0 0 15px;
}
.tags {
  text-align: center;
}
.tags a,
#tag_cloud a {
	color: #AAA;
	margin: 0 2px;
}

.cle{
	clear: both;
}

/*Footer
-----------------------------------------------------*/
#footer{
	padding-top: 5px;
	color: white;
	border-top: 3px solid #FFFFFF;
	clear: both;
	float: left;
	text-align: center;
	width: 760px;
	line-height: 20px;
	margin: 15px 0;
}

/*Comments
-----------------------------------------------------*/
.odd{
	background: #EEE;
}

.even{
	background: #FFF;
}

.comments-template{
	margin: 10px 0 0 0;
	border-top: 1px solid #ccc;
}

.comments-template ul{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ul li{
	line-height: 18px;
	padding: 10px 0 10px 10px;
}

.comments-template h2, .comments-template h3{
	font-size: 14px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: "Courier New", Courier, monospace, Monaco, Arial;
	font-size: 12px;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.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;
}

/*Avatar
-----------------------------------------------------*/
.commentlist li .avatar {
float: right;
border: 1px solid #EEE;
padding: 2px;
margin: 0 10px;
background: #fff;
}