/*
Theme Name: 2010 Refresh Go Read Green
Theme URI: http://goreadgreen.com
Description: Zinio's Go Read Green Campaign, newly designed for 2010
*/

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

	Listing Order:
	==============
	1 - GLOBAL
	2 - STRUCTURE
	3 - HEADER AND NAV
	5 - LIST PAGES
	6 - SUB PAGES
	7 - FOOTER
	8 - THICKBOXES
	
***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

/* These styles reset default styles so they don't mess with your css.  Taken from Eric Meyer http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
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, 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;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	text-align:center;
}

h1, h2 {
	font-size:26px;
	font-weight:normal;
}

h3 {
	font-size:20px;
	font-weight:normal;
}

ul, ol {
	list-style:none;
}

a {
	color:#666666;
}
a:hover {
	text-decoration:underline;
}

li a {
	text-decoration:none;
}

.clear {
	clear:both;
}

/**** FLOATS ****/
.floatL {
	float:left;
}

.floatR {
	float:right;
}

/**** COLORS ****/

.green {
	color:#00803c;
}

.black {
	color:#333333;
}

.default {
	color:#666666;
}

.white {
	color:#ffffff;
}


/***********************************************************************
	2 - STRUCTURE
************************************************************************/


div#container {
	width:990px;
	margin:0 auto;
	text-align:left;
}


/***********************************************************************
	3 - HEADER AND NAV
************************************************************************/
div#header {
	width:100%;
	padding:11px 0 10px 0;
	border-bottom:1px solid #cccccc;
}
	div#header a {
	}

div#subhead {
	width:100%;
	background:url(images/img_magleaf.jpg) top left no-repeat;
	height:38px;
}
	ul.subhead-left {
		padding:7px 0 0 19px;
		width:460px;
		
	}
		ul.subhead-left li {
			font-size:17px;
			padding-right:33px;
		}
	ul.subhead-right {
		width:460px;
		height:26px;
		padding-top:12px;
	}
		ul.subhead-right li {
			font-size:11px;
			padding-right:5px;
		}
	ul.subhead-social {
		width:50px;
		height:30px;
		padding-top:8px;
	}
div#nav {
	width:100%;
	height:36px;
	background:url(images/bg_nav.jpg) top left repeat-x;
}
	ul.navigation {
		
	}
		ul.navigation li {
			border-right:1px solid #63ad71;
			height:36px;
		}
			ul.navigation li a {
				display:block;
				padding:11px 13px 9px 13px;
				
			}
			ul.navigation li a:hover {
				background:url(images/bg_navhover.jpg) top left repeat-x;
				text-decoration:none;
			}
div#subnav {
	padding:10px 0;
	border-bottom:1px solid #cccccc;
	width:100%;
	color:#999999;
	font-size:11px;
}
	ul.breadcrumbs {
		
	}
		ul.breadcrumbs li {
			margin-right:5px;
		}
	div.additionalnav {

	}
		div.additionalnav a {
			text-decoration:none;
		}
			div.additionalnav span.previous {
				padding-right:5px;
			}
			div.additionalnav span.next {
				padding-left:5px;
			}
/***********************************************************************
	4 - HOME PAGE
************************************************************************/
div#banner {
	padding:10px 0 10px 0;
}
div#homeLeft {
	width:298px;
	border:1px solid #cccccc;
	height:248px;
}
	div#homeLeft h2 {
		padding:25px 0 16px 23px;
	}
	ul.homeList {
		padding:0 0 0 23px;
	}
		ul.homeList li {
			background:url(images/bullet_greenarrow.jpg) top left no-repeat;
			padding:0 0 15px 15px;
		}
div#homeRight {
	width:678px;
	border:1px solid #cccccc;
	height:248px;
}
	ul.homeMags {
		padding:54px 0 0 0;
	}
		ul.homeMags li {
			width:100px;
			height:136px;
			padding-left:30px;
		}

/***********************************************************************
	5 - CATEGORY PAGES
************************************************************************/
div#categoryList {
	width:100%;
	padding:20px 0 0 0;
}
	div.magazine {
		width:187px;
		height:285px;
		padding-left:18px;
	}
		div.magazine a {
			width:169px;
			text-align:center;
			text-decoration:none;
			display:block;
			padding-top:10px;
		}

/***********************************************************************
	6 - SUB PAGES
************************************************************************/
div#subLeft {
	width:820px;
	padding:10px 0 0 0;
}

div#subRight {
	width:160px;
	padding:10px 0 0 0;
}

div#subpage {
	width:990px;
	padding:13px 16px 10px 16px;

}

div#pageContent {
	padding:14px 15px 10px 15px;
}

div#pageContent ol {
	list-style-position:inside;
	margin-left:35px;
	margin-bottom:25px;
}

div#pageContent img {
	display:block;
}

div#pageContent h2 {
	margin-bottom:15px;
}

div#pageContent h3 {
	margin-bottom:10px;
}

div#pageContent p {
	margin-bottom:10px;
}


