/*
author: noahfrederick.com
project: studiomediarecording.com
scope: site-wide
*/

/* ELEMENT DEFAULTS
***************************************************/
body {
	margin: 0;
	padding: 0;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 80%;
	line-height: 1.2em;
	color: #aaa;
	background: #000;
	}
a { color: inherit; }
a image { border: 0; }
strong, th { color: #fff; }
address {
	padding-bottom: .6em;
	font-style: normal;
	}
p { line-height: 1.6em; }
h1 {
	text-indent: -9999px; 
	line-height: 1em;
	}
h3 {
	font-size: 2em;
	font-weight: normal;
	line-height: 1em;
	color: #fff;
	}
h4 {
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.3em;
	}
h5 {
	font-size: 1em;
	color: #fff;
	}
li { margin-bottom: .6em; }
dd { margin-left: 0; }
iframe { border: 0; }
table {  }
td, th { padding: .5em; }
td { background-color: #111; }
th { text-align: left; }
hr { clear: both; border: 0; }

/* LAYOUT LOGIC
***************************************************/
.wrapper,
#content {
	width: 900px;
	margin: 0 auto;
	padding: 0 20px;
	}
#header {
	font-size: .9em;
	color: #fff;
	}
#header .wrapper { height: 30px; padding-top: 8px; }
#menu-main {
	float: left;
	}
#menu-client,
#badge {
	float: right;
	margin-top: 10px;
	}
#masthead {
	height: 156px;
	margin-top: 14px;
	border-top: #2b2b2b 1px solid;
	border-bottom: #2b2b2b 1px solid;
	background: url(../i/masthead_home.jpg) no-repeat center center;
	}
#footer {
	clear: both;
	height: 140px;
	margin-top: 30px;
	padding-top: 10px;
	font-size: .9em;
	background: #262626 url(../i/bg_footer.png) repeat-x;
	}
#footer .column {
	float: left;
	height: 7em;
	margin-left: 1.5em;
	padding: 10px 0 0 1.5em;
	border-left: #2b2b2b 1px solid;
	}
#footer .column.first {
	margin-left: 0;
	padding-left: 0;
	border-left: 0;
	}


/* FORMS
***************************************************/
.message,
.contact {
	width: 425px;
	margin: 1.6em 0;
	padding: .5em 1em;
	font-size: 120%;
	border: 7px solid #111;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	}
.message {
	width: 400px;
	color: #818;
	}
.message.error {
	border-color: #900;
	}
.contact {
	padding: 0;
	}
label.error {
	display: block;
	color: #900;
	padding: 1em 0;
	font-size: .7em;
	}

/* FORM CONTROLS */
input,
textarea,
select {
	font-size: 100%;
	color: #222;
	background: #ccc;
	border: 1px solid #222;
	}
	
/* FIELDSETS */
fieldset {
	margin-top: 1.6em;
	padding: 0;
	border: 0;
	}
legend {
	margin: 0;
	padding: .5em .7em;
	font-size: 1.4em;
	color: #fff;
	}

/* FIELDS - div grouping input etc. with label */
.field {
	clear: both;
	padding: .6em 1em;
	}
.field+.field {
	border-top: 1px dashed #111;
	}

/* LABELS */
label:first-child {
	display: block;
	float: left;
	width: 7em;
	padding: .2em 0 .5em 0;
	}
.field.radio-group label {
	padding-right: 1em;
	}
.required label:first-child::after {
	content: ' *';
	color: #f00;
	}

/* SUBMIT */
.field.submit-field {
	background: #111;
	margin: 1.6em -2px 0 -2px;
	padding: 5px 0 0 0;
	border: 0;
	text-align: right;
	}
.submit {
	margin: 0;
	width: 30%;
	padding: .5em;
	font-size: 1em;
	color: #fff;
	border: 1px solid #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333), color-stop(0.5, #444), color-stop(0.5, #000));
	background-color: #222;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}


/* MISC
***************************************************/
.em { color: #fff; }
.section,
.aside {
	margin: 30px 0;
	padding: 1px 0 10px 16px;
	background: url(../i/bg_section.png) no-repeat 0 20px;
	}
.narrow, /* for narrow 'section's (multi-column) */
.aside {
	float: left;
	width: 450px;
	}
.aside {
	width: 350px;
	margin-left: 50px;
	color: #777;
	}
.figure { margin: 20px 0 20px 0; }
.figure-right {
	float: right;
	margin-left: 20px;
	}
.fig, /* Newer class that adds rounded border (NF 2010) */
.callout {
	border: 7px solid #111;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	}
.callout {
	margin: 2em 0;
	padding: 1em;
	}
.callout h4 {
	margin: 0 0 .5em 0;
	color: #fff;
	}
.callout .content {
	font-size: 1.4em;
	margin: .1em 0;
	}
.caption { padding: .5em 0; }
.subtitle { /* Use within <h#></h#> (NF 2010) */
	font-size: 70%;
	font-weight: normal;
	}
.flexibox {
	margin: 10px 0;
	background: #222 url(../i/bg_box_nw.png) no-repeat top left;
	}
.flexibox .corner { background: url(../i/bg_box_ne.png) no-repeat top right; }
.flexibox .corner .corner { background: url(../i/bg_box_se.png) no-repeat bottom right; }
.flexibox .corner .corner .corner { background: url(../i/bg_box_sw.png) no-repeat bottom left; padding: 7px; }
.thumbs { list-style-type: none; margin: 0; padding: 0; }
.thumbs li {
	float: left;
	height: 150px;
	margin: 10px;
	padding: 0;
	}
.thumbs li img { display: block; }
#watermark {
	display: block;
	overflow: hidden;
	width: 180px;
	height: 12px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background: url(../i/watermark.png) no-repeat;
	}
#credit {
	float: right;
	margin-top: 10px;
	}
#credit a {
	display: block;
	overflow: hidden;
	width: 94px;
	height: 31px;
	text-indent: -9999px;
	background: url(../i/credit.png) no-repeat top left;
	}
#credit a:hover { background: url(../i/credit.png) no-repeat bottom left; }
#footer address span { display: block; float: left; width: 1.5em; }
#content address { color: #fff; }
#menu-main ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#menu-main li {
	float: left;
	height: 43px;
	margin-right: 40px;
	padding: 0 5px;
	background: url(../i/tab_music.png) no-repeat center -43px;
	}
