@charset "utf-8";
/* 
Theme Name: John Foster 2010
Theme URI: http://john-foster.com/
Description: 2010 theme for John Foster's Visual Adventures.
Version: 0.1
Author: Starlight Creative Studios, LLC on behalf of Everbearing Services, Inc.
Author URI: http://www.starlightcreativestudios.com/
*/

/*-------------------------------------
START - GLOBAL RESET
---------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:													0;
	padding:												0;
	border:													0;
	outline:												0;
	font-size:												100%;
	vertical-align:											baseline;
	background:												transparent;
}

body {
	line-height:											1;
}

ol, ul {
	list-style:												none;
}
blockquote, q {
	quotes:													none;
}

/* remember to define focus styles! */
:focus {
	outline:												0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration:										none;
}

del {
	text-decoration:										line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:										collapse;
	border-spacing:											0;
}

/*-------------------------------------
GLOBAL STYLES
---------------------------------------*/
body {
	background:												#afafaf url('images/backgrounds/body.jpg') repeat center top;
	text-align:												center;
	font-size:												14px;
	font-family:											Verdana, Geneva, Tahoma, sans-serif;
	text-align:												center;
}

a:link, a:visited {
	color:													#c63;
	text-decoration:										none;
}

	a:focus, a:hover {
		text-decoration:									underline;
	}
	
address {
	display:												inline;
	font-style:												normal;
}

h1, h2, h3, h4, h5, h6 {
	margin:													0 0 10px;
	font-weight:											100;
	color:													#c63;
}

	h1, h2 {
		font-family:										"Gill Sans MT", Arial, "Helvetica Neue", Helvetica, sans-serif;
	}

	h1 {
		clear:												both;
		border-bottom:										1px dotted #666;
		padding-bottom:										15px;
		margin-bottom:										30px;
		font-size:											48px;
	}
	
	h2 {
		font-size:											24px;
		text-transform:										uppercase;
	}
	
		.page-template-gallery-php h2 {
			float:											left;
		}
	
	h3 {
		margin-left:										10px;
	}
	
	h4 {
		font-style:											italic;
	}
	
	h5, h6 {
		display:											inline;
	}
	
	h5 {
		font-weight:										bold;
	}
	
	h6 {
		font-style:											italic;
	}

#wrapper {
	width:													960px;
	margin:													0 auto;
}

/*-------------------------------------
HEADER STYLES
---------------------------------------*/
#header {
	position:												relative;
	background-color:										#000;
	height:													60px;
	margin:													40px 0 -10px;
	padding:												10px 0;
	color:													#de8d2d;
	z-index:												2;
	-moz-box-shadow:										0 1px 2px #666;
	-webkit-box-shadow:										0 1px 2px #666;
	box-shadow:												0 1px 2px #666;
}

	#nav {
		border-width:										2px 0;
		border-style:										solid;
		border-color:										#de8d2d;
		width:												960px;
		height:												26px;
		padding:											15px 0;
		font-family:										"Gill Sans MT", Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size:											16px;
		text-transform:										uppercase;
	}
	
		#nav li {
			display:										block;
			float:											left;
		}
		
		#nav a {
			display:										block;
			height:											26px;
			color:											#de8d2d;
		}
		
			#home, .page-item-2 {
				width:										105px;
			}

			#cultures, .page-item-4 {
				width:										185px;
			}

			#egypt, .page-item-6 {
				width:										165px;
			}

			#southwest, .page-item-10 {
				width:										205px;
			}

			#landscapes, .page-item-12 {
				width:										135px;
			}

			#lighthouses, .page-item-14 {
				width:										165px;
			}
			
			#nav li ul {
				display:									none;
				height:										auto;
			}
			
				#nav li:hover ul,
				#nav li.hover ul {
					display:								block;
				}
			
				#nav li li {
					float:									none; 
				}
			
				#nav li ul a {
					background:								rgba(0, 0, 0, 0.8);
					height:									auto;
					padding:								10px;
				}
				
					.no-rgba #nav li ul a {
						background:							transparent url( 'images/backgrounds/nav.png' ) repeat left top;
					}

/*-------------------------------------
CONTENT STYLES
---------------------------------------*/
#content {
	background:												#fff url('images/backgrounds/content.jpg') repeat 0 0;
