/*
Theme Name: Greening the Media
Theme URI: http://www.thisissprocket.com/
Description: Custom WordPress Theme for Greening the Media
Author: Sprocket: Krista Engler
Version: 1.0

/*******************************************************************************
			GLOBAL STYLES & RESET
*******************************************************************************/

a:focus, a { border: none; outline: none; }

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;
	background: transparent;
}

body {
	background: #0A2A31;
	font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	color: #ffffff;
	vertical-align: top;
}

a {	color: #ccff69; text-decoration: none; }
a:hover { color: #ffffff; text-decoration: none; }

table { font-size: 13px; }

.shareinpost { padding: 24px 0; }

div.featuredImage { margin-bottom: 35px; }

div.featuredImage img { border-bottom: 6px solid #8CC619; }

.entry-content strong { color: #ffffff; }

a img { border: 0; }

p { margin-bottom: 1em; line-height: 22px; font-size: 13px; }

a.button {
	display: block;
	width: 224px;
	height: 62px;
	line-height: 62px;
	text-align: center;
	background: url(/_ext/greeningthemedia.org/wp-content/themes/greeningthemedia/images/button-sprite.png) 0 0;
	font-size: 20px;
	font-family: "Bookman Old Style", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #e3e4e0;
}

a.button:hover { background-position: 0 -62px; }

/* Text meant only for screen readers */
.screen-reader-text { position: absolute; left: -9000px; }

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

#content { float: left; width: 720px; }
#primary, #secondary, #additional, #news { float: right; overflow: hidden; width: 220px; }
#secondary { clear: right; }
#additional ul a.button, #news ul a.button { float: right; }
#news ul { padding-right: 0!important; clear: both; }
#additional ul { clear: both; }
#footer { clear: both; width: 100%; }

/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/

.one-column #content { margin: 0 auto; width: 640px; }

/*
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
*/

.single-attachment #content { margin: 0 auto; width: 900px; }

h2.entry-title, h1.page-title, h3.widget-title, h1.entry-title, h3#comments-title, h3#reply-title, h3.newsletter { padding-bottom: 30px; font: 20px 'FontSiteSansExtended', Arial, Helvetica, sans-serif; color: #ffffff; text-transform: uppercase; }

h2.entry-title { padding-bottom: 0; }

.home h2.entry-title { padding-bottom: 30px; }

.post h2.entry-title, .post h1.entry-title { padding-bottom: 0; }

.entry-content { padding: 0; }

.entry-date { font-size: 11px; }

.entry-meta { padding-bottom: 15px; }

#mc_signup_form .mc_var_label { font-size: 12px; }

#searchform { width: 500px; }

/*******************************************************************************
			WRAPPER
*******************************************************************************/

#wrapperWrap { background: url(images/body-bg.jpg) no-repeat center top #558218; }

#wrapper { margin: 0 auto; width: 950px; }


/*******************************************************************************
			HEADER
*******************************************************************************/

#header { height: 168px; }

#logo { float: left; padding: 75px 0 0 0; }

.social { float: right; padding-top: 70px; width: 98px; }

.social li { float: left; list-style-type: none; padding-left: 10px; }

li.facebook a {
	display: block;
	width: 39px;
	height: 39px;
	background: url(images/facebook.png) no-repeat 0 0;
	text-indent: -99999px;
}

li.facebook a:hover { background-position: 0 -39px; }

li.twitter a {
	display: block;
	width: 38px;
	height: 39px;
	background: url(/_ext/greeningthemedia.org/wp-content/themes/greeningthemedia/images/twitter.png) no-repeat 0 0;
	text-indent: -99999px;
}

li.twitter a:hover { background-position: 0 -39px; }

/*******************************************************************************
			MENU
*******************************************************************************/

#access { 
	background-color: #f4f5f0; 
	font-family: 'FontSiteSansBoldExtended', Arial, Helvetica, sans-serif; 
	text-transform: uppercase;
}

#nav {
	margin: 0 auto;
	width: 829px;
	height: 34px;
	display:block;
}

#nav .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}

#nav .menu-header li,
div.menu li {
	float:left;
	position: relative;
	z-index: 99999;
}

#nav a {
	display:block;
	text-decoration:none;
	color:#6c983b;
	padding:0 10px;
	font-size: 10px;
	line-height:34px;
}

#nav ul ul li a {
	color:#dde1e2;
	padding: 12px 10px;
}

