/*
Theme Name: Zach Lewis Photo
Theme URI: http://chrisvilchez.com
Description: Wordpress Portfolio theme for Zach Lewis Photography
Version: 1.0
Author: Chris Vilchez
Author URI: http://chrisvilchez.com
Tags: Zach, Lewis, Photography, Photo, Portfolio
*/
@import url("http://cssksw.com/chrs");
@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

html, body { width: 100%;}

body {
	background: url(style/images/main/background.jpg) top center no-repeat fixed #f0f0f0;
	font-size: 10px;
	overflow-y: scroll;
}

.blog, .single, .page-id-2, .page-id-10, .error404{ 
	background: #f1f1f1;
	background-color: rgba(241, 241, 241, 1);
}

.blog #nav, .single #nav, .page-id-2 #nav, .page-id-10 #nav, .error404 #nav{
	background: url(style/images/main/nav2.png) bottom no-repeat;
}

p {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 2em;
}

blockquote p{
	font-size: 3em;
	line-height: 1.5em;
	text-indent: -10px;	
	margin: 0 0 10px 0;
	color: #646464;
	
}

a{ outline: none; color: #646464; text-decoration: none; }


h2{
	font-size: 2.4em;
	text-transform: uppercase;
	color: #646464;
	margin: 0 0 10px 0;
}

hr{
	height: 1px;
	border-width: 0;
	color: #c8c8c8;
	background-color: #c8c8c8;
	margin: 0 0 10px 0;
	-moz-box-shadow:0px 1px 1px rgba(255, 255, 255, 1);
	-webkit-box-shadow:0px 1px 1px rgba(255, 255, 255, 1);
}

span{
	margin: 0;
	padding: 0;
}

a:active{
	position: relative;
	bottom: -1px;
}

/*** HEADER ***/

#nav{
	position: fixed;
	width: 222px;
	height: 632px;
	background: url(style/images/main/nav.png) bottom no-repeat;
	margin-left: 50%;
	left: -466px;
	top:20px;
	z-index: 99;
}

#nav ul{
	margin: 28px 0 0 0;
}

#nav li{
	text-indent: -9999px;
	margin: 0 -7px 20px 0;
	display: block;
	width: 110px;
	height: 20px;
	float: right;
	padding-right:17px;

}

#masthead {
	display: block;
	width: 215px;
	height: 31px;
	text-indent: -9999px;
	background: url(style/images/main/zl_logo.png) no-repeat;
	margin: 0 0 0 4px;
}

.page-item-4 a{
	display: block;
	width: 110px;
	height: 20px;
	float: right;
	background: transparent url(style/images/main/nav_sprites.png) -40px 0px no-repeat;
}

.page-item-4 a:hover{
	display: block;
	width: 110px;
	height: 20px;
	float: right;
	background: transparent url(style/images/main/nav_sprites_hover.png) -40px 0px no-repeat;
}

.page-item-6 a {
	display: block;
	width: 150px;
	height: 20px;
	float: right;
	background: transparent url(style/images/main/nav_sprites.png) -0px -22px no-repeat;
}

.page-item-6 a:hover {
	display: block;
	width: 150px;
	height: 20px;
	float: right;
	background: transparent url(style/images/main/nav_sprites_hover.png) -0px -22px no-repeat;
}

.page-item-8 a {
	display: block;
	width: 110px;
	height: 20px;
	float: right;
	background: transparent url(style/images/main/nav_sprites.png) -40px -44px no-repeat;
}

.page-item-8 a:hover {
	display: block;
	width: 110px;
	height: 20px;
	float: right;
	background: transparent url(style/images/main/nav_sprites_hover.png) -40px -44px no-repeat;
}

.page-item-2 a {
	display: block;
	width: 110px;
	height: 20px;
	float: right;
	background: transparent url(style/images/main/nav_sprites.png) -40px -68px no-repeat;
}

.page-item-2 a:hover {
	display: block;
	width: 110px;
	height: 20px;
	float: right;
	background: transparent url(style/images/main/nav_sprites_hover.png) -40px -68px no-repeat;
}

.page-item-10 a {
	display: block;
	width: 110px;
	height: 20px;
	float: right;
	background: transparent url(style/images/main/nav_sprites.png) -40px -92px no-repeat;
}

