body {
    font-size:12px;
    background:#000;
}



p {
    margin:0;
    padding:0;
}

#body_shell
{
    background-color:white;
}

#content {
    background:url("http://cache.g4tv.com/images/phoenix/dailynut/bg_bodygrad.jpg") bottom repeat-x 
}

#content_banner {
    width:721px;
    height:285px;
}

#index_hero_container {
    width:721px;
    height:281px;
    background:#000;
}

#podcast_container{
    width:704px;  /*710px total*/
    margin:0 5px 10px 5px;
    padding:0 0 10px 6px;
    background:#fff url("http://cache.g4tv.com/images/phoenix/shows/bg_showindex_bot.gif") bottom left no-repeat;
}

#hero {
    width:721px;
    height:94px;
    background:#000 url("http://cache.g4tv.com/images/phoenix/shows/hero_sm_PODCASTS.jpg");
    margin-bottom:15px;
}

#hero-info {
    left:0;
    top:176px;
    height:88px;
    width:705px;
    padding:20px 0 0 16px;
    border-top:1px solid #fff;
    background:#000;
    font-weight:bold;
    text-align:center;
}

#hero-info p {
    padding:4px 0;
}

#hero-info p.nowplaying {
    color:#36A1CB;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
}

#hero-info p.showtitle {
    font-size:22px;
    padding-bottom:6px;
}

.podcast-detail {
    clear:both;
    float:left;
    background:#D1EDF7;   
    border-left:1px solid #9EB3B9;
    border-top:1px solid #9EB3B9;
    border-bottom:1px solid #9EB3B9;
    color:#536669;
    width:594px;
    height:68px;
    overflow:hidden;
    margin:0 0 15px 0;
    padding:5px 5px;
}

.podcast-detail.everyother {
    background:#E3F6FD;
    font-size:12px;
}

.podcast-detail img {
    float:left;
    padding:0 12px 0 0;
}

.podcast-detail-info {
    float:left;
    width:480px;
    overflow:hidden;
}

.podcast-detail-info-sched {
    color:#28393C;
    overflow:hidden;
}

.podcast-detail-buttons {
    float:left;
    width:94px;
    background:#000 url("http://cache.g4tv.com/images/phoenix/podcast_landing/subscribe.gif") no-repeat;
    height:56px;
    padding:24px 0 0 0;
    margin-bottom:15px;
}

.btn_itunes,
.btn_rss {
    display:block;
    text-indent:-200em;
    width:94px;
    height:27px;
    margin-top:1px;
}

.btn_itunes:hover,
.btn_rss:hover {
    background-position:0 -30px;
}

.btn_itunes {
    background:url("http://cache.g4tv.com/images/phoenix/podcast_landing/btn_pc_itunes_ro.gif");
}

.btn_rss {
    background:url("http://cache.g4tv.com/images/phoenix/podcast_landing/btn_pc_rss_ro.gif");
}


#promotedshow_container {
    padding:0 0 8px 3px;
}

.promotedshow,
.show_info,
.show_img {
    float:left;
}

.show_img {
    padding:0 11px 0 0;
    position:relative;
}

.promotedshow {
    display:inline;
    width:329px;
    height:104px;
    background:url("http://cache.g4tv.com/images/phoenix/shows/bg_promotedshow.png");
    margin:8px 0 0px 8px;
    padding:8px;
}

* html .promotedshow {
    background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cache.g4tv.com/images/phoenix/shows/bg_promotedshow.png',sizingMethod='crop');
}


.promotedshow .show_info{
    width:180px;
    height:98px;
    overflow:hidden;
    position:relative;
}

.promotedshow .show_info a {/*apply this to class andrew will add to anchor tag*/
    display:block;
    font-size:15px;
    font-weight:bold;
    text-transform:uppercase;
    margin-top:18px;
}

.promotedshow .show_info-freq {
    text-transform:uppercase;
}

.promotedshow .show_info-desc {
    margin-top:14px;
}

#commonshow_container {
    padding:0 6px 4px 6px;
    margin:0 0 10px 5px;
    width:698px;
    background:#fff url("http://cache.g4tv.com/images/phoenix/shows/bg_showindex_bot.gif") bottom left no-repeat;
}

.commonshow {
    font-size: 12px;
    clear:both;
    color:#000;
    background:#D1EDF7; 
    padding:6px 7px; 
    margin-bottom:2px;
}

.commonshow.everyother {
    background:#E3F6FD;
}

.commonshow a {
    color:#000;
}

.commonshow .show_info-desc {    
    margin: 2px 0px 0px 0px
    color:#536669;
}

.commonshow .show_info-desc span {
    
    }

.commonshow .show_info-name_freq,
.commonshow .show_info-name_freq a {
    color:#28393C;
}

.commonshow .show_info {
    width:440px;
}

.btn_moreinfo { 
    float:right;
    display:block;
    width:86px;
    height:26px;
    margin-top:40px;
    text-indent:-200em;
    background:url("http://cache.g4tv.com/images/phoenix/podcast_landing/btn_moreinfo_ro.gif");
}

.btn_moreinfo:hover {
    background-position:0 -28px;
}


#show_index_container .commonshow {
    font-size: 14px;
    clear:both;
    color:#000;
    background:#D1EDF7; 
    padding:6px 7px; 
    margin-bottom:2px;
}

#show_index_container div.commonshow p.show_info-name_freq span {
    font-style:italic;
}

#show_index_container div.commonshow p.show_info-name_freq {
    margin-bottom:14px;
}

#show_index_container .btn_moreinfo { 
    margin-top:60px;
}

#show_index .commonshow.everyother {
    font-size: 14px;
    background:#E3F6FD;
}

/*HERO IMAGES AND INFO POSITIONING FOR SHOW LANDING*/
.showtitle {
    font-size:16px;
}

.hero-info
 {
	position: absolute;
	top: 186px;
	left: 320px;
	width: 390px;
	height: 66px;
	text-transform: uppercase;
	font-weight:bold;
	overflow:hidden;
}

div.hero-info p.nowplaying {
    font-weight: bold;
	font-size: 14px;
	color: #69E3E4;
}

#hero-info-16 {
    left:240px;
}

#hero-info-18 {
    left:200px;
	width:230px;
}

#hero-info-20 {
    left:210px;
	width:220px;
}

#hero-info-22 {
    left:100px;
	width:220px;
}

#hero-info-37 {
	left:150px;
	width:280px;
}

#hero-info-41 {
    left:220px;

}

#hero-info-44 {
    left:180px;
	width:240px;
}

#hero-info-52 {
    left:500px;
	width:200px;

}

#hero-info-56 {
    left:120px;
	width:200px;

}

#hero-info-57 {
    left:200px;
	width:230px;
}

#hero-info-59 {
	left:230px;
    top:185px;
    color: #000;
	width:200px;
}

div#hero-info-59 p.nowplaying {
	color: #961e20;
}

#hero-info-63 {
    left:210px;
}

#hero-info-65 {
    left:140px;
}

div#hero-info-63 p.nowplaying {
	color: #30515B;
}

#hero-info-66 {
    left:180px;
	width:260px;
}

#hero-info-67 {
    top:202px;
	left:160px;
	width:210px;
}

#hero-info-68 {
    left:200px;
	width:220px;
}

#hero-info-69 {
    left:20px;
	width:300px;
}

#hero-info-70 {
    left:300px;
}


#hero-info-72 {
    left:40px;
	width:310px;
}

#hero-info-79 {
    left:360px;
	width:310px;
}

#hero-info-88 {
    left:200px;
	width:310px;
}