/************************************************************************

	Site: Starlicious
	URL: http://dailyfill.com/starlicious
	Author: eROI
	Author URI: http://eroi.com/


	Listing Order:
	==============

	
	1 - RESET
	2 - STRUCTURE
	3 - HEADER
	4 - MIDDLE
	5 - GAIN
	6 - QUESTIONATOR
	7 - SIDEBAR
	8 - FOOTER
	
************************************************************************/

/***********************************************************************
	1 - RESET
************************************************************************/
.game-left {
	position:relative;
	overflow:hidden;

	height:0px;
	/*left:-9999px;*/
}
#gain-top-show {display:none;}
.show-left {
	position:relative;
	overflow:hidden;
	/*left:-9999px;*/
}
/*#share, .game, .answer, #sharethis-email {
	display:none;
}*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/***********************************************************************
	2 - STRUCTURE
************************************************************************/

body {
	background:#6D034D url(http://starlicious.s3.amazonaws.com/images/bg-main.png) no-repeat;
	margin:0!important;
	padding:0px!important;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#898989!important;
}
a {
	outline:none;
	color:#d3236d;
	text-decoration:none;
}

#container { 
	background:url(http://starlicious.s3.amazonaws.com/images/bg-main.png) no-repeat;
	width:920px;
	height:650px;
	overflow:hidden;
}
#logo span,
.gain-top-show span,
.gain-top-game span,
#gain-bottom span,
#gain-bottom-right span,
.icon span,
.bottom-tab span {
	display:none;
}
/***********************************************************************
	3 - HEADER
************************************************************************/

div#header {
	z-index:9999;
	width:920px;
	height:100px;
	position:relative;
	padding:0 0 10px 0;
}
#logo { 
	background:url(http://starlicious.s3.amazonaws.com/images/logo.png) no-repeat;
	width:246px;
	height:102px;
	float:left;
	margin:0 0 0 12px;
	display:inline;
	z-index:-2;
}

/***********************************************************************
	4 - MIDDLE
************************************************************************/

#middle {
	height:416px;
	width:920px;
	display:block;
	float:left;
	margin:-44px 0 0 0;
}
.flash {
	width:640px;
	height:360px;
	float:left;
	margin:23px 0 0 23px;
	background:url(http://starlicious.s3.amazonaws.com/images/bg-game.gif) no-repeat;
	overflow:hidden;
}
div#flash-game {margin:0px;}
.main {
	
	width:920px;
	height:416px;
}
#show {
	background:url(http://starlicious.s3.amazonaws.com/images/bg-show.png) no-repeat;
}

#game {
	background:url(http://starlicious.s3.amazonaws.com/images/bg-game.png) no-repeat;
}
.non-flash {
	background:url(http://starlicious.s3.amazonaws.com/images/bg-game.gif) no-repeat;
	width:640px;
	height:360px;
	float:left;
	margin:23px 0 0 23px;
}
/* share */
#share h1, 
#share p,
div#submit-score,
div#play-again {
	background:url(http://starlicious.s3.amazonaws.com/images/share-screen.png) no-repeat;
}
#share h1 {
	background-position: 0 0;
	height:32px;
	width:524px;
	margin:36px 0 0 64px;
}
#share p {
	float:left;
}
#share p a,
#play-again a,
#submit-score a {
	display:block;
	width:100%;
	height:100%;
}
#share-options {
	width:400px;
	height:200px;
	clear:both;
	display:block;
	margin:21px 0 0 132px;
}
#share h1 span,
#share p span {
	display:none;
}
#share p#share-twitter {
	background-position: -108px -54px;
	height:84px;
	width:75px;
	margin:0 90px 0 40px;
}
#share p#share-myspace {
	background-position: -67px -147px;
	height:87px;
	width:154px;
	margin:5px 90px 0 0;
}
#share p#share-facebook {
	background-position: -312px -54px;
	height:85px;
	width:160px;
	margin:0 0 0 32px;
}
#share p#share-email {
	background-position: -320px -147px;
	height:90px;
	width:147px;
}
div#play-again {
	background-position: -291px -260px;
	width:169px;
	height:39px;
	float:left;
	margin:8px 0 0 0;
}
div#submit-score {
	background-position: -67px -263px;
	width:218px;
	height:35px;
	float:left;
	margin:10px 10px 0 130px;
}

