/*  
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{
	margin: 0;
	font-family: Georgia, Arial, helvetica, Sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background: #111111;
	color: #000;
}

h1{
	font-family: Georgia, Arial, Sans-serif;
	font-size: 23px;
	color: #F8F8F8;
}

h1 a{
	color: #F8F8F8;
}

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

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

a:hover{
	text-decoration: underline;
	color: #336699;
}

p{
	padding: 10px 0 0 0;
}

blockquote {
	margin:10px;
	padding:8px 15px;
	background-color:#FFCC99;
}

blockquote p:first-child {
	padding-top:0px;
	margin-top:0px;
}

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

#header{
	float: left;
	width: 980px;
	height: 80px;
	color: #F8F8F8;
}

#logo{
	float: left;
}

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

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

#navmenu{
	float: right;
	margin: 27px 0 0 0;
}

#navmenu ul{
	list-style-type: none;
	list-style-image: none;
}

#navmenu ul li{
	display: inline;
	padding: 0 0 0 20px;
}

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

#navmenu ul li a:hover {
	color: 9999AA;
}

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

#postcon{
	margin: 10px 0;
	background: #F8F8F8;
}

.post{
	padding: 10px 20px;
}

.post a{
	color: #336699;
}

.post a:hover{
	color: #666;
	text-decoration: underline;
}

.post h2{
	font-family: Georgia, Sans-serif. Arial;
	font-size: 24px;
}

.post h2 a{
	color: #333;
}

.entry{
	line-height: 30px;
	font-size: 20px;
}

.entry li { margin-bottom:8px; }

.entry h2{
	font-family: Georgia, Sans-serif. Arial;
	font-size: 25px;
	line-height: 40px;
	margin:20px 0px 0px;
}

.entry h3 {
	font-family: Georgia, Sans-serif. Arial;
	font-size: 23px;
	line-height: 37px;
	margin:16px 0px 0px;
}

.entry h4 {
	font-family: Georgia, Sans-serif. Arial;
	font-size: 21px;
	line-height: 35px;
	margin:12px 0px 0px;
}

.entry h5 {
	font-family: Georgia, Sans-serif. Arial;
	font-size: 20px;
	line-height: 32px;
	margin:8px 0px 0px;
}

.postmetadata{
	border-top: 1px solid #EEE;
	padding: 2px 0 2px 20px;
	color: #AAA;
	background: url(images/time.png) left center no-repeat;
}

.metabox{
	float: left;
	width: 99%;
	line-height: 20px;
	margin: 15px 0;
	padding: 5px 0 5px 5px;
	background: #EEE;
}

.navigation{
	clear: left;
	padding: 10px 10px;
	background: #333;
	color: #F8F8F8;
	width: 680px;
	height: 15px;
}

.floatleft{
	float: left;
}

.floatright{
	float: right;
}

.navigation .nextpostslink, .navigation .previouspostslink { cursor:pointer; }

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

.commentlink{
	padding: 2px 0 2px 20px;
	background: url('images/comment.png') left center no-repeat;
	margin-left: 10px;
}

.editcomment{
	padding: 2px 0 2px 20px;
	background: url('images/pencil.png') left center no-repeat;
	margin-left: 10px;
}

.catlink{
	padding: 2px 0 2px 20px;
	background: url('images/cat.png') left center no-repeat;
}

.taglink{
	display: block;
	padding: 2px 0 2px 20px;
	background: url('images/tag.png') left center no-repeat;
}
/*Sidebar
-----------------------------------------------------*/
.sidebar{
	float: left;
	width: 269px;
	display: inline;
	color: #F8F8F8;
	background: #333;
}

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

.sidebar ul li{
	padding: 10px 0 10px 0;
}

.sidebar ul li h2{
	font-family: Georgia, Sans-serif;
	font-size: 15px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #666;
}

.sidebar ul ul li{
	padding: 0;
	line-height: 24px;
}

/*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{
	clear: both;
	float: left;
	text-align: center;
	width: 990px;
	line-height: 20px;
	margin: 15px 0;
	padding: 5px 0 5px 20px;
	color: #AAA;
}

/*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: 25px;
	padding: 10px 0 10px 10px;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

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

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, 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 #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;
}


/* customizations */