/*	min-height:												400px; */
	width:													856px;
	padding:												40px 50px;
	margin:													0 auto;
	-moz-box-shadow:										0 0 5px #333;
	-webkit-box-shadow:										0 0 5px #333;
	box-shadow:												0 0 5px #333;
}

	#welcome {
		display:											block;
		width:												520px;
		margin:												0 auto 5px;
		font-size:											20px;
		text-align:											left;
		color:												#c63;
	}

	#entry {
		line-height:										150%;
		text-align:											left;
	}

	#intro, #showintro {
		text-align:											right;
		line-height:										150%;
	}
	
		.clicker {
			display:										block;
			color:											#c63;
			cursor:											pointer;
			cursor:											hand;
		}
		
	#content-entry, #details, .slide {
		background:											none !IMPORTANT;
		width:												560px;
	}

		.slide {
			display:										none;
		}
		
		.startslide {
			display:										block;
		}
	
	#content-entry {
		padding-left:										10px;
		line-height:										130%;
		text-align:											left;
	}
	
	#content-column {
		width:												260px;
		padding:											0 0 0 20px;
		text-align:											left;
	}
	
	.format {
		margin-left:										10px;
	}
	
	.large-photo, .intro-photo {
		display:											block;
		background-color:									#fff;
		max-width:											530px;
		width:												auto !IMPORTANT;
		width:												530px;
		padding:											15px;
		filter:												progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=0,strength=5)
															progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=90,strength=5)
															progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=180,strength=5)
															progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=270,strength=5);
		margin:												0 auto 35px;
		-moz-box-shadow:									0 2px 5px #333;
		-webkit-box-shadow:									0 2px 5px #333;
		box-shadow:											0 2px 5px #333;
	}
	
		.intro-photo {
			float:											left;
			margin:											0 20px 20px 0;
		}
	
	.preview-photo {
		float:												left;
		clear:												right;
		width:												260px;
		height:												200px;
		padding:											10px;
	}
	
		.preview-photo img {
			background-color:								#fff;
			width:											220px;
			padding:										5px;
			margin-bottom:									5px;
			filter:											progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=0,strength=3)
															progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=90,strength=3)
															progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=180,strength=3)
															progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=270,strength=3);
			-moz-box-shadow:								0 1px 3px #333;
			-webkit-box-shadow:								0 1px 3px #333;
			box-shadow:										0 1px 3px #333;		
		}
		
		.first-photo {
			padding-top:									0;
		}

	.small-photo {
		float:												left;
		background-color:									#fff;
		width:												100px;
		height:												100px;
		padding:											5px;
		margin:												10px;
		filter:												progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=0,strength=3)
															progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=90,strength=3)
															progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=180,strength=3)
															progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=270,strength=3);
		-moz-box-shadow:									0 1px 3px #333;
		-webkit-box-shadow:									0 1px 3px #333;
		box-shadow:											0 1px 3px #333;
	}
	
	.paginator {
		display:											block;
		clear:												both;
		margin:												10px auto;
		text-align:											center;
	}
	
		a.inactive {
			font-weight:									bold;
		}
	
	.buy-print {
		display:											block;
		float:												right;
		border:												2px solid #c63;
		padding:											3px 5px;
		-moz-border-radius:									15px;
		-webkit-border-radius:								15px;
		border-radius:										15px;
	}

/*-------------------------------------
CONTENT-ENTRY STYLES
---------------------------------------*/
#content-entry p, #intro p, #entry p {
	margin:													10px 0;
}

	.page-template-gallery-php p {
		/* clear:												both; */
	}

#content-entry p, #intro p, #entry p {
	margin:													10px 0;
	line-height:											130%;
}

#content-entry ul, #intro ul, #entry ul {
	list-style:												square outside;
	margin-left:											35px;
}

#content-entry ol, #intro ol, #entry ol {
	list-style:												decimal;
	margin-left:											35px;
}

	#content-entry li, #intro li, #entry li {
		margin:												8px 0;
	}

#content-entry big, #intro big, #entry big {
	font-size:												150%;
}

#content-entry blockquote, #intro blockquote, #entry blockquote {
	display:												block;
	position:												relative;
	background-color:										#ccc;
	margin:													5px 0;
	padding:												10px 50px;
	color:													#333;
	quotes: 												"\201C" "\201D";
}

	#content-entry blockquote:before, #intro blockquote:before,
	#entry blockquote:before, #content-entry blockquote:after,
	#intro blockquote:after, #entry blockquote:after {
		display:											block;
		position:											relative;
		width:												50px;
		font-family:										Georgia, Palatino,"Palatino Linotype", Times, "Times New Roman", serif;
		font-size:											100px;
		color:												#aaa;
	}
	
		#content-entry blockquote:before,
		#intro blockquote:before,
		#entry blockquote:before {
			content:										open-quote;
			height:											0;
			top:											30px;
			left:											-45px;
		}
	
		#content-entry blockquote:after,
		#intro blockquote:after,
		#entry blockquote:after {
			content:										close-quote;
			height:											20px;
			top:											28px;
			left:											460px;
		}

