/*  

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.

Version: 1.0.1

Author: Zack

Author URI: http://zacklive.com/

Tags: fixed width, two columns, widgets, widget ready, black, white, simple, right sidebar, valid XHTML, valid CSS



   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{

	margin: 0;

	font-family: Verdana, Arial, helvetica, Sans-serif;

	font-size: 13px;

	text-align: left;

	vertical-align: top;

	background: url(images/chocolate-bkgr.jpg); 

	color: #E5C26E;

}



h1{

	font-family: Hoefler Text, Bell, Times New Roman;

	font-size: 24px;
	font-stye: bold;
	line-height: 28px;

	color: #FFB915;

}



h1 a{

	color: #FFB915;

	text-decoration: underline;

}


h1 a:visited{

	color: #FFB915;

	text-decoration: underline;

}

h1 a:hover{

	text-decoration: none;

	color: #FFB915;

}

h2{

	font-family: Hoefler Text, Bell, Times New Roman;

	font-size: 24px;
	font-stye: bold;
	color: #FFB915;

}



h2 a:link{

	color: #FFB915;

	text-decoration: underline;

}


h2 a:visited{

	color: #FFB915;

	text-decoration: underline;

}

h2 a:hover{

	text-decoration: none;

	color: #FFB915;

}


h3{

	font-family: Lucida Grande, Calibri;
	font-size: 18px;
	color: #79854A;

}

h4{

	font-family: Lucida Grande, Calibri;
	font-size: 14px;
	color: #79854A;

}

h5{

	font-family: Trebuchet, Trebuchet MS, Candara, Corbel;

	font-size: 14px;
	color: #BDA6CE;

}

h6{

	font-family: Trebuchet, Trebuchet MS, Candara, Corbel;

	font-size: 14px;
	color: #7C6F4B;

}

a:link{

	text-decoration: underline;

	color: #FFB915;

}


a:visited{

	text-decoration: underline;

	color: #FFB915;

}

a:hover{

	text-decoration: none;

	color: #FFB915;

}



p{

	padding: 10px 0 0 0;

}



#wrapper{

	float: center;

	margin: 0 auto 0 auto;

	width: 990px;

	text-align: left;

}



#header{

	float: center;

	width: 990px;

	height: 90px;

	color: #FFB915;

        	background: url(images/header_logo_web.jpg); 

}



#htitle{

	float: left;

	margin: 17px 10px 0 0;

}



#desc{

	float: left;

	color: #000000;

	margin: 25px 10px 0 0;

}



#navmenu{

	float: right;

	margin: 5px 10px 0;

}



#navmenu a:link {

	text-decoration: underline;

	color: FFB915;

}


#navmenu a:visited {


	text-decoration: underline;

	color: FFB915;

}

#navmenu a:hover {
	text-decoration: none;

	color: FFB915;

}


#navmenu ul{

	list-style-type: none;

	list-style-image: none;

}


#navmenu ul li{

	display: inline;

	padding: 0 0 0 10px;

}



#navmenu ul li a:link {

	text-decoration: underline;

	color: FFB915;

}

#navmenu ul li a:visited {

	text-decoration: underline;

	color: FFB915;

}

#navmenu ul li a:hover {
	text-decoration: none;

	color: FFB915;

}







#container{

	float: center;

	width: 990px;

	margin: 0 0px 0 0;

        	background: #000000; 



}



#postcon{


	margin: 10px 0;

}



.post{

	padding: 10px 20px;

}



.post a{

	color: #E9D5A0;

	text-decoration: underline;
}


.post a:visited{

	color: #E9D5A0;

	text-decoration: underline;

}

.post a:hover{

	color: #E9D5A0;

	text-decoration: none;

}




.post h2{

	font-family: Bell, Times, Times New Roman;

	font-size: 24px;

	color: #FFB915;

	line-height: 28px;

}




.post h2 a:link{

	color: #FFB915;

	text-decoration: underline;

}


.post h2 a:visited{

	color: #FFB915;

	text-decoration: underline;

}

.post h2 a:hover{

	text-decoration: none;

	color: #FFB915;

}




.entry{


	line-height: 18px;

}



.postmetadata{

	float: center;

	border-top: 0px solid #7F0303;

	padding: 0px 40px 40px 0px;

	color: #000000;

}



.metabox{

	float: center;

	width: 80%;

	line-height: 20px;

	margin: 15px 0;

	padding: 5px 0px 5px 5px;

	background: #000000;

}



.navigation{

	clear: left;

	padding: 10px 10px;

	background: url(images/top-nav-bar.jpg); 

	color: #340707;

	width: 970px;

	height: 15px;

}

.footnavigation{

	clear: left;

	padding: 10px 10px;

	background: url(images/footer-nav-bar.jpg); 

	color: #340707;

	width: 970px;

	height: 15px;

}

.floatleft{

	float: left;

}



.floatright{

	float: right;

}

.floatcenter{

	float: center;

}



table#wp-calendar{

	width: 100%;

}



.commentlink{

	padding: 2px 0 2px 20px;

	background: 000000;

	margin-left: 10px;

}



.editcomment{

	padding: 2px 0 2px 20px;

	background: 000000;

	margin-left: 10px;

}



.catlink{

	padding: 2px 0 2px 20px;

	background: 000000;


}



.taglink{

	display: block;

	padding: 2px 0 2px 20px;

	background: 000000;

}

/*Sidebar

-----------------------------------------------------*/

