/*
Theme Name: DavidBrownSound.com
Theme URI: http://davidbrownsound.com/
Description: Custom theme for DavidBrownSound.com.
Version: 1.0
Author: Jonathan Brown
Author URI: http://jonathansthoughts.com/
Tags: black


*/

* { margin: 0; padding: 0; }
a { text-decoration: none; }
a img { border: 0; outline: 0; }
.autoclear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.autoclear {display:inline-block;}
.autoclear {display:block;}
* html .autoclear {height: 1%;}


/* Begin Structure */
body {
	font-size: 16px;
	font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif;
	background: #000;
	color: #ccc;
	margin: 0;
	padding: 0;
	line-height: 24px;
}

#container {
	margin: 16px auto;
	width: 926px;
}

#header {
	height: 333px;
	width: 924px;
	border: 1px solid #666;
}

	#header .logo {
			margin: 0;
			padding: 0;
			height: 35px;
			width: 372px;
	}

		#header .logo h1 {
				font-size: 1px;
				text-indent: -10000px;
		}

		#header .logo span {
				display: block;
				position: relative;
				left: 535px;
				top: 40px;
				width: 372px;
				height: 35px;
				margin: 0;
				padding: 0;
				background: url(images/dbs-logo.png);
				z-index: 1;
				background-repeat: no-repeat;
				background-position: left top;
		}
		
	#twitter img {
		float: left;
		margin-bottom: 8px;
	}
	
	#twitter p {
		float: left;
		font-size: 0.75em;
		margin: 9px 0px 0px 4px;
		padding: 0;
		line-height: 1.2em;
	}
		
		
/* Begin Menu Bar */	
			
#thumb-bar {
	margin-top: 14px;
	margin-bottom: 40px;
	height: 102px;
}

	ul#menubar {
		width: 926px;
		display: block;
		padding: 0;
		margin: 5px 0;
	}

		ul#menubar li {
			list-style-type: none;
			padding: 0;
			margin: 0;
			display: block;
			float: left;
		}
		
			ul#menubar li a:hover {
				text-decoration: none;
			}
		
			ul#menubar li a.button {
				text-indent: -1000em;
				width: 102px;
				height: 102px;
				display: block;
				overflow: hidden; /* For nested divs in Safari */;
				margin: 0;
				padding: 0;
				border: 1px solid #666;
			}
		
			ul#menubar li a#studio {
				background: url(images/menu2.jpg) no-repeat left top;
				margin-right: 14px;
			}
			
			ul#menubar li a#gear {
				background: url(images/menu2.jpg) no-repeat;
				background-position: 0px -102px;
				margin-right: 14px;
			}
			
			ul#menubar li a#instruments {
				background: url(images/menu2.jpg) no-repeat;
				background-position: 0px -204px;
				margin-right: 14px;
			}
			
			ul#menubar li a#amps {
				background: url(images/menu2.jpg) no-repeat;
				background-position: 0px -306px;
				margin-right: 13px;
			}
			
			ul#menubar li a#sessions {
				background: url(images/menu2.jpg) no-repeat;
				background-position: 0px -408px;
				margin-right: 13px;
			}
			
			ul#menubar li a#services {
				background: url(images/menu2.jpg) no-repeat;
				background-position: 0px -510px;
				margin-right: 13px;
			}
			
			ul#menubar li a#photos {
				background: url(images/menu2.jpg) no-repeat;
				background-position: 0px -612px;
				margin-right: 13px;
			}
			
			ul#menubar li a#blog {
				background: url(images/menu2.jpg) no-repeat;
				background-position: 0px -714px;
			}
			
			/* IE 5 hack */
			ul#menubar li a {overflow: hidden;}
			/* end hack */
			ul#menubar li a#studio:hover { background-position: -102px 0px; }
			ul#menubar li a#gear:hover { background-position: -102px -102px; }
			ul#menubar li a#instruments:hover { background-position: -102px -204px; }
			ul#menubar li a#amps:hover { background-position: -102px -306px; }
			ul#menubar li a#sessions:hover { background-position: -102px -408px; }
			ul#menubar li a#services:hover { background-position: -102px -510px; }
			ul#menubar li a#photos:hover { background-position: -102px -612px; }
			ul#menubar li a#blog:hover { background-position: -102px -714px; }
			
