@import 'reset.css';

/* *** defaults and common elements *** */
html, body { }
body { font: 110% Helvetica, Geneva, sans-serif; color: #f8f8f8; margin: 0; padding: 0; 
	background: #2f78d2 url('../images/core/iPhone/mobile-background.jpg') 0 0 repeat-x; }
.float-left { float: left; }
.clear { clear: both; }
/* *** /defaults and common elements *** */

/* **********************************************************
* START :::
*	primary layout
********************************************************** */	
	/* *** input fields *** */
		.q-counter { font-weight: normal; font-size: 70%; } /* Characters Remaing counter */
			.ic { 
				width: 310px; 
				height: 53px; 
				line-height: 53px; 
				background: transparent url('../images/core/iPhone/input-background.png') 10px 0 no-repeat; }
				.input { 
					font: normal 120% Tahoma, Geneva, sans-serif; 
					width: 290px; 
					height: 28px; 
					line-height: 28px; 
					border: 0px;
					margin-left: 14px;
					padding: 12px 12px 12px 0; 
					background: transparent none; 
					}
				.submit { font: bold 120% '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: 0 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 { display: block; width: 100%; margin: 0; padding: 5px 0 5px 0; }
		#logo { display: block; width: 100%; text-align: center; margin: 0 auto; padding: 0; background: none; }
		#logo img { width: 98%; margin: 0 auto; }		
	/* *** /header *** */
	

	
	/* ** grasses ** */
		#landscape { display: none; background-image: none; }
		#landscape-blur { display: none; background-image: none; }
	/* ** /grasses ** */
	
	/* ** footer ** */
		#footer-links { display: none; background-image: none; }
		#footer-links a { display: none; background-image: none; }
		#footer-links #total-votes { display: none; background-image: none; }
	/* ** /footer ** */
	
/* **********************************************************
* END ::: primary site layout
********************************************************** */






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

	#body-header { width: 100%; height: 70px; line-height: 70px; background: url('../images/core/iPhone/body-top.png') repeat-x; }
		#body-header h2 { font-size: 160%; font-weight: bold; }
		#body-text { text-align: left; margin: -2px 0 -2px 0; padding: 0 0 15px 0; background: url('../images/core/iPhone/body-background.png') repeat; }
		#body-text h3 { padding: 0 15px 0 15px; }
		#body-text h2 { font-size: 145%; padding: 20px 15px 0 15px!important; }
		#body-text p { font-size: 100%; padding: 15px; }
		.m-small { font-size: 65%; }
		#body-text li { margin-left: 20px; padding: 4px 0 4px 0; }
		#body-text a, .fbAlert a { color: #99ccff; }
			#body-text a:HOVER { text-decoration: none; }
	
	/* *** home page element clean-up *** */
		.home-page { display: block; font-weight: normal; font-size: 14px; }	
		.home-page h3 { font-size: 145%; padding: 20px 15px 0 15px!important; }
		.home-page p { font-size: 100%; padding: 8px 15px 8px 15px!important; }
		.home-page ul { margin: -12px 0 12px 15px; }
		.home-page li { margin-left: 0!important; padding: 2px!important; }
	/* *** /home page element clean-up *** */
	
	/* FACEBOX inlcuded */
		#facebox { width: 100%; padding: 0!important; margin: 0 auto auto 10px; }
		#facebox * {
			height: auto;
			margin: 0;
			padding: 0;
		}
		#facebox .body {
			width: 100%!important;
			margin: 0!important;
			padding: 0!important;
		}
		.fbHeader { font: normal 20px Helvetica, Geneva, sans-serif!important; padding: 12px!important;}
		.fbAlert a:HOVER { text-decoration: none; }
			
	.fbBody {
		width: 100%!important;
		height: 100%;
		color: #394b61;
		margin: 0!important;
		padding: 0!important;
	}
	
	.fbAlert div {
		font-size: 16px;
		color: #d3d3d3;
		width: 100%;
		margin: 0!important;
		padding: 0!important;
	}

	.fbAlert div div {
		font-size: 16px;
		color: #d3d3d3;
		width: 100%;
		margin: 0!important;
		padding: 0!important;
	}
	
		.fbAlert ul { width: 100%; margin: 5px 0 12px 0px!important; padding: 0!important }
		.fbAlert li { width: 100%; margin: 0!important; padding: 2px!important; }
		.fbAlert p { with: 100%; margin: 0!important; padding: 2px!important; }
		.fbAlert h2 { color: #99cc33; font-weight: normal; font-size: 20px; margin-top: 14px; padding: 12px!important; }
			
			
	/**/
	#body-footer { width: 100%; height: 70px; line-height: 70px; background: url('../images/core/iPhone/body-bottom.png') repeat-x; }
	
/* **********************************************************
* END :::
********************************************************** */








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

	/* *** Single questions formatting *** */
		#single-question-title { 
			font: bold 48px Helvetica, Geneva, sans-serif; 
			color: #394b61; 
			position: relative; 
			z-index: 31; 
			width: 100%; 
			height: 87px;
			line-height: 87px;  
			margin: 0 auto -10px auto; 
			padding: 0; 
			text-align: center; 
			background: url('../images/core/iPhone/single-question-background.png') 50% 0 no-repeat; }
		#single-question-answers { position: relative; z-index: 31; }
	/* *** Single questions formatting *** */
	
	.column  { 
		display: block;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	
	.left {
		display: block;
	}
	
	
	.q_div {
		font: bold 48px Helvetica, Geneva, sans-serif;
		position: relative;
		z-index: 31;
		width: 100%;
		height: 133px;
		line-height: 99px;
		margin: 0 auto;
		padding: 0;
		*padding-top: 20px!important;
		text-align: center;
		background: url('../images/core/iPhone/question-background.png') 50% 0 no-repeat;
		overflow: hidden!important;
	}
	
	.q_div a {
		color: #e4eaed;
		width: 100%!important;
		height: 40px;
		padding: 0!important;
		margin: 0!important;
		border: 1px solid transparent;
		cursor: pointer;
		overflow: hidden!important;
	}
	.q_div a:HOVER {
		color: #94c843;
	}
	
	.small { font-size: 50px; }
	.small5 { font-size: 40px; }
	.small10 { font-size: 30px; }
	.small15 { font-size: 20px; }
	.small20 { font-size: 50px; }
	
	.total {
		font: bold 38px Helvetica, Geneva, sans-serif;
		color: #e4eaed;
		position: relative;
		z-index: 30;
		width: 100%;
		height: 96px;
		line-height: 86px;
		margin: -40px auto -14px auto;
		padding: 0;
		text-align: center;
		background: url('../images/core/iPhone/answer-background.png') 50% 0 no-repeat; 
	}
	
	.winning { color: #e2ab16;
		background: url('../images/core/iPhone/winning-background.png') 50% 0 no-repeat;  }
	
	.losing {  }
	
/* **********************************************************
* END :::
********************************************************** */


	
	#cloud1, #cloud2, #cloud3, #cloud4, #cloud-set-1, #cloud-set-2, #cloud-set-3
	{ display: none; background-image: none; }