body {
	text-align: center;
	background: #f47b22;
}

#wrapper {
	width: 960px;
	background: #FFF;
	margin: 0 auto;
	text-align: left;
	padding: 10px 0 30px 0;
}

	#banner {
		width: 100%;
		float: left;
		margin: 0 0 0  0;
	}
	
		#banner a { display: block; text-decoration: none; }
	
		#logo { float: left;  width: 100px; margin: 0 20px; }
		#advert { float: right;  width: 797px; margin-bottom: 15px; }
		#strapline { float: right;  clear: right;  width: 533px; margin: 20px 20px 20px 0; }
		
		a#view-cart { clear: right; float: right; margin: 0 20px 10px 0; }
		
		#nav {
			clear: right;
			float: right;
			text-align: right;
			margin: 0 20px 0 0;
		}
		
		#nav ul {
			 list-style: none; font-size: 14px;  float: right; width: 100%;
		}
		
			#nav li { float: right; margin: 0; padding: 0; }
			#nav li a { color: #000; padding: 20px 12px 10px 12px; border-top: solid 2px #e8e8e8; margin: 0; text-decoration: none; }
			#nav li a:hover, #nav li.current a { color: #f47b22;  border-color: #f47b22; }
			
#left { 
width: 180px; float: left; margin: 0 0 15px 30px; }

	#left h2 { font-size: 13px; font-weight: bold; color: #222;  margin: 0 0 15px 0;  text-transform: uppercase; }
	#left p { padding: 0; margin: 0 0 15px 0; }

#main { 
width: 680px; float: right;  margin: 0 30px 15px 0; font-family: museo-slab, Georgia, "Times New Roman", Times, serif; }

			
/* Main copy _________________________________________________________ */

#summary {
}

.main-photo {
	width: 150px;
	float: right;
	margin: 0 0 15px 15px;
}

.quote {
	font-size: 18px;
	font-style: italic;
	margin: 0 0 15px 0;
	line-height: 1.2;
}

#author {
	background: #EEE;
	margin: 0 0 15px 0;
	padding: 5px 10px;
	font-size: 90%;
	border: solid 1px #666;
}

.wisdom {
	font-style: italic;
}


#main p {
	clear: left; }
	


/* Grids & positioning _______________________________________________ */

