/* 
Theme Name: version2.whiteboard
Theme URL: http://www.youneedadesigner.com
Description: A blank theme for you to draw on.
Author: Nathanael Philip
Author URI: http://nathanaelphilip.com
Version: 2.0
*/
@import url('_css/reset.css');
@import url('_css/960.css');
@import url('_css/prettPhoto.css');
@import url('_css/emails.css');
/* General
----------------------------------------------- */
html{height:100%;}
body{
	background:#2d2726;
	color:#2b2b2b;
	font: normal normal normal	1em/1em	Helvetica, Arial, sans-serif;
}
.hide{display:none;}
.show{display:block	!important;}
#top_ornate{
	background:url(_images/ornate_pattern.png) top left;
	height:20px;
	margin:75px 0 0 0;
}
#container{
	background:#e5e5e5;
}
#bottom_ornate{
	background:url(_images/ornate_pattern.png) top left;
	margin:0 0 75px 0;
	height:20px;
}
#footer{
	margin:0 auto;
	width:380px;
}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.bold{font-weight:bold;}
/* Divs
----------------------------------------------- */
#wrapper{
	margin:0 auto;
	padding:40px 0;
}
#col_one{
	float:left;
}
	#newest-gallery{
		float:left;
		position:relative;
		height:425px;
		overflow: hidden;
	}
		.zp_photo{
			float:left;
			width:640px;
		}
#col_two{
	float:right;
}
.text-box{
	float:left;
	margin:45px 0 0 20px;
	width:340px;
}
#the-team .text-box,#what-we-offer .text-box{
	margin:20px 0 0 0;
	float:left !important;
	width:100% !important;
}
.content{
	clear:both;
	margin:0 0 30px 0;
	float:left;
}
.post-box{
	clear:both;
	margin:0 0 40px 0;
	overflow:hidden;
}
#subcol_one,#subcol_two,#subcol_three{
	float:left;
}
#subsubcol_one,#subsubcol_two,#subsubcol_three,#subsubcol_four{
	float:left;
	margin:0 7px;
}
.pricing-top{
	margin:0 0 0 5px;
}
.pricing-middle{
	margin:0px 0 0px 3px;
}
.pricing{
	margin:30px 0 30px -5px;
}
#pricing-footer{
	float:left;
	margin:20px 0 0 0;
}
#contact-us{
	background:#959595;
	float:left;
	margin:10px 0;
	width:640px;
}
/* Typography
----------------------------------------------- */
h1{
	color:#2b2b2b;
	font-size:1.125em;
	text-transform: uppercase;
}
	.pricing h1{
		font-size:1.5em;
		margin:0 0 4px 0;
	}
h2{
	font: normal normal normal 1em Georgia, Times, serif;
	text-transform: uppercase;
}
	h2.category{
		margin:0 0 20px 0;
	}
	h2.comment-author{
		font: normal normal normal .875em Helvetica, Arial, sans-serif;
		font-size:1em;
		text-transform: none;
	}
h3{
	font: normal normal normal 0.6875em Georgia, Times, serif;
	text-transform: uppercase;
}
	.pricing h3{
		font: normal normal bold 0.875em Helvetica,Arial, sans-serif;
		margin:0 0 5px 0;
		text-transform: uppercase;
	}
h4{
	font-size:0.8em;
	font-style: italic;
	margin:3px 0 0 0;
}
	h4.comment-meta{
		font-size:0.6875em;
		font-style: normal;
		margin:0;
	}