div.no-score {
	margin-left:250px!important;
	float:left;
}
/*  share - register 1 */
div#share-register {
	/*display:none;*/
}
div#share-register h1,
div#share-register input,
div#share-register label,
div#total-score,
div#before,
div#after,
div#end {
	background:url(http://starlicious.s3.amazonaws.com/images/registration-screen.png) no-repeat;
}
div#share-register h1 span,
div#share-register label span {
	display:none;
}
div#share-register label#terms-label a {
	color:#ffffff;
	text-decoration:underline;
}
div#share-register label#terms-label span {
	display:inline!important;
	color:#ffffff;
}
div#share-register input#terms,
div#share-register label#terms-label {
	background:none!important;
}
div#share-register label#terms-label {
	position:relative;
	top:-2px;
}
div#share-register input#submit-registration {
	text-indent:-9999px;
}
div#share-register h1 {
	background-position: -80px 0;
	width:383px;
	height:50px;
	margin:25px 0 0 133px;
}
div#share-register #fbconnect-button {
	float:left;
	margin:15px 50px 20px 120px;
}
div#share-register p#share-register-myspace {
	width:162px;
	height:23px;
	background:blue;
	float:left;
	margin:15px 0 20px 0 ;
}
div#share-register-form {
	display:block;
	clear:both;
	margin:10px 0 0 0;
}
div#form-wrapper {
	position:absolute;
	top:220px;
}
div#share-register label#display-name-label {
	display:block;
	background-position: 0 -108px;
	width:235px;
	height:24px;
	margin:0 0 5px 50px;
}
div#share-register label#email-address-label {
	display:block;
	background-position: 0 -171px;
	width:235px;
	height:24px;
	margin:0 0 5px 50px;
}
div#share-register input#display-name {
	background-position: -5px -137px;
	border:none;
	width:208px;
	height:21px;
	padding:5px;
	margin:0 0 5px 55px;
	color:#6D034D;
	font-weight:bold;
}
div#share-register input#contestant_email {
	background-position: -4px -199px;
	border:none;
	width:279px;
	height:21px;
	padding:5px;
	margin:0 0 15px 55px;
	color:#6D034D;
	font-weight:bold;
}
div#share-register input#terms {
	margin:0 5px 0 192px;
}
div#share-register input#submit-registration {
	background-position: -189px -265px;
	width:169px;
	height:39px;
	border:none;
	margin:15px 0 0 245px;
}
div#total-score {
	position:relative;
	top:-200px;
	left:360px;
	background-position: -309px -110px;
	width:234px;
	height:93px;
	padding:40px 0 0 0;
	text-align:center;
}

/* facebook */
#fbconnect-avatar {
	margin:60px 20px 20px 55px;
	float:left;
}
#facebook-connected {
	float:left;
	width:500px;
	margin:60px 0 0 0;
}
div#before {
	background-position: -7px -355px;
	width:30px;
	height:29px;
	float:left;
	margin:0 8px 0 0;
}
div#fbconnect-name {
	font-size:18px;
	color:#ffffff;
	float:left;
	width:auto;
	margin:0 8px 0 0;
}
div#after {
	background-position: -104px -355px;
	width:241px;
	height:26px;
	float:left;
}
div#end {
	background-position: -7px -423px;
	width:436px;
	height:27px;
	clear:both;
}
#error {
	color:#24021d;
	font-weight:bold;
	/*margin-left:57px;*/
	float:right;
	margin:25px 0 0 10px;
	text-align:left;
	width:200px;
}
#error li {
	clear:both;
	padding:0 0 2px 0;
}
label.error {display:none;}
/* myspace */

