/* @override http://pollybraden.com/site/wp-content/themes/polly/style.css */

/*
Theme Name: Polly Braden Photography
Theme URI: http://pollybraden.com
Version: 1.0
Author: Christian Nolle
Author URI: http://cnolle.net
*/

@import url(reset.css);

.cl { clear: left; }
.cb { clear: both; }
.cr { clear: right; }

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", sans-serif;
	font-weight:300;
	background: #efefef;
}

body.single { margin: 4px; }
body.page { margin: 4px; }

.holder { width: 960px; margin: 0 auto; position:relative; }

/* Navigation */

#navigation {
	width: 960px;
	margin: 1em auto;
	height:30px;
	z-index:5;
	position:absolute;
}

	#navigation h1 {
		top: 0;
		left: 0;
		float: left;
		z-index:300;
		display:block;
		font-size: 2em;
		width: 150px;
		font-weight:normal;
	}

	#navigation h1 a {
		color: #fff;
		text-decoration:none;
	}

	body.single #navigation h1 a,
	body.page #navigation h1 a {
		color: #222;
	}

	body.home.page #navigation h1 a {
		color: #fff;
	}

	#book a {
		background:url(assets/china-between2.jpg) no-repeat top left;
		width:120px;
		height: 182px;
		display:block;
		position:absolute;
		left: 0em;		
		z-index:300;
		top: 6em;
		text-indent:-3000px;
	}

#navigation ul {
	float: right;
	position:relative;
	z-index:15;
    -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
    -webkit-transition: -opacity 0.0s ease-out;	
	-moz-transition: -opacity 0.0s ease-out;
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: url(assets/trans_bg.png);
	/*opacity:0.8;*/
	margin: 1em 0 0 0;
	padding: 1em;
}

	#navigation ul li {
		float: left;
		font-size:1.4em;
		margin: 0 0.5em;
		position:relative;
	}

	#navigation ul li a {
		color: #222;
		position:relative;
		text-decoration:none;
		opacity:1;
		padding:0.2em 0.3em;	
	}

	#navigation ul li a.openclose,
	#navigation ul li a.openclosetear {
		padding: 0 1.4em 0 0;
		background:url(assets/down-arrow.png) right center no-repeat;
	}
	
	#navigation ul li a.openclose.active,
	#navigation ul li a.openclosetear.active {
		background:url(assets/up-arrow.png) right center no-repeat;
	}

	#navigation ul li a:hover,
	#navigation ul li.current_page_item a,
	#navigation ul li a.active {
		color: #666;
	}

	#navigation ul li ul {
		width:185px;
		height:auto;
		margin: 1em 0;
		padding: 0.3em;
		position:absolute;
		left: 0;
		float:none;
		z-index:10;
		top: 11px;
		background:fff;
		-khtml-border-radius: 2px;
		-moz-border-radius: 2px;	
		-webkit-border-radius: 0;
		/*-webkit-border-bottom-left-radius: 2px;
		-webkit-border-bottom-right-radius: 2px;*/
	}
	
	#navigation ul li ul li {
		font-size: 12px;
		margin: 4px 0;
		display:block;
		float:none;
	}

	#navigation ul li ul li a {
		display:block;
	}
	
/* Homepage background */

#background { 
	position:relative; 
	z-index:0; 
	width:100%; 
	min-height:160px; 
	overflow:hidden; 
	padding:0; 
	margin:-70px 0 0 0; 
	background-position:center center; 
	background-color:#cdcfd0; 
}

	.home #background { 
		position:absolute; 
		left:0; 
		top:0; 
		z-index:0; 
		width:100%; 
		height:100%; 
		overflow:hidden; 
		margin:0;
	}

.caption {
	position:absolute;
	bottom: 1em;
	right: 1em;
	padding: 0.3em;
}
	
	.caption p {
		font-size: 1.3em;
		font-weight:bold;
	}

	.caption p a {
		color: #000;
		text-decoration:none;
	}

	.caption p a.black {
		color: #222;
	}

	.caption p a.white {
		color: #fff;
	}

/* Projects */

/* Single Spreads */

#project {
	top: 8em;
	position:relative;
	right:0;
	text-align:center;
	margin: 0 auto;
	z-index:0;
}

#project.singlespread {
	width: 800px;
}

#project.doublespread {
	width: 960px;
}

ul#worknav {
	height: 30px;
}

	ul#worknav {
		right:0;
	}

	ul#worknav li.projecttitle {
		float: left;
		font-size: 1.4em;
	}

	ul#worknav li a {
		color: #666;
	}
	
	ul#worknav li.projectnav {
		float:right;
	}

	span#counter {
		float: left;
		margin: 0 1em;
		display:block;
		font-size: 1.4em;
		color: #666;
	}

	ul#worknav li a.next {
		background:url(assets/img-arrows.png) 38px 0;
		width: 13px;
		height: 13px;
		float:left;
		display:block;
		text-indent:-3000px;
	}
	
	ul#worknav li a.next:hover {
		background-position: 38px 12px;	
	}
	
	ul#worknav li a.prev {
		background:url(assets/img-arrows.png) 0px 0;
		width: 10px;
		height: 13px;
		float:left;
		display:block;
		text-indent:-3000px;
	}
	
	ul#worknav li a.prev:hover {
		background-position: 0px 12px;	
	}

span.imgcaption {
	text-align:right;
	display:block;
	margin-top: 1em;
	font-size: 1.2em;
}

/* Slideshow */

#text {
	position:absolute;
	z-index:30;
	top: 0;
	overflow-y: scroll;
	display:none;
	text-align:left;
	height: 580px;
	background:#fff;
	padding: 0 1em;
}

	#text .content {
		padding: 1em;
	}

	#text h2 {
		font-size:2.6em;
		font-weight:normal;
	}

	#text p {
		font-size: 1.3em;
		line-height:1.5em;
		padding: 0 10em 0 0;
		margin: 0 0 0.5em 0
	}
	
	#text blockquote {
		margin: 1em 5em;
	}
	
	#text p.close {
		text-align:right;
		padding: 0;
	}
	
	p.close a {
		color: #666;
	}

/* Content */

.insidecontent {
	position:absolute;
	top: 13em;
	right:0;
}

.post {
	width: 530px;
}

#post-102.post {
	width: 960px;
}

	.post h2 {
		font-size:2.6em;
		margin: 0 0 0.5em 0;
		font-weight:normal;
	}
	
	.post p,
	.post li {
		font-size:1.4em;
		line-height:1.4em;
		margin: 0 0 0.8em 0;
		font-weight:normal;
	}
	
	.post p a,
	.post li a {
		color: #222;
	}


/* Book page */

.bookbox {
	margin: 30px 0;
	padding: 10px;
	background:#fff;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;	
	-webkit-border-radius: 5;
}

.bookbox table tr td {
	padding: 5px 0;
}

.bookbox table span {
	font-size: 14px;
	padding-right:10px;
}

.bookinfo {
	width: 300px;
	float: left;
}

.buybookbox {
	width: 420px;
	float:left
}

/* Contact */

input.textfield {
	border: 0;
	background:#fff;
	padding: 0.2em;
	font-size: 1.2em;
}

textarea {
	width: 435px;
	width:82%;
	border: 0;
	background:#fff;
	padding: 0.2em;
	font-size: 1.2em;
}

input#button {
	font-size: 1.1em;
	font-weight:bold;
	color: #222;
	padding: 0.3em;
	-khtml-border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius: 4px;
	background:#fff;
	border: 0;
}
input#button:hover {
	background:#666;
	color: #fff;
	cursor:hand;
}