@charset "utf-8";
/* Fall09 Theme */
#contactinfo, #rulesinfo, #prizeinfo, #winnerinfo, #finalevent, #decode{
	overflow:hidden;
	clear:left;
	width:260px;
	border-bottom:1px dotted #ccc;
}
*{
	outline:none;
}
#gameimage img{
	width:580px;
	height:auto;
}
img{
	border:none;
}
a:link, a:visited, a:active{
	text-decoration:none;
	color:#F33;
}
a:hover{
	color:#666;
}
p{
	margin:0;
}
body, input, textarea{
	font-family:'Trebuchet MS', Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, .closeMessage{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	margin-top:0;
}
h2, h3, h4{
	margin-bottom:15px;
}
h5, h6{
	margin-bottom:10px;
}
h4, .closeMessage{
	font-size:16px;
	font-weight:bold;

}
#page{
	width:960px;
	margin: 0 auto;
}
#page div{
	float: left;
	display:inline;
}
#header{
	clear:left;
	width:960px;
	padding:30px 0px;
}
#header img{
	padding-left:20px;
}
#countdown{
	clear:left;
	width:960px;
	border-bottom:2px black solid;
	padding-bottom:15px;
	font-size:48px;
	overflow:hidden;
}
#countdown p{
	font-size:12px;
}
#left-col{
	clear:left;
	width:260px;
	padding:0px 30px;
	margin-top:30px;
}
#left-col input, #left-col textarea, #right-col input{
	width:256px;
        margin-bottom:10px;
}
textarea{
	height:100px;
}
#left-col div{
	clear:left;
	padding-bottom:5px;
	width:260px;
}
#left-col h3 a{
	margin-bottom:15px !important;
}
#right-col{
	width:260px;
	padding:0px 30px;
	margin-top:30px;
}
#right-col div{
	clear:left;
	padding-bottom:5px;
	width:258px;
}
#right-col .smaller1{
	padding-bottom:40px;
}
ul{
	padding:0px 0px 0px 15px;
	margin-top:0;
}
ul li{
	font-size:.8em;
	padding-bottom:8px;
	list-style-type:circle;
}
#join-newsletter-input input{
	background-color:white !important;
	border:none !important;
	width:15px !important;
	color:white;
}
.button{
	width:55px !important;
	font-size:12px !important;
	margin-bottom:5px;
	background-color:#CCC;
}
#qrinfo h4, #contactinfo h4, #rulesinfo h4, #finalevent h4, #prizeinfo h4, #aboutinfo h4, #decode h4, #winnerinfo h4, #messageinfo h4{
	width:260px;
	text-align:right;
}
#topText{
    font-weight:bold;
	line-height:1.4em;
	margin-bottom:15px;
	letter-spacing:1px;
}
#qrinfo p, #rulesinfo p, #finalevent p, #prizeinfo p, #winnerinfo p, #decode p, #messageinfo p, .butwait p, #aboutinfo p{
	font-size:.8em;
	color:#333;
	padding-bottom:5px;
	line-height:1.4em;
	letter-spacing:1px;
	padding-left:10px;	
}
#messageinfo ul{
	border:2px solid #09f;
	padding:5px 5px 5px 20px;
}
#contactinfo p, #right-col p{
	color:#333;
	line-height:1.4em;
	letter-spacing:1px;
}
#right-col #hint{
	padding-bottom:20px;	
}
#aboutinfo p, #qrinfo p{
	padding-bottom:10px !important;
}
.qrimage{
	padding:20px 0px 40px 0px;
}
#game-holder{
	clear:left;
	padding:30px 30px 0px 30px;
	overflow:hidden;
}
#gameimage{
	padding-bottom:30px;
}
.puzzle-title{
	clear:left;
	width:130px;
}
.puzzle-title h3{/*NEEDED*/
	padding-bottom:20px;
}
.all-game-stats{
	width:450px;
}
.all-game-stats p{
	display:inline-block;
	padding-left:20px;
	font-size:.6em;
	color:#666;
	text-align:right;
	font-family:Verdana, Helvetica, sans-serif;
}
#footervid{
	clear:left;
	width:960px;
	padding-bottom:20px;
	margin-top:40px;
	border-top:2px black solid;
}
#twitter{
	clear:left;
	width:319px;
	overflow:hidden;
}
#rss, #newsletter{
	width:319px;
	border-left:1px dotted #ccc;
	overflow:hidden;
}
.footer-logo{
	clear:left;
	padding: 0px 10px;
	width:50px;
}
.footer-info, .footer-info a{
	padding-right:10px;
	width:239px;
	color:#666 !important;
	display:inline;
	letter-spacing:1px;
}
input, textarea{
	color:#666;
	border:1px #666 solid;
	font-size:14px;
}
.footer-info input{
	margin-right:10px;
	margin-top:5px;
	width:156px;
}

