/*
------------------------------------------------------
PBS.org Shell Page - Podcasts CSS
------------------------------------------------------
*/

/*
======================================================
Podcast List
======================================================
*/

dl.podcasts, dl.feeds
{
	overflow:hidden;
	margin: 0 25px 15px 25px;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #ccc;
}

dl.first
{
	padding: 15px 0 15px 0;
}

dl.podcasts dt, dl.feeds dt
{
	margin: 0 0 .5em 0;
	font-weight: bold;
	font-size: 12px;
	color: #333;
}

dl.podcasts dt .mediatype
{
	color: #5c5c5c;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
}

dl.podcasts dt img
{
	float: left;
	margin: 0 15px 0 0;
	border: 1px solid #000;
}	

dl.podcasts dd
{
	margin: 0 0 .5em 117px;
}
dl.feeds dd
{
	margin: 0 0 .5em 0;
}
dl.podcasts dd label
{
	font-size: 10px;
	line-height: 14px;
}

#rt2Column dl.podcasts dd input
{
	font-size: 11px;
	width: 320px;
	height: 15px;
	margin: 2px 0 0 0;
	padding: 3px;
	background-color: #ddd;
	border: 1px solid #333;
}


/*
======================================================
iTunes and Miro Buttons
======================================================
*/

a:link.subscribe_button,
a:visited.subscribe_button,
a:hover.subscribe_button,
a:active.subscribe_button
{
	display: block;
	float: left;
	margin-right: .5em;
	padding: 3px 5px;
	font-size: 10px;
	font-weight: 900;
	text-decoration: none;
	white-space: nowrap;
}

a:link.itunes,
a:visited.itunes,
a:hover.itunes,
a:active.itunes
{
	color: #fff;
	border: 1px solid #8d3636;
	background: #ac4242 url(../images/subscribe_itunes_button_background.gif) repeat-x top left;
}

a:link.miro,
a:visited.miro,
a:hover.miro,
a:active.miro
{
	color: #b11b25;
	border: 1px solid #c0c1c7;
	background: #c0c1c7 url(/podcasts/images/subscribe_miro_button_background.gif) repeat-x top left;
}


/*
======================================================
CSS Hacks
======================================================
*/

/* clearing floated block elements -
fixes problem in Firefox where floated element does not define height of the container box */
dl.podcasts:after
{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/* clearing floated block elements -
fixes problem in IE/Win 5.0, 5.5, and 6 */
* html dl.podcasts
{
	height: 1%;
}

/* fixes problem with additional margin under podcast containers in IE/Win 5.0, 5.5, 6, and 7 */
* html a.subscribe_button
{
	margin: 0 0 -.5em 0;
}