/****************************************
 * BACKGROUND SKIN                      *
 ****************************************/
#beontv_body,
body.blog_index,
body.castbios,
body.eww_tube,
body.schedule,
body.video_gallery,
body.zappos_closet{ background:transparent url('/static/shows/howdoilook/images/skin_howdoilook_s12_1300_720.jpg') no-repeat scroll center 200px; }

/****************************************
 * SHOW NAVIGATION & INTERNAL HEADER    *
 ****************************************/
.show_package_navigation{
	background:#552741;
	background: -webkit-gradient(linear, left top, left bottom, from(#b7336c), to(#552741));
	background: -moz-linear-gradient(top,  #b7336c,  #552741);
}
.show_package_navigation a:hover,
.landing .show_package_navigation .home a,
.how_do_i_look .show_package_navigation .blog a,
.hdil_resource .show_package_navigation .episodes a,
.games .show_package_navigation .eww_tube a,
.schedule .show_package_navigation .schedule a,
.sponsorship .show_package_navigation .zappos_closet a,
.video_gallery .show_package_navigation .videos a{ background:#fff; color:#b7336c; }


/****************************************
 * GENERAL STYLES                       *
 ****************************************/
.ad_sponsor{ left:560px; top:40px; }
.landing .ad_sponsor{ left:510px; }


/****************************************
 * LANDING PAGE STYLES                  *
 ****************************************/
.landing .show_body{ padding:0; }

#CEGPlayer{ float:left; height:560px; width:650px; }

.landing #flash_content{ float:left; margin-left:0; width:650px; }
.landing .promo_player{ position:absolute; left:228px; top:248px;  }

.floating_grid_box{
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.floating_grid_box ul{ list-style-type:none; }

.bucket_header{ font-size:15px; font-weight:bold; margin:0 0 10px 0; padding:10px 0 0 0; }

.bucket_header,
.bucket_header a,
.bucket_subheader a{ color:#2f3185; letter-spacing: -0.05em; }

.bucket_header a:hover,
.bucket_header a:focus,
.bucket_subheader a:hover,
.bucket_subheader a:focus,
.show_bottom .bucket_blurb a:hover,
.show_bottom .bucket_blurb a:focus{ background:#2f3185; color:#fff; text-decoration:none; }

.bucket_more_link{ /*float:right;*/ margin:10px 0 0 0; position:relative; text-align:right; }
.bucket_more_link a{
	background:url('/static/shows/howdoilook/images/icon_howdoilook_s12_13_15.png') no-repeat scroll 0 0 transparent;
	color:#000000;
	/*float:left;*/
	font-size:12px;
	font-weight:bold;
	margin:0 0 15px 0;
	text-indent:16px;
	padding:0 0 0 15px;
}
.bucket_more_link a:hover,
.bucket_more_link a:focus{ color:#552741; }


.show_top .rsidebar{
	background: url('/static/shows/howdoilook/images/background_howdoilook_s12_hotlinks_340_560.jpg') no-repeat scroll center top transparent;
	float:right;
	height:560px;
	position:relative;
	width:340px;
}
.show_top .top_bucket{
	height: 241px;
	margin: 60px auto 0 auto;
	padding: 0 15px 15px 15px;
	width: 245px;
}
.show_top .bucket_header{ margin:0 10px 35px 15px; }
.show_top .bucket_more_link{ text-align:left;  }
.show_top .bucket_more_link a{ width:220px; }
.show_top .ad_box {  bottom:23px; position:absolute; right:21px; }


.show_middle{ background: #F1F1F1 url('/static/shows/howdoilook/images/background_howdoilook_s12_buckets_990_1025.jpg') center top no-repeat; padding-bottom:10px; width: 990px; }
.show_middle img a:hover,
.show_middle img a:focus{ opacity:0.8; }
.show_middle #flash_before_after{ float:left; }
.show_middle .bucket_subheader{ font-weight:bold; margin-bottom:5px; }


.show_middle .left_bucket,
.show_middle .middle_bucket,
.show_middle .top_right_bucket{
	background: transparent url('http://images.mystyle.com/mystyle/shows/howdoilook/images/hangers_bg.png') center top no-repeat;
    height:250px;
	margin:15px 0 20px 0;
    padding:60px 30px 0 33px;
    width:268px;
}

.show_middle .left_bucket{ background-position: left top; }
.show_middle .middle_bucket{
	background-position: center top;
	padding-left:11px;
	padding-right:16px;
    width:300px;
}
.show_middle .top_right_bucket{ background-position: right top; padding-top:55px; height:240px; }
.show_middle .top_right_bucket ul{ padding:0; }
.show_middle .top_right_bucket li{ float:left; }
.show_middle .top_right_bucket .bucket_header{ margin:0 0 15px 0; }

.show_middle .wide_bucket{
	background: url('/mystyle/shows/howdoilook/images/blog_bg.png') no-repeat scroll center top transparent;
	height: 237px;
	margin: 0 13px;
	padding: 10px 310px 0 20px;
	position: relative;
	width: 303px;
}
.show_middle .wide_bucket img{ position:absolute; right:10px; top:3px; }

.show_middle .bottom_right_bucket{
	background: url('/mystyle/shows/howdoilook/images/companion_bg.png') no-repeat scroll center top transparent;
	height: 216px;
	padding: 23px 40px;
	width: 236px;
}
.bottom_right_bucket .bucket_header{ margin-bottom:60px; padding-top:20px; }


.show_bottom{ background: #F1F1F1 url('/static/shows/howdoilook/images/background_howdoilook_s12_buckets_990_1025.jpg') center top no-repeat; margin:0 auto; padding:0 18px; }
.show_bottom .bucket_header, .show_bottom .bucket_header a{ color: #FFFFFF; }
.show_bottom .bucket_blurb a{ color:#3e3e3e; }
.show_bottom .floating_grid_box{ margin: 0 0 10px; }
.show_bottom .grid_column{ float:left; margin:0 15px 0 0; text-align:left; }
.show_bottom .grid_column:last-child{ margin-right:0; }

.show_bottom .left{ width:301px; }
.show_bottom .left .top{
	background:transparent url('/mystyle/shows/howdoilook/images/ontv_bg.jpg') no-repeat scroll center top;
	height:217px;
	padding:8px 131px 21px 28px;
	width:142px;
}
.show_bottom .left .bucket_header{ margin: 20px 0; }

.show_bottom .middle{ clear:right; width:320px; }
.show_bottom .middle .top{
	background:transparent url('/mystyle/shows/howdoilook/images/schedule_bg.jpg') no-repeat scroll center top;
	height:164px;
	padding:5px 20px 15px 20px;
	width:271px;
}
.show_bottom .middle .top .bucket_header{ margin:5px 0 20px 0; }
.show_bottom .middle .bottom{
	background:transparent url('/mystyle/shows/howdoilook/images/resource_bg.jpg') no-repeat scroll center top;
	height:115px;
	padding:5px 30px 20px 20px;
	width:270px;
}

.show_bottom .right{ margin-right:0\9; width:300px; }


.show_top .top_bucket .bucket_header,
.show_middle .top_right_bucket .bucket_header,
.show_bottom .bucket_header{ text-transform:uppercase; }