/* About */
div#about {
	width:990px;
}

	div#aboutContent {
		padding:14px 15px 12px 15px;
		border-bottom:1px solid #cccccc;
		line-height:20px;
	}
	
	div#aboutContent a {
		color:#666666;
	}
	
	div#aboutContent h1 {
		padding-bottom:10px;
	}
	
	div#aboutContent img {
		float:right;
	}
	
	div#aboutContent p {
		padding-bottom:10px;
	}
	
	div#aboutContent h3 {
		padding:40px 0 10px 0;
	}

		div#aboutContent div#sponsors {
			margin:19px auto;
			clear:both;
			float:left;
			width:775px;
		
		}
		
		div#aboutContent div#sponsors img {
			float:left;
			margin-right:36px;
		}
		
		div#aboutContent div#sponsors a {
			float:left;
		}
		
		div#aboutContent div#sponsorThanks {
			width:775px;
		}
		
		div#aboutContent div#sponsors2 {
			margin:19px auto;
		}
		
		div#aboutContent div#sponsors2 img {
			float:none;
			margin-right:20px;
		}

	div.testimonial {
		width:990px;
		padding:10px 16px 20px 16px;
	}
			div.testimonialLeft {
				width:360px;
				float:left;
				margin:14px 20px 0 7px;
			}

				div.testimonialLeft h2 {
					margin-bottom:15px;
				}
				
				div.testimonialLeft p {
					font-size:13px;
					line-height:18px;
				}

		div.testimonialRight {
			width:330px;
			float:left;
			margin:14px 7px 0 7px;
		}

			div.testImage {
				float:left;
			}
			
			div.testimonialRight p {
				font-size:13px;
				margin-bottom:10px;
			}

/* Contact */
div#contactContent {
	
	padding:14px 15px 5px 15px;
}

div#contactContent h2 {
	margin-bottom:15px;
}

div#contactContent p {
	margin-bottom:10px;
}

div#contactContent label {
	float:left;
	width:143px;
}

div#contactContent input {
	width:380px;
}

div#contactContent input#verify {
	width:130px;
}

div#contactContent textarea {
	width:386px;
	height:154px;
}

div#contactContent div {
	margin-bottom:10px;
}

div#contactContent div span {
	font-size:10px;
	font-weight:normal;
	color:#0b52a1;
	margin-left:15px;
}

div#contactContent input#submit {
	width:104px;
	background:#00803c;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:0;
	border:none;
	height:23px;
	text-align:left;
	padding-left:6px;
	cursor:pointer;
}

/* Tell A Friend */
div#friendContent {
	padding:14px 15px 5px 15px;
}

div#friendContent h1 {
	margin-bottom:15px;
}

div#friendContent p {
	margin-bottom:10px;
	line-height:20px;
}

div#friendContent label {
	float:left;
	width:194px;
}

div#friendContent input {
	width:365px;
}

div#friendContent input#verify {
	width:130px;
}

div#friendContent textarea {
	width:386px;
	height:154px;
}

div#friendContent div {
	margin-bottom:10px;
	width: 900px;
}

div#friendContent div span {
	font-size:10px;
	font-weight:normal;
	color:#0b52a1;
	margin-left:15px;
}

div#friendContent input#submit {
	width:59px;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:0;
	border:none;
	background:#00803c;
	height:23px;
	text-align:left;
	padding-left:6px;
	cursor:pointer;
}

/* Thank You Page */
div#thanksContent {
	padding:14px 15px 5px 15px;
	height:265px;
	width:960px;
}

div#thanksContent h2 {
	margin-bottom:15px;
}

div#thanksContent p {
	margin-bottom:10px;
}



div#thanksEmailContent {
	padding:14px 15px 5px 15px;
	height:265px;
	width:960px;
}

div#thanksEmailContent h2 {
	margin-bottom:15px;
}

div#thanksEmailContent p {
	margin-bottom:10px;
}




div#specialsButton {
	position:relative;
	background-color:#65b645;
	font-size:12px;
	font-weight:bold;
	width:159px;
	padding:0 0 0 9px;
	height:23px;
}

div#specialsButton a {
	color:#FFFFFF;
	text-decoration:none;
}

div#findMagsButton {
	position:relative;
	background-color:#65b645;
	font-size:12px;
	font-weight:bold;
	width:255px;
	padding:0 0 0 9px;
	height:23px;
}

div#findMagsButton a {
	color:#FFFFFF;
	text-decoration:none;
}

/* Privacy Policy */
div#privacy {
	width:990px;
}

div#privacyContent {
	padding:14px 50px 5px 15px;
	/*text-align:left;*/
	
}

div#privacyContent h2 {
	margin-bottom:15px;
}

div#privacyContent p {
	margin-bottom:10px;
	font-size:13px;
	line-height:20px;
}


div#privacyContent p#address {
	margin-top:25px;
}

div#privacyContent ul {
	font-size:13px;
	margin-left:52px;
	list-style-position:outside;
	list-style:disc !important;
	color:#00803c;
	font-weight:bold;
	margin-bottom:10px;
	line-height:18px;
}

