@import 'reset.css';

/* *** defaults and common elements *** */
html, body { height: 100%; }
body { font: 110% 'Trebuchet MS', Tahoma, Geneva, sans-serif; color: #f8f8f8; margin: 0; padding: 0; background: #2f78d2 url('../images/core/sky.png') 0 0 repeat-x; }
.float-left { float: left; }
.clear { clear: both; }
#thumbnail-logo { display: none; width: 185px; height: 96px;}
/* *** /defaults and common elements *** */

/* **********************************************************
* START :::
*	primary layout
********************************************************** */	
	/* *** input fields *** */
		.q-counter { font-weight: normal; font-size: 12px; } /* Characters Remaing counter */
		.ic { width: 418px; height: 53px; line-height: 53px; background: transparent url('../images/core/input-background.png') no-repeat; }
			.input { font: normal 20px Tahoma, Geneva, sans-serif; width: 390px; height: 28px; line-height: 28px; border: 0px; background: transparent none; padding: 12px 12px 12px 0; margin-left: 14px; }
			.submit { font: bold 20px 'Trebuchet MS', Tahoma, Geneva, sans-serif; width: 137px; height: 63px; line-height: 63px; text-align: center; border: 0px; cursor: pointer; background: transparent url('../images/core/button-back.png') no-repeat; }
	/* *** /input fields *** */	
	
	/* *** content container *** */
		#content-container { position: relative; z-index: 10;margin: 0 auto; padding: 10px 0 0 0; width: 100%; height: auto; text-align: center;}
		#content-content { color: #e4eaed; display: block; width: 100%; position: relative; z-index: 30; height: auto; margin: -100px auto; padding: 0; text-align: center; }
		.content .ic { margin: 24px 12px 24px 12px!important; }
		.content .input { padding-left: 12px!important; }
	/* *** /content container *** */
	
	/* *** header *** */
		#content-header { position: relative; z-index: 10; top: 10px; width: 100%; height: 250px; margin: 0; padding: 0; }
		#logo { position: relative; z-index: 20; top: 0px; width: 497px; height: 86px; line-height: 86px; margin: 0 auto; padding: 12px 0 0 0; background: url('../images/sprite.png') 0 -75px no-repeat; }
		#logo h1 { width: 454px; height: 78px; text-indent: -10000px; margin: 0 auto; padding: 0; background: url('../images/sprite.png') 0 0 no-repeat; }
		#logo a { width: 454px; height: 78px; cursor: pointer; }
	/* *** /header *** */
	
	/* *** home page element clean-up *** */
		.home-page { font-weight: normal; font-size: 14px; }	
		.home-page ul { margin: -12px 0 12px 0; }
		.home-page li { padding: 2px!important; }
		#latest-polls { height: 150px; overflow: hidden; overflow-y: scroll; }
	/* *** /home page element clean-up *** */
	

	
	/* ** grasses ** */
		#landscape { position: fixed; z-index: 15; bottom: 0; margin: 0; right: 18%; margin-right: -1000px; padding-left: 2000px; width: 100%; height: 140px; background: url('../images/core/landscape-grass.png') 0 100% repeat-x; }
		#landscape-blur { position: fixed; z-index: 13; bottom: -5px; left: 15%; margin: 0 0 0 -1000px; padding-right: 2000px; width: 100%; height: 140px; background: url('../images/core/landscape-grass-blur.png')0 100% repeat-x; }
	/* ** /grasses ** */
	
	/* ** footer ** */
		#footer-links { position: fixed; z-index: 30; font-weight: normal; font-size: 16px; width: 594px; height: 78px; line-height: 78px; margin: -90px 0 0 -325px; padding: 0 25px 0 25px; top: 100%; left: 50%; background: url('../images/core/footer-links-background.png') no-repeat; }
		#footer-links a { color: #ccff33; padding: 0 45px 0 35px; }
		#footer-links #total-votes { color: #99ccff; padding: 0 45px 0 35px; }
		
		#footer-share { color: #ccff33; padding: 35px 45px 35px 35px; text-decoration: underline; }
		#footer-share ul { 
			visibility: hidden; 
			position: absolute; 
			z-index: 55; 
			margin: -185px 0 0 -20px; 
			text-align: center;
			padding: 0;
			width: 204px;
			height: 140px;
			line-height: 140px;
			background: url('../images/core/social-sprite.png') 0 -47px no-repeat; 
		}
		#footer-share li { display: inline-block; width: 45px; height: 40px; overflow: hidden; }
		#footer-share a, #footer-share span { display: block; width: 40px; height: 40px; position: relative; padding: 32px; }
		#footer-share #facebook { background: url('../images/core/social-sprite.png') -30px -2px no-repeat; }
		#footer-share #twitter { background: url('../images/core/social-sprite.png') -80px -2px no-repeat; }
		#footer-share #copy-poll { background: url('../images/core/social-sprite.png') -130px -2px no-repeat; }
		#copy-poll-done { display: none; width: 40px; height: 40px; background: url('../images/core/social-sprite.png') -175px -2px no-repeat; }
		
		#footer-share:HOVER { text-decoration: none; }
		
		
	/* ** /footer ** */
	