.page-item-10 a:hover {
	display: block;
	width: 110px;
	height: 20px;
	float: right;
	background: transparent url(style/images/main/nav_sprites_hover.png) -40px -92px no-repeat;
}

.page-item-12 a {
	display: block;
	width: 110px;
	height: 20px;
	float: right;
	background: transparent url(style/images/main/nav_sprites.png) -40px -115px no-repeat;
}

.page-item-12 a:hover {
	display: block;
	width: 110px;
	height: 20px;
	float: right;
	background: transparent url(style/images/main/nav_sprites_hover.png) -40px -115px no-repeat;
}

.current_page_item, .current_page_parent {
	background:url(style/images/main/arrow.png) no-repeat 110px 0px;
}


a#contact {
	display: block;
	position: absolute;
	bottom: 50px;
	left: 10px;
	background: url(style/images/main/email.png) no-repeat;
	height: 11px;
	width: 202px;
	text-indent: -9999px;
}


/*** CONTENT ***/

#container {
	position: relative;
	width: 960px;
	margin: 0px auto;
}

#posts{
	overflow: hidden;
	position: relative;
	margin: 80px 0 20px 255px;

}

#about-img {
	float: left;
	height: 520px;
}

#about-copy {
	float: right;
	width: 334px;
	margin-top: -6px;
	font-size: 1.4em;
	line-height: 1.8em;
	color: #464646;

}




/*** Gallery ***/

#gallery {  
	position: relative;
	width: 100%;
	min-height: 530px;
	margin: 80px 0 0 0;
	padding:0;
}


#viewer {
 	width:100%;
 	height:530px;
	margin: 0px;
	padding:0px;
	position:relative;
	overflow: hidden;
}

ul.gal_images {
	display: inline;
	list-style: none;
}

ul.gal_images li{
	display: inline;
	margin: 0 20px 0 0;
}


.portfolio_images { 
	width:7000px;
	height:335px;
	position:relative;
	margin: 0 0 0 -224px;
	padding:0;
	left:50%;
}

#slider {
	width: 450px;
	margin: 40px auto 0 auto;
}

.ui-slider-handle {
	width: 30px;
	margin-left: -15px;
}
	
.error, #gallery img, #about-img {
	border: #e1e1e1 1px solid;
	-moz-border-radius: 6px;
	-moz-box-shadow: 0px 2px 6px rgba(100, 100, 100, .2);
	-webkit-border-radius: 6px;
	-webkit-box-shadow: 0px 2px 6px rgba(100, 100, 100, .2);

}

/*** CLASSES ***/

.post_date{
	position: absolute;
	width: 60px;
	height: 100%;
	top:0;
	left: -84px;
	background: #ededed;
	border: #d2d2d2 solid 1px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow:0px 2px 1px rgba(255, 255, 255, 1);
	-webkit-box-shadow:0px 2px 1px rgba(255, 255, 255, 1);

}

.post_date p{
	font-size: 1.8em;
	text-align: center;
	text-transform: uppercase;
	color: #646464;
	margin-bottom: 6px;
	line-height: .6em;
}

.monthp{ margin-top: 18px; }


.post{
	position: relative;
	float: right;
	width: 580px;
	background: #ededed;
	border: #d2d2d2 solid 1px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	margin: 0px 0 30px 0;
	padding: 20px;
	-moz-box-shadow:0px 2px 1px rgba(255, 255, 255, 1);
	-webkit-box-shadow:0px 2px 1px rgba(255, 255, 255, 1);

}

.vimvid, object {
	border: 10px solid #ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display: block;
	width: 560px;
	margin-bottom: 10px;
	-moz-box-shadow: 0px 2px 6px rgba(100, 100, 100, .2);
	-webkit-box-shadow: 0px 2px 6px rgba(100, 100, 100, .2);
}

.total_comments{
	position: absolute;
	display: block;
	bottom: 14px;
	left: 10px;
	width: 44px;
	height: 38px;
	background: url(style/images/main/comments.png) no-repeat;
}

.total_comments a{ color: #ffffff; display: block; margin: 6px 0 0 -4px;}