/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:22px;}
        #cboxLoadedContent{background: transparent; padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background: transparent;}
       /*#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}*/



.ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */		.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block;}
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {}


.discussions .ui-tabs-nav li.ui-tabs-selected a {color: #000;}
.discussions .ui-tabs-panel{
	float: left;
	width: 332px;
}
#about_box .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {color: #E9691E;}




a.box_close{
	position: absolute;
	background: transparent url(../img/close.png) no-repeat;
	text-indent: -99999px;
	height: 16px;
	width: 16px;
	overflow: hidden;
	top: 16px;
	right: 20px;
}
.box_title{
	font-family: "museo_sans", verdana, sans-serif;
	font-weight: 700;
	float: left;
	width: 100%;
}
.box_type{
	float: left;
	width: 100%;
	text-transform: uppercase;
	font-size: .7em;
	letter-spacing: .02em;
	margin-bottom: 6px;
}
.box_title h2{
	float: left;
	width: 100%;
	letter-spacing: .02em;
	font-size: 1.6em;
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 2px solid #fff;
}

div.jobs_box, div.day-and-night-jobs_box{
	background-color: rgba(1, 62, 91, 0.9);
}
div.real_box, div.creative-real-estate_box{
	background-color: rgba(0, 34, 39, 0.9);
}
div.family_box, div.family-balance_box{
	background-color: rgba(105, 132, 8, 0.9);
}
div.activism_box{
	background-color: rgba(157, 0, 85, 0.9);
}
div.technology_box{
	background-color: rgba(94, 95, 97, 0.9);
}
div.identity_box{
	background-color: rgba(0, 100, 146, 0.9);
}
div.creative-practice_box{
	background-color: rgba(76, 0, 85, 0.9);
}
div.money_box{
	background-color: rgba(48, 86, 63, 0.9);
}
div.lifework_box{
	background-color: rgba(142, 68, 2, 0.9);
}
div.home_box{
	background-color: rgba(140, 32, 4, 0.9);
}

#artist_box{
	padding: 16px 20px 20px 20px;
	color: #fff;
	float: left;
}
#artist_box .artist_image{
	float: left;
	width: 190px;
	margin-right: 20px;
}
#artist_box .artist_image img{
	float: left;
}
#artist_box .artist_bio{
	float: left;
	width: 298px;
	margin-right: 20px;
	font-size: .75em;
	line-height: 1.4em;
}
#artist_box .artist_bio p{
	margin-bottom: 8px;
}
p.artist_link{
	float: left;
	width: 100%;
	margin-top: 8px;
	padding-top: 12px;
	border-top: 2px dotted #fff;
	font-size: .9em;
}
.artist_videos{
	width: 210px;
	float: left;
}
.artist_videos .image img{
	float: left;
	margin: 0;
	padding: 0;
}
.artist_videos h3{
	font-family: "museo_sans", verdana, sans-serif;
	font-weight: 900;
	font-size: .9em;
	line-height: 1em;
	letter-spacing: .02em;
	float: left;
	width: 100%;
}
.artist_videos h4 a{
	float: left;
	width: 100%;
	font-weight: 900;
	font-size: .7em;
	line-height: 1.2em;
	letter-spacing: .02em;
	padding-bottom: 6px;
	margin-bottom: 8px;
	border-bottom: 2px solid;
	text-transform: uppercase;
}
.artist_videos h4 a em{
	float: left;
	width: 100%;
	font-style: normal;
	text-transform: lowercase;
}



#expert_box{
	padding: 16px 20px 20px 20px;
	color: #fff;
	background-color: rgba(0, 34, 39, 0.9);
	float: left;
}
.expert_bio{
	float: left;
	width: 246px;
	font-size: .75em;
	line-height: 1.4em;
}
.expert_bio p{
	margin-bottom: 8px;
}
p.expert_link{
	float: left;
	width: 100%;
	margin-top: 8px;
	padding-top: 12px;
	border-top: 2px dotted #fff;
	font-size: .9em;
}
.expert_videos{
	width: 472px;
	float: right;
}
.expert_videos .image img{
	float: left;
	margin: 0;
	padding: 0;
}
.expert_videos .image{
	float: left;
	margin: 0 0 8px 0;
	padding: 0;
}
.expert_videos{
	min-height: 340px;
}
.expert_videos h4 a{
	float: left;
	width: 100%;
	font-weight: 900;
	font-size: .7em;
	line-height: 1.2em;
	letter-spacing: .02em;
	padding-bottom: 6px;
	margin-bottom: 8px;
	border-bottom: 2px solid;
	text-transform: uppercase;
}
.expert_videos h4 a em{
	font-style: normal;
	text-transform: lowercase;
}


#video_box{
	padding: 16px 20px 20px 20px;
	color: #fff;
	float: left;
	height: 340px;
}




#issue_info{
	padding: 16px 20px 20px 20px;
	color: #fff;
	float: left;
	font-family: georgia, serif;
}
#issue_info div.overview{
	width: 470px;
	float: left;
	line-height: 1.4em;
}
#issue_info div.overview p{
	width: 470px;
	float: left;
	margin-bottom: 12px;
}
#issue_info div.other_list{
	font-family: verdana, sans-serif;
	font-size: .7em;
	line-height: 1.4em;
	width: 196px;
	margin: 0 40px 0 30px;
	float: left;
}
#issue_info div.other_list h3{
	width: 100%;
	float: left;
	border-bottom: 2px solid #fff;
	margin-bottom: 4px;
	padding-bottom: 4px;
	font-weight: normal;
	text-transform: uppercase;
}
#issue_info div.other_list a, #issue_info div.other_list ul{
	width: 100%;
	float: left;
	margin-bottom: 20px;
	font-size: 1em;
}

