/*
* boad podcast list buttons
*/
div.boadBtns {margin:10px 0 0 0;}
div.boadBtns a.boadBtnFirst {}
div.boadBtns a.boadBtnFirst img {margin:0 10px 0 0;}
div.boadBtns a.boadBtnPrevious {}
div.boadBtns a.boadBtnPrevious img {margin:0 10px 0 0;}
div.boadBtns a.boadBtnNext {}
div.boadBtns a.boadBtnNext img {margin:0 10px 0 0;}

/* these should be classes, no ids because they repeat */

#latest-podcast-wrapper * {margin: 0 auto; padding: 0px;}

#page-wrapper { margin: 0 auto; text-align: center; background-color: black; width: 750px; height: auto; margin-top: 20px; }
#upload-form { text-align: center; background-color: black; width: 500px; height: auto; }

/* h1 { color: white; font-family: Helvetica, sans-serif; font-size: 20px; padding-top: 40px; }
p { color: white; font-family: Helvetica, sans-serif; font-size: 12px; padding-top: 12px; }
span { padding-top: 40px; }
p.form { color: white; font-family: Helvetica, sans-serif; font-size: 15px; }
#submit { padding-top: 45px; }
*/

/*
input{ 
color:#FFFFFF; 
font: bold 84% Helvetica, sans-serif; 
background-color:#666666; 
border:1px solid; 
border-color: red; 
padding: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-image: url( 'bg-grad.png' );
background-repeat: repeat-x;
background-position: top;
} 
*/
/*  ------- PODCAST DISPLAY ----------*/
#latest-podcast-wrapper{
background-color: black;
width: 770px;
height: 210px;
border-color: #222222;
border-width: 4px;
border-bottom-width: 2px;
border-style: solid;
clear: both;
}

#featured-podcast-left{
float: left;
width: 320px;
height: 210px;
background-color: black;
border-right: 4px solid #222222; 
}

#featured-image-free{
float: right;
width:445px;
height: 210px;
overflow-x: hidden;
overflow-y: hidden;
}

h4#date{
clear: both;
padding-left: 20px;
padding-top: 5px;
float: left;
color: #666666;
font-family: helvetic, sans-serif;
font-size: 12px;
font-weight: bold;
}
h2#header{
padding-left: 20px;
padding-top: 20px;
float: left;
color: #222222;
font-family: helvetic, sans-serif;
font-size: 28px;
}
h2#title{
clear: both;
padding-left: 20px;
padding-top: 10px;
float: left;
color: #ffffff;
font-family: helvetic, sans-serif;
font-size: 18px;
text-transform:none;
}
	
	#episode-buttons {clear:both; float: left; width: 250px; background-color: black; height: 60px; vertical-align: top; padding-left: 20px; padding-top: 20px; text-align: left; position: relative; }

#featured-podcast-left span.downloadCaption { color: #666666; }
#featured-podcast-left span.downloadLink a { color: #FFFFFF; text-transform:uppercase; }
#featured-podcast-left div.socialButtons { margin: 0 0 5px 0; }

#featured-podcast-left div.socialButtons div#socialLinkA { display: inline-block; width: 44px; }
#featured-podcast-left div.socialButtons div#socialLinkA .fb-like { bottom: 3px; }
#featured-podcast-left div.socialButtons div#socialLinkB { display: inline-block; width: 58px; margin: 0 10px 0 0; overflow: hidden; }
#featured-podcast-left div.socialButtons div#socialLinkC { display: inline-block; width: 32px; margin: 0 10px 0 0; overflow: hidden; }

div.boadPlayerContainer { padding: 20px 0; }
div.boadPlayerAdvertisement { height: 216px; left: 790px; position: absolute; top: 20px; width: 170px; }

div#latest-podcast-wrapper div#featured-podcast-left div#episode-buttons div.boadFullScreenButtonContainer { width: 32px; height: 31px; left: 268px; position: absolute; top: 48px;  }

div#latest-podcast-wrapper div#featured-podcast-left div#episode-buttons div.boadFullScreenButtonContainer:hover { background-image: url(/images/fsButtonActive.png); cursor: pointer; }

div#latest-podcast-wrapper div#featured-podcast-left div#episode-buttons div.boadFullScreenButtonBlockContainer { width: 32px; height: 31px; left: 268px; position: absolute; top: 48px; background-image: url(/images/fsButtonDisabled.png); }

#latest-podcast-wrapper .episode-register
{
clear: both;
padding-left: 20px;
padding-top: 10px;
float: left;
color: #ffffff;
font-family: helvetic, sans-serif;
font-size: 18px;
text-transform: none;
}