/**
* Home Page Layout and Style
* @author pkhalil
* @version $Id: aa_home.css 14105 2007-08-08 17:01:56Z hmuljono $
* @see home-IE60-Fixes.css for IE specific  styles
*/

/* Featured Content and Rotation
 ---------------------------------------------------------------------------- */
#home-features {
	background-color:#000;
	color:#fff;
}
/* rotation */
#home-rotation {
	float: left;
	width:450px;
	padding:2px 0 0 2px;
	text-align:center;
}
/* advert */
#home-advert-300x250 {
	float: right;
	width: 300px;
	height:250px;
	overflow:hidden;
}

/* Flash Replacement
---------------------------------------- */
.home-hover {
	background-image: url(../images2/upButton.jpg);
	width: 90px;
	height: 20px;
	float: left;
	font-weight: bold; 
	text-align: center;
	line-height: 20px;
	color: black;
}

.home-hover-down {
	background-image: url(../images2/downButton.jpg);
	width: 90px;
	height: 20px;
	float: left;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	color: white;
}

.rotationimg {
	z-index: 30;/*this won't work */
}

/* play - get - got buttons 
---------------------------------------- */
a.play-it,
a.get-it,
span.got-it
{
	display:block;
	background-position: 0px 0px;
	width:56px;
	height:19px;
	margin:5px auto; 
}

a.play-it:hover, 
a.play-it:active,
a.play-it:focus
{
	background-position: 56px 0px; /* horz, vert */
	outline:none;
}

a.play-it span {
	display:none;
}

a.get-it {
	background-position: 0px 19px;
}

a.get-it:hover, 
a.get-it:active,
a.get-it:focus
{
	background-position: 56px 19px; /* horz, vert */
	outline:none;
}

a.get-it span {
	display:none;
}
span.got-it {
	background-position: 0px 38px;
	text-indent:-1000em;
}

/* Featured Profiles
 ---------------------------------------------------------------------------- */
#featured-profiles {
	clear:both;
	background-color:#000;
	color:#fff;
}

.title-bar h2 {
	font-size:13px;
	font-weight:bold;
	color:#fff;
	background:transparent;
}

.title-bar h2 a:link,
.title-bar h2 a:visited {
	color:#fff;
	background:transparent;
	text-decoration:none;
}

.title-bar {
	color: #fff;
	height:30px;
	padding: 4px 10px;
}

.profiles-title {
	float: left;
	width: 650px;
	color: #fff;
	background:transparent;
	padding-top: 3px;
}

.profiles-title span{
	font-weight: bold;
	font-size: 10px;
}

.profiles-title a:link, .profiles-title a:visited {
	color: #fff;
	font-size: 11px;
	font-style : italic;
	text-decoration: none;
}

.profiles-title a:hover, .profiles-title a:active {
	color: #999;
}

#featured-profiles spin-it {
	padding-top:0px;
	float: right;
	width: 80px;
	text-align: right;
}

/* Profile List
 ---------------------------------------- */
#profiles-list {
	padding-left:5px;
	background-color: #000;
}

#profiles-list ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#profiles-list li {
	float: left;
	margin-right: 2px;
	background: transparent url(../'images2/featProfile_list_bg.png') top left no-repeat;
	width: 91px;
	height: 91px;
}
#profiles-list li a {
	display:block;
	padding: 8px 0px 0px 9px;
}

/* Featured Content
---------------------------------------------------------------------------- */
#featured-content {
	background-color:#000;
	color:#fff;
}

#featured-content p {color:#fff;}

#featured-content div.col {
	width:240px;/*33.333%*/ /* 750 = (240*3) = 720 + (5*6) */
	height:815px;/* wish we didn't need this*/
	float:left;
	margin:5px;
	background-color:#484848;
}

h2.section-head a {
	width: 240px;
	height: 73px;
	display:block;
}

h2.section-head span {
	display:none;
}

#featured-content div.section-body {
		background: #484848;
		padding:10px 10px 0px 10px;
}

/* Section Headers - img replacement
---------------------------------------- */
#featured-content .section-head a {
	background: url(../images2/hdr-home-map.jpg) no-repeat;
}
h2#video-header.section-head a {
	background-position: 0 0;
}
h2#music-header.section-head a {
	background-position: 0px -73px;
}
h2#shows-header.section-head a {
	background-position: 0 -146px;
}

/* Video
---------------------------------------- */
ul.video-list {
	list-style:none;
	margin:0;
	padding:0;
}

ul.video-list li {
	text-align:center;
	border:1px solid #ccc;
	margin-bottom:5px;
}

ul.video-list h3.title,
h3.title a,
h3.title a:link,
h3.title a:visited,
h3.title a:hover,
h3.title a:active
{
	color:#fff;
	text-decoration:none;
	margin:5px 0;
}

ul.video-list p.detail {
	display:none;
}

/* Music
---------------------------------------- */
ul.music-list {
	margin:0;
	padding:0;
	list-style:none;
} 

ul.music-list li {
	clear:both;
	border-bottom:1px solid #666;
	margin-bottom:5px;
	padding-bottom:5px;
}

.music-list .artist-img {
	float:left;
	width: 125px;
}

.music-list .artist-detail {
	float: right;
	width: 93px;
}

.music-list h3,
.music-list h3 a:link,
.music-list h3 a:visited
{
	color:#fff;
	text-decoration:none;
	width: 92px;
	overflow: hidden;
	text-overflow:ellipsis; /* FOR IE ONLY */
}

.music-list p.artist-music {
	margin:5px 0;
}
.music-list p.song-detail {
	font-style:italic;
	margin:5px 0;
}
.music-list a.play-it {
	margin:5px 0;
}

/* Podcasts -  Shows
---------------------------------------- */
ul.show-list {
	margin:0;
	padding:0;
	list-style:none;
} 

ul.show-list li {
	clear:both;
	border-bottom:1px solid #666;
	padding-bottom:5px;
	margin-bottom:5px;
}

.show-list .show-image {
	float:right;
}

.show-list .show-detail {
	margin-right:75px;
}
.show-list a.play-it {
	margin:5px 0;
}
.show-detail .name a,
.show-detail .name a:link,
.show-detail .name a:visited,
.show-detail .name a:hover,
.show-detail .name a:active
{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

.show-detail p.name {
	color:#fff;
}

.show-detail div.control {
	text-align:left;
}

.show-detail p.channel {
	font-weight:bold;
}

.show-detail a {
		text-decoration:none;
}