#content-entry code, #intro code, #entry code {
	display:												block;
	position:												relative;
	background-color:										#eee;
	margin:													5px 0;
	padding:												10px 50px;
	font-family:											Consolas, "Lucida Console", Monaco, monospace;
	color:													#333;
	quotes: 												"\005B" "\005D";
}

	#content-entry code:before, #intro code:before,
	#entry code:before,	#content-entry code:after,
	#intro code:after, #entry code:after {
		display:											block;
		position:											relative;
		width:												20px;
		font-family:										Consolas, "Lucida Console", Monaco, monospace;
		font-size:											50px;
		color:												#aaa;
	}
	
		#content-entry code:before,
		#intro code:before,
		#entry code:before {
			content:										open-quote;
			height:											0;
			top:											7px;
			left:											-45px;
		}
	
		#content-entry code:after,
		#intro code:after,
		#entry code:after {
			content:										close-quote;
			height:											20px;
			top:											-10px;
			left:											475px;
		}

#content-entry pre, #intro pre, #entry pre {
	display:												block;
	position:												relative;
	border-width:											0 3px;
	border-style:											solid;
	border-color:											#063;
	margin:													5px 15px;
	padding:												10px 35px;
	font-family:											Consolas, "Lucida Console", Monaco, monospace;
}

#content-entry small, #intro small, #entry small {
	font-size:												75%;
}

#content-entry sup, #content-entry sub,
#intro sup, #intro sub,
#entry sup, #entry sub {
	position:												relative;
	margin:													0 2px;
	font-size:												10px;
}

	#content-entry sup, #intro sup, #entry sup {
		top:												-5px;
	}
	
	#content-entry sub, #intro sub, #entry sub {
		top:												3px;
	}	

#content-entry tt, #intro tt, #entry tt {
	margin:													0 2px;
	font-family:											Consolas, "Lucida Console", Monaco, monospace;
}

/*-------------------------------------
FOOTER STYLES
---------------------------------------*/
#footer {
	position:												relative;
	background-color:										#000;
	height:													45px;
	padding:												10px 0;
	margin:													-10px 0 40px;
	font-family:											"Gill Sans MT", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:												16px;
	text-transform:											uppercase;
	color:													#de8d2d;
	z-index:												2;
	-moz-box-shadow:										0 0 4px #666;
	-webkit-box-shadow:										0 0 4px #666;
	box-shadow:												0 0 4px #666;
}

	#footer div {
		border-width:										2px 0;
		border-style:										solid;
		border-color:										#de8d2d;
		height:												41px;
	}
	
	#footer ul {
	}
	
	#footer li {
		float:												left;
		display:											inline;
	}
	
		#footer li a {
			display:										block;
			padding:										12px 0;
		}
		
		.page-item-35 a {
			width:											100px;
		}
		
		.page-item-39 a {
			width:											100px;
		}

		.page-item-37 a {
			width:											90px;
		}

		.page-item-41 a {
			width:											110px;
		}
		
	#copyright {
		float:												right;
		display:											block;
		width:												300px;
		padding:											12px 0;
	}

/*-------------------------------------
MISCELLANEOUS STYLES
---------------------------------------*/
.breaker {
	display:												block;
	float:													none;
	clear:													both;
	width:													100%;
	height:													0;
	margin:													0;
	padding:												0;
	visibility:												hidden;
	overflow:												hidden;
}

.clear {
	clear:													both;
}

.error {
	border:													2px solid #c33;
	background-color:										#fbe3e4;
	color:													#8a1f11;
}

	#IE5 {
		width:												930px;
		margin:												0 auto 20px;
		padding:											5px 10px;
		text-align:											center;
	}

.floatLeft {
	display:												inline;
	float:													left;
}

.floatRight {
	display:												inline;
	float:													right;
}

/*-------------------------------------
WORDPRESS STYLES
---------------------------------------*/
.alignleft {
	float:													left;
	margin:													0 10px 10px 0;
}

.alignright{
	float:													right;
	margin:													0 0 10px 10px;
}

.aligncenter {
	display:												block;
	margin:													0 auto 12px;
	padding:												0;
	text-align:												center;
}

.size-thumbnail {
}

.size-medium {
}

.size-large {
}

.size-full {
}