/* End Menu Bar */

/* Begin Global Page Template */

#content-container {
	width: 100%;
	margin: 24px 0;
}

	#content-page {
		
	}
	
#contactme {
	width: 100%;
}

/* End Global Page Template */







/*  Begin Landing Template */

.header-landing {
	background: url(images/header-home4.jpg) top center no-repeat;
}

#header-callout-container-landing {
	position: relative;
	float: right;
	width: 195px;
	height: 169px;
	top: 113px;
	right: 148px;
}

	#header-callout-landing {
		margin: 14px;
	}

		#header-callout-landing h2 {
			float: left;
			font-family: 'Georgia', Verdana, Arial, Sans-Serif;
			font-weight: normal;
			font-size: 120%;
			color: #fff;
			margin: 0 0 6px 0;
		}

		#header-callout-landing p {
			clear: left;
			font-size: 75%;
			line-height: 1.4em;
			margin: 0px 0px 0px 0px;
			padding: 0;
		}

		#header-callout-landing img {
			float: right;
			border: 1px solid #666;
		}

#content-container-landing {
	width: 100%;
	margin: 24px 0;
}

	#content-container-landing #colleft {
		float: left;
		margin: 0;
		width: 400px;
	}

		#content-landing {
			width: 100%;
		}
		
	#content-container-landing #colmiddle {
		float: left;
		width: 250px;
		margin-left: 28px;
	}
	
		.widget-recentposts-item { margin-bottom: 10px; font-size: 12px; line-height: 18px; }

		#recentposts-landing {
			width: 100%;
		}
	
			ul.recentposts {
				list-style: none;
				margin: 16px 0;
				padding: 0;
			}
	
				ul.recentposts li a {
					font-size: 18px;
					line-height: 22px;
					font-family: Georgia;
				}
		
				ul.recentposts li span.date {
					font-size: 80%;
				}
	
				ul.recentposts li p {
					font-size: 11px;
					line-height: 1.1em;
					margin: 0 0 6px 0;
				}
				
	#content-container-landing #colright {
		float: right;
		width: 220px;
	}
		
		#recentphotos-landing {
			width: 100%;
		}
		
			#recentphotos-landing #slickrwidget {
				margin: 16px 0;
			}
	
			#recentphotos-landing img {
				border: 1px solid #666;
				margin: 0px 8px 8px 0px;
			}


/* End Home Template */








/* Begin Studio Template */

.header-studio {
	background: url(images/header-studio2.jpg) top center no-repeat;
}
		
#content-container-studio {
	width: 100%;
	margin: 24px 0;
}

	#content-container-studio #colleft {
		float: left;
		margin: 0;
		width: 618px;
	}
	
		#content-studio {
			/*background: url(images/studio-bg.jpg) 32px right no-repeat;*/
		}
	
	#content-container-studio #colright {
		float: right;
		width: 280px;
	}
	
		#relatedposts-studio ul {
				list-style: none;
				margin: 16px 0;
				padding: 0;
			}
	
			#relatedposts-studio ul li {
				font-size: 80%;
			}
			
		#studio-gear {
			width: 100%;
			background: url(images/studio-gear-bg.jpg) bottom right no-repeat;
		}
		
			#studio-gear p {
				margin: 0;
				font-size: 90%;
			}
		
			#studio-gear ul {
				list-style: none;
				margin: 16px 48px 16px 0;
				padding: 0;
			}
			
			#studio-gear ul li {
				margin-bottom: 8px;
				font-size: 80%;
			}

/* End Studio Template */









/* Begin Gear Template */

.header-gear {
	background: url(images/header-gear2.jpg) top center no-repeat;
}
		
#content-container-gear {
	width: 100%;
	margin: 24px 0;
}

	#content-container-gear #colleft {
		float: left;
		margin: 0;
		width: 618px;
	}
	
		#content-gear {
			
		}
	
	#content-container-gear #colright {
		float: right;
		width: 280px;
	}
	
		#relatedposts-gear ul {
				list-style: none;
				margin: 16px 0;
				padding: 0;
			}
	
			#relatedposts-gear ul li {
				font-size: 80%;
			}
			