div#privacyContent ul li span {
	font-weight:normal;
	color:#666666;
}

/* Email Updates */
div#emailContent {
	padding:14px 15px 12px 15px;
	height:265px;
}

div#emailContent h2 {
	margin-bottom:15px;
}

div#emailContent p {
	margin-bottom:10px;
}

div#emailContent input {
	margin-left:70px;
	width:380px;
}

div#emailContent input#submit {
	width:76px;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:15px;
	margin-left:0;
	border:none;
	background-color:#00803c;
	height:23px;
	text-align:left;
	padding-left:6px;
	cursor:pointer;
}

/*div.spacer {
	clear:both;
	margin-bottom:5px;
}*/


/***********************************************************************
	7 - FOOTER
************************************************************************/
div#footerwrapper {
	width:100%;
	font-size:11px;
}
	div#footerwrapper p {
		padding:7px 0 20px 0;
		line-height:16px;
	}
div#footer {
	width:100%;
	background:#ececec;
	height:35px;
	margin-top:10px;
}
	form#emailupdates {
		
	}
		form#emailupdates label, div#footerthanksEmailContent label {
			padding:10px 4px 0 10px;
		}
		form#emailupdates input {
			margin-top:8px;
		}
		form#emailupdates input.emailinput {
			width:174px;
			height:14px;
			background:url(images/bg_emailupdates.jpg) top left no-repeat;
			border:none;
			margin-right:5px;
			padding:3px 0 3px 6px;
			font-size:11px;
		}
	ul.footerlinks {
		padding:10px 10px 0 0;	
	}
		ul.footerlinks li {
			padding-right:5px;
		}

/***********************************************************************
	8 - THICKBOXES
************************************************************************/

div#magBox {
	width:800px;
	/*background-image:url(http://goreadgreen.com/wp-content/themes/newreadgreen/images/bg_thickbox.jpg);*/
	padding:10px 22px 0 12px;
	float:left;
}
	div#magImage {
		width:250px;
	}

	div#magBoxContent {
		padding:0 0 10px 20px;
		width:496px;
	}
	
		div#magBoxContent h2 {
			font-size:20px;
			padding:0 0 15px 0;
			font-weight:normal;
		}
	
			div.magDescription {
				width:100%;
				line-height:18px;
				padding-bottom:15px;
				border-bottom:1px solid #cccccc;
			}
	div#magBox h2 {
		font-size:16px;
		font-weight:normal;
		padding:15px 0 0 0;
	}
	div#magBox p {
		font-size:12px;
		padding-top:5px;
	}

	div.magBoxForm {
		width:496px;
		margin-top:15px;
		background-color:#ececec;
		padding:11px 0 9px 0;
	}
		div.magBoxForm div {
			padding:5px 0;
			float:left;
		}
			div.magBoxForm div.address2 {
				padding:5px 0 5px 102px;
			}
		div.magBoxForm div.subscribeterms {
			
			font-size:11px;
			padding:5px 20px 5px 100px;
		}
			div.magBoxForm div.subscribeterms p {
				font-size:11px !important;
				padding:0 0 5px 5px !important;
				width:355px;
			}
			div.subscribeterms span {
				height:20px;
				
			}
			
		
		div.magBoxForm div label {
			display:block;
			padding-right:3px;
			text-align:right;
			float:left;
			font-size:12px;
			padding-top:2px;
		}
			div.magBoxForm div span label.error {
				float:left;
				text-align:left;
				
			}
			label.form1L {
				width:99px;
			}
			label.lastname {
				width:78px;
			}
			label.state {
				
			}
		div.magBoxForm div input {
			background:url(images/bg_subscribeinput.jpg) top left repeat-x;
			border-top:none;
			border-bottom:none;
			border-left:1px solid #c1c1c1;
			border-right:1px solid #c1c1c1;
			font-size:12px;
			float:left;
		}
			input#s_email, input#address {
				width:225px;
			}
			input#First_name {
				width:145px;
			}
			input#Last_name {
				width:145px;
			}
			input#City {
				width:165px;
			}
			input#Zip {
				width:89px;
			}
			input#s_optinBLOther, input#s_optinBLOther2 {
				background:none;
				border:none;
			}

		div.magBoxForm table td {
			padding:0 0 0 9px;
			
		}
			div.magBoxForm table td input {
				float:left;
				margin-right:3px;
			}
			div.magBoxForm table td label {
				display:block;
				padding:1px 0 0 0;
			}	
	
		div#boxSubmit {
			padding-top:10px;
			float:left;
		}
		
	div.privacy {
		text-align:right;
		margin:3px 0 0 0;
		float:right;
		font-size:11px;
	}
	.error {
		font-size:11px !important;
		color:#FF0000;
	}
	
	div.privacy a {
		text-decoration:none;
		color:#00803c !important;
	}

	#TB_title {
		background:url(images/bg_toplightbox.jpg) top left repeat-x !important;
		height:30px !important;
	}
	#TB_window a {
		color:#ffffff !important;
		text-decoration:none !important;
	}