.sidebar a:hover { color:#999966; }
#twitter_update_list { list-style:circle; }
.widget_text a { font-style:italic; text-decoration:underline; }
.widget_text h3 { font-size:15px; font-weight:bold; color:#a0c2e7; margin:8px 0px 10px 0px; text-align:center; }
.widget_text h3 a { color:#a0c2e7; font-weight:normal; }
.widget_text h3 a:hover { color:#fff; }
.post_page_links { margin:10px 0px; text-align:right; }
	.post_page_links p { margin:0px; padding:4px 15px; display:inline; background-color:#FFCC66; }
	.post_page_links p, 
		.post_page_links p a { font-size:15px; font-weight:bold; }
		.post_page_links p a { text-decoration:underline; }
.entry .addthis_container { margin-top:15px; }
.navigation h2 { font-size:15px; }
pre.code, code { background-color:#ddd; padding:5px; }
pre.code { font-size: 17px; line-height: 22px; }
code { padding:3px; }
.lanyrd-listing h3 { text-align:left; }



/*
+----------------------------------------------------------------+
|																 |
|	WordPress 2.8 Plugin: WP-PageNavi 2.50						 |
|	Copyright (c) 2009 Lester "GaMerZ" Chan						 |
|																 |
|	File Written By:											 |
|	- Lester "GaMerZ" Chan										 |
|	- http://lesterchan.net										 |
|																 |
|	File Information:											 |
|	- Page Navigation CSS Style									 |
|	- wp-content/plugins/wp-pagenavi/pagenavi-css.css			 |
|																 |
+----------------------------------------------------------------+
*/


.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #666;
	color:#666;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #666;
	color: #666;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #666;
	color: #666;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}


/********************************
+ Email Obfuscator Popups v 1.3
*********************************/
.emoba-pop {
	color: #579;
}
.emoba-pop span.emoba-hover {
	display: none;
} 
.emoba-pop:hover span.emoba-hover {
	display: inline;
}
.emoba-pop span span{
	margin-left: 2px;
	margin-right: 2px;
}
.emoba-glyph {
  border-width:0;
  height: 10px;
}
span.emoba-em {
	font-family: "Courier New";
}



/* yuicompress openid.css -o openid.min.css
 * @see http://developer.yahoo.com/yui/compressor/
 */

#openid_enabled_link, .openid_link, #openid_identifier, #commentform #openid_identifier {
	background-image: url('/wp-content/plugins/openid/f/openid.gif');
	background-position: 3px 50%;
	background-repeat: no-repeat; 
	padding-left: 21px !important; 
}

.openid_loading {
	background: url('/wp-content/plugins/openid/f/ajax-loader.gif') right center no-repeat;
}

body.login #openid_identifier {
	width: 92%;
	font-size: 20px;
	background-color: #FFF;
	border: 1px solid #ccc;
	padding: 3px 3px 3px 18px;
	margin-right: 6px;
}

#openid_comment {
	margin: 0.8em 1em;
}
#openid_comment input {
	width: auto;
}


// recaptcha.css

/* fix link color on wp-login.php */
body.login form#loginform a.legacy, 
body.login form#registerform a.legacy {
	color: #FFF;
}

/* RECAPTCHA STYLING */
.recaptcha-error {
   font-size: 1.8em;
   padding-bottom: 8px;
}
/* END RECAPTCHA STYLING */

/* MAILHIDE STYLING */

/* This is for plain text emails i.e. haha@lol.com - TEXT*/
.mh-plaintext {
   background:transparent url(email.png) no-repeat scroll left center;
   border:medium none;
   color:#2277DD;
   height:16px;
   padding:2px 2px 4px 20px;
}

/* This is for plain text emails i.e. haha@lol.com - DOTS*/
.mh-plaintext a, .mh-plaintext a:hover, .mh-plaintext a:visited, .mh-plaintext a:visited:hover {
   color: #FF7700;
   font-weight: bolder;
   text-decoration: none;
   border: 0;
   background-color: transparent !important;
}

/* This is for hyperlinked emails i.e. <a href="mailto:ohnoes@pwnies.com">TEXT</a> - TEXT*/
.mh-hyperlinked {
   background:transparent url(email.png) no-repeat scroll left center;
   border:medium none;
   color:#2277DD;
   height:16px;
   padding:2px 2px 4px 20px;
}

/* This is for hyperlinked emails i.e. <a href="mailto:ohnoes@pwnies.com">TEXT</a> - DOTS*/
.mh-hyperlinked a, .mh-hyperlinked a:hover, .mh-hyperlinked a:visited, .mh-hyperlinked a:visited:hover {
   color: #FF7700;
   font-weight: bolder;
   text-decoration: none;
   border: 0;
}
/* END MAILHIDE STYLING */

/* ADMINISTRATION SETTINGS RECAPTCHA */
.lang-select label, .theme-select label {
   vertical-align: middle !important;
}

.lang-select select, .theme-select select {
   vertical-align: middle !important;
}

.recaptcha-form {
   margin: auto !important;
   width: 25em !important;
}

.recaptcha-options td {
   vertical-align: top !important;
}

.which-key label {
   font-weight: bold;
}

.copyright {
   text-align: center;
   font-size: .85em;
}
/* END ADMINISTRATION SETTINGS RECAPTCHA */