@import url(reset.css);

/* @group general */
body {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	line-height: 1;
	color:#8B9298;
}
a:link,
a:visited,
.section-news a:link,
.section-news a:visited {
	text-decoration: none;
	color:#e99530;
}
.section-bio a:link,
.section-bio a:visited {
	color:#5eb4d5;
}
.section-media a:link,
.section-media a:visited {
	color:#c3ca01;
}
.section-works a:link,
.section-works a:visited {
	color:#d2c201;
}
.section-perspectives a:link,
.section-perspectives a:visited {
	color:#59b41b;
}
.section-contact a:link,
.section-contact a:visited {
	color:#f07171;
}





a:hover,
a:active,
.section-news a:hover,
.section-news a:active,
.section-bio a:hover,
.section-bio a:active,
.section-media a:hover,
.section-media a:active,
.section-works a:hover,
.section-works a:active,
.section-perspectives a:hover,
.section-perspectives a:active,
.section-contact a:hover,
.section-contact a:active {
	color:#534741;
}





	
h1,
h2,
h3{
	font-size:2.63em;
}
h4{
}
.nav li{
	float: left;
}
.nav2 li{
	display: inline;
}
strong {
	font-weight: bold;
}
em {
	font-style:italic;

}
ul.listNormal {
	padding-left: 40px;
}
ul.listNormal li{
	list-style-type: disc;
}
#skip {
	display: none;
}
.success {
	border: 1px solid #009900;
	background-color:#9ace67;
	padding: 10px 15px;
	color: #006600;
	font-weight:bold;
}
.alert {
	border: 1px solid #a80000;
	background-color:red;
	padding: 10px 15px;
	color: #fff;
	font-weight:bold;
	display:none;
}
.highlight{
	background-color:#CCFF00;
}
.hide{
	display:none;
}
/* @group floats */
.left{
	float:left;
}
.right{
	float:right;
}
.clearit {
	clear: both;
}

.photo-left{
	float:left;
	margin: 5px 15px 8px 0;
}
.photo-right{
	float:right;
	margin: 5px 0 8px 15px;
}


/* @end floats */


/* @end general*/



/* @group submit */
input{
	border: 1px solid #8B9298;
	font-size:1.4em;
	padding:2px;

}

/* @end submit*/







/* @group submit */

a:link.submit,
a:visited.submit,
input.submit {
	background-color:#EC9E3F;
	color: #fff;
	font-weight:bold;
	padding: 3px 8px 2px;
	text-transform:uppercase;
	border:none;
}
input.submit {
	padding: 2px 2px 1px;	
}

#page-news a:link.submit,
#page-news a:visited.submit,
#page-news .audio-player-container *,
#page-news input.submit {
	background-color:#EC9E3F;
}
#page-bio a:link.submit,
#page-bio a:visited.submit,
#page-bio .audio-player-container *,
#page-bio input.submit {
	background-color:#88C2D8;
}
.section-media a:link.submit,
.section-media a:visited.submit,
.section-media .audio-player-container *,
.section-media input.submit {
	background-color:#D9E021;
}
.section-works a:link.submit,
.section-works a:visited.submit,
.section-works .audio-player-container *{
	background-color:#F3E000;
}
.section-perspectives a:link.submit,
.section-perspectives a:visited.submit,
.section-perspectives .audio-player-container *{
	background-color:#8ac755;
}
.section-contact a:link.submit,
.section-contact a:visited.submit,
.section-contact .audio-player-container *,
.section-contact input.submit {
	background-color:#F48181;
}
#page-news a:hover.submit,
#page-news a:active.submit,
#page-bio a:hover.submit,
#page-bio a:active.submit,
.section-media a:hover.submit,
.section-media a:active.submit,
.section-works a:hover.submit,
.section-works a:active.submit,
.section-perspectives a:hover.submit,
.section-perspectives a:active.submit,
.section-contact a:hover.submit,
.section-contact a:active.submit,
a:hover.submit,
a:active.submit/**/ {
	background-color:#534741;


}