.left { float: left; }
.right { float: right; }
.main_photo { float: right;  margin: 0 0 15px 15px ; }
.button {
	border-radius: 3px;
	-moz-border-radius: 3px;
}

	ul.four {
		width: 100%; float: left; list-style: none; margin 0; padding: 0; }
		
		.four li {
			width: 220px; margin: 0 20px 0 0; float: left;  }
			
		.four li:last-child {
			margin: 0; }
			
		.four li:first-child a {
			background: #f47b22; }
			.four li:first-child img {
				margin: 12px;
			}
			.four li:first-child a  span {
				color: #FFF;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-weight: normal;
				font-size: 20px;
			}
			
			.four a { display: block; text-decoration: none; background: #EEE;  padding: 0 0 15px 0; }
				.four a:hover { background: #d15806; }
				
			.author img{ width: 220px; height: 165px; opacity: 0.8; }
				.author a:hover img.author { opacity: 1; }
			.four span { display: block; margin: 15px 15px 0 15px; color: #d15806; font-weight: bold; font-size: 16px; }
				.four a:hover span { color: #FFF; }


	ul.grid {
			padding: 0; margin: 0; width: 100%; float: left; list-style: none;
			font-family: Arial, Helvetica, sans-serif;
		}
		
			.grid li {
				width: 120px; margin: 0 20px 45px 0;  float: left;
				 }
				
			.grid li.double {
				width: 260px; }
				
			.grid li.triple {
				width: 400px;
			}
				
			.grid li a {
				display: block; text-decoration: none; 
				opacity: 0.8;
				color: #222;
				}
				
			.grid li a:hover {
				opacity: 1; 
			}
				.grid img {
					width: 120px;
					height: 120px;
				}
				
				#videos img {
					/* width: auto;
					height: auto; */
				}
				
					.grid li.double img {
						width: 260px; }
			
				.grid .name, .grid .date, .grid .venue, .grid .caption {
					font-weight: bold;
					display: block;
					font-size: 13px;
					margin: 0 0 5px 0;
					color: #000;
				}
				
				.grid .date, .grid .venue, .grid .caption {
					height: auto; }
				
					.grid ul {
						padding: 0; margin: 10px 0 0 0; list-style: none;
					}
					
					.grid ul li {
						margin: 0 0 2px 0;
					}
					
						.grid ul li a {
							background: #EEE;
							color: #222;
							padding: 2px 5px;
						}
							
						.grid ul li a:hover {
							background: #CCC;
							opacity: 1;
						}
ul.feed a {
	color: #222; }
						
						
ul.list {
	list-style: none; float: left; width: 100%; margin: 0 0 15px 0; padding: 0;
}

	ul.list li { margin: 0; }

ul#ads {
	width: 180px;
}

						
.contents-wrapper {
	width: 100%;
	background: #EEE;
	float: left;
	margin: 0 0 15px 0;
}

.contents { list-style: none; width: 30%; margin: 10px;  padding: 0;  float: left;}
	.contents li { margin: 0 0 10px 0; }
	.contents li ul { padding: 5px 0 0 0; }
	.contents li li { float: left; margin-right: 5px; }
	.contents li li a { padding: 5px; background: #222; color: #FFF; text-decoration: none; font-family: Arial, Helvetica, sans-serif; 
	border-radius: 3px;
	-moz-border-radius: 3px;
	 }
	.contents li li a:hover { background: #000; }
	
.items { list-style: none; width: 100%; float: left; padding: 0; margin: 0; }
	.items li { margin: 0 0 10px 0; }
	.items li a { display: block; width: 100%; float: left; text-decoration: none; color: #222;  }
	.items li a:hover { background: #EEE; }	
	.items li img { margin: 15px 15px 15px 15px; float: right; }
	.items span { display: block; margin: 0 15px 5px 0; }
		.items .title, .grid .title { font-size: 1.5em;  font-weight: bold; margin-top: 15px; font-family: museo-slab, Georgia, "Times New Roman", Times, serif; }
					
ul.social { clear: left; margin: 0 0 15px 0; padding: 0; list-style: none; width: 500px;   float: left; }
	.social li { float: left; margin: 0 10px 0 0; }
		.social li a { opacity: 0.75; }
			.social li a:hover { opacity: 1; }
		.social img { width: 24px; height: 24px; }
		
	.book { background: #EEE; margin: 0 0 15px 0;  }
	.book li { border-bottom: 5px solid #FFF; width: 100%; float: left; list-style: none; margin: 0; padding: 10px 0; }
	.book li span { margin: 5px; display: block; width: 500px; }
	.book li img.thumb { float: right; margin: 0 0 15px 15px; width: 100px; }
	.book li a.buy, .book li input[type=button] { background: #222; padding: 2px 5px; text-decoration: none; color: #FFF; 
				 border-radius: 3px; -moz-border-radius: 3px;  
				 float: right; margin-right: 5px; 
				}
	.book li input[type=button] { border: 0; margin: 5px 0 0 0; }
	
	.book li a.buy:hover { background: #000; }
	.book li object { margin: 10px 0; }		
	
	.book form { font-weight: bold; text-align: right; }
	.book select { margin-top: 5px; }
	
ul.news {
			padding: 15px 0;
			clear: both;
			list-style: none; 
			margin: 0 0 15px 0;
		}
		
		.news li { margin: 0 0 10px 0; }
		
		.news a.link { color: #222; text-decoration: none; display: block;}
		.news a.link:hover { background: #EEE; }
		
		.news span { display: block; }
		.news .title { font-size: 24px;  font-weight: bold;  margin: 0 0 5px 0; }
		.news .blogger { padding: 2px; color: #FFF; background: #000; display: inline; }
		.news img { float: right; margin: 0 0 15px 15px; }
		.news .date { font-weight: bold; margin: 0 0 15px 0; }	
				
.search { font-weight: bold; background: #EEE; border: solid 1px #999; padding: 5px; font-size: 18px; }
.search input { padding: 5px; border: solid 1px #999; }

.map {
	clear: both; }

		.hidden { display: none; }
		.clear { clear: both; }
		.last { margin-right: 0; }
		iframe { margin: 0 0 30px 0; }
		strong { font-weight: bold; }

/* Links _________________________________________ */

a { color: #d15806; }
	a:hover { color: #000; }
	
.itunes {
	background: url(/images/logos/itunes.png) no-repeat right;
	padding: 15px 100px 0 0;
	text-decoration: none;
	color: #222;
	line-height: 30px;
	display: block;
	text-align: right;
}

.rss {
	background: url(/images/icons/social/feed-24x24.png) no-repeat right;
	padding: 0 32px 0 0;
	text-decoration: none;
	color: #222;
	line-height: 24px;
	display: block;
	text-align: right;
}

a.twitter {
	background: url(/images/icons/social/twitter-16x16.png) no-repeat right;
	padding: 0 24px 0 0;
	text-decoration: none;
	color: #222;
	line-height: 30px;
	display: block;
}


				
/* Footer ________________________________________ */

#footer {
	clear: both;
	padding: 30px 0;
	float: left;
	width: 100%;
}

	#footer p {
		margin: 10px;
		font-size: 12px;
		color: #222;
	}
	
	#footer span {
		display: block;
		margin: 0 30px;
	}
	
#foot-logos {
		padding: 0 0 0 30px; 
}
	
#foot-logos ul {
	width: 90%;
	float: left;
	}

#foot-logos li {
	float: left;
	margin: 0 15px 0 0;
}

	#foot-logos img {
		height: 60px;
	}
	

/* Forms _________________________________________________________ */

input.filter {
	width: 95%;
	border: solid 1px #CCC;
	padding: 5px;
	font-size: 14px;
}


/* Text styling _________________________________________________ */

h1 {
	font-weight: bold;
}

h2 {
	margin: 0 0 15px 0;
	clear: both;
	padding: 0 0 5px 0;
	border-bottom: solid 1px #999;
}

	h2 span {
	/* background: #999;
	color: #FFF;
	padding: 5px 10px;	
		font-size:  14px;
		font-weight: bold; */
	}
		
.small { font-size: 90%; }
em { font-style: italic; }