/*  
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: Georgia, Arial, helvetica, Sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background: #000000;
	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;
}

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

#header{
	float: left;
	width: 950px;
	height: 117px;
	color: #F8F8F8;
}

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

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

#navmenu{
	float: right;
	margin: 15px 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: 22px;
}

.post h2 a{
	color: #333;
}

.entry{
	line-height: 18px;
}

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

.floatleft{
	float: left;
}

.floatright{
	float: right;
}

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: 235px;
	display: inline;
	color: #F8F8F8;
	background: #333;
	margin: 10px 0 0 0;
}

.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
-----------------------------------------------------*/
.alt{
	background: #EEE;
}

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

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

.comments-template ol li{
	line-height: 18px;
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #ccc;
}

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

/* Layout
 * ------------------------------------------------------------------------- */


#sitetitle {
	background:url(http://www.punapress.com/images/title.jpg) no-repeat;
	height:82px;
	}
	
	#sitetitle span {
		display:none;
		}
#title_left {
	background:url(http://www.punapress.com/images/title_left.jpg) no-repeat;
	height:82px;
	}
	
    #title_left span {
		display:none;
		}
#title_right {
	background:url(http://www.punapress.com/images/title_right.jpg) no-repeat;
	height:82px;
	}
	
    #title_right span {
		display:none;
		}

/* Sprite Navigation WITH OUT services button
 * ------------------------------------------------------------------------- */
 ul#nav {
 	margin:0;
	padding:0;
	}
	
	ul#nav li {
		margin:0;
		padding:0;
		}
 
#nav {
	background: url(http://www.punapress.com/images/nav3.jpg) no-repeat;					
	width: 950px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 31px;		/* Height of entire image */

}
#nav span { display: none; }

#nav li, #nav a { 
	height: 31px;			/* Each button must have the same height, define it here */
	display: block;
}

#nav li { 
	position: relative;
	float: left;
	list-style: none;
	_display:inline;
}

/* left - defines offset from left edge, will most likely just be 0 */
/* width - width of each button, they will each most likely be unique */
#nav-01 {left: 0px; width: 66px;}
#nav-02 {left: 2px; width: 86px;}
#nav-03 {left: 4px; width: 69px;}
#nav-04 {left: 6px; width: 78px;}
#nav-05 {left: 8px; width: 160px;}
#nav-06 {left: 10px; width: 93px;}
#nav-07 {left: 12px; width: 60px;}
#nav-08 {left: 14px; width: 70px;}
#nav-09 {left: 16px; width: 59px;}
#nav-10 {left: 18px; width: 59px;}
#nav-11 {left: 20px; width: 76px;}
#nav-12 {left: 20px; width: 52px;}

/* Changed values should match "width" numbers specified above */
#nav-01 a:hover {background: transparent url(http://www.punapress.com/images/nav3.jpg)    0px -31px no-repeat;}
#nav-02 a:hover {background: transparent url(http://www.punapress.com/images/nav3.jpg)  -68px -31px no-repeat;}
#nav-03 a:hover {background: transparent url(http://www.punapress.com/images/nav3.jpg) -156px -31px no-repeat; cursor:default;}
#nav-04 a:hover {background: transparent url(http://www.punapress.com/images/nav3.jpg) -227px -31px no-repeat; cursor:default;}
#nav-05 a:hover {background: transparent url(http://www.punapress.com/images/nav3.jpg) -307px -31px no-repeat; cursor:default;}
#nav-06 a:hover {background: transparent url(http://www.punapress.com/images/nav3.jpg) -469px -31px no-repeat;}
#nav-07 a:hover {background: transparent url(http://www.punapress.com/images/nav3.jpg) -564px -31px no-repeat;}
#nav-08 a:hover {background: transparent url(http://www.punapress.com/images/nav3.jpg) -626px -31px no-repeat;}
#nav-09 a:hover {background: transparent url(http://www.punapress.com/images/nav3.jpg) -698px -31px no-repeat;}
#nav-10 a:hover {background: transparent url(http://www.punapress.com/images/nav3.jpg) -759px -31px no-repeat;}
#nav-11 a:hover {background: transparent url(http://www.punapress.com/images/nav3.jpg) -820px -31px no-repeat;}
#nav-12 a:hover {background: transparent url(http://www.punapress.com/images/nav3.jpg) -896px -31px no-repeat;}

/* SON OF SUCKERFISH */

ul#nav li ul {
	position: absolute;
	left: -9999px;
	background-color: #555;	/* Background color of drop down menu - add more styles (i.e. background image) if you want */
	margin:-3px 0 0 0;
	padding:0;
}

ul#nav li ul li {
	height: 22px;				/* Height of each drop down menu item */
	border-bottom:1px solid #999;
	margin:0;
	padding:0;
	}
	
	#nav li ul li.last {
		border-bottom:0;
		}
		
#nav li ul li a {
	width: 100%;
	height: 22px;				/* Height of each drop down menu item, should match above */
	line-height: 22px;			/* Height of each drop down menu item again, should match above */
}
#nav li ul li a span {
	display: block;
	padding-left: 5px;
}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size: .92em;
	color: #fff;
	text-decoration: none;
}

#nav li:hover ul, #nav li.sfhover ul	{ left: 0; }

/* Hover styles for drop down items */
#nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul  a:hover { 
	background-image: none;
	background-color: #777;
	cursor:pointer;
}

/* width of drop down menu - choose width that allows items to display on one line */
#nav-03 ul, #nav-03 li { width: 110px; }		
#nav-04 ul, #nav-04 li { width: 110px; }		
#nav-05 ul, #nav-05 li { width: 110px; }