#nav ul ul {
	display:none;
	position:absolute;
	top:34px;
	left:15px;
	float:left;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	width: 160px;
	z-index: 99998;
}

#nav ul li { padding-left: 15px; }

#nav ul li ul li { padding-left: 0; }

#nav ul ul li { min-width: 160px; }

#nav ul ul ul { left:100%; top:0; }

#nav ul ul a {
	height:auto;
	line-height:1em;
	padding:10px;
	width: 140px;
}

#nav li:hover > a {
	color: #dde1e2;
	background: #264954;
}

#nav ul ul :hover > a {
	color:#dde1e2;
	background:#386370;
}

#nav ul li:hover > ul { display:block; background:#264954; }

#nav ul li.current_page_item > a,

#nav ul li.current-menu-ancestor > a,

#nav ul li.current-menu-item > a,

#nav ul li.current-menu-parent > a {
	color: #dde1e2;
	background: #264954;
}

/* Star Hack for IE Styles should match the above */

* html #nav ul li.current_page_item a,
* html #nav ul li.current-menu-ancestor a,
* html #nav ul li.current-menu-item a,
* html #nav ul li.current-menu-parent a,
* html #nav ul li a:hover {
	color:#dde1e2;
	background: #264954;
}

/*******************************************************************************
			MAIN
*******************************************************************************/

#main { margin: 0 auto; width: 950px; padding-bottom: 30px; }

#content { padding: 0 100px 0 0; width: 570px; }

.home #content { padding: 0 100px 0 0; width: 500px; }

#primary { width: 350px; }

#additional, #news { width: 275px; }

.featuredBorder { border-bottom: 2px solid #8CC619; margin-bottom: 30px; }


/*******************************************************************************
			SLIDESHOW
*******************************************************************************/

#next a { 
	position: absolute;
	right: 0;
	top: 100px;
	z-index: 99999;
	display: block;
	width: 57px;
	height: 113px;
	background: url(images/right-arrow.png) no-repeat top left;
	text-indent: -99999px;
}

#next a:hover { background: url(images/right-arrow.png) no-repeat 0 -113px; }

#previous { left: 0; top: 97px; }

#previous a { 
	position: absolute;
	left: 0;
	top: 100px;
	z-index: 99999;
	display: block;
	width: 57px;
	height: 113px;
	background: url(images/left-arrow.png) no-repeat top left;
	text-indent: -99999px;
}

#previous a:hover { background: url(images/left-arrow.png) no-repeat 0 -113px; }

.slideWrap {
	width: 950px;
	height: 310px;
	background-color: none !important;
	overflow: hidden;
	padding-bottom: 35px;
}

.slideshowWrapper { 
	position: relative;
	width: 950px; 
	height: 310px; 
	overflow: hidden;
	background-color: none !important; 
}

.headerImg { 
	width: 950px; 
	height: 306px; 
	padding-bottom: 4px;
	background: #8cc619;
}


/*******************************************************************************
			PAGE SPECIFIC STYLES
*******************************************************************************/