/* @end submit*/





/* @group audio player */
.audio-player-container {
	width:68px;
	Xpadding-bottom:1px;
	Xmargin-bottom:2px;
	Xborder:1px solid red;
}
X.audio-player-container * {
	border:1px solid red;
	background-color:blue;
}
.audio-player-overflow *{
	margin-top:-3px;
	Xmargin-bottom:-1px;
}
.audio-player-after{
	clear:both;
	padding-top:17px;
}
#page-works div.audio-player-container,
div.audio-player-container{
	float: left;
}
#page-works .audio-main-list li{
	overflow:hidden;
}
li span.audio-inline{
	padding:4px 10px 0 0;
	float: left;
	display:block;
	clear:both;
}
.audio-inline li,
.audio-inline p{
	clear:both;
}


/* @end audio player*/



/* @group layout */
#container {
	margin:0 auto;
	width:915px;
	padding: 25px;
}
#header {
	overflow:hidden;	
}
#header img{
	float:left;
	margin-right: 11px;	
}

#content{
	background:#E3E6E1 url(/img/layout/gutter.gif) 276px 0 repeat-y;
	overflow:hidden;
	margin: 16px 4px 0 ;	
}
#aside{
	float: left;
	width: 236px;
	padding: 20px;
}
.aside-extra{
	margin-top:25px;
	padding-top:25px;
	font-size:1.13em;
	border-top:1px solid #ccc;
}
#main {
	float: right;
	width: 575px;
	padding: 20px 22px 40px;
}


/* @end layout*/




/* @group nav-primary */
ul#nav-primary  {
	float: right;
	background:url(/img/nav/nav-bg.gif) no-repeat;
	width: 467px;
	height: 104px;
	padding: 13px 0 0 26px;
	font-size:1.3em;
}
#nav-primary li{
	width: 79px;	
}
#nav-primary a{
	display:block;
	padding-top: 75px;
	color: #fff;
	text-decoration:none;
	overflow: hidden;
}
#nav-primary a:link,
#nav-primary a:visited{
	background-position: 0 -100px;
	background-repeat:no-repeat;
}
#nav-primary a:hover,
#nav-primary a:active,
#nav-primary a:link.on,
#nav-primary a:visited.on {
	background-position: 0 0;
}

li#nav-primary-news a{
	background: url(/img/nav/news.gif)
}
li#nav-primary-bio a{
	background: url(/img/nav/bio.gif)
}
li#nav-primary-media a{
	background: url(/img/nav/media.gif)
}
li#nav-primary-works a{
	background: url(/img/nav/works.gif)
}
li#nav-primary-perspectives a{
	background: url(/img/nav/perspectives.gif)
}
li#nav-primary-contact a{
	background: url(/img/nav/contact.gif)
}
#nav-primary li#nav-primary-bio{
	width: 75px;	
}
#nav-primary li#nav-primary-works{
	width: 71px;	
}
#nav-primary li#nav-primary-perspectives{
	width: 98px;	
}
#nav-primary li#nav-primary-contact{
	width: 61px;	
}


/* @end nav-primary*/



#aside a:link,
#aside a:visited,
#aside li.on li a:link,
#aside li.on li a:visited {
	color:#8B9298;
	display: block;
}
#aside li.on a:link,
#aside li.on a:visited,
#aside li.on li.on a:link,
#aside li.on li.on a:visited,
#aside a:hover,
#aside a:active,
#aside li.on li a:hover,
#aside li.on li a:active {
	color:#534741;
}
#aside li  {
	font-size:1.13em;
	margin-top:15px;
}


/* @group nav-secondary */

ul#nav-secondary  {
	text-transform:uppercase;
}
ul#nav-secondary li ul{
	text-transform:capitalize;
	padding: 0 0 10px 20px;
	display:none;
}
ul#nav-secondary li.on ul{
	display:block;
	
}


/* @end nav-secondary*/