.sidebar{

	float: left;

	width: 260px;

	display: inline;

	color: #804303;

	background: #000000;
	line-height: 30px;
	padding: 40px 0px 0px 0;



}
.sidebar h2{

	font-family: Verdana, Helvetica;

	font-size: 12px;

	color: #FFB915;
	padding: 0px 5px 0 20px;
	line-height: 18px;

	border-bottom: 1px solid #000000;



.sidebar ul{

	padding: 40px 5px 30px 100px;
	line-height: 24px;

}



.sidebar ul li{

	padding: 0px 5px 0 0;
	line-height: 24px;



}



.sidebar ul li h2{

	font-family: Georgia, Sans-serif;

	font-size: 20px;

	padding: 0 0 5px 0;
	color: #E9D5A0;

	border-bottom: 1px solid #000000;

}



.sidebar ul ul li{

	padding: 0px 0 0px 0;
	line-height: 240px;

}



/*Sidebar Tabs

-----------------------------------------------------*/

.menu {

	color:#F8F8F8; 

	border-bottom:1px solid #666; 

	height:23px;

	width:250px;

	margin-top: 15px;

}

.menu ul {

	margin:0; 

	padding:0; 

	list-style:none; 

	text-align:center;

}

.menu li {

	display:inline; 

	line-height:23px;

}

.menu li a {

	color:#F8F8F8; 

	text-decoration:none; 

	padding:4px 5px 6px 5px;  

	border-left:1px solid #666; 

	border-right:1px solid #666;

}

.menu li a.tabactive {

	border-left:1px solid #666; 

	border-right:1px solid #666; 

	background-color:#333; 

	font-weight:bold;  

	position:relative;

}

#tabcontent1,#tabcontent2,#tabcontent3 {

	width:248px; 

	text-align:left;

	padding: 0;

	line-height: 24px; 

}




/*Tags

-----------------------------------------------------*/

.tags,

#tag_cloud {

	margin: 0 0 15px;

}

.tags {

  text-align: left;

}

.tags a,

#tag_cloud a {

	color: #AAA;

	margin: 0 2px;

}



.cle{

	clear: both;

}



/*Footer

-----------------------------------------------------*/

#footer {

	clear: both;

	float: center;

	text-align: center;

	width: 990px;

	line-height: 20px;

	margin: 15px 0;

	padding: 0 0 0 0px;

}

#footermenu {

	float: center;

	margin: 0px 0 0 0;

}



#footermenu a:link {

	text-decoration: underline;

	color: FFB915;

}


#footermenu a:visited {


	text-decoration: underline;

	color: FFB915;

}

#footermenu a:hover {
	text-decoration: none;

	color: FFB915;

}


#footermenu ul{

	list-style-type: none;

	list-style-image: none;

}


#footermenu ul li{

	display: inline;

	padding: 0 0 0 10px;

}



#footermenu ul li a:link {

	text-decoration: underline;

	color: FFB915;

}

#footermenu ul li a:visited {

	text-decoration: underline;

	color: FFB915;

}

#footermenu ul li a:hover {
	text-decoration: none;

	color: FFB915;

}




/*Comments

-----------------------------------------------------*/

.alt{

	background: #000000;

}



.comments-template{

	margin: 10px 40px 40px 0;

	border-top: 1px solid #7F0303;

	

}



.comments-template ol{

	margin: 10px 40px 40px 0;

	padding: 0 0 15px;

	list-style: none;

}



.comments-template ol li{

	margin: 10px 40px 40px 0;

	line-height: 18px;

	padding: 10px 40px 40px 10px;

	border-bottom: 1px solid #7F0303;

}



.comments-template h2, .comments-template h3{

	font-family: Verdana, Sans-serif;

	font-size: 16px;

}



.commentmetadata{

	font-size: 12px;

}



.comments-template p.nocomments{

	padding: 0;

}



.comments-template textarea{

	font-family: Verdana, Helvetica, Sans-serif;

	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 #000000;

   text-align: center;

   background-color: #0000000;

   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: #000000;

}
