/* @override 
	http://privateear.ca/assets/css/privateear.css
*/

/* @group Reset */

/* Word to Eric Meyer */

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, hr, 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;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

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

/* @end */

/* @group Global */

body {
	background: #202020 url(../img/bg.png) repeat-x;
	color: #FFF;
	text-align: center;
	font: normal 14px/20px Georgia, Palatino, serif;
}

.wrapper {
	width: 940px;
	margin: 0 auto;
	text-align: left;
}

#heading {
	width: 100%;
	text-align: left;
	background: #111;
	border: 1px solid #444;
	border-width: 1px 0;
	margin-bottom: 15px;
}

#heading .wrapper {
	background: url(../img/header_bg.png) no-repeat right center;
	padding: 15px 0;
}

h2 {
	font: normal 32px/32px Arial, Helvetica, sans;
	text-transform: uppercase;
	color: #FFF;
	margin-left: 20px;
}

h3 {
	font: normal 24px/26px Georgia, Ppalatino, serif;
	color: #666;
	margin: 30px 0 5px;
}

h3 em {
	font-size: 18px;
	color: #888;
}

#latest h3 {
	margin: 0 0 1em;
	font: normal 18px/20px Arial, Helvetica, sans;
	text-transform: uppercase;
}

a {
	color: #D2B86C;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p, ul, ol {
	margin-bottom: 2em;
}

ul li {
	list-style-image: url(../img/bullet.png);
	list-style-position: inside;
}

ol li {
	list-style: decimal inside;
}

a.pdf {
	padding-left: 18px;
	background: transparent url(../img/pdf.gif) no-repeat left center;
}

/* @end */


/* @group Header */

#top, #home {
	width: 940px;
	height: 199px;
	position: relative;
	margin: 0 auto;
	padding: 15px 0;
}

.photo {
	border: 2px solid #444;
	height: 195px;
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
}

.first {
	width: 227px;
	left: 0;
	top: 15px;
}

.second {
	width: 318px;
	left: 229px;
	top: 15px;
}

.third {
	left: 549px;
	top: 15px;
	width: 147px;
}

.fourth {
	top: 15px;
	left: 697px;
	width: 239px;
}

h1 {
	position: absolute;
	text-indent: -9999px;
	width: 940px;
	height: 199px;
	left: 0;
	top: 0;
}

h1 a {
	display: block;
	width: 100%;
	height: 100%;
}

/* @end */


/* @group Home */

#home {
	height: 400px;
}

#home .first {
	width: 307px;
}

#home .second {
	top: 212px;
	left: 309px;
}

#home .third {
	left: 0;
	top: 212px;
	width: 307px;
}

#home .fourth {
	width: 136px;	
	top: 212px;
	left: 800px;
}

#home h1 {
	left: 240px;
	top: 150px;
	height: 62px;
	width: 627px;
	background: #111 url(../img/header.png) no-repeat center center;
}

p.tagline {
	font: italic 24px/28px Georgia, Palatino, serif;
	color: #666;
	position: absolute;
	left: 330px;
	top: 105px;
	opacity: 0.99;
	margin: 0;
}

#lede {
	width: 100%;
	text-align: left;
	background: #111;
	padding: 20px 0;
	border: 1px solid #444;
	border-width: 1px 0;
}

#lede p {
	width: 300px;
	margin: 0 10px 0 0;
	padding-right: 10px;
	float: left;
	display: inline;
	font-size: 18px;
	line-height: 24px;
	color: #AAA;
	opacity: 0.99;
}

#lede strong {
	color: #FFF;
	font-weight: normal;
}

#lede p.end {
	margin: 0;
	padding: 0;
}

#homeGallery {
	height: 87px;
	margin: 20px 0 30px;	
}

#blurbs {
	width: 620px;
	float: left;	
}

.homeBlurb {
	font: italic 16px/22px Georgia, Palatino, serif;
	color: #AAA;
	opacity: 0.99;
	padding: 0 60px;
	background: transparent url(../img/quote_dark.png) no-repeat;
}

.homeBlurb p {
	margin: 0;
}

p.attribution {
	text-align: right;
	font-style: normal;
	color: #666;
}

#latest {
	width: 300px;
	float: right;
}

#latest .news li {
	list-style: none outside;
	list-style-image: none;
	margin-bottom: 1em;
	line-height: 16px;
}

/* @end */

/* @group Gallery */

ul.gallery {
	margin: 0;
}

#photos.gallery li {
	width: 150px;
	margin-bottom: 20px;
}

.gallery li {
	width: 140px;
	float: left;
	margin-right: 20px;
	list-style: none outside;
	list-style-image: none;
}

.gallery li.end {
	margin-right: 0;
}

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