/* **********************************************************
* END ::: primary site layout
********************************************************** */






	
	
/* **********************************************************
* START :::
*	Body Formatting
*	This mostly applies to the sub-pages
********************************************************** */

	#body-header { margin: 0 auto; width: 658px; height: 70px; line-height: 70px; text-align: left; background: url('../images/content-header-background.png') no-repeat; }
		#body-header h2 { font: bold 40px Georgia, Geneva, sans-serif; height: 70px; line-height: 70px; margin-left: 25px; }
		#body-text { position: relative; z-index: 30; margin: 0 auto; width: 608px; height: auto; padding: 25px; text-align: left; background: url('../images/content-background.png') repeat-y; }
	
	/* FACEBOX inlcuded */
		.fbAlert ul { margin: 5px 0 12px 0px!important; }
		.fbAlert li { padding: 2px!important; }
		#body-text h3, #body-text h2, .fbAlert h2{ color: #99cc33; font-weight: normal; font-size: 22px; margin-top: 14px; }
		#body-text p { padding-bottom: 12px; }
		#body-text li { margin-left: 20px; padding: 4px 0 4px 0; }
		#body-text a, .fbAlert a { color: #99ccff; }
			#body-text a:HOVER, .fbAlert a:HOVER { text-decoration: none; }
	/**/
	#body-footer { margin: 0 auto; width: 658px; height: 70px; line-height: 70px; background: url('../images/content-footer-background.png') 0 100% no-repeat; }
	
/* **********************************************************
* END :::
********************************************************** */








/* **********************************************************
* START :::
*	QUESTIONS AND ANSWERS
********************************************************** */

	/* *** Single questions formatting *** */
		#single-question-title { font: bold 4em Tahoma, Geneva, sans-serif; color: #394b61; position: relative; z-index: 31; width: 801px; height: 200px; line-height: 80px; margin: 0 auto; padding: 0; text-align: center; background: url('../images/core/single-question-background.png') no-repeat;
			*line-height: 100px; }
		#single-question-answers { position: relative; z-index: 31; margin-top: -115px; }
	/* *** Single questions formatting *** */
	

	/*.question-title {
		font-size: 250%;
		font-weight: bold; 
		letter-spacing: 2px;
		color: #663366; 
		padding: 0;
		margin: 0;  
	}
	.new-poll-question {
		font-size: 200%;
		font-weight: bold; 
		letter-spacing: 2px;
		color: #663366; 
		padding: 0;
		margin: 45px 10px 10px 10px;
	}*/

	.column  { 
		display: inline-block;
		*display: inline;
		zoom: 1;
		width: 410px;
	}
	
	.left {
		display: inline-block;
		*display: inline;
		zoom: 1;
		margin-right: 10px;
	}
	
	
	.q_div {
		font: bold 70px 'Trebuchet MS', Tahoma, Geneva, sans-serif;
		position: relative;
		z-index: 31;
		width: 405px;
		height: 133px;
		line-height: 113px;
		*line-height: 123px;
		margin: 0 auto;
		padding: 0;
		/*padding-top: 20px!important;*/
		text-align: center;
		background: url('../images/core/question-background.png') no-repeat;
		overflow: hidden!important;
	}
	
	.q_div a {
		color: #e4eaed;
		width: 405px!important;
		height: 40px;
		padding: 0!important;
		margin: 0!important;
		border: 1px solid transparent;
		cursor: pointer;
		overflow: hidden!important;
		text-decoration: underline;
	}
	.q_div a:HOVER { color: #94c843; }
	
	.make-a-choice { 
		display: inline-block;
		*display: inline;
		*zoom: 1;
		position: relative;
		z-index: 40;
		width: 138px;
		height: 155px;
		margin: 0 -30px 0 -45px;
		background: url('../images/core/make-a-choice.png') no-repeat;
	}
	
	.small { font-size: 50px; }
	.small5 { font-size: 40px; }
	.small10 { font-size: 30px; }
	.small15 { font-size: 18px; }
	.small20 { font-size: 18px; }
	
	#single-question-title.small { font-size: 3.5em; }
	#single-question-title.smaller { font-size: 3em; }
	#single-question-title.smallest { font-size: 2.3em; }
	
	.total {
		font: bold 70px 'Trebuchet MS', Tahoma, Geneva, sans-serif;
		color: #e4eaed;
		position: relative;
		z-index: 30;
		width: 358px;
		height: 113px;
		line-height: 103px;
		*line-height: 113px;
		margin: -23px auto;
		/*margin-top: -42px;*/
		padding: 0;
		text-align: center;
	}
	
	.winning { color: #444a4d; background: url('../images/core/winning-answer.png') no-repeat; }
	
	.losing { background: url('../images/core/losing-answer.png') no-repeat; }
	
/* **********************************************************
* END :::
********************************************************** */