div#myspace {
	/*margin:11px 0 0 0;*/
	position:absolute;

	margin-top:11px;
}
div#myspace-button {
	position:absolute;
	left:330px;
}
#myspace-avatar img {
	width:50px;
	height:auto;
}
#myspace-avatar {
	height:50px;
	width:50px;
	overflow:hidden;
	margin:60px 20px 20px 55px;
	float:left;
}
#myspace-connected {
	float:left;
	width:500px;
	margin:60px 0 0 0;
}
div#myspace-name {
	font-size:18px;
	color:#ffffff;
	float:left;
	width:auto;
	margin:0 8px 0 0;
}
/* thank you */

div#thank-you h1,
div#thank-you p,
div#thank-you div#watch-starlicious,
div#thank-you div#share-starlicious {
	background:url(http://starlicious.s3.amazonaws.com/images/thank-you-screen.png) no-repeat;
}
div#thank-you h1 {
	background-position: 0 0;
	width:455px;
	height:62px;
	margin:60px 0 0 100px;
}
div#thank-you h1 span,
div#thank-you p span {
	display:none;
}
div#thank-you p {
	background-position: -58px -83px;
	width:353px;
	height:55px;
	margin:22px 0 0 158px;
}
div#thank-you div#watch-starlicious {
	background-position: -105px -150px;
	width:227px;
	height:60px;
	margin:15px 0 0 205px;
	clear:both;
}
div#thank-you div#play-again {
	margin:0 0 0 120px;
	float:left;
}
div#thank-you div#share-starlicious {
	background-position: -199px -213px;
	width:222px;
	height:44px;
	float:left;
	margin:0 0 0 7px;
}
div#thank-you div#watch-starlicious a,
div#thank-you div#play-again a,
div#thank-you div#share-starlicious a {
	display:block;
	width:100%;
	height:100%;
}

#error-screen h1 {
	width:429px;
	height:75px;
	background:url(http://starlicious.s3.amazonaws.com/images/error-headline.png) no-repeat;
	margin:80px 0 0 113px;
}
#error-screen h1 span {
	display:none;
}
#error-screen #play-now {
	width:402px;
	height:60px;
	background:url(http://starlicious.s3.amazonaws.com/images/btn_play-now.png) no-repeat;
		margin:38px 0 0 125px;
}
#error-screen #play-now a {
	display:block;
	width:100%;
	height:100%;
}
/***********************************************************************
	5 - GAIN
************************************************************************/

.gain-top-show { 
	background:url(http://starlicious.s3.amazonaws.com/images/gain-top-game.png) no-repeat 200px 0;
	width:660px;
	height:112px;
	float:left;
	z-index:-2;
}
.gain-top-game { 
	background:url(http://starlicious.s3.amazonaws.com/images/gain-top-show-new.png) no-repeat 200px 0;
	width:660px;
	height:112px;
	float:left;
		z-index:-2;
}
.gain-top-show a,
.gain-top-game a,
.gain-bottom a,
#gain-bottom-right a {
	display:block;
	height:100%;
	width:100%;
}
#gain-bottom { 
	background:url(http://starlicious.s3.amazonaws.com/images/gain-bottom-green.png) no-repeat;
	width:152px;
	height:121px;
	position:absolute;
	top:331px;
	z-index:2;
	display:none;
}
.red-gain {
	background:url(http://starlicious.s3.amazonaws.com/images/gain-bottom-red.png) no-repeat!important;
}
#gain-bottom-right {
/*	height:70px;
	width:125px;
	float:left;
	margin:25px 0 0 0;*/

}
#gain-bottom-right a {
	display:block;
	width:100%;
	height:100%;
}
/***********************************************************************
	6 -  QUESTIONATOR
************************************************************************/
div.text-line p {
	float:left;
}
div.text-line {margin:auto;}