/* End Gear Template */









/* Begin Instruments Template */

.header-instruments {
	background: url(images/header-instruments3.jpg) top center no-repeat;
}
		
#content-container-instruments {
	width: 100%;
	margin: 24px 0;
}

	#content-container-instruments #colleft {
		float: left;
		margin: 0;
		width: 618px;
	}
	
		#content-instruments {
			
		}
	
	#content-container-instruments #colright {
		float: right;
		width: 280px;
	}
	
		#relatedposts-instruments ul {
				list-style: none;
				margin: 16px 0;
				padding: 0;
			}
	
			#relatedposts-instruments ul li {
				font-size: 80%;
			}
			

/* End Instruments Template */











/* Begin Amps Template */

.header-amps {
	background: url(images/header-amps2.jpg) top center no-repeat;
}
		
#content-container-amps {
	width: 100%;
	margin: 24px 0;
}

	#content-container-amps #colleft {
		float: left;
		margin: 0;
		width: 618px;
	}
	
		#content-amps .entry { padding-top: 40px; }
	
		#content-amps .wp-caption {
			float: left;
			width: 260px;
			height: 210px;
			margin: 0 40px 40px 0;
		}
	
	#content-container-amps #colright {
		float: right;
		width: 280px;
	}
	
		#relatedposts-amps ul {
				list-style: none;
				margin: 16px 0;
				padding: 0;
			}
	
			#relatedposts-amps ul li {
				font-size: 80%;
			}
			

/* End Amps Template */






/*  Begin Blog (Index/Sidebar) Template */

.header-blog {
	background: url(images/header-blog2.jpg) top center no-repeat;
}

#content-container-blog {
	width: 100%;
	margin: 24px 0;
}

	#content-container-blog #colleft {
		float: left;
		margin: 0;
		width: 618px;
	}

		#content-blog {
			width: 100%;
		}
		
			#content-blog .entry { margin-top: 10px; }
		
			#content-blog img {
				border: 2px solid f3f3f3;
			}
		
		#content-container-blog #colright {
			float: right;
			width: 280px;
		}
		
			#content-container-blog #archives ul {
				list-style: none;
				margin: 16px 0;
				padding: 0;
			}
			
			#relatedposts-blog ul,
			#prevnext ul {
					font-size: 14px;
					list-style: none;
					margin: 16px 0;
					padding: 0;
				}

				#relatedposts-blog ul li {

				}
		
/*  End Blog (Index/Sidebar) Template */








/* Begin Sessions Template */

.header-sessions {
	background: url(images/header-sessions2.jpg) top center no-repeat;
}
		
#content-container-sessions {
	width: 100%;
	margin: 24px 0;
}

	#content-container-sessions #colleft {
		float: left;
		margin: 0;
		width: 618px;
	}
	
		#content-sessions {
			
		}
	
	#content-container-sessions #colright {
		float: right;
		width: 280px;
	}
	
		#relatedposts-sessions ul {
				list-style: none;
				margin: 16px 0;
				padding: 0;
			}
	
			#relatedposts-sessions ul li {
				font-size: 80%;
			}
			
	#content-sessions .album { margin-bottom: 24px; }
	#content-sessions .album img { margin-right: 15px; }
	#content-sessions h3 { font-size: 16px; }
	#content-sessions h4 { font-size: 14px; float: left; width: 225px; }
	#content-sessions .html5audio { float: left; margin-left: 10px; }
	#content-sessions .track { float: left; }
	

			

/* End Sessions Template */






/* Begin Services Template */

.header-services {
	background: url(images/header-services3.jpg) top center no-repeat;
}
		
#content-container-services {
	width: 100%;
	margin: 24px 0;
}

	#content-container-services #colleft {
		float: left;
		margin: 0;
		width: 618px;
	}
	
		#content-services {
			
		}
	
	#content-container-services #colright {
		float: right;
		width: 280px;
	}
	
		#relatedposts-services ul {
				list-style: none;
				margin: 16px 0;
				padding: 0;
			}
	
			#relatedposts-services ul li {
				font-size: 80%;
			}

/* End Services Template */







/* Begin Photos Template */

.header-photos {
	background: url(images/header-photos2.jpg) top center no-repeat;
}
		