#issue_info div.other_list a.submit{
	float: left;
	font-family: verdana, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	font-size: .75em;
	line-height: 1em;
	margin-top: 2px;
}

#issue_info div.other_list p{
	width: 100%;
	float: left;
	margin-bottom: 4px;
	font-size: 1em;
}
#issue_info div.other_list ul.list li{
	width: 100%;
	float: left;
	margin-bottom: 6px;
}


#support_box, #contact_box{
	height: 300px;
	color: #888;
}
#support_box a.about_close, #contact_box a.about_close{
	position: absolute;
	top: -22px;
	right: 22px;
	color: #fff;
	font-family: "museo_sans", verdana, sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: .9em;
	padding-right: 22px;
	background: transparent url(../img/close.png) no-repeat center right;
}

#support_box div.support_content, #contact_box div.contact_content{
	float: left;
	width: 320px;
	margin-right: 20px;
	background-color: #fff;
	padding: 20px;
	height: 100%;
}
#support_box div.support_content h3, #contact_box div.contact_content h3{
	font-family: "museo_sans", verdana, sans-serif;
	font-weight: 700;
	text-transform: lowercase;
	float: left;
	width: 100%;
	color: #E9691E;
	font-size: 1.1em;
	letter-spacing: .02em;
	margin: 0 0 10px 0;
}
#support_box div.support_content p, #contact_box div.contact_content {
	float: left;
	width: 100%;
	margin-bottom: 12px;
	font-size: .9em;
}

#support_box div.support_content a#support_button{
	padding: 7px 15px;
	width: 80px;
	color: #fff;
	font-family: verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	font-size: .75em;
	margin: 0;
	border: 0;
	cursor: pointer;
	background-color: #E9691E;
}
#support_box div.support_content a#support_button:hover{
	background-color: #000;
}
#about_box{
	height: 700px;
	color: #888;
}
#about_box a.about_close{
	position: absolute;
	top: -22px;
	right: 22px;
	color: #fff;
	font-family: "museo_sans", verdana, sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: .9em;
	padding-right: 22px;
	background: transparent url(../img/close.png) no-repeat center right;
}

#about_box{
	height: 700px;
	color: #888;
}
#about_box a.about_close{
	position: absolute;
	top: -22px;
	right: 22px;
	color: #fff;
	font-family: "museo_sans", verdana, sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: .9em;
	padding-right: 22px;
	background: transparent url(../img/close.png) no-repeat center right;
}
#about_box div.overview{
	float: left;
	width: 420px;
	margin-right: 20px;
	background-color: #fff;
	padding: 20px;
	height: 100%;
}
#about_box div.overview h3{
	font-family: "museo_sans", verdana, sans-serif;
	font-weight: 700;
	text-transform: lowercase;
	float: left;
	width: 100%;
	color: #E9691E;
	font-size: 1.1em;
	letter-spacing: .02em;
	margin: 0 0 10px 0;
}
#about_box div.overview p{
	float: left;
	margin-bottom: 10px;
	font-size: 1em;
	letter-spacing: 0;
	line-height: 1.45em;
	font-family: verdana, sans-serif;
}
#about_box div.overview div.credit_block{
	float: left;
	width: 200px;
	font-size: .65em;
	line-height: 1.5em;
}
#about_box div.overview div.credit_block br{
	margin-bottom: 4px;
}
#about_box div.overview .about_credits div:first-child{
	margin-right: 20px;
}

#about_box div#accordion{
	float: left;
	width: 240px;
	background-color: #fff;
	padding: 20px;
	height: 100%;
}
#about_box div#accordion h3{
	font-family: "museo_sans", verdana, sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: .7em;
	float: left;
	width: 100%;
}
#about_box div#accordion h3 a{
	float: left;
	width: 100%;
	color: #E9691E;
	margin-bottom: 4px;
	padding-bottom: 4px;
	border-bottom: 2px solid #E9691E;
}
#about_box div#accordion h3 a:hover{
	color: #000;
}
#about_box div#accordion ul{
	float: left;
	width: 100%;
	font-size: .65em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 4px 0 4px 0;
}
#about_box div#accordion ul li{
	margin-bottom: 4px;
}
#about_box div#accordion ul li a:hover{
	color: #E9691E;
}
#about_box div#accordion p{
	float: left;
	width: 100%;
	font-size: .7em;
	line-height: 1.4em;
	margin: 4px 0 8px 0;
}
#about_box div#accordion p br{
	margin-bottom: 4px;
}





#all_episodes_box{
	width: 804px;
	float: left;
}
#all_episodes_box h3{
	font-family: "museo_sans", verdana, sans-serif;
	font-size: .8em;
	text-transform: uppercase;
	color: #fff;
	margin-left: 20px;
}
#all_episodes_box .box_row{
	float: left;
	width: 100%;
	padding: 10px 10px 0 10px;
}
#all_episodes_box .box_row a img:hover{
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
}
#all_episodes_box .box_row div{
	float: left;
	width: 228px;
	padding: 10px 20px;
}
#all_episodes_box .box_row div h4{
	font-family: "museo_sans", verdana, sans-serif;
	text-transform: uppercase;
	font-size: .6em;
	width: 228px;
	text-align: center;
	color: #fff;
}