@charset "UTF-8";
/* CSS Document */
body	{
background-color: #ccc;
font: 12px Arial, Helvetica, sans-serif;
}

img	{
border: 0;
}

.pageholder	{
background-color: white;
margin: 0 auto;
width: 800px;
padding: 10px;
}

.holder	{
background-color: white;
margin: 0 auto;
height: auto;
}


.leftside	{
float: left;
width: 150px;
margin: 10px 0 0 0;
}

.radioelement,
.tvelement,
.storytellerelement {
margin: 0 0 10px 0;
}

.storytellerelement p {
	font: 15px Arial, Helvetica, sans-serif;
	line-height:20px;
}

.radioelement h1	{
background-color: red;
color: white;
margin: 0;
padding: 5px;
font: bold 12px Arial, Helvetica, sans-serif;
}


.storytellerelement .nav a:link,
.storytellerelement .nav a:visited	{
display: block;
background-color: #153446;
color: white;
font: bold 14px Arial, Helvetica, sans-serif;
margin: 0;
padding: 10px 3px;
text-decoration: none;
}

.storytellerelement .nav a:hover	{
background-color: #ccc;
color: black;
}

.radioelement p	{
font: 12px Arial, Helvetica, sans-serif;
margin: 2px 0 2px 0;
}

.contest {
	width: 250px;
	float: right;
	margin: 10px 0 10px 10px;
	border: 2px solid #C99;
}

.contest p {
	margin: 5px;
}

.contest h3 {
background: url('http://www3.wsiu.org/radio/storyteller/images/title_background.png');
color: white;
font: bold 16px Arial, Helvetica, sans-serif;
padding:5px;
margin: 0;
text-shadow:black 3px 3px 2px;

}

.storytellerhead	{
height: 80px;
width: 800px;
background: url('http://www3.wsiu.org/radio/storyteller/images/storyteller_head.png') no-repeat;
margin: 0;
}

.tellerdetail	{
width: 150px;
height: auto;
margin: 5px;
float: left;
}

.tellerdetail a:link,
.tellerdetail a:visited,
.tellerdetaildual a:link,
.tellerdetaildual a:visited,
.tellerdetailtriple a:link,
.tellerdetailtriple a:visited,
.infocuselement a:link,
.infocuselement a:visited {
color: white;
background-color: #153446;
text-decoration: none;
padding: 5px;
display: block;
font: bold 14px Arial, Helvetica, sans-serif;
margin: 0;
}


.tellerdetail a:hover,
.tellerdetaildual a:hover,
.tellerdetailtriple a:hover,
.infocuselement a:hover {
color: black;
background-color: #5a95b7;
margin: 0;
}

.tellerdetaildual	{
width: 310px;
height: auto;
margin: 5px;
float: left;
}

.tellerdetailtriple {
width: 470px;
height: auto;
margin: 5px;
float: left;
}	


.tellerdetail h1,
.tellerdetaildual h1,
.tellerdetailtriple h1,
.storytellerelement h1,
.infocuselement h1 {
padding: 5px;
margin: 0;
font: bold 15px Arial, Helvetica, sans-serif;
background-color: #996666;
background: url('http://www3.wsiu.org/radio/storyteller/images/title_background.png');
color: #f5f3e4;
text-shadow:black 3px 3px 2px;
}

.midsection	{
float: right;
margin: 10px 0 0 10px;
width: 640px;
overflow: hidden;
font: 12px Arial, Helvetica, sans-serif;
}

.infocuselement	{
width: 310px;
float: left;
margin: 0 10px 0 0;
}

.infocuselementimg	{
height: 174px;
background-color: #ccc;
}


.tvelement h1 {
padding: 5px;
margin: 0;
font: bold 12px Arial, Helvetica, sans-serif;
color: white;
background-color: #06c;
}


.clearfloat	{
clear: both;
}

.force	{
margin: 0 0 0 5px;
}


	
#player {
		margin: 15px;
	}
	
.playerdetail	{
width: 380px;
margin-left: 120px;

}

.playerdetail	p	{
font: 16px Arial, Helvetica, sans-serif;
}

.playerdetail h1 {
margin: 0;
padding: 0;
font: bold 24px Arial, Helvetica, sans-serif;
color: #153446;}

.pullquote {
	width: 550px;
	margin: 0 10px 0 50px;
	background-color: #eee;
	padding: 10px;	
}

.pullquote p {
	line-height: 150%;
	margin: 0 0 10px 0;	
}