/*
Theme Name: zachzimbler
Theme URI: http://ZachZimbler.com
Description: Based off of the Naked Starkers theme provided by Elliot Jay Stocks. This Theme is a totally customized and personal version created for ZachZimbler.com by Zachary Ashton Zimbler
Version: 1 (WP2.7)
Author: Zachary Ashton Zimbler
Author URI: http://ZachZimbler.com
Tags: zachzimbler, personal website, zach zimbler
*/

/* RESET */
/* --------------------------------------------------------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:bold;padding-bottom:5px; }
q:before, q:after { content:''}
p {padding-bottom:10px;}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
/* ----------------------------------------------------------------------------------------- */

/*
   STRUCTURE of the page
*/
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
.post{padding-bottom:10px;}
.post-home{padding-top:30px; padding-left: 30px;width:506px;}
.widget{padding-top:10px;}
.padding-left{padding-left:29px;}
.padding-right{padding-right:29px;}


body{background:url(images/body-bg.jpg) repeat-x; background-color: #e9dcbb;}
div#page-wrap{
	width:960px;
	margin:0 auto;
	}
div#header{
	height: 267px;
	width: 960px;
}
div#main-logo{
	height: 267px;
	width: 463px;
	float:left;
}
div#social-media{
	height:62px;
	width: 497px;
	float: right;
	padding-top:28px;
	}
	#social-media-ul{
		list-style: none;
	}
	#social-media-ul li{
		display:inline;
		float:left;
		padding-left:9px;

	}
	.class-social-media{padding-left:10px;}
	
div#navigationdiv-menu{
	width: 497px;
	height: 70px;
	float: right;
	padding-top: 46px;
}
ul#navigation-menu {
	list-style: none;
	width: 497px;
	}
ul#navigation-menu li {
		display: inline;
		float:left;
	}
	ul#navigation-menu li a  {
		display: block;
		height: 70px;
		}
		ul#navigation-menu li a.home {
			background: url(images/menu/home.png) no-repeat top center;
			width: 156px;
		}
		ul#navigation-menu li a.about {
			background: url(images/menu/about.png) no-repeat top center;
			width: 83px;
		}
		ul#navigation-menu li a.portfolio {
			background: url(images/menu/portfolio.png) no-repeat top center;
			width: 101px;
		}
		ul#navigation-menu li a.blog {
			background: url(images/menu/blog.png) no-repeat top center;
			width: 148px;
		}
		ul#navigation-menu li a.home:hover, ul#navigation-menu li a.home:active,
			ul#navigation-menu li a.about:hover, ul#navigation-menu li a.about:active,
			ul#navigation-menu li a.portfolio:hover, ul#navigation-menu li a.porfolio:active,
			ul#navigation-menu li a.blog:hover, ul#navigation-menu li a.blog:active{
				background-position: bottom center;
			}
	#header-home-horbar{
		width:960px;
		height:31px;
		background:url(images/header-horizontal-bar.png) no-repeat;	
	}
	#header-horbar{
		width:960px;
		height:31px;
		background:url(images/header-horizontal-bar-norm.png) no-repeat;	
	}
div#main-container{
	width:960px;
}
/* Home page Styles*/
#content-home{
	width:808px;
	height:302px;
	margin-left:auto;
	margin-right:auto;
	background:url(images/home-content.png) no-repeat;
	}
	div#twitter_div{
		float:left;
		height:110px;
		overflow:hidden;
		padding-left:206px;
		padding-top:50px;
		width:200px;
		}
		ul#twitter_update_list{

		}
	div#special-nav{
		float:right;
		padding-right:117px;
		padding-top:38px;
		}
	div#home-post{
		float:right;
		height:122px;
		padding-right:24px;
		padding-top:31px;
		width:371px;
		}


/* ---------------- */
/* Portfolio page*/
.portfolio-item{
	background: url(images/portfolio-background.png);
	height:303px;
	width:808px;
	margin-left:auto;
	margin-right:auto;
	}
	.portfolio-item-left{
		float:left;
		height:274px;
		overflow:hidden;
		padding-left:25px;
		padding-top:13px;
		width:490px;
	}
	.portfolio-item-right{
		float:right;
		height:261px;
		padding-right:26px;
		padding-top:18px;
		width:252px;
	}
	.portfolio-bottom-padding{padding-bottom:5px;}
	.portfolio-title-color{color:black;}
/* ---------------- */
div#index-posts{
	background: url(images/pagetop.png) no-repeat top center;
	width: 661px;
	height: auto;
	float:left;
}
div#post-container{
	height:auto;
	padding-left:25px;
	width:661px;
}
.auto-centered{margin-left: auto; margin-right: auto;width:213px;}
#sidebar-vertspacer{
	background:url(images/vertical-bar.png) no-repeat;
	width:21px;
	height:623px;
	float:right;
	}
div#sidebar{
	height:auto;
	width:249px;
	float:right;
	}
	div#sidebar-content{
	height: auto;
	width: 230px;
	padding-left: 10px;
	}
	#text-426221811{height:57px;margin-left:auto;margin-right:auto;width:138px;}
div#styled-footer{
	float:left;
	height:50px;
	margin:0 auto;
	text-align:center;
	width:969px;
}