.page-id-8 table { padding-bottom: 15px; border-bottom: 1px solid #8cc619; margin-bottom: 25px; }

.page-id-8 table td img { border-bottom: 4px solid #8cc619; }

.entry-content ul { padding-left: 55px; padding-bottom: 1em; }

.entry-content ul li { list-style-type: square; font-size: 12px; line-height: 18px; }

/*******************************************************************************
			FORM
*******************************************************************************/

.wpcf7-form .wpcf7-form-control-wrap input, .wpcf7-form textarea, form#commentform input, form#searchform input, form#commentform textarea, #mc_signup_form .mc_input { 
	padding: 8px 10px;
	width: 350px;
	background: #f4f8eb;
	border: 1px solid #466c12;
	color: #333333;
	font-size: 13px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: relative;
	behavior: url(http://greeningthemedia.org/index2/PIE.htc);
}

form#searchform input { float: left; }

#mc_signup_form .mc_input { width: 253px; }

form#commentform input { display: block; margin-bottom: 10px; }

.wpcf7-form textarea, form#commentform textarea { width: 548px; }

.wpcf7-form .wpcf7-submit, form#commentform p.form-submit input, .navigation a, input#mc_signup_submit, form#searchform input#searchsubmit { 
	float: right;
	padding: 5px 10px;
	width: auto;
	background: #0b333e;  
	color: #ffffff; 
	border: none; 
	cursor: pointer;
	font: 18px 'FontSiteSansExtended',Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: relative;
	behavior: url(http://greeningthemedia.org/index2/PIE.htc);
}

form#searchform input#searchsubmit { float: none; margin-left: 10px; }

.navigation a { float: none; }

.nav-previous { float: left; }

.nav-next { float: right; }

.wpcf7-form .wpcf7-submit:hover, form#commentform p.form-submit input:hover, .navigation a:hover, form#searchform input#searchsubmit:hover, input#mc_signup_submit:hover { 
	background: #8cc619; 
}

#mc_message { padding: 0!important; }


/*******************************************************************************
			ASIDES
*******************************************************************************/

.home #content .category-asides p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top:0;
}

.home .hentry.category-asides { padding: 0; }

.home #content .category-asides .entry-content { padding-top: 0; }


/*******************************************************************************
			GALLERY LISTINGS
*******************************************************************************/

.category-gallery { margin-bottom: 48px; }

.category-gallery h2 { margin-top: 10px; }

.category-gallery .size-thumbnail img { border: 10px solid #f1f1f1; margin-bottom: 0; }

.category-gallery .gallery-thumb { float: left; margin-right:20px; margin-top: -4px; }

.home #content .category-gallery .entry-content p { display: inline; }

.home #content .category-gallery .entry-utility { padding-top:4px; }


/*******************************************************************************
			ATTACHMENT PAGES
*******************************************************************************/

.entry-content .attachment img { margin-bottom: 0; }

.attachment .entry-content .entry-caption { font-size: 140%; margin-top: 24px; }

.attachment .entry-content .nav-previous a:before { content: '\2190\00a0'; }

.attachment .entry-content .nav-next a:after { content: '\00a0\2192'; }


/*******************************************************************************
			IMAGES WITHIN POSTS
*******************************************************************************/

#content img { margin: 0; }

#content .attachment img { max-width: 900px; }

#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}

#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}

#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#content img.alignleft, 
#content img.alignright, 
#content img.aligncenter {
	margin-bottom: 12px;
}

#content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}

#content .wp-caption img { margin: 5px 5px 0; }

#content .wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 12px;
}

#content .wp-smiley { margin:0; }

#content .gallery { margin: auto; }

#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}

#content .gallery img { border: 2px solid #cfcfcf; }

#content .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; }

#content .gallery dl { margin: 0; }

#content .gallery img { border: 10px solid #f1f1f1; }

#content .gallery br+br { display: none; }


/*******************************************************************************
			COMMENTS
*******************************************************************************/

.entry-utility {
	font-size: 12px;
}

.search .entry-utility { display: none; }