#content-container-photos {
	width: 100%;
	margin: 24px 0;
}

	#content-container-photos #colleft {
		float: left;
		margin: 0;
		width: 618px;
	}
	
		#content-photos {
			
		}
	
	#content-container-photos #colright {
		float: right;
		width: 280px;
	}
	
		#relatedposts-photos ul {
				list-style: none;
				margin: 16px 0;
				padding: 0;
			}
	
			#relatedposts-photos ul li {
				font-size: 80%;
			}

iframe#slickr-frame {
	border: 0;
	width: 100%;
	height: 600px;
}

	#slickr img {
		border: 1px solid #666;
	}
	
	#slickr_navigation a {
		background: transparent;
	}

/* End Photos Template */
		
		
		
		
		
		
		
		
		
		
		
/* Begin Global Elements */

.box {
	margin-bottom: 30px;
}

	.box h2 {
		color: #fff;
		font-family: 'Georgia', Verdana, Arial, Sans-Serif;
		font-style: normal;
		font-weight: normal;
		font-size: 24px;
		line-height: 36px;
		margin: 0;
		
		border-bottom: 1px solid #666;
	}

.post {
	
}
	
		.post h2 {
			color: #fff;
			font-family: 'Georgia', Verdana, Arial, Sans-Serif;
			font-style: normal;
			font-weight: normal;
			font-size: 28px;
			line-height: 42px;
			margin: 0 0 20px 0;
			border-bottom: 1px solid #666;
		}
		
		.post h3 {
			color: #fff;
			font-style: normal;
			font-weight: normal;
			font-size: 18px;
			line-height: 36px;
			margin: 0;
			font-family: 'Georgia', Verdana, Arial, Sans-Serif;
		}
		
		.post p {
			margin: 0 0 24px 0;
		}
		
		div.postmetadata {
			margin: 16px 0;
		}
		
			p.postmetadata {
				font-size: 12px;
				line-height: 18px;
			}
			
.bold {
	font-weight: bold;
}
			
/* End Global Elements */

			
/* Begin Footer */
		
#footer-container {
	clear: both;
	height: 140px;
	border-top: 1px solid #666;
}
	
	#footer {
		margin: 12px 0;
	}
	
		#footer #navigation {
			margin: 0 auto;
			width: 678px;
			height: 25px;
		}
	
		#footer #navigation ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
			#footer #navigation li {
				float: left;
				padding: 0 15px 0 15px;
				font-size: 90%;
				font-family: Georgia;
			}
			
		#footer hr {
			border-bottom: 0px;
			border-right: 0px;
			border-left: 0px;
			border-top: 1px solid #333;
			height: 1px;
		}

		#footer p {
			margin: 8px 0;
			font-size: 11px;
			text-align: left;
			line-height: 17px;
			color: #999;
		}
		
		#footer p#copyright {
			float: right;
			text-align: right;
		}
		
/* End Footer */
	
			
/* End Structure */


/* Begin Classes */

a, a:visited {
	color: #fff;
	text-decoration: none;
}
	
a:hover {
	color: #fff;
	text-decoration: underline;
}

div.clear {
	clear: both;
}

.smaller {
	font-size: 80%;
}

/* End Classes */



/* Begin Images */

.gallery img {
	border: 1px solid #666;
}


p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
	border: 1px solid #666;
}

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
	border: 1px solid #666;
}

img.alignright,
img.imgright {
  padding: 0;
  margin: 20px 0 20px 20px;
  display: inline;
  background-color: #f3f3f3;
  padding: 4px;
}

img.alignleft,
img.imgleft {
  padding: 0;
  margin: 0 10px 5px 0;
  display: inline;
  background-color: #f3f3f3;
  padding: 4px;
}

img.alignnone {
  padding: 0;
  display: inline;
	border: 1px solid #666;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.wp-caption {
	border: 1px solid #666;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 0px;
}

.wp-caption.alignleft {
	margin: 20px 20px 20px 0px;
}

.wp-caption.alignright {
	margin: 20px 0 20px 20px;
}

.wp-caption.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 16px;
	padding: 4px 0;
	margin: 0 4px;
	color: #333;
}

.entry ol { margin-left: 40px; }

/* End Images */