/*_________________________________ Globals */
html,body{
	font-family:arial,sans-serif;
	background:#111;
	color:#FFF;
	height:100%;
	margin:0;
	padding:0;
}
body{
	font-size:0.9em;
	overflow-y:scroll;
}
h1, h2, h3, h4, h5{margin:0.2em;}
p{padding:0 0 .1em 0; margin:0.5em;}
ul, ul li{list-style:none; padding:0; margin:0;}
label{display:block;}
.hidden{display:none;}
.clear{clear:both; float:none !important;}
.button, .button:hover{text-decoration:none; position:relative; cursor:pointer; padding:0.1em  0.1em  0.1em  0em;}
.ui-icon{float:left; margin-top:1px;}
.dialog{width:400px;}
.content{padding:0.5em;}

/*_________________________________ Main Stuff */
#container{
	width:760px;
	margin:0 auto;
	min-height:100%;
	position: relative;
}
#title{font-size:1.8em; text-align:center; margin-bottom:1em;}
#intro{
	width:400px;
	position:absolute;
	left:50%;
	margin-left:-200px;
}
#main{padding-bottom:55px;}
#foot{
	font-size:0.7em;
	width:600px;
	position:absolute;
	bottom:0;
	left:50%;
	margin:-40px 0 0 -300px;
}
#info{float:left;}
#switcher{float:right; margin-right: 1em;}
#startFirstGame{margin:0 auto; display:block;}

/*_________________________________ Game Visuals */
#gameOptions{float:left; width:auto;}
#photos{
	width:375px;
	height:300px;
	border:1px solid #DDD;
	overflow:hidden;
	background:url(images/loader.gif) center center no-repeat;
	margin:1em 0 0 0;
}
#photos img{display:block; border:none; float:left;}

/*_________________________________ Game Controls */
#guess{
	float:left;
	margin-left:10px;
	width:325px;
}
#guesses{
	border:1px solid #DDD;
	padding:0.2em;
}
#guesses li{
	float:left;
	margin-right:20px;
	color:#A0A0A0;
}
#timerPos{float:right; font-size:1.5em; margin-top:0.1em;}
#timerPos .ui-icon{margin-top:0.3em;}

/*_________________________________ Fancy Box */
div#fancy_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#666;display:none;z-index:30;}
* html div#fancy_overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');}
div#fancy_wrap{text-align:left;}
div#fancy_loading{position:absolute;height:40px;width:40px;cursor:pointer;display:none;overflow:hidden;background:transparent;z-index:100;}
div#fancy_loading div{position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url('images/fancy_progress.png') no-repeat;}
div#fancy_loading_overlay{position:absolute;background-color:#FFF;z-index:30;}
div#fancy_loading_icon{position:absolute;background:url('images/fancy_loading.gif') no-repeat;z-index:35;width:16px;height:16px;}
div#fancy_outer{position:absolute;top:0;left:0;z-index:90;padding:18px 18px 33px 18px;margin:0;overflow:hidden;background:transparent;display:none;}
div#fancy_inner{position:relative;width:100%;height:100%;border:1px solid #BBB;background:#FFF;}
div#fancy_content{margin:0;z-index:100;position:absolute;}
div#fancy_div{background:#000;color:#FFF;height:100%;width:100%;z-index:100;}
img#fancy_img{position:absolute;top:0;left:0;border:0; padding:0; margin:0;z-index:100;width:100%;height:100%;}
div#fancy_close{position:absolute;top:-12px;right:-15px;height:30px;width:30px;background:url('images/fancy_closebox.png') top left no-repeat;cursor:pointer;z-index:181;display:none;}
#fancy_frame{position:relative;width:100%;height:100%;display:none;}
#fancy_ajax{width:100%;height:100%;overflow:auto;}
a#fancy_left, a#fancy_right{position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer;z-index:111; display:none;background-image:url(data:image/gif;base64,AAAA);outline:none;}
a#fancy_left{left:0px; }
a#fancy_right{right:0px; }
span.fancy_ico{position:absolute; top:50%;margin-top:-15px;width:30px;height:30px;z-index:112; cursor:pointer;display:block;}
span#fancy_left_ico{left:-9999px;background:transparent url('images/fancy_left.png') no-repeat;}
span#fancy_right_ico{right:-9999px;background:transparent url('images/fancy_right.png') no-repeat;}
a#fancy_left:hover{   visibility:visible;}
a#fancy_right:hover{   visibility:visible;}
a#fancy_left:hover span{left:20px; }
a#fancy_right:hover span{right:20px; }
.fancy_bigIframe{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;}
div#fancy_bg{position:absolute;top:0; left:0;width:100%;height:100%;z-index:70;border:0;padding:0;margin:0;}
div.fancy_bg{position:absolute;display:block;z-index:70;border:0;padding:0;margin:0;}
div.fancy_bg_n{top:-18px;width:100%;height:18px;background:transparent url('images/fancy_shadow_n.png') repeat-x;}
div.fancy_bg_ne{top:-18px;right:-13px;width:13px;height:18px;background:transparent url('images/fancy_shadow_ne.png') no-repeat;}
div.fancy_bg_e{right:-13px;height:100%;width:13px;background:transparent url('images/fancy_shadow_e.png') repeat-y;}
div.fancy_bg_se{bottom:-18px;right:-13px;width:13px;height:18px;background:transparent url('images/fancy_shadow_se.png') no-repeat;}
div.fancy_bg_s{bottom:-18px;width:100%;height:18px;background:transparent url('images/fancy_shadow_s.png') repeat-x;}
div.fancy_bg_sw{bottom:-18px;left:-13px;width:13px;height:18px;background:transparent url('images/fancy_shadow_sw.png') no-repeat;}
div.fancy_bg_w{left:-13px;height:100%;width:13px;background:transparent url('images/fancy_shadow_w.png') repeat-y;}
div.fancy_bg_nw{top:-18px;left:-13px;width:13px;height:18px;background:transparent url('images/fancy_shadow_nw.png') no-repeat;}
div#fancy_title{position:absolute;bottom:-33px;left:0;width:100%;z-index:100;display:none;}
div#fancy_title div{color:#FFF;font:bold 12px Arial;padding-bottom:3px;}
div#fancy_title table{margin:0 auto;}
div#fancy_title table td{padding:0;vertical-align:middle;}
td#fancy_title_left{height:32px;width:15px;background:transparent url(fancy_title_left.png) repeat-x;}
td#fancy_title_main{height:32px;background:transparent url(fancy_title_main.png) repeat-x;}
td#fancy_title_right{height:32px;width:15px;background:transparent url(fancy_title_right.png) repeat-x;}