.pricing p{
	font-size:0.6875em;
	margin:7px 0 0 0;
}
.text-box p{
	font: normal normal normal .6875em/1.3em Georgia, Times, serif;
	margin:20px 0 0 0;
}
.text-box p.subtext{
	color:#717171;
	font: italic normal normal 0.625em/1.2em Georgia, Times, serif;
}
.post-box p{
	font-size:.7em;
	width:450px;
	margin:10px 0 0 0;
}
#comments-reply p{
	font-size:.7em;
	margin:20px auto 0 auto;
	line-height:1em;
	width:410px;
}
#comments-reply ol li input{
	font-size:0.875em;
	font-weight:bold;
}
.comment-box p{
	color:#e5e5e5;
	font-size: 0.75em;
	line-height:1.3em;
	margin:4px 0 0 0;
}
.pricing-middle p{
	font-size:0.75em;
	margin:5px 0;
}
.two-col-paragraph p{
	-webkit-column-width: 300px; -webkit-column-gap: 20px;
}
#pricing-footer p{
	font-size:0.5625em;
	line-height:1.2em;
	margin:10px 0;
}
p.privacy-policy{
	font-size:0.7em;
	line-height:1em;
	width:640px;
}
p.contact-us-text{
	color:#2b2b2b;
	font: normal normal normal 0.6875em/1.0625em Georgia,Times,serif;
	width:640px;
}
p.non-booking{
	color:#2b2b2b;
	font: normal normal bold 0.75em/1.0625em Georgia,Times,serif;
	width:640px;	
	margin:0 0 10px 0;
}
input,textarea{
	color:#2b2b2b;
	font: normal normal bold 0.6875em/1.0625em Georgia,Times,serif;
}
label{color:#2b2b2b;font: normal normal bold 0.6875em/1.0625em Georgia,Times,serif;}
/* Links
----------------------------------------------- */
a{color:#373131;}
a:hover{color:#169fff;}
a.post-title{
	color:#2b2b2b;
	font-size:1.125em;
	text-transform: uppercase;
}
	a.post-title:hover{
		color:#169fff;
	}
#back-blogs{
	font-size:.875em;
	padding:0 0 20px 0;
	text-transform: uppercase;
	clear:both;
	float:left;
}
#blogfeed{
	background:url(_images/feed-icon-14x14.png) center right no-repeat;
	float:left;
	font-size:.7em;
	margin:0 0 10px 0;
	padding:2px 20px 0 0;
	text-transform: uppercase;
}
#login{
	background:url(_images/controlpanel.png) no-repeat center center;
	height:24px;
	position:absolute;top:10px;right:20px;
	text-indent: -99999px;
	width:24px;
}
#newest-gallery a.newest-gallery{
	background-color: rgba(0,0,0,.75);
	box-shadow:0px 0px 3px #222;-webkit-box-shadow:0px 0px 3px #222;-moz-box-shadow:0px 0px 3px #222;
	color:#fff;
	padding:10px 0 10px 10px;
	position:absolute;bottom:55px;right:0;
	text-transform: uppercase;
	width:390px;
}
a#view-comments,a#leave-comment{
	background:#050505;
	box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;-moz-box-shadow:0px 0px 10px #000;
	color:#d6d6d6;
	font-size:.5625em;
	padding:5px 15px;
	position:absolute;top:-14px;right:10px;
	text-transform:uppercase;
}
#pricing-pdf{
	font-size:0.75em;
	text-transform: uppercase;
}
/* Form
----------------------------------------------- */
#contact-us form{
	margin:20px auto 0 auto;
	width:460px;
}
	#contact-us form ol{}
		#contact-us form ol li{
			border-bottom: 1px solid #808080;
			float:left;
			margin:0 0 10px 0;
			width:460px;
		}	
			#contact-us form ol li select{display:inline-block;margin:0 0 10px 0;}
			#contact-us form ol li input,#contact-us form ol li textarea{
				border:none;
				padding:10px 10px;
				margin:0 0 10px 0;
				width:200px;
			}
			#contact-us form ol li textarea{
				width:400px;
			}
			#contact-us form ol li #contact-submit{
				width:150px;
				font-weight:800;
				text-transform: uppercase;
			}
			#contact-submit:hover{background:#fff;cursor:pointer;}
/* Lists
----------------------------------------------- */
.pricing ul li{font-size:12px;line-height:18px;list-style: disc outside;margin:0 0 0 20px;width:95%;}
#navigation{margin:0 auto;width:430px;}
#navigation ul{float:left;margin:-40px 0 0 0;}
	#navigation li{float:left;margin:0 5px 0 0;}
		#navigation li a{
			border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;
			box-shadow:0px 0px 10px #333;-moz-box-shadow:0px 0px 10px #333;-webkit-box-shadow:0px 0px 10px #333;
			color:#2d2726;
			background:#dadada;
			float:left;
			font: normal normal normal 0.625em Georgia,Times,serif;
			padding:2px 5px;
			text-transform: uppercase;
		}
		#navigation li a:hover{
			color:#fff;
		}
li{list-style:none;}
.sidenav{float:left;}
	.sidenav li{float:left;margin:0 0 10px 0;}
	.sidenav .sidenav-a{
		color:#fff;
		background:#45332e;
		-webkit-box-shadow:0px 0px 7px #444;
		-moz-box-shadow:0px 0px 7px #444;
		box-shadow:0px 0px 7px #444;
		float:left;
		height:20px;
		padding:10px 0 4px 15px;
		text-transform: uppercase;
		width:265px;
	}
	.sidenav li ul.sub-sidenav{
		float:left;
		margin:7px 0 0 0;
	}
			.sidenav li ul.sub-sidenav li{margin:0;width:100%;}
			.sidenav li ul.sub-sidenav li a{
				float:left;
				color:#838383;
				font-size:.68em;
				padding:0 0 0 20px;
				text-transform: uppercase;
				width:100%;
			}
			.sidenav li ul.sub-sidenav li a:hover{background:url(_images/liststyle.png) center left no-repeat;color:#4e3d39;}
#footer-nav{
	margin:50px 0 0 0;
	float:left;
}
	#footer-nav li{
		color:#fff;
		float:left;
		font: normal normal normal 1.125em Georgia, Times, serif;
		margin:0 3px;
		text-transform: uppercase;
	}
	#footer-nav li a{
		color:#fff;
	}