.question span img,
.answer span img {
	
}

#questionator { 
	background:url(http://starlicious.s3.amazonaws.com/images/bg-questionator-new.png) no-repeat;
	width:920px;
	height:123px;
	clear:both;
	margin:0 0 0 -2px;
	position:relative;
	top:-10px;
}

.question, .answer, .questionator-promo {
	float:left;
	text-align:center;
	font-size:18px;
	width:540px;
	text-transform:uppercase;
	letter-spacing:-1px;
	padding:6px 10px 0 0;
	display:inline;
	
}
.question-answer-pair {
	height:70px;
	width:480px;
	overflow:hidden;
	margin-left:255px;
}
.question p, .answer p, .questionator-promo p {
	margin:40px 0 0 0;

}
.question span {
	color:#cbab4d;
}
.answer span {
	color:#d3236d;
}
/***********************************************************************
	7 - SIDEBAR
************************************************************************/

.sidebar {
	float:left;
	width:220px;
	margin:14px 0 0 10px;
	
}
#sidebar-about,
#sidebar-episodes,
#sidebar-leaderboard,
.this-week,
.overall { 
	background:url(http://starlicious.s3.amazonaws.com/images/sidebar-new.png) no-repeat;
}
#sidebar-about { 
	background-position: 0 0;
	width: 227px;
	height: 243px;
	padding:40px 0 0 0;
	display:none;
	position:relative;
	top:5px;
	left:6px;
} 
#sidebar-about em {
	font-weight:bold;
}
#sidebar-about p {
	padding:0 20px 0 15px;
	line-height:15px;
	font-size:11px;
}
#sidebar-episodes { 
	background-position: 0 -302px;
	width: 227px;
	height: 243px;
	padding:20px 0 0 0;
	position:relative;
	top:5px;
	left:6px;


} 
#sidebar-episodes ul {
	display:block;
}
div.show-about a, 
div.show-episodes a {
	display:block;
	width:100%;
	height:100%;
}

div.show-about,
div.show-episodes {
	height:26px;
	width:105px;
	float:left;
	position:relative;
	z-index:99999;
		left:10px;
}
#sidebar-leaderboard { 
	background-position: 0 -604px;
	width: 227px;
	height: 263px;
	text-transform:uppercase;
	color:#2f871b;
	font-size:12px;
} 
.this-week,
.overall {
	width: 227px;
	height: 263px;
	padding:0 0 0 0;
	
}
.this-week { 
	background-position: 0 -1191px;
	width: 227px;
	height: 263px;
	text-transform:uppercase;
	color:#2f871b;
	font-size:12px;
	
} 
.overall { 
	background-position: 0 -1475px;
	width: 227px;
	height: 263px;
	text-transform:uppercase;
	color:#2f871b;
	font-size:12px;
} 
.sidebar-leaderboard-score-options div.show-this-week,
.sidebar-leaderboard-score-options div.show-overall {
	height:26px;
	width:105px;
	float:left;
	margin-top:40px;
	
}
.sidebar-leaderboard-score-options div.show-this-week {
	margin-left:10px;
}

.sidebar-leaderboard-score-options div.show-this-week a,
.sidebar-leaderboard-score-options div.show-overall a {
	display:block;
	height:100%;
	width:100%;

}
#sidebar-episodes #btn-play {
	margin-top:60px;
}
#sidebar-leaderboard ul {
	margin:70px 0 0 20px;
	padding:4px 0 0 0;
	width:180px;
	list-style-type:none;
	font-weight:bold;
	font-size:11px;
	float:left;
}
#sidebar-episodes ul {
	margin:6px 0 0 20px;
	padding:4px 0 0 0;
	width:180px;
	list-style-type:none;
	font-weight:bold;
	font-size:11px;
	float:left;
}
.this-week ul {
	margin:0 0 0 20px;
	padding:4px 0 0 0;
	float:left;
	width:180px;
	list-style-type:none;
	font-weight:bold;
	font-size:11px;
}
.overall ul {
	margin:0 0 0 20px;
	padding:4px 0 0 0;
	float:left;
	width:180px;
	list-style-type:none;
	font-weight:bold;
	font-size:11px;
}
#sidebar-leaderboard ul li,
.this-week ul li,
.overall ul li,
#sidebar-episodes ul li {
	height:18px;
	line-height:18px;
	width:180px;
}
div.clear {
	clear:both;
}
#sidebar-leaderboard ul li div.right,
.this-week ul li div.right,
.overall ul li div.right,
#sidebar-episodes ul li div.right {
	text-align:right;
	color:#2f871b;
	float:right;
}
#sidebar-episodes ul li div.right {
	text-transform:uppercase;
}
#sidebar-episodes ul li div.right a.pink {
	color:#b0007b;
	text-decoration:underline;
}
#sidebar-episodes ul li div.right a.grey {
	color:#898989;
	font-size:9px;
	text-decoration:none;
	cursor:default;
}
#sidebar-leaderboard div.left,
.this-week div.left,
.overall div.left,
#sidebar-episodes div.left {
	color:#7a7a7a;
	text-align:left;
	float:left;

}
#sidebar-episodes div.left {
	text-transform:uppercase;
	color:#5d0039;
}
#sidebar-leaderboard div.left span,
.this-week div.left span,
.overall div.left span {
	color:#2f871b;
}
#txt-about { 
	background:url(http://starlicious.s3.amazonaws.com/images/sprite-gif.gif) no-repeat;
	background-position: 0 -524px;
	width: 181px;
	height: 105px;
	text-indent:-9999px;
	margin:0 0 0 15px;
	padding:0;
} 
.bottom-tab { 
	background:url(http://starlicious.s3.amazonaws.com/images/bottom-tab-new.png) no-repeat;
}
.bottom-tab a {
	display:block;
	width:100%;
	height:100%;
}
#btn-go-back { 
	background-position: 0 0;
	width: 186px;
	height: 93px;
	margin:16px 0 0 25px;
	padding:0;
} 
.watch-latest {
	background:url(http://starlicious.s3.amazonaws.com/images/btn_watch-latest.png) 0 10px no-repeat!important;
}
#btn-play { 
	background-position: 0 -143px;
	width: 190px;
	height: 83px;
	margin:48px 0 0 18px;
	padding:0;
}
div#sidebar-episodes #btn-play {
	margin:39px 0 0 18px;
}

li.rounds a {
	color:#b71f8a;
	text-decoration:underline;
	padding-right:19px;
	font-weight:normal;
	font-size:10px;
}
li.rounds a.last {
	padding:0px!important;
}

#sidebar-episodes ul li {
	height:19px!important;
}
li.rounds a.active-round {
	font-style:italic;
	font-weight:bold;
	height:20px!important;
}
#sidebar-episodes ul li span.arrow {
	text-decoration:none!important;
	color:#B0007B;
}
/***********************************************************************
	8 - FOOTER
************************************************************************/

#footer,
#btn-newsletter-submit,
#icon-facebook,
#icon-twitter,
#icon-mail,
#icon-myspace,
#bg-newsletter-submit,
#bg-input-newsletter,
#txt-newsletter-signup,
#txt-share-starlicious,
#txt-privacy { 
	background:url(http://starlicious.s3.amazonaws.com/images/sprite-gif.gif) no-repeat;
}
#footer {
	margin:-13px auto 0 auto;
	display:block;
	height:31px;
	padding:8px 0 0 20px;
	background-position: 0 0;
	
}
#footer p {
	margin:5px 18px 0 0;
}

