/*
Theme Name: Popsci
Theme URI: http://popsci.ziniooffers.com/
Description: Theme for Popsci Magazine
*/



/************************************************************************

	Listing Order:
	==============

	1 - Global
	2 - Original Page
	3 - 6 Page Series

	

************************************************************************/

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

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, 
b, u, i, center, 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-size: 100%;
    font-weight: inherit;
    
    vertical-align: baseline;
	font-family:Arial, Helvetica, sans-serif;
    
}

h1 {
	font-size:18px;
	padding-bottom:10px;
}

body {
    line-height: 1.0;
    background: white;
    color: #ffffff;
}

ol, ul {
    list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}

.clear {
	clear:both;
}

a {
	color:#FFFFFF;
}

/***********************************************************************
	2 - Original Page
************************************************************************/

div#container-index {
	width:100%;
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
	background-color:#626264;
	height:1000px;
}

div#content-index {
	width:793px;
	margin:0 auto;
}

div#content-index img {
	float:left;
}

div.left-index {
	width:332px;
	float:left;
}

div.left-index p {
	float:left;
	margin:15px 0 10px 0;
	color:#FFFFFF;
	font-size:14px;
}

div.left-thanks {
	padding:20px 20px 0 0;
	float:left;
	width:312px;
}

div.left-thanks p {
	float:left;
	margin:0 0 15px 0;
	color:#FFFFFF;
	font-size:14px;
	line-height:16px;
}

div.left-thanks p a {
	color:#FFFFFF;
}

div.right-index {
	float:left;
}

div.entry {
	color:#FFFFFF;
	font-size:14px;
	line-height:16px;
}

div.entry a {
	color:#FFFFFF;
}

div.popup {
	width:300px;
	color:#FFFFFF;
	font-size:14px;
	line-height:16px;
	padding:15px;
}


/***********************************************************************
	3 - 6 Page Series
************************************************************************/
div#container {
	width:100%;
	background-image:url(images/landing-background.gif);
	background-repeat:repeat-x;
	background-color:#636466;
	height:1000px;
}

div#content {
	width:1018px;
	margin:0 auto;
}

div#content div, div#content img {
	float:left;
}

div#lowerContent {
	background:url(images/landing-monitorBG.gif) no-repeat;
	height:547px;
	width:1018px;
}

div#left-1 {
	width:384px;
	height:402px;
}

div#right-1 {
	width:634px;
	height:402px;
}

div#left {
	width:384px;
}

div#left p {
	line-height:18px;
}

div#right {
	width:634px;
}

div#promocode {

}

div#promocode form, div#promocode input {
	float:left;
}

div#promocode form input.hidden {
	display:none;
}

input#code {
	width:316px;
	height:34px;
	margin-left:42px;
	margin-top:5px;
	font-size:20px;
	padding:7px 0 0 5px;
}

input#email {
	width:316px;
	height:34px;
	margin-left:42px;
	margin-top:15px;
	font-size:20px;
	padding:7px 0 0 5px;
}

input#email2 {
	width:300px;
	height:34px;
	margin-top:15px;
	font-size:20px;
	padding:7px 0 0 5px;
}

input#submit {
	margin:25px 0 0 42px;
}

object#video {
	width:559px;
	height:355px;
	margin:19px 0 0 23px;
}

/***********************************************************************
	4 - Survey
************************************************************************/
body#survey {
	background-color:#d1d3d4;
	text-align:center;
}

body#survey3 {
	background-color:#ffffff;
	text-align:center;
}

div#surveyContainer {
	padding-top:15px;
	color:#000000;
	width:456px;
	margin:0 auto;
	text-align:left;
}

div#surveyContainer3 {
	padding-top:15px;
	color:#000000;
	width:523px;
	margin:0 auto;
	text-align:left;
}

div#promoBanner {
	width:523px;	
	height:236px;
}


div#surveyContent {
	border:2px solid #ed1c24;
	border-top:none;
	background-color:#d1d3d4;
	float:left;
	margin:0 0 15px 31px;
	display:inline;
}

div#survey-form {
	float:left;
	width:457px;
}

div.question {
	margin-left:18px;
	background:url(images/popsci-survey-arrow.jpg) no-repeat;
	padding-left:30px;
	margin-top:18px;
	line-height:18px;
	float:left;
	width:405px;
	display:inline;
	
}

div.question ul li {
	font-size:10px;
}

div.optin_questions {
	margin-left:44px;
	font-size:10px;
	margin-top:10px;
	line-height:16px;
	padding-right:15px;
	float:left;
	display:inline;
}

div.optin_questions p {
	margin-bottom:10px;
	float:left;
}

div.optin_questions p input {
	float:left;
	
}

div.optin_questions p label {
	float:left;
	width:355px;
	padding:2px 0 0 5px;
	
}

div.question p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-bottom:7px;
	
}

div.question p a {
	color:#000000;
	
}

p#submit {
	width:73px;
	margin:20px 0 20px 192px;
}

div#rules {
	text-align:center;
	padding-bottom:15px;
}

div#rules a {
	color:#000000;
	font-size:10px;

}


p#survey-thanks {
	height:100px;
}