#menu-main li a {
	display: block;
	overflow: hidden;
	height: 24px;
	text-indent: -9999px;
	}
#menu-main li a:hover { border-bottom: #2b2b2b 3px solid; }
#menu-main li#tab-music     { background-image: url(../i/tab_music.png);     width: 67px;  }
#menu-main li#tab-voiceover { background-image: url(../i/tab_voiceover.png); width: 115px; }
#menu-main li#tab-audiopost { background-image: url(../i/tab_audiopost.png); width: 125px; }
#menu-main li#tab-info      { background-image: url(../i/tab_info.png);      width: 43px;  }
#menu-main li#tab-home      { background: url(../i/tab_home.png) no-repeat top center; width: 20px;  }
#menu-main li#tab-music     a:hover { border-bottom-color: #E1C800; }
#menu-main li#tab-voiceover a:hover { border-bottom-color: #41AD21; }
#menu-main li#tab-audiopost a:hover { border-bottom-color: #3E0B85; }
#menu-main li#tab-info      a:hover { border-bottom-color: #E41C0C; }
#badge {
	display: block;
	overflow: hidden;
	width: 103px;
	height: 103px;
	margin-left: 25px;
	text-indent: -9999px;
	background: url(../i/badge.png) no-repeat;
	}
.fb-fan { /* Wrapper for Facebook Fan box */
	width: 400px;
	margin: 2em 0;
	padding: 0 2px;
	background: #fff url(../i/bg_fb.png) repeat-x 0 0;
	border-bottom: 5px #3b5998 solid;
	}

/* PAGE-SPECIFIC
***************************************************/
.music     #menu-main li#tab-music,
.voiceover #menu-main li#tab-voiceover,
.audiopost #menu-main li#tab-audiopost,
.info      #menu-main li#tab-info { background-position: center top; }
.music     #menu-main li#tab-music a:hover,
.voiceover #menu-main li#tab-voiceover a:hover,
.audiopost #menu-main li#tab-audiopost a:hover,
.info      #menu-main li#tab-info a:hover { border: 0; }
.home      #menu-main li#tab-home { display: none; } /* Hide home link on home page */

.music     #masthead { background-image: url(../i/masthead_music.jpg); }
.voiceover #masthead { background-image: url(../i/masthead_voiceover.jpg); }
.audiopost #masthead { background-image: url(../i/masthead_audiopost.jpg); }
.info      #masthead { background-image: url(../i/masthead_info.jpg); }

.music     #content a { color: #E1C800; }
.voiceover #content a { color: #41AD21; }
.audiopost #content a { color: #3E0B85; }
.info      #content a { color: #E41C0C; }

#home-services { margin-top: 40px; color: #fff; }
#home-services .clearfix { padding: 10px; background-color: #000; }
#home-services .section {
	float: left;
	position: relative;
	height: 150px;
	width: 30.7%;
	margin: 0 10px 0 0;
	padding-top: 0;
	background: url(../i/bg_homeserv_music.png) no-repeat center center;
	}
#home-services p { margin: 0 25px; }
#home-services h2 { margin: 0; text-indent: -9999px; }
#home-services h2 a { display: block; height: 68px; }
#home-services .more {
	position: absolute;
	bottom: 0;
	right: 0;
	}
#home-services .more a {
	display: block;
	padding: 8px 35px;
	text-decoration: none;
	font-size: 1.3em;
	}
#home-services .more a:hover { text-decoration: underline; }
#home-services #service-voiceover { background-image: url(../i/bg_homeserv_voiceover.png); }
#home-services #service-audiopost { margin: 0; background-image: url(../i/bg_homeserv_audiopost.png); }

/* CLEARFIX
***************************************************/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */