/*CSS Reset*/
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; list-style-position:outside;}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*= Modular Float clearing--add this to anything that contains grouping of floated items */
.group:after { content: "."; display: block; height: 0; clear:both; visibility: hidden; }
*html .group { height: 1%; } /*IE6*/
*:first-child+html .group { min-height: 1%; } /* IE7 */

.imgreplace { position: relative; }
	.imgreplace span { background: url(img/sprite.png) 0 0 no-repeat; position: absolute; width: 100%; height: 100%; }	
		.button span { cursor: pointer; }

/*=Main Styles*/
body { 
	font-family: Franklin Gothic Book, Helvetica, Calibri, Arial, sans-serif; 
	font-size: 62.5%; 
}

#stage {
	background: url(img/bg_stage.png) 0 0 no-repeat; 
	font-size: 1.6em;
	line-height: 1.5em;
	margin: 25px auto 0;
	min-height: 427px;
	padding: 56px 41px 40px 72px;
	position: relative;
	width: 741px;
}

#subscribe, #cartoon, #loading { margin-bottom: 75px; width: 741px; }
h1 { 
	margin: 74px auto 40px;
	width: 653px; height: 63px; 
}

p.imgreplace { 
	margin: 0 auto; 
	width: 653px; height: 76px; 
}
	p.imgreplace span { background-position: 0 -63px; }

p.jscriptovision { 
	display: none;
	margin: 0 auto;
	width: 359px; height: 36px; 
}
	p.jscriptovision span { background-position: 0 -138px; }

form { 
	margin: 36px auto 0;
	width: 530px;
}

form p { 
	font-size: 1.4em;
	position:relative;
}
label { 
	color: #666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	position:absolute; top:7px; left:7px;
	z-index: 2;
}

input.text { 
	background: url(img/bg_input-text.png) 0 0 no-repeat;
	border: 1px #666 solid;
	float: left; 
	font-size: .9em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	height: 26px;
	margin: 3px 10px 0 0;
	padding: 7px 7px 0;
	position: absolute; top: 0; left: 0;
	width: 354px;
	z-index: 1;
}

#mc-embedded-subscribe { float: right; }
.mce_inline_error { position: absolute; bottom: -1.5em; }

#cartoon img { border: #000 2px solid; }

/* For all my JS enabled girlfriends */
#loading { 
	background: url(img/bg_loading.gif) center 12em no-repeat;
	height: 369px;
	padding-top: 10.5em;
	text-align: center; 
}
	#loading strong { color: #17cafe;}
.js-on #subscribe, .js-on #cartoon  { 
	position: absolute; top: 56px; left: 72px;
}
.js-on p.jscriptovision { 
	display: block; 
	margin-top: 400px;
}

.js-on #subscribe, .js-on #cartoon { display: none; }

.js-on #cartoon { 
	border: 2px #000 solid;
	width: 737px; height: 365px;
}
.js-on #cartoon ul { position: absolute !important; top: 0; left: 0;}
/*.js-on #cartoon li { display: none; }
.js-on #cartoon li.show { display: block; z-index: 500; }*/
.js-on #cartoon img { 
	border: 0;
	position: absolute; top: 0; left: 0;
}

p#b_skip-cartoon, p#b_replay-cartoon {
	color: #fff; 
	cursor: pointer;
	position: absolute;
	top: 367px; right: 0;
	width: 129px; height: 24px; 
}

p#b_skip-cartoon { background: #17cafe; height: 22px;  right: -2px; }
	p#b_skip-cartoon span { background-position: -129px -177px; }

p#b_replay-cartoon { background: #bfbfbf; z-index: 1; }
	p#b_replay-cartoon span { background-position: 0 -174px; }
	
.contact { font-size: .8em; position: absolute; bottom: 0; left: 0; text-align: center; color: #666; width: 100%; }

.contact a:link, .contact a:visited, .contact a:hover, .contact a:active { color: #333; }

/*Tuna's Twitter bit */
#tuna-twitter { 
	background: url(/coming-soon_01/img/bg_tuna-twitter.png) 0 100% no-repeat; 
	padding-bottom: 111px;
	position: fixed; bottom: 0; right: 10px;
	width: 200px;
}

#tuna-twitter ul {
	background: url(/coming-soon_01/img/bg_tuna-twitter.png) 0 0 no-repeat; 
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 20px 20px 10px;
}

#tuna-twitter ul li{	text-align: center; }


#tuna-twitter a:link { color: #007ba0; }
#tuna-twitter a:hover, #tuna-twitter a:active { color: #009ac8; text-decoration: none;}

#tuna-twitter .twitter_name { font-weight: bold; }

#tuna-twitter .twitter_time { display: block; font-size: .8em; }