@charset "utf-8";

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1.3;
	color: black;
	background:url('../images/bg.gif') repeat;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-style:italic;
	font-size: 62.5%; /* 1em is 10px */
	 -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px; 

}
body, html, form  {height:100%;width:100%;margin:0;padding:0;}
input   {display:none;}

hr {display:none;}
ol, ul {list-style: none;}
html, body {height:100%; /* needed for container min-height */}

div#container {
	width:960px; 
	margin:0 auto; 
	background-color:#f4f4f4; 
	height:auto !important; 
	height:100%;  
	min-height:100%; 
}

div#header {
	background:url('../images/top_header.jpg') no-repeat; 
	width:960px; 
	height:554px; 
	position:relative;
}

div#headerForm {
	background:url('../images/top_headerForm.jpg') no-repeat; 
	width:960px; 
	height:554px; 
	position:relative;
}

	h1#logo {
		background:url('../images/logo.jpg') no-repeat; 
		width:231px; 
		height:230px; 
		display:block;
	}
	
	h1#logo a {
		text-indent:-9999em; 
		display:block; 
		width:231px; 
		height:230px;
	}
			
	span#twentysixLogo {
		background:url('../images/poweredBy.gif') no-repeat; 
		width:223px; 
		height:37px; 
		display:block; 
	}
	
	span#twentysixLogo a {
		text-indent:-9999em; 
		display:block; 
		width:223px; 
		height:37px;
	}

div.info        { width:200px; color:#999; display:block; font-size:1em; font-family:Arial, Helvetica, sans-serif; font-style:normal; margin:0 0 0 30px;}
div.info h2     { font-family: 'Times New Roman', Times, serif;font-size:2em;color:#fff;font-weight:bold;border-bottom:1px solid #443D4D;padding:10px 0;margin-bottom:10px;}
div.info p      { margin-bottom:10px;}
div.info span   {color:#fff;}
div.info a      {display:block;height:21px;width:167px;background:transparent url(../images/register_for_updates.gif) no-repeat top left;}
div.info a span {display:none;}

div#characterContainer {
	position:absolute; 
	top:40px; 
	right:58px;
}

div.characterCol {
	width:120px; 
	float:left; 
	display:inline-block; 
	margin:0px 0px 0px 50px; 
	text-align:center;
}

div.characterCol h2 {
	margin:160px 0px 0px 0px; 
	font-size:1.4em;
	font-weight:bold;
	text-transform:capitalize;
}

span.result {
	color:#fff; 
	font-size:2em; 
	margin:10px 0px 0px 0px; 
	display:inline-block; 
	font-weight:bold;
}

div.bar-result {margin:15px auto; width:91px; display:block; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px; }

div.grunch {background:url('../images/character-grunch.png') no-repeat; width:120px; height:132px; color:#009345;}
div.grunch div.bar-result {background-color:#009345; height:200px;}

div.jesus {background:url('../images/character-jesus.png') no-repeat; width:120px; height:132px; color:#ffd641;}
div.jesus div.bar-result {background-color:#ffd641; height:100px;}

div.snowman {background:url('../images/character-snowman.png') no-repeat; width:130px; height:137px; color:#00a5ea;}
div.snowman div.bar-result {background-color:#00a5ea; height:75px;}

div.santa {background:url('../images/character-santa.png') no-repeat; width:120px; height:144px; color:#ed1c24;}
div.santa div.bar-result {background-color:#ed1c24; height:250px;}


div#tweetResults {
	padding:20px; 
	position:relative; 
	float:left; 
	width:920px; 
	background:#fbfbfb url('../images/resultBg.gif') no-repeat; 
}

div#tweetResults h3 {
	float:left;  
	background:url('../images/latestTweets.gif') no-repeat;
	width:165px;
	height:55px;
	text-indent:-99999em;
}

div#results {
	float:right; 
	margin:0px 25px 10px 0px; 
	display:inline;
}

div.resultCol {
	width:150px; 
	float:left; 
	font-size:1em; 
	font-style:italic; 
	font-family:Arial, Helvetica, sans-serif;  
	margin:0px 0px 0px 10px;
	background:url('../images/divider.gif') repeat-y 0% 0%;
	padding:0px 0px 0px 10px;
	min-height:530px;
	height:auto !important;
	height:530px;
}

ol.tweets li{
	margin:0px 0px 10px 0px; 
	display:block;
	background-color:#f4f4f4; 
	padding:5px;
	-moz-border-radius-bottomleft:5px; -moz-border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;-webkit-border-radius: 5px;
} 

	ol#crunchlist span.highlight {color:#009345; font-weight:bold; font-size:1.2em;}
	ol#religionlist span.highlight {color:#e4ad18; font-weight:bold; font-size:1.2em;}
	ol#spiritlist span.highlight {color:#00a5ea; font-weight:bold; font-size:1.2em;}
	ol#commercelist span.highlight {color:#ed1c24; font-weight:bold; font-size:1.2em;}

div.register {position:absolute; top:170px; right:10px; width:600px; color:#fff;}
div.register h2 {font-size:2em; margin:0px 0px 25px 0px;}
div.register label {float:left; margin:0px 10px 0px 0px; font-size:1.3em;} 
div.register input { float:right; }
div.register div.formRow {float:left; width:250px; clear:both; margin:0px 0px 10px 0px;}

div#footer {position:absolute; bottom:0px; left:20px;}