/* Project Name: Supermodelme Season 2 */
/* Created On: 06/02/2010 */
/* Created By: Gopinath */
/* Modified On: 23/03/2010 */
/* Modified By: Vincent Lau */

/* global styles */
* { margin:0; padding:0; }

html { margin:0px; padding:0px; height:auto; }

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	margin:0px;
	padding:0px;
	background: #050915 url(images/body_big_bg.jpg) repeat-x top left;
	font-size: 12px;
	color: #373237;		
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 2.2em;
}

h3 {
	font-size: 1.6em;
}

h3 a:link {
	color:#FFF;
	font-weight:bold;
}
h3 a:hover {
	color:#0C9;
	font-weight:bold;
}
h3 a:visited {
	color:#FFF;
	font-weight:bold;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

p {
	padding:5px 0 5px 0;
}

ol li {
	list-style:upper-latin outside;
}

a {	outline:none; }

img { border:none; }

.google_buzz { margin:5px; }

.mainTop { width:100%; float:left; margin:0px; padding:0px; }

.mainBtm {
	width:100%;
	float:left;		
	/* background: url(images/content_bg.png) no-repeat top center; */
	padding-top:20px;
}

/* Header section related styles - Starts here */
.logoLyr { width:190px; float:left; padding:18px 0px 0px 0px; }
.logoLyr h1 { text-decoration:none; }
.logoLyr a { text-decoration:none; }

.topNavigationLyr { width:615px; float:right; padding:15px 0px 10px 0px; background: url(images/top_nav_bg.gif) no-repeat bottom right; }

.topNavigationLyr ul { float:right; text-align:right; padding:0px;}
.topNavigationLyr ul li {
	padding:0px 0px 0px 30px;
	float:left;
	list-style:none;
	display:inline;
	border:0px;	
	text-align: left;
}

.topNavigationLyr ul li a { list-style:none; border-bottom:0px; text-decoration:none; }

.topNavigationLyr ul li a { color:#FFFFFF; font-size:14px; text-decoration:none; font-weight:bold; }
.topNavigationLyr ul li a:hover { color:#00CC99; text-decoration:none; }

.topNavigationLyr ul li#current a { color:#00CC99; font-size:14px; text-decoration:none; font-weight:bold; }

.topNavigationLyr ul li {
	/*display: table-cell;*/
	position: relative;
	/*padding: 2px 6px;*/
}

.topNavigationLyr ul li ul {
/*Make the sub list items invisible*/
    display: none; 
	position: absolute;	
	/*max-width: 60ex;
	margin-left: -10px;
	margin-top: 2px;
	list-style:none;
	border:1px solid #401430;
	*/
	background: #401430;
	float:left;
	text-align: left;	
	border:1px solid #fff;
	width:180px;
	padding:10px 0px 10px 0px;
} 
 
.topNavigationLyr ul li:hover ul, .topNavigationLyr ul li.cmdhover ul {
/*When hovered, make them appear */
	display : block; 	 	
}

.topNavigationLyr  ul li ul a { color:#FFFFFF; font-size:14px; text-decoration:none; font-weight:bold; text-align:left; }
.topNavigationLyr ul li ul a:hover { text-decoration:none; }

.topNavigationLyr ul li a {
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block; 
	/*padding: 2px 10px;*/
}

.followUsLyr {
	width:280px;
	float:right;
	height: 62px;
	padding:15px 0px 0px 0px;	
}

.joinUsLyr {
	float:left;
	width:131px;
	height: 70px;
	padding:68px 0px 0px 0px;	
}

.topPromoLyr {
	width:950px;
	float:left;
	text-align:center;
	padding:10px 0px 0px 0px;
}
.followUsLyr, .topPromoLyr { text-decoration:none; }

.nextUpTitleLyr, .videoTitleLyr {
	width:423px;
	float:left;
	color:#fff;
	font-size:20px;
	font-weight:normal;
	padding:15px 0px 0px 0px;
	text-align:left;
}
.nextUp {
	font-weight:bold;
	font-size:0.75em;
	line-height:15px;
}

.videoTitleLyr {
	margin-left:10px;
}
.videoMenuLyr {
	width:350px;
	float:right;
	color:#fff;
	font-size:20px;
	font-weight:normal;
	padding:8px 10px 0px 0px;
	text-align:right;
}

.topSubMenuLyr {
	width:527px;
	float:left;
	padding:10px 0px 0px 0px;
}

/* Sub menu tabs */
a.latest_video, a:hover.latest_video, a.latest_video_active, a.episode_shots, a:hover.episode_shots, a.episode_shots_active {
	float:left;	
	font-size:0px;	
	width:169px;
	height:48px;
	border:0px;
	cursor:pointer;
	text-align:center;
	padding:0px 10px 0px 0px;
}
a.latest_video { background:url(images/latest_video_btn.png) no-repeat left top; color:#0A0922;}
a:hover.latest_video, a.latest_video_active { background:url(images/latest_video_btn_over.png) no-repeat left top; color:#FACD26;}

a.episode_shots { background:url(images/episode_shots.png) no-repeat left top; color:#0A0922;}
a:hover.episode_shots, a.episode_shots_active { background:url(images/episode_shots_over.png) no-repeat left top; color:#FACD26;}

a.video_gallery, a:hover.video_gallery, a.video_gallery_active, a.behind_scene, a:hover.behind_scene, a.behind_scene_active {
	float:left;	
	font-size:0px;	
	width:169px;
	height:48px;
	border:0px;
	cursor:pointer;
	text-align:center;
	padding:0px 10px 0px 0px;
}
a.video_gallery { background:url(images/video_gallery_btn.png) no-repeat left top; color:#0A0922;}
a:hover.video_gallery, a.video_gallery_active { background:url(images/video_gallery_btn_over.png) no-repeat left top; color:#FACD26;}

a.behind_scene { background:url(images/behind_scene.png) no-repeat left top; color:#0A0922;}
a:hover.behind_scene, a.behind_scene_active { background:url(images/behind_scene_over.png) no-repeat left top; color:#FACD26;}
 
a.watch_season_1, a:hover.watch_season_1, a.watch_season_1_active, a.season1_photos, a:hover.season1_photos, a.season1_photos_active {
	float:left;	
	font-size:0px;	
	width:169px;
	height:48px;
	border:0px;
	cursor:pointer;
	text-align:center;	
}
a.watch_season_1 { background:url(images/watch_season_1_btn.png) no-repeat left top; color:#0A0922;}
a:hover.watch_season_1, a.watch_season_1_active { background:url(images/watch_season_1_btn_over.png) no-repeat left top; color:#FACD26;}

a.season1_photos { background:url(images/season1_photos.png) no-repeat left top; color:#0A0922;}
a:hover.season1_photos, a.season1_photos_active { background:url(images/season1_photos_over.png) no-repeat left top; color:#FACD26;}

.latestVideoLyr {
	width:918px;
	height:690px;
	float:left;	
	padding:0px 17px 0px 15px;
	background:url(images/latest_video_lyr_bg.png) no-repeat left top;
}

.videoPlayerLyrNew { width:918px; height:620px; float:left; text-align:center; padding:29px 0px 41px 0px; }

.videoPlayerLyr { width:918px; height:538px; float:left; text-align:center; padding:29px 0px 0px 0px; }
.videoCommentLyr  { width:918px; height:82px; float:left; padding:0px 0px 41px 0px; }

.videoCommentLyrRow { width:888px; height:82px; float:left; padding:0px 12px 0px 18px; }
.videoCommentLyrCol1 { width:542px; height:52px; float:left; color:#7F5BAE; font-size:12px; font-weight:normal; padding:15px 0px 15px 0px; }
.videoCommentLyrCol2 { width:91px; height:56px; float:left; color:#7F5BAE; font-size:12px; font-weight:normal; padding:12px 0px 14px 7px; }
.videoCommentLyrCol2T { width:91px; height:24px; float:left; text-align:center; padding:5px 0px 0px 0px; }
.videoCommentLyrCol2D { width:91px; height:27px; float:left; }

.videoCommentLyrCol3 { width:117px; height:56px; float:left; color:#7F5BAE; font-size:12px; font-weight:normal; padding:12px 0px 14px 7px; }
.videoCommentLyrCol4 { width:117px; height:56px; float:left; color:#7F5BAE; font-size:12px; font-weight:normal; padding:12px 0px 14px 7px; }

a.alternativePlayerBtn, a:hover.alternativePlayerBtn {
	float:left;	
	font-size:0px;	
	width:91px;
	height:17px;
	border:0px;
	cursor:pointer;
	text-align:center;
	padding:10px 0px 0px 0px;
}
a.alternativePlayerBtn { background:url(images/alternative_player.jpg) no-repeat left top; color:#0A0922;}
a:hover.alternativePlayerBtn { background:url(images/alternative_player_over.jpg) no-repeat left top; color:#FACD26;}

a.auditionVideoCommentBtn, a:hover.auditionVideoCommentBtn {
	float:left;	
	font-size:0px;	
	width:117px;
	height:34px;
	border:0px;
	cursor:pointer;
	text-align:center;
	padding:22px 0px 0px 0px;
}
a.auditionVideoCommentBtn { background:url(images/audition_comments.jpg) no-repeat left top; color:#0A0922;}
a:hover.auditionVideoCommentBtn { background:url(images/audition_comments_over.jpg) no-repeat left top; color:#FACD26;}


a.auditionVideoPollBtn, a:hover.auditionVideoPollBtn {
	float:left;	
	font-size:0px;	
	width:117px;
	height:34px;
	border:0px;
	cursor:pointer;
	text-align:center;
	padding:22px 0px 0px 0px;
}
a.auditionVideoPollBtn { background:url(images/audition_polls.jpg) no-repeat left top; color:#0A0922;}
a:hover.auditionVideoPollBtn { background:url(images/audition_polls_over.jpg) no-repeat left top; color:#FACD26;}

.carouselLyr {
	width:948px;	
	float:left;	
	padding:0px 2px 0px 0px;
	background:url(images/carousel_lyr_bg.png) repeat-y left top;
}

.carouselLyrS {
	width:948px;
	height:113px;
	float:left;	
	padding:0px;
	background:url(images/carousel_lyr_inner_bg.png) no-repeat left top;
}

.promoLyr { width:235px; float:left; }

.promoLyr p { width:235px; float:left; padding:0px 0px 4px 0px; text-align:center; }
.tabLyr {
	width:655px; height:480px;
	float:left;
	background:url(images/tab_lyr_bg.png) no-repeat left top;
	padding:10px 20px 10px 40px;
}

#rotate { width:655px; height:480px; float:left; }
#rotate ul li#tabHowToJoin { width:137px; height:35px; float:left; background:url(images/tab1.gif) no-repeat left top; }
#rotate ul li#tabTheHopeFuls { width:168px; height:35px; float:left; background:url(images/tab2.gif) no-repeat left top; }
#rotate ul li#tabNewsUpdates { width:163px; height:35px; float:left; background:url(images/tab3.gif) no-repeat left top; }
#rotate ul li#tabFeeds { width:134px; height:35px; float:left; background:url(images/tab4.gif) no-repeat left top; }

div#rotate #fragment-1, div#rotate #fragment-2, div#rotate #fragment-3, div#rotate #fragment-4 { width:625px; height:390px; float:left; overflow-x:none; overflow:-y:auto; position: relative; padding:10px; }

div#rotate #fragment-1 { background:#050918; color:#fff; }
div#rotate #fragment-2 { background:#0C1536; color:#fff; }
div#rotate #fragment-3 { background:#01114C; color:#fff; }
div#rotate #fragment-4 { background:#152560; color:#fff; }

div#rotate #fragment-1 #sidebar, div#rotate #fragment-2 #sidebar, div#rotate #fragment-3 #sidebar, div#rotate #fragment-4 #sidebar { width:625px; float:left; font-size:12px; font-weight:normal; }

div#rotate #fragment-1 #sidebar ul, div#rotate #fragment-2 #sidebar ul { width:225px; color:#000; }

div#rotate #fragment-1 #sidebar ul li {width:200px; float:left; padding:0px 0px 2px 10px; list-style:none; }
div#rotate #fragment-2 #sidebar ul li { width:200px; float:left; padding:0px 0px 2px 10px; list-style:none; }
div#rotate #fragment-3 #sidebar ul li { width:605px; float:left; padding:0px 0px 2px 10px; list-style:none; }
div#rotate #fragment-4 #sidebar ul li { width:605px; float:left; padding:0px 0px 2px 10px; list-style:none; }

div#rotate #fragment-1 #sidebar ul li.widget { display:inline; }
div#rotate #fragment-2 #sidebar ul li.widget { display:inline; }
div#rotate #fragment-3 #sidebar ul li.widget { display:inline; }
div#rotate #fragment-4 #sidebar ul li.widget { display:inline; }

div#rotate #fragment-1 #sidebar ul li a { color:#1e6cbe; text-decoration:none; }
div#rotate #fragment-2 #sidebar ul li a { color:#fff; text-decoration:none; }
div#rotate #fragment-3 #sidebar ul li a { color:#fff; text-decoration:none; }
div#rotate #fragment-4 #sidebar ul li a { color:#fff; text-decoration:none; }

div#rotate #fragment-1 #sidebar ul li a:hover { text-decoration:underline; }
div#rotate #fragment-2 #sidebar ul li a:hover { text-decoration:underline; }
div#rotate #fragment-3 #sidebar ul li a:hover { text-decoration:underline; }
div#rotate #fragment-4 #sidebar ul li a:hover { text-decoration:underline; }

div#rotate #fragment-1 #sidebar ul li.widget h2 { font-size:14px; font-weight:bold; }
div#rotate #fragment-2 #sidebar ul li.widget h2 { font-size:14px; font-weight:bold; }
div#rotate #fragment-3 #sidebar ul li.widget h2 { font-size:14px; font-weight:bold; }
div#rotate #fragment-3 #sidebar ul li.widget h2  { padding-bottom:3px; margin-bottom:10px; margin-top:0px; border-bottom:#F90 solid thin; text-transform:uppercase; }
div#rotate #fragment-4 #sidebar ul li.widget h2 { font-size:14px; font-weight:bold; }

div#stripLyr {width:2px;height:390px; float:left; background:#765287;display:none;}

div#leftHowToJoinLyr { width:360px; height:390px; float:left;display:none; }
div#leftHowToJoinLyr ul li h2 { width:330px; float:left; color:#fff; text-align:left; padding-bottom:3px; margin-bottom:10px; border-bottom:#F90 solid thin;display:none; }
div#leftHowToJoinLyr ul li p { width:330px; float:left; color:#fff; text-align:justify; padding-top:5px; padding-bottom:5px;display:none; }

div#rightHowToJoinLyr { width:552px; height:390px; float:left; }
div#rightHowToJoinLyr ul li h2 { width:552px; float:left; color:#fff; text-align:left; padding-bottom:3px; margin-top:-2px; margin-bottom:10px; border-bottom:#F90 solid thin; }
div#rightHowToJoinLyr ul li p { width:552px; float:left; color:#fff; text-align:justify; padding-top:5px; padding-bottom:5px; }
/* div#rightHowToJoinLyrInner { width:230px; float:left; background:#220A23; color:#FFF; margin: 50px 0px 0px 20px; padding:5px; } */
div#rightHowToJoinLyr ul { width:230px; float:left; color:#000; }
div#rightHowToJoinLyr ul h2 { width:200px; float:left; color:#000; text-align:left; padding-bottom:3px; margin-bottom:10px; margin-top:10px; border-bottom:#765287 solid thin; }
div#rightHowToJoinLyr ul a { color:#FC0; text-decoration:none; }
div#rightHowToJoinLyr ul a:hover { color:#F93; text-decoration:none; }

div#leftHopefulLyr { /*width:360px;*/width:306px; height:390px; float:left; }
div#leftHopefulLyr ul li h2 { /*width:330px;*/width:276px; float:left; color:#fff; text-align:left; padding-bottom:3px; margin-bottom:10px; margin-top:10px; border-bottom:#F90 solid thin; }
div#leftHopefulLyr ul li p {/* width:330px;*/width:276px; float:left; color:#fff; text-align:justify; padding-top:5px; padding-bottom:5px; }

div#rightHopefulLyr { /*width:252px;*/width:306px; height:390px; float:left; }
div#rightHopefulLyrInner { /*width:230px;*/width:284px; float:left; background:#220A23; color:#FFF; margin: 50px 0px 0px 20px; padding:5px; }
div#rightHopefulLyrInner .widgettitle { color:#FFF; }
div#rightHopefulLyrInner .wp-polls { color:#FFF; }
div#rightHopefulLyrInner .wp-polls-ul li { color:#FFF; }
div#rightHopefulLyr ul { /*width:230px;*/width:284px; float:left; color:#fff; }
div#rightHopefulLyr ul h2 {/* width:200px;*/width:254px; float:left; color:#fff; text-align:left; padding-bottom:3px; margin-bottom:10px; margin-top:10px; /*margin-top:10px;*/ /*border-bottom:#765287 solid thin;*/ border-bottom:#F90 solid thin;}
div#rightHopefulLyr ul a { color:#FC0; text-decoration:none; }
div#rightHopefulLyr ul a:hover { color:#F93; text-decoration:none; }

/*div#rotate #fragment-3 #sidebar ul li ul li { width:595px; float:left; padding:0px 0px 2px 20px; list-style:none; display:inline; background:green; }*/

.photo-gal h2 a { color:#fff; text-decoration:none; }

/* Page related styles - Starts Here */
/*
#content {
	float: right;
	width: 550px;
	height: 550px;
	padding: 8px;
	margin: 18px 32px 12px 0px;
	overflow:auto;
	background-color:#FFF;
}
*/

.contentLyr { width:950px; float:left; }
.contentLyrL { width:425px; float:left; }
.contentLyrR { width:516px; height:569px; float:left; background:url(images/page_bg.png) no-repeat top left; padding:20px 0px 90px 9px; }
.contentLyrRInner { width:495px; height:550px; float:left; padding:5px; background:#fff; overflow:auto; }

.postLyr {
	width:910px;
	height:795px;
	float:left;	
	padding:45px 20px 45px 20px;
	background:url(images/post_single_lyr_bg.png) no-repeat left top;
}

.postLyrInner { width:890px; height:775px; float:left; padding:10px; background:#fff; overflow:auto; }

.post { margin-bottom: 12px; }

.post-bgtop { }
.post-bgbtm { }

.post .title {
	height: 40px;
	margin-bottom: 15px;
	padding: 6px 0 0 0px;
	letter-spacing: -.5px;
	color: #340045;
	text-transform:uppercase;
	font-weight:bold;
	background:url(images/dotted_line.png) no-repeat bottom left;
}

.post .title a {
	color: #000000;
	border: none;
}

.post .subtitle {
	color: #340045;
	padding:5px 15px 5px 5px;
	background-color: #ffca08;
}

.post .meta {
	width: 400px;
	padding: 5px 20px 5px 10px;
	background: #676767;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #FFFFFF;
}

.post .meta a {
	color: #FFFFFF;
}

.post .entry {
	padding: 0px 0px 20px 0px;
	padding-bottom: 20px;
	text-align: justify;
}

.yellow-line {
	width:100%;
	height:67px;
	background:url(images/solid_line.png) repeat-x top;
}

.links {
	padding-top: 20px;
	font-size: 12px;
	font-weight: bold;
}
/* Page related styles - Ends Here */

.black_overlay{
	display: none;
	position: absolute;
	top: 0%; left: 0%;
	width: 100%; height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.white_content {
	display: none;
	position: absolute;
	top: 25%; left: 30%;
	width: 40%; height: 50%;
	padding: 12px;
	border: 12px solid orange;
	background-color: white;
	text-align:center;
	z-index:1002;
	overflow: auto;
}

/* Footer related styles - Starts Here */
.footerLyr {
	width:948px;
	float:left;	
	padding:5px 0px 40px 0px;
	color:#80678B;
	font-size:12px;
	font-weight:normal;	
}
.bottomPromoLyr {
	width:948px;
	float:left;
	text-align:center;
	padding:10px 0px 10px 0px;
}

.footerLyrL { width:428px; float:left; text-transform:uppercase; }
.footerLyrR { width:520px; float:right; text-transform:uppercase; text-align:right; }

.footerLyr a { color:#505F6A; font-size:12px; font-weight:normal; text-decoration:none; padding:0px 0px 0px 10px; }
.footerLyr a:hover { color:#80678B; text-decoration:underline; }
/* Footer related styles - Ends Here */