#newsletter-signup-thankyou {
	display:none;
	color:#ffffff;
	width:225px;
	float:left;
	text-align:center;
}
#bg-input-newsletter { 
	background-position: 0 -89px;
	width: 120px;
	height: 13px;
	float:left;
	border:none;
	color:#ffffff;
	font-size:10px;
	text-align:right;
	padding:5px 11px 5px 11px;
/*	line-height:20px;*/
	margin:0 10px 0 0;
} 
#btn-newsletter-submit { 
	background-position: 0 -162px;
	width: 76px;
	height: 28px;
	float:left;
	border:none;
	text-indent:-9999px;
	font-size:0%;
	color:#d96596;
	margin:-1px 15px 0 0;
	outline:none;
} 

#newsletter-signup .red {
	color:#dd0000;
}
form#newsletter-signup label.error {
	display:none!important;
}
.icon {
	float:left;
	padding:0 12px 0 0;
	display:inline;
}
.icon a,
#txt-privacy a {
	display:block;
	width:100%;
	height:100%;
}
#icon-facebook { 
	background-position: 0 -240px;
	width: 20px;
	height: 21px;
} 
#icon-mail { 
	background-position: 0 -311px;
	width: 21px;
	height: 21px;
} 
#icon-myspace { 
	background-position: 0 -382px;
	width: 21px;
	height: 21px;
} 
#icon-twitter { 
	background-position: 0 -453px;
	width: 20px;
	height: 21px;
} 
#txt-newsletter-signup { 
	background-position: 0 -663px;
	width: 316px;
	height: 15px;
	float:left;
	text-indent:-9999px;
} 
#txt-share-starlicious { 
	background-position: 0 -728px;
	width: 103px;
	height: 12px;
	float:left;
	text-indent:-9999px;
} 
#txt-privacy { 
	background-position: 0 -697px;
	text-indent:-9999px;
	height:15px;
	float:left;
	width:43px;
	position:relative;
	left:8px;
}
div#sharethis-email {
	display:block;
	height:230px;
	width:175px;
	/*border:1px solid #a1236d;
	background-color:#36092b;
	position:relative;
	top:-200px;
	left:689px;
	background:#6D034D;*/
	color:#ffffff;
}
a#fb-logout {
	color:#ffffff;
}

div#sharethis-email h1 {
	float:left;
	padding:0 0 10px 0;
}
div#sharethis-email h2 {
	position:relative;
	top:-20px;
	left:160px;
}
div#sharethis-email h2 a {
	color:#ffffff;
}
div#sharethis-email form {
/*	display:block;*/
	clear:both;
}
div#sharethis-email input, div#sharethis-email textarea {
	margin:5px 0 10px 0;
}
div#sharethis-email input, div#sharethis-email textarea {
	width:150px;
}
div#sharethis-email input#sharethis-send {
	width:60px;
}


div#sharethis-email {
/*	background:#6D034D url(/images/bg-iframe.gif);*/
	width:175px;
	overflow:hidden;
	color:#fff;
	display:none;
}
div#sharethis-email p {
	margin:20px 0 0 0;
}
div#sharethis-email input, div#sharethis-email textarea {
	width:150px;
	margin:5px 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
div#sharethis-email input#sharethis-send {
	width:60px;
}
div#sharethis-email #emailform {
	width:175px;
	overflow:hidden;
}
div#sharethis-email label.error {
	display:none;
	color:#D3236D;
}
/*#privacy, #terms {
	display:none;
}*/

div#privacy-content p, 
div#rules-content p,
div#rules-content strong {
	padding-bottom:10px;
	color:#fff;
}
div#rules-content h2 {
	font-size:12px;
	color:#fff;
	margin:10px 0 10px 0;
}
div#thanks {
	position:absolute;
	top:-20px;
	color:#D3236D;
}
div#unicorn {
	height:77px;
	width:132px;
	background:url(http://starlicious.s3.amazonaws.com/images/secret-unicorn.png) no-repeat;
	position:absolute;
	top:0px;
	left:390px;
	z-index:-9999;
	overflow:hidden;
}