.search .page { border-bottom: 1px solid #8CC619; padding-bottom: 0; margin-bottom: 15px; }

.post { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #8CC619; }

.entry-content table { padding-bottom: 15px; }

.page-id-22 .entry-content table tr td { padding: 5px; }

.page-id-22 table tr.odd td { background-color:#2e5818; }

.page-id-22 table tr.first td { background-color:#0A2A31; }

.page-id-22 table tr.last td { background-color:#0A2A31; }

.home table tr.last td { background-color: transparent; }

.single .post, .error404 .post { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

#comments { clear: both; }

#comments .navigation { padding: 0 0 18px 0; }

h3#comments-title { padding: 0 0 24px 0; border-bottom: 1px solid #8CC619; }

.commentlist { list-style: none; margin: 0; }

.commentlist li.comment {
	border-bottom: 1px solid #8CC619;
	line-height: 24px;
	margin: 0;
	position: relative;
}

.commentlist li:last-child { border-bottom:none; margin-bottom:0; }

#comments .comment-body ul,
#comments .comment-body ol { margin-bottom: 18px; }

#comments .comment-body p:last-child { margin-bottom: 6px; }

#comments .comment-body blockquote p:last-child { margin-bottom: 24px; }

.commentlist ol { list-style: decimal; }

.commentlist .avatar { position: absolute; top: 4px; left: 0; }

.comment-author cite { color: #ffffff; font-style: normal; font-weight: bold; }

.comment-author .says { font-style: italic; }

.comment-meta { font-size: 11px; margin: 0 0 18px 0; }

.reply { font-size: 11px; padding: 0; }

.commentlist .children { list-style: none; margin: 0 0 15px 0; padding-left: 20px; }

.commentlist .children li { border: none; margin: 0; }

.comment-reply { padding: 15px; }

.nopassword,
.nocomments { display: none; }

#comments .pingback { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #8CC619; }

.commentlist li.comment+li.pingback { margin-top: -6px; }

#comments .pingback p {
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}

#comments .pingback .url { font-style: italic; font-size: 13px; }

ul.children li.odd { background: #487114; }

ul.children li.odd ul.children { background: #558218; }


/*******************************************************************************
			COMMENTS FORM
*******************************************************************************/

#respond {
	border-top: 1px solid #8CC619;
	overflow: hidden;
	position: relative;
}

ul.children #respond { margin: 0 15px; }

#respond p { margin: 0; clear: both; }

#respond .comment-notes { margin-bottom: 1em; }

.form-allowed-tags { line-height: 1em; }

h3#reply-title { margin: 18px 0; padding-bottom: 0; }

#comments-list #respond { margin: 0 0 18px 0; }

#comments-list ul #respond { margin: 0; }

#cancel-comment-reply-link { font-size: 12px; line-height: 18px; font-weight: normal; }

#respond .required, .mc_required { color:#FF4B33; font-weight:bold; }

#mc-indicates-required { font-size: 12px; color: #ffffff; }

.mc_merge_var { padding-bottom: 10px!important; }

#respond textarea { width:98%; }

#respond .form-allowed-tags code { font-size: 11px; }

#respond .form-submit { margin: 12px 0; }

p.form-allowed-tags { display: none; }


/*******************************************************************************
			WIDGET AREAS
*******************************************************************************/

.widget-area ul { list-style: none; margin-left: 0; }

.widget-area ul ul { list-style: square; margin-left: 1.3em; }

/* This keeps the search inputs in line */
.widget_search #s { width: 60%; }

.widget_search label { display:none; }

.widget-container { margin: 0 0 18px 0; }

.widget-title { color: #222; font-weight: bold; }

.widget-area a:link,
.widget-area a:visited { text-decoration: none; }

.widget-area .entry-meta { font-size: 11px; }

#wp_tag_cloud div { line-height: 1.6em; }

#wp-calendar { width:100%; }

#wp-calendar caption {
	font-weight: bold;
	color: #222;
	text-align: left;
	font-size:14px;
	padding-bottom: 4px;
}

#wp-calendar thead { font-size:11px; }

#wp-calendar tbody { color: #aaa; }

#wp-calendar tbody td {
	padding: 3px 0 2px;
	background: #f5f5f5;
	border:1px solid #fff;
	text-align: center;
}

#wp-calendar tbody .pad { background: none; }

#wp-calendar tfoot #next { text-align: right; }

.widget_rss a.rsswidget { color: #000; }

.widget_rss a.rsswidget:hover { color: #FF4B33; }

.widget_rss .widget-title img { height: 11px; width: 11px; }

/* Main sidebars */
#main .widget-area ul { margin-left: 0; padding: 0 20px 0 0; }

#main #additional ul { float: right; padding: 0; width: 275px; }

#main #additional ul.xoxo, #main #news ul.xoxo li.widget_text { padding: 0 25px 0 0; }

#main #additional ul.xoxo { width: 250px; }

#main .widget-area ul ul { border: none; margin-left: 1.3em; padding: 0; }

#primary ul li, #additional ul li, #news ul li { border-bottom: 1px solid #8CC619; padding-bottom: 5px; padding-top: 15px; }

#main #news ul.xoxo li.widget_text { border-top: 1px solid #8CC619; padding-top: 15px; }

#primary ul li h4, #additional ul li h4, #news ul li h4 { font-size: 14px; color: #ffffff; padding-bottom: 15px; }

#primary ul li a.readMore, #additional ul li a.readMore, #news ul li a.readMore { display: block; margin-top: 15px; }

#primary ul li.newsBorder { border-bottom: none; }

#primary ul li.newsBorderFirst, #additional ul li.newsBorderFirst, #news ul li.newsBorderFirst { padding-top: 0; }

#additional ul.xoxo li { border: none; padding-bottom: 0; padding-top: 15px; }

#news ul.xoxo li { border: none; padding-bottom: 0; }

li.mailchimpsf { position: absolute; }

#mc_message { position: relative; top: -15px; }

span.mc_error_msg, .page span.wpcf7-not-valid-tip, .page div.wpcf7-validation-errors { 
	display: block; 
	padding: 5px; 
	border: 1px solid #910000; 
	background: #f4bfbf; 
	color: #910000; 
	font-size: 13px;
}

strong.mc_success_msg, .page div.wpcf7-mail-sent-ok { 
	display: block; 
	padding: 5px; 
	border: 1px solid #395c0a; 
	background: #d3e8a9; 
	color: #395c0a; 
	font-weight: normal;
}


/*******************************************************************************
			FOOTER
*******************************************************************************/

#footerWrapper { background-color: #0a2a31; padding: 20px 0 40px 0;  }

#footer { margin: 0 auto; width: 950px; color: #849fa5; }

#footer p, #footer a { font-size: 11px; }

#footer a { color: #a2bac0; }

#footer a:hover { color: #ffffff; }

#footer-widget-area { overflow: hidden; }

#footer-widget-area .widget-area { float: left; margin-right: 20px; width: 250px; }

#footer-widget-area #fourth { margin-right: 0; }

ul.second-footer { float: right; list-style-type: none; }

ul.second-footer .textwidget ul { float: left; width: 111px; padding-left: 10px; }

ul.second-footer .textwidget ul li { display: block; height: 30px; line-height: 30px; border-bottom: 1px solid #225865; list-style-type: none; }

ul.second-footer .textwidget ul li a { display: block; height: 30px; padding-left: 5px; }

ul.second-footer .textwidget ul li a:hover { background: #0f343d; }

#footer-widget-area #first ul .social { float: left; padding-top: 0; }

#footer-widget-area #first ul ul { margin-left: 0; }

#footer-widget-area #first ul .social li { padding-right: 10px; padding-left: 0; }


/*******************************************************************************
			CLEARING FLOATS
*******************************************************************************/

.clear-block:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.clear-block { display: inline-block; }

/* start commented backslash hack \*/
* html .clear-block { height: 1%; }
.clear-block { display: block; }
/* close commented backslash hack */


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

			MOBILE SAFARI FOR IPHONE, IPAD, & IPOD TOUCH

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

pre {
	-webkit-text-size-adjust: 140%;
}

code {
	-webkit-text-size-adjust: 160%;
}

#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}

#site-description {
	-webkit-text-size-adjust: none;
}

/*******************************************************************************
			PRINT STYLE (WTF?)
*******************************************************************************/

@media print {
	body {
		background:none !important;
	}

	#wrapper {
		float: none !important;
		clear: both !important;
		display: block !important;
		position: relative !important;
	}

	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}

	#colophon {
		border-top: 2pt solid #000;
	}

	#site-title,
	#site-description {
		float: none;
		margin: 0;
		padding:0;
		line-height: 1.4em;
	}

	#site-title {
		font-size: 13pt;
	}

	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}

	

	.entry-title {
		font-size: 21pt;
	}

	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}

	

	#content,
	.one-column #content {
		width: 100%;
		margin: 24pt 0 0;
	}

	.wp-caption p {
		font-size: 11pt;
	}

	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}

	#colophon {
	margin: 0 auto;
	width: 950px;
}

	img#wpstats {
		display:none
	}

	#site-generator a {
		padding: 0;
	margin: 0;
	}

	#entry-author-info {
		border: 1px solid #e7e7e7;
	}

	#main {
		display:inline;
	}

	.home .sticky {
		border: none;
	
}