/*
STYLES FOR PROGRAM.PHP
*/

a {
   outline: none;
}

/*    CLEAR FLOATS    */	

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

/*    CLEAR FLOATS IN IE6    */	

* html .clearfix {
	height: 1%;
}

/*    CLEAR FLOATS IN IE7    */	

*:first-child+html .clearfix {
	min-height: 1px;
}

#leftcolumncontainer {
	float:left;
	width:480px;

	padding:0px 0px 0 0px;
}
#leftcolumn {
	
	padding:10px;
	text-align:left;
	-moz-border-radius-topright: 12px;
	-khtml-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-khtml-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	-khtml-border-radius-bottomright: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
	-khtml-border-radius-bottomleft: 12px;
	-webkit-border-bottom-left-radius: 12px;
}
#player1 {
	text-align:center;
	margin:0 auto;
}
#rightcolumncontainer {
	float:right;
	margin:0px 0px 0 0px;
	width:460px;
}
.title {
	width:432px;
	font-size:20px;
	margin:0 0 0px 12px;
}/*Project title, if custom graphic is not used*/
.type {
	font-size:12px;
}
.addinfo {
	width:432px;
	font-size:10px;
	color:#fff;
	margin: 0px 0 0 0px;
}/*optional smaller font size*/

a.moreinfolink:link {
	font-size:11px;
}

.addinfo img {border:none !important;}
.other_options img {border:none !important;}
.options_box img {border:none !important;}


.description {
width:428px;
	margin: 15px 0 25px 17px;
	

}

/* .tablediv is the div for the archive version  */
.tablediv {
border:1px solid #000000;
	background: url(../images/backgrounds/000000_80.png);
}


.thumb {
	margin-right:12px;
	width:95px;
	height:64px;
}
.thumb img {padding:0px !important;}
.thumb a:link img {border:1px solid black;}
.thumb a:visited img {border:1px solid black;}
.thumb a:hover img {border:1px solid black;}
#rsslinks {
	text-align:center;

	padding:.5em;
	-moz-border-radius-topright: 8px;
	-khtml-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-khtml-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-khtml-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
}
.archivelink {
	text-align:center;
	font-size:11px;
	
	padding:.5em;
	margin-top:8px;
	-moz-border-radius-topright: 10px;
	-khtml-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-khtml-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
}
.moreinfo {
	text-align:left;
	font-size:11px;
	
	padding:5px 5px 5px 12px;
	margin-top:8px;
	-moz-border-radius-topright: 10px;
	-khtml-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-khtml-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
}
#projectinfo {
	
	padding:20px;
	text-align:left;
	margin-bottom:30px;
	-moz-border-radius-topright: 12px;
	-khtml-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-khtml-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	-khtml-border-radius-bottomright: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
	-khtml-border-radius-bottomleft: 12px;
	-webkit-border-bottom-left-radius: 12px;
}
.stream {
	font-size:80%;
} /*download MP3 link*/
#projectinfo p {
	padding-left:.5em;
}
#mp3playerandlink {
	width:435px;
	position:relative;
}/*set this to the width of the container element so the download link always appears at the far right bottom of the image*/
#mp3link {
	float:right;
}
#mp3player {
	float:left;
}
.clearfloat {
	clear:both;
}
.rule {
	height:1px;
		margin-top:10px;
	margin-bottom:12px;
}
/*
STYLES FOR TABS 
*/

.tabberlive .tabbertabhide {
	display:none;
}
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
	margin-top:1em;
}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
	margin:0;
	padding: 3px 0;
	/*border-bottom: 1px solid #778;*/

	text-align:left;
}
ul.tabbernav li {
	list-style: none;
	margin: 0;
	display: inline;
}
ul.tabbernav li a {
	padding: 3px 0.5em;
	margin-right: 3px;
	
	/*background-image:url(http://www.exploratorium.edu/40th/images/scrim2.png);*/
 text-decoration: none;
	font-variant:small-caps;
	background-image:url();
	-moz-border-radius-topright: 8px;
	-khtml-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	
}
ul.tabbernav li a:link {
	
	font-variant:small-caps;
	font-size:18px;
}
ul.tabbernav li a:visited {
	
	font-variant:small-caps;
	font-size:18px;
}
ul.tabbernav li a:hover {

	font-variant:small-caps;
	font-size:18px;
}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	padding:5px;
	-moz-border-radius-topright: 10px;
	-khtml-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	
	-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	/* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
	display:none;
}
.tabberlive .tabbertab h3 {
	display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
	height:200px;
	overflow:auto;
}
/*
GENERAL STYLES
*/

body {
	line-height:20px;
	font-weight:lighter;
	margin: 0;
	padding: 0;
	text-align: center;
	background-repeat:repeat-x;
	margin-top: 0px;
}
#wrap_head {
	width: 980px;
	margin: 0 auto;
	
}
#header_global {
	margin: 0 auto;
	width:980px;
	height:66px;
	text-align:left;
	padding:0px;
	
	background-image: url(../images/headers/global_header.png)!important;
}
#header_index {
	width:980px;
	height:95px;
	text-align:left;
	padding:0px;
	margin:0 0 20px 0;
	background-image: url(../images/headers/index_header.png)!important;
}
#header_project {
	width:980px;
	height:122px;
}
#mainContentpodcasts {
	margin:0 auto;
	width:980px!important;
	border:0px solid red;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
/*STYLES FOR FOOTERS */



#wrap_foot {
	
	
	padding-top:6px;
	margin-top:45px;
	margin-bottom:0;
	background: url(../images/backgrounds/000000_80.png);
}
#footer {

	
	color:#999;
	margin-top:15px;
	background: url();
	margin-bottom:0;
}

select {
 background-color: #767676;
 border:1px solid #737268;
 color: #ffffff;
}

input  {
height:15px;
 color: #ffffff;
 background-color: #767676;
 border:1px solid #737268;
 
}

.options_wrap {
	width:432px;height:234px;padding-top:90px;text-align:center;background:#ccc;background-repeat:no-repeat;
	}

.options_box {
	
	width:50%;margin:0 auto;-moz-border-radius:8px;padding:10px;font-size:12px;text-align:left;color:#fff;background:url('../images/backgrounds/000000_55.png');
	}
	
.other_options {
	width:420px;
	margin-top:0px;
	margin-left:12px;
	margin-bottom:0px;

	padding:0px 0px 0px 8px;font-size:11px;text-align:left;color:#fff;
	
	
	}
	
	.other_options .options_box {
		width:250px;
	margin:5px 0 0 -14px;background:none;

padding:0;
float:right;

	
	
	}
	
	.other_options .option_type {
	padding:0px;
	
}

.other_options .option_wrap {
	padding:0px;
	margin-top:0px;
	
}
	
	.other_options .archivelink {
	
	margin-top:4px;padding:4px;font-size:10px;text-align:center;
	
	}
	
	.option_wrap {
	
	}

.option {
	
	height:18px;
	width:63px;
	padding:4px;
	float:left;
	}
	
div.option:hover {
	background:url('../images/backgrounds/000000_55.png');
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	}

.play_btn {
	width:20px;height:19px;float:left;margin:0 5px 0px 0;border:none;
	}
	
	
	
.option_type {
	width:64px;float:left;padding-top:1px;font-size:11px;margin-right:6px;
	}
	
.other_options .option_type {
	width:55px;float:left;padding-top:1px;font-size:11px;margin-right:10px;
	}
	
	.option_bitrate {
	float:left;padding-top:2px;font-size:11px;width:30px;
	}