#stayconnected{
	clear:left;
	width:960px;
}
.smaller1{
	font-size:.8em;
	color:#333;
	line-height:1.3em;
	letter-spacing:1px;	
}
.smaller2{
	font-size:.8em;
	letter-spacing:1px;
}
.smaller3{
	font-size:.8em;
	color:#999;
}
.smaller4{
	font-size:.7em;
}
#join-newsletter-input{
	font-size:.8em;
}
.red{
	color:red;
	font-weight:bold;
}
.nols{
	letter-spacing:.2em !important;
}
#error404{
	padding:40px 0px 40px 140px;
}
.left-spacer{
	clear:left;
	width:320px;
}
#miss{
	clear:left;
	width:280px;
	padding-left:160px;
}
/*Step Carousel*/
#gallery-holder{
	padding:30px 30px 0px 30px;
}
#mygallery{
	clear:left;
	overflow: hidden;
}
.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 580px;
	height: 680px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel{
	float: left; /*leave this value alone*/
	display:inline;
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0; /*margin around each panel*/
	width: 580px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
#messageHeader{
	width:300px;
	margin-top:40px;
	padding-right:20px;
}
#messageMessage{
	width:320px;
	margin:90px 0px 50px 0px;
	letter-spacing:1px;
	line-height:1.3em;
	font-size:17px;
	color:#999;
}
#messageHeader h2{
	text-align:right;
}
#valid{
	clear:left;
	width:960px;
	padding-top:80px
}
#valid p{
	text-align:center;
	padding:0px 20px;
	display:inline;
	font-size:.6em;
	letter-spacing:1px;
}
#valid p a{
	color:#999;
}
#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
	position:relative;
	width:300px;
	min-height:100px;
	margin-top:10%;
	border:2px solid #000;
	background-color:#F2F5F6;
	background-image:url(images/alert.png);
	background-repeat:no-repeat;
	background-position:20px 50px;
}

#modalContainer > #alertBox {
	position:fixed;
}
#alertBox h1, .panel .winner .thewinner h1 {
	font-size: 1.2em;
	color:#FFF;
	padding:5px;
}
#pleaseRead{
	color:#09F;
	font-weight:bold;
	font-size:2.5em;
}
.winner{
	clear:left;
	background-color:white;
	margin-bottom:10px;
}
.panel .winner{
	position:relative;
	bottom:500px;
	left:90px;
	width:400px;
	border:20px white solid;	
}
#right-col .winner{
	width:256px;

	border:1px #666 solid;	
}
#right-col .winner .vitalinfo p{
	visibility:hidden !important;
	height:0px !important;
	padding:0 !important;;
	margin:0 !important;;
}
#right-col .winner .thewinner h1{
	font-size: .9em;
	color:#FFF;
	border-bottom:1px solid #666;
	padding:2px 0 2px 5px;
}
#right-col .winner .bigger{
	font-weight:bold;
}
.panel .winner .bigger{
	font-size:1.3em !important;
	font-weight:bold;
	line-height:1.4em !important;
	letter-spacing:normal !important;
}
.winner div{
	clear:left;
}
.thewinner h1{
	background-color:#09f;
	text-align:center;	
}
.panel .winner .thewinner{
	width:400px;	
}
#right-col .winner .thewinner{
	width:256px;
	overflow:hidden;	
}
.butwait p{
	padding:10px 19px 0px 19px;
}
.panel .winner .butwait p{
	width:362px;
}
#right-col .winner .butwait p{
	width:220px;
}
.panel .winner .close p{
	width:390px;	
}
.close p{
	text-align:right;
	padding:10px 10px 10px 0px;
}
#right-col .winner .close p{
	visibility:hidden !important;
	height:0px !important;
}

#alertBox h1{
	background-color:#F33;
}
#alertBox p {
	font:0.8em verdana,arial;
	height:50px;
	padding-left:5px;
	padding-top:10px;
	margin-left:55px;
}

#alertBox #closeBtn{
	display:block;
	position:relative;
	margin:5px auto;
	padding:0px;
	width:50px;
	font-size:12px;
	text-align:center;
	background-color:#CCC;
	text-decoration:none;
	color:#666;
	border:1px #666 solid;
	z-index:10;	
}
#didyou{
	font-weight:bold;
	font-size:1em;
}
.sq{
	font-size:.7em !important;
}