/* @group nav-tertiary */
ul#nav-tertiary  {
	border-top:3px dotted #8B9298;
	margin-top:15px;
}
/* @end nav-tertiary*/




/* @group #main */
#main{
	overflow:hidden;

}
#main p,
#main li,
#page-contact #aside p,
#page-contact #main label,
#page-contact #main textarea,
.section-perspectives #main dt{
	font-size:1.3em;
	line-height:1.572em;
}

#main p{
	margin-bottom: 17px;
}

#main h1,
#main h2,
#main h3  {
	float: left;
	margin: 0 10px 17px 0;
}
#main h1 a:link,
#main h1 a:visited,
#main h2 a:link,
#main h2 a:visited,
#main h3 a:link,
#main h3 a:visited{
	color:#8B9298;
}
#main h1 a:hover,
#main h1 a:active,
#main h2 a:hover,
#main h2 a:active,
#main h3 a:hover,
#main h3 a:active{
	color:#534741;
}

/* For 2 column */
#main-main{
	width: 355px;
	padding-right:20px;
	float: left;
	border-right:3px dotted #8B9298;
}
#main-aside{
	width: 170px;
	float: right;
}

/* @end #main*/





/* @group #home */

body#page-home{
	background-color:#736357;
	padding:100px 0;	
}
#page-home #container{
	width: 573px;

	padding: 0;
	background: url(/img/home/keys.png) 265px 0 no-repeat;
}
#page-home #container div{
	text-align: right;
	font-size: 1.23em;
	margin-top: 10px;	
	
}
#page-home #container p{
	color:#aca19a;
	text-align:left;
	background-color:#736357;
	font-size:1.2em;
	line-height:1.572em;
	float:right;
	width:322px;
	padding-top:45px;
}
#page-home #nav-primary-home a:link,
#page-home #nav-primary-home a:visited{
	color: #B0C0CC;
	padding: 0 10px 1px 5px;
	background:url(/img/nav/divider.gif) no-repeat top right;
}
#page-home #nav-primary-home .last a:link,
#page-home #nav-primary-home .last a:visited{
	background:none;
	padding: 0 0 1px 5px;
}
#page-home #nav-primary-home a:hover,
#page-home #nav-primary-home a:active{
	color: #fff;
}

/* @end #home*/





/* @group News */
#page-news h1,
#page-news h2,
#page-news h3{
	float:none;
}
#page-news h3{
	font-size:1.5em;
	font-weight: bold;
}
#page-news #aside{
	width: 366px;
}
#page-news #aside p,
#page-news #aside li{
	font-size:1.319em;
	line-height:1.2em;
}
#page-news #main {
	width: 444px;	
}
#join-mailing-list {
	clear:right;
	width: 444px;
	float: right;
	padding: 35px 22px 20px;	
	margin:0;
	background: url(/img/layout/gutter.gif) 0 0 repeat-x;
}
#page-news #main input.not-filled-out,
#page-news #main textarea.not-filled-out{
	border-color: red;
}

#page-news #main img{
	float: left;
}
#page-news #content{
	background-position: 407px 0;
}
#news-featured-media{
	float: right;
	width: 295px;
}
#news-featured-media ul{
	margin-bottom:15px;
}
#page-news #main h3,
#page-news #main p{
	margin-bottom:0;
}
#page-news #join-mailing-list legend{
	display:none;
}
#page-news #main input.hide{
	border:1px solid red;
}
#page-news #join-mailing-list h4,
#page-news #join-mailing-list input{
	float:left;
	margin-right:10px;
}
#page-news #join-mailing-list p{
	margin-bottom:17px;
}
#page-news #join-mailing-list h4{
	font-size: 2em;
	margin-top: 2px;
}
#page-news #join-mailing-list .submit{
	font-size: 1.3em;
}
#page-news #join-mailing-list p.submit{
	font-size: 1em;
	margin: 0 0 0;
}
#page-news #join-mailing-list p.submit a{
	display:block;
	padding: 4px 8px;
}
fieldset{
	margin: 0;
	padding: 0;
}