.gallery img:hover {
	border-color: #c49c27;
}

/* @end */



/* @group Navigation */

#nav {
	width: 240px;
	margin: 0;
}

#home #nav {
	position: absolute;
	width: 170px;
	top: 212px;
	left: 630px;
}

#nav li {
	border-bottom: 1px solid #444;
	list-style: none outside;
	list-style-image: none;
}

#nav li ul {
	margin: 0;
	font: normal 12px/18px Arial, Helvetica, sans;
	text-transform: uppercase;
	opacity: 0.99;
}

#nav li li {
	border: none;
}

#nav li li a {
	background-image: none;
	text-indent: 0;
	height: auto;
	padding: 1px 20px;
	color: #8a7c51;
	border-top: 1px dotted #333;
}

#nav li li a:hover {
	color: #FFF;
	text-decoration: none;
}

#nav li li.active a {
	color: #FFF;
	background: transparent url(../img/sub-active.png) no-repeat left center	
}

#home #nav li#news, #nav li#index {
	border-bottom: none;
}

#nav a {
	display: block;
	text-indent: -9999px;
	background: transparent url(../img/nav.png) no-repeat left top;
	height: 28px;
}

#studio a:hover {
	background-position: 0 -224px;
}
#studio.active a {
	background-position: 0 -448px;
}

#engineers a {
	background-position: 0 -28px;
}
#engineers a:hover {
	background-position: 0 -252px;
}
#engineers.active a {
	background-position: 0 -476px;
}

#recordings a {
	background-position: 0 -56px;
}
#recordings a:hover {
	background-position: 0 -280px;
}
#recordings.active a {
	background-position: 0 -504px;
}

#rates a {
	background-position: 0 -84px;
}
#rates a:hover {
	background-position: 0 -308px;
}
#rates.active a {
	background-position: 0 -532px;
}

#gallery a {
	background-position: 0 -112px;
}
#gallery a:hover {
	background-position: 0 -336px;
}
#gallery.active a {
	background-position: 0 -560px;
}

#contact a {
	background-position: 0 -140px;
}
#contact a:hover {
	background-position: 0 -364px;
}
#contact.active a {
	background-position: 0 -588px;
}

#news a {
	background-position: 0 -168px;
}
#news a:hover {
	background-position: 0 -392px;
}
#news.active a {
	background-position: 0 -616px;
}

#index a {
	background-position: 0 -196px;
}
#index a:hover {
	background-position: 0 -420px;
}

/* @end */

/* @group Content */

#content {
	width: 660px;
	min-height: 400px;
	float: left;
	padding: 20px;
	background: #FFF;
	color: #222;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#content :first-child {
	margin-top: 0;
}

#content a {
	color: #c49c27;	
}

.pullquote {
	width: 220px;
	float: right;
	display: inline;
	margin: 0 0 20px 20px;
	padding: 15px 0 15px 60px;
	background: transparent url(../img/quote_light.png) no-repeat 0 10px;
	border: 1px solid #D2B86C;
	border-width: 1px 0;
	font: italic 16px/22px Georgia, Palatino, serif;
	color: #666;
}

.pullquote p {
	margin: 0;
}

#content li.pagination {
	color: #888;
	font-size: 12px;
	line-height: 14px;
	margin: 0;
	padding: 10px 0 0;
	border-top: 1px solid #DDD;
	clear: both;
	float: none;
	display: block;
	width: auto;
}

#content .pageCurrent {
	float: left;
	margin: 0;
}

#content .pageNav {
	float: right;
	margin: 0;
}

.pageNav a, .pageNav strong {
	padding: 2px 6px;
}

.pageNav strong {
	color: #FFF;
	font-weight: bold;
	background: #c49c27;
}

/* @end */

/* @group Studio */

.studio-gallery {
	padding: 15px 20px;
	background: #F2F0EA url(../img/gallery.png) no-repeat left center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: left;
}

/* @end */

/* @group Recordings */

ul.recordings {
	margin: 0;
}

ul.recordings li {
	list-style: none outside;
	list-style-image: none;
	margin: 0;
	padding-bottom: 2em;
}

.recording-cover {
	border: 1px solid #DDD;
	float: left;
}

.recording {
	margin-left: 140px;
}

.recording h3 {
	font-size: 18px;
	margin-top: 0;
}

.recording-artist {
	color: #111;
}

.recording-album {
	font-style: italic;
	font-size: 14px;
}

.recording-meta {
	color: #888;
}

.recording p {
	margin-bottom: 10px;
}

p.recording-audio {
	font-size: 12px;
	margin-bottom: 0;
}

span.onebit_mp3 span {
	margin: 0 5px;
	position: relative;
	top: 1px;
}

form#genres {
	padding: 5px 0 10px 18px;
}

#genres select {
	width: 220px;
}

/* @end */

/* @group Engineers */

ul.engineers {
	margin: 0;
}

.engineers li {
	list-style: none outside;
	list-style-image: none;
	margin-bottom: 2em;
}

.engineers li img {
	border: 1px solid #DDD;
	float: left;
}

.bio {
	margin-left: 140px;
}

.bio h3 {
	margin-top: 0;
}

.bio p {
	margin-bottom: 1em;
}

.engineer-contact {
	font-style: italic;
	color: #888;
}

/* @end */



/* @group Rates */

.services li {
	width: 330px;
	float: left;
}

table.rates {
	width: 100%;
	margin-bottom: 1em;
	border-top: 1px solid #D2B86C;	
}

.rates th, .rates td {
	padding: 5px 10px;
	width: 50%;
	text-align: left;
}

.rates th {
	font-weight: normal;
	font-style: italic;
	background: #f8f6f0;
	border-bottom: 1px solid #D2B86C;
}

.rates td {
	border-bottom: 1px solid #DDD;
}

/* @end */

/* @group News */

ul.news-listing {
	margin: 0;
}

ul.news-listing li {
	list-style: none outside;
	list-style-image: none;
	margin-bottom: 3em;
}

.news-image {
	border: 1px solid #DDD;
	float: right;
	display: inline;
	margin: 0 0 20px 20px;
}

.news-listing .news-image {
	float: left;
	margin: 0;
}

.news-listing .post {
	margin-left: 140px;
}

.post h3 {
	margin-top: 0;
}

p.posted {
	font-style: italic;
	color: #888;
}

span.posted {
	font-size: 12px;
	font-style: italic;
	color: #666;
}

.news-listing p {
	margin-bottom: 1em;
}

.entryNav {
	padding-top: 10px;
	border-top: 1px solid #DDD;
	font-size: 12px;
}

.next {
	float: right;
}

.prev {
	float: left;
}

/* @end */

/* @group Contact */

.contact {
	margin-bottom: 1em;
}

.contact p {
	width: 329px;
	float: left;
	text-align: center;
	font-size: 16px;
	line-height: 21px;
	margin: 0;
}

.contact p:first-child {
	border-right: 1px solid #DDD;
}

/* @end */




/* @group Sidebar */

#sidebar {
	width: 240px;
	float: left;
	padding-top: 15px;
	color: #666;
}

#sidebar strong {
	font-weight: normal;
	color: #999;
}

.block {
	margin: 50px 10px 0 20px;
}


/* @end */

/* @group Footer */

#footer {
	background: #111;
	width: 100%;
	margin-top: 15px;
	border: 1px solid #444;
	border-width: 1px 0;
	padding: 15px 0;
	color: #666;
	font-size: 12px;
}

#footer p {
	margin: 0;
}

#footer a {
	color: #888;
}

#footer a:hover {
	color: #AAA;
}

.vcard {
	float: left;
}
.top {
	float: right;
}

.top a {
	padding-left: 20px;
	background: url(../img/up.png) no-repeat left center;
}

/* @end */




/* @group Slimbox */

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #111;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../img/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../img/prevlabel.png) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../img/nextlabel.png) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../img/closelabel.png) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* @end */

/* @group sIFR */



/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 Ð 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {

  .sIFR-active h2 {
    font-family: Arial;
    font-size: 32px;
    line-height: 32px;
    visibility: hidden;
  }

   .sIFR-active #sidebar h3, .sIFR-active #latest h3 {
    font-family: Arial;
    font-size: 18px;
    line-height: 20px;
    visibility: hidden;
  } 

  
 }

/* @end */

/* @group Miscellaneous */

.group:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.border {
	border: 1px solid #DDD;
}

hr {
	clear: both;
	visibility: hidden;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.centred {
	text-align: center;
}

img.alignleft {
	margin: 0 10px 5px 0;
	display: inline;
}

img.alignright {
	margin: 0 0 5px 10px;
	display: inline;	
}

img.centered {
	display: block;
	margin: 0 auto;
}

/* @end */

@media print {

	.photo, #sidebar {
		display: none;
	}
	
	#top {
		height: auto;
	}
	
	#heading, #footer {
		width: 940px;
	}
	
	h1 {
		text-indent: 0;
		position: static;
		height: auto;
		font: normal 48px/48px Georgia, Palatino, serif;
		margin-bottom: 1em;
		color: #111;
	}
	
	h1 a {
		display: inline;
		color: #000;
	}
	
	h2 {
		color: #000;
	}
	
	#content {
		float: none;
		width: 900px;
		min-height: 0;
		height: auto !important;
	}

}