/* Images
----------------------------------------------- */
#logo{
	margin:0 0 30px 10px;
}
img.team-photo{
	box-shadow:0px 0px 10px #555;
	-webkit-box-shadow:0px 0px 10px #555;
	-moz-box-shadow:0px 0px 10px #555;
	float:left;
}
.post-box img{}
#newest-gallery img{
	width:640px;
}
/* Comments
----------------------------------------------- */
#comments-list{
	margin:15px 0 30px 0;
	position:relative;
	width:460px;
}
	#comments-list li{
		background:#a3a3a3;
		box-shadow:0px 0px 7px #444;-webkit-box-shadow:0px 0px 7px #444;-moz-box-shadow:0px 0px 7px #444;
		margin:0 0 10px 0;
	}
		#comments-list li .comment-box{
			margin:0 auto;
			padding:10px 0;
			width:430px;
		}
#comments-reply{
	background:#a3a3a4;
	box-shadow:0px 0px 10px #555;
	-webkit-box-shadow:0px 0px 10px #555;
	-moz-box-shadow:0px 0px 10px #555;
	padding:10px 0;
	position:relative;
	width:460px;
}
	#comments-reply ol{
		margin:10px 0 0 24px;
	}
		#comments-reply ol li{margin:0 0 5px;}
		#comments-reply ol li input{
			border:none;
			box-shadow:0px 0px 10px #555;
			-webkit-box-shadow:0px 0px 10px #555;
			-moz-box-shadow:0px 0px 10px #555;
			padding:5px 5px;
			height:20px;
			width:400px;
		}
		#comments-reply ol li textarea{
			width:410px;
		}	
		#comments-reply ol li input#submit{
			border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
			cursor: pointer;
			padding:10px 20px;
			height:auto !important;
			width:auto !important;
		}
		#comments-reply ol li input#submit:hover{
			color:#fff;
			background:#050505;
		}
/* Clear Fix
----------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* Zenpress!
-----------------------------------------------
----------------------------------------------- */

/* Zen Divs
----------------------------------------------- */
.album{
	float:left;
	height:185px;
	position:relative;
	margin:0 10px 30px 0;
	width:460px;
}
.album .albumdesc{
	float:right;
	margin:80px 0 0 0;
	width:160px;
}
.album-links{
	float:left;
	background-color: rgba(0,0,0,.75);
	box-shadow:0px 0px 7px #444;-webkit-box-shadow:0px 0px 7px #444;-moz-box-shadow:0px 0px 7px #444;
	padding:5px 0 5px 0;
	position:absolute;bottom:20px;left:0;
	height:10px;
	width:100%;
}
#gallerytitle{
	margin:0 0 15px 0;
	position:relative;
}
#credit{
	float:left;
	margin:20px 0 0 0;
}
#galscroller{
	clear:both;
	position:relative;
	margin:0 0 0 10px;
	overflow: auto;
	white-space: nowrap; 
	width:100%;
}
	.box{
	 	display:inline-block;
		padding:4px 0;
	}
/* Zen Lists
----------------------------------------------- */
.album-links ul{float:right;margin:-4px 15px 0 0;}
	.album-links ul li{color:#fff;display:inline;font-size:0.625em;}
		.album-links ul li a{
			color:#fff;
			text-transform: uppercase;
		}
		.album-links ul li a:hover{
			color:#169fff;
		}
/* Zen Images
----------------------------------------------- */
.album img{
	float:left;
}
.imagethumb img{
	float:left;
	margin:0 5px 0 0;
}
#galscroller img{
	display:inline-block;
}
/* Zen Typography
----------------------------------------------- */
.albumdesc h4{
	font-size:0.625em;
	font-style: normal;
}
h2#breadcrumb{
	color:#626262;
	font: normal normal bold 1.2em Helvetica, Arial, sans-serif;
	position:absolute;top:-22px;left:0;
}
/* Zen Links
----------------------------------------------- */
.album-title{
	line-height:1em;
	font-size:1.25em;
	font-weight:800;
	text-transform: uppercase;
}
#return-to-gallery{
	background:#dedede;
	box-shadow:0px 0px 7px #777;-webkit-box-shadow:0px 0px 7px #777;-moz-box-shadow:0px 0px 7px #777;
	color:#322d2c;
	float:left;
	font: italic normal normal 0.625em Georgia, Times, serif;
	padding:5px 15px;
	position:absolute;top:9px;left:-7px;
	text-transform: lowercase;
	z-index: 100;
}
#credit a{
	font: italic normal normal .5em Georgia,Times, serif;
}

/* Etc.
================================== */
.pricing .grid_6{margin:30px 40px 30px 0 !important;}
#col_three{margin:0 0 0 5px;}
#gallery-wrapper-box{position:relative;}
#purchase-prints{font-family:georgia,serif !important;font-size:12px;text-transform:lowercase;font-style:italic;font-weight:800px;margin:-5px 0 0 10px;}
#album-description{font-family:georgia,serif !important;font-style:italic;line-height:18px;position:fixed;top:225px;left:900px;left:73%;width:250px;}
#album-description a{font-weight:800;font-size:12px;margin:10px 0;display:block;}
#back-to-top{font-family:georgia,times,serif;font-size:12px;font-style:italic;font-weight: bold !important;margin:0 10px 0 0;}