#page-news #aside a:link,
#page-news #aside a:visited{

	display: inline;
}



/* @end News */




/* @group Bio */

#page-bio #main h2{
	text-transform:uppercase;
	float:none;
	font-size:1.3em;
	margin-bottom:3px;
}

/* @end Bio */





/* @group Media Home */

#page-media #main h2,
#page-media #main h3{
	margin-bottom: 6px;
	float:none;
}
#page-media #main h2 {
	font-size:2em;
}
#page-media #main h3 {
	font-size:1.154em;
	font-weight:bold;
}
#page-media #main h2.first,
#page-media #main h3.first{
	margin-top:0;
}
#page-media #main li{
	border-top:3px dotted #8B9298;
	margin-top:30px;
	padding-top: 30px;
}
#page-media #main li.first,
#page-media #main li li{
	border:none;
	margin-top:0;
	padding-top:0;
}
#page-media #main li li,
#page-media #main li p {
	font-size:1em;
	line-height:1em;	
}
#main ul.credits{
	margin-bottom:15px;
}
#main ul.credits li{
	margin-bottom:3px;
}
#main .audio p.description {
	margin-bottom:6px;
}
#page-media #main .video p.cta {
	padding-top:10px;	
}
#page-media #main li.press-kit ul{
	padding-top:6px;
}
#page-media #main .press-kit li{
	margin-top:3px;
}
.cta{
	font-weight:bold;
	font-size:1.2em;
}


/* @end Media Home */






/* @group Audio List */



#main .audio-main-list h3{
	font-size:1.154em;
	font-weight:bold;
	float:none;
}
#main ul.audio-main-list,
#main .audio-main-list li p{
	clear:both;
}
#main .audio-main-list li ul{
	margin-bottom:25px;
	clear:both;
}
#main .audio-main-list li li,
#main .audio-main-list li p{
	font-size:1em;
	line-height:1em;	
}
#main ul.audio-main-list li li{
	margin:0 0 9px 0;
	float:none;
}
#main .audio-main-list li{
	width: 275px;
	float:left;
	margin: 0 25px 35px  0;
}
#main ul.audio-main-list li .list-with-play-buttons li{
	padding-bottom:16px;
	clear:both;
}



#main .audio-main-list li.odd{
	margin-right:0;
}
#main .audio-main-list li.first {
	margin-top:0;
}
#main ul.audio-main-list p{
	font-style:italic;
}
.section-media #main ul.audio-main-list ul{
	margin-bottom:20px;
}









/* @end Audio List */







/* @group Contact */

#page-contact #aside p{
	margin-top: 7px;
}
#page-contact #main legend{
	display:none;
}

#page-contact #main label,
#page-contact #main input,
#page-contact #main textarea{
	display:block;
	width:260px;
}
#page-contact #main textarea{
	border: 1px solid #8B9298;
}
#page-contact #main input.submit{
	width:75px;
}

#page-contact #main label {
	margin-bottom:15px;
}

#page-contact #main label,
#page-contact #main textarea{

}
#page-contact #main label span {
	color:red;
	display:none;
}
#page-contact #main input.not-filled-out,
#page-contact #main textarea.not-filled-out,{
	border-color: red;
}

/* @end Contact */












/* @group Videos */

#page-video #main h3{
	clear:both;
	font-size:1.5em;
	line-height:1.3em;
	font-weight:bold;
	float:none;
	margin-bottom:0;
}
#page-video #main h3 span{
	font-weight:normal;
}
#page-video #main h3{
	margin-top:60px;
}
#page-video #main h3.first{
	margin-top:0;
}


/* @end Vides */








/* @group Interviews */

.section-perspectives #main dt{
	font-weight:bold;
	margin-bottom: 17px;
}

.section-perspectives #main h4,
.section-perspectives #main h5{
	font-weight:bold;
	margin-bottom: 17px;
	font-size:1.8em;
	line-height:1.2em;
}
.section-perspectives #main h5{
	font-size:1.4em;
}



/* @end Interviews */









