/*

Theme Name: The Green Children Foundation
Theme URI: http://www.thegreenchildrenfoundation.org
Description: 'Custom built theme for The Green Children Foundation website'
Author: Jason LeVan - Michael Austin Productions
Author URI: http://michaelaustinproductions.com
Version: 1.0

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, font, img, q, s, var, 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%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
a{text-decoration:none; color:#32461F;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
iframe{background-color:transparent;}
/* ======= WordPress Image and Caption Alignment ======= */
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {padding: 0; margin: 0; visibility:hidden;}

/* General Styles */
body{font-family:arial; background:url('http://www.thegreenchildren.org/tgcf/wp-content/themes/greenchild/img/bg.jpg') 50% 0% no-repeat #0c0a02; color:#414141;}
/*Only Safari sees the "@media screen" section */
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
	body {
	overflow:auto;
	font-family:arial;
	color:#414141;
		}
    #background_img {
		background:url('http://www.thegreenchildren.org/tgcf/wp-content/themes/greenchild/img/bg.jpg') center top no-repeat #0c0a02;
		margin:0;
		position:relative;
		z-index: 0;
		overflow: hidden; 
	}
}

/*Safari only section ends here*/
#background_img{min-width:940px; overflow-x:hidden;}
#bgleft{background:url('./img/bgleft.png') no-repeat top center; height:921px; width:181px; z-index:8; position:absolute; left:-169px; top:-62px;}
#bgright{background:url('./img/bgright.png') no-repeat top center; height:784px; width:213px; z-index:8; position:absolute; right:-206px; top:2px;}
#branchleft{background:url('./img/branchleft.png') no-repeat top center; z-index:8; position:absolute; height:106px; width:54px; left:-11px; top:555px;}
#branchright{background:url('./img/branchright.png') no-repeat top center; z-index:8; position:absolute; height:103px; width:49px; right:-15px; top:559px;}
#pagewrap {
	margin:0 auto;
	width:940px;
	overflow:visible;
	z-index:2;
	position:relative;
}
.mediaon{background:url('./img/expand.jpg') left top no-repeat;}
.mediaoff{background:url('./img/collapse.jpg') left top no-repeat;}
#header li, #tabs li {float:left;}
#content, #twitter, #tabs {clear:both;}
#content{height:350px; background:url('./img/topbg.png') no-repeat;}
#slides{
	overflow:hidden;
	height:350px;
	float:left;
	position:relative;
	width:938px;
}
#contright img{margin-top:-169px;}
#tabs{overflow:hidden; position:absolute; bottom:2px;}
#tabs li a{
	display:block;
	text-indent:-9999px;
}
#minbecome a, #minimg a, #minvid a{width:223px; height:55px;}
#minbecome, #minimg, #minvid{width:223px; height:55px; position:relative;}
#minbecome{background:url('./img/min_become.png') no-repeat; z-index:5; width:226px;}
#minbecome.active{background:url('./img/min_become_active.png') no-repeat;}
#minimg{background:url('./img/min_images.png') no-repeat; z-index:4; margin-left:-72px;}
#minimg.active{background:url('./img/min_images_active.png') no-repeat;}
#minvid{background:url('./img/min_videos.png') no-repeat; z-index:3; margin-left:-72px;}
#minvid.active{background:url('./img/min_videos_active.png') no-repeat;}
/* Twitter Box */
#twitter{
	height:170px;
	margin-top:5px;
	margin-left:-6px;
	background:url('./img/twitbg.png');
	font-size:.875em;
	color:#414141;
	font-style:italic;
	line-height:24px;
}
#twitter img{
	margin:30px;
	margin-left:40px;
}
#twitterbird{
	float:left;
}
#feed{
	float:right;
	height:70px;
	margin-right:100px;
	margin-top:50px;
	width:600px;
}

/* Header Styles */
#header{margin-top:211px; position:relative;}
#header h1{text-indent:-9999px;}
#header a img{margin-left:100px;}
#header ul {overflow:hidden; background:url('./img/menusprite.png') top center no-repeat; margin-left:4px;}
#header li a{display:block; padding:15px 25px;}
#home{
height:47px;
text-indent:-9999px;
width:77px;
}
#home a{background:url('./img/menusprite.png') 0px 0px no-repeat;}
#home a:hover{background:url('./img/menusprite.png') 0px -47px no-repeat;}
#home a.active{background:url('./img/menusprite.png') 0px -47px no-repeat;}

#news{
height:47px;
text-indent:-9999px;
width:93px;
}
#news a{background:url('./img/menusprite.png') -77px 0px no-repeat;}
#news a:hover{background:url('./img/menusprite.png') -77px -47px no-repeat;}
#news a.active{background:url('./img/menusprite.png') -77px -47px no-repeat;}

#about{
height:47px;
text-indent:-9999px;
width:92px;
}
#about a{background:url('./img/menusprite.png') -170px 0px no-repeat;}
#about a:hover{background:url('./img/menusprite.png') -170px -47px no-repeat;}
#about a.active{background:url('./img/menusprite.png') -170px -47px no-repeat;}

#projects{
height:47px;
text-indent:-9999px;
width:135px;
}
#projects a{background:url('./img/menusprite.png') -262px 0px no-repeat;}
#projects a:hover{background:url('./img/menusprite.png') -262px -47px no-repeat;}
#projects a.active{background:url('./img/menusprite.png') -262px -47px no-repeat;}

#partners{
height:47px;
text-indent:-9999px;
width:98px;
}
#partners a{background:url('./img/menusprite.png') -397px 0px no-repeat;}
#partners a:hover{background:url('./img/menusprite.png') -397px -47px no-repeat;}
#partners a.active{background:url('./img/menusprite.png') -397px -47px no-repeat;}

#learn{
height:47px;
text-indent:-9999px;
width:112px;
}
#learn a{background:url('./img/menusprite.png') -495px 0px no-repeat;}
#learn a:hover{background:url('./img/menusprite.png') -495px -47px no-repeat;}
#learn a.active{background:url('./img/menusprite.png') -495px -47px no-repeat;}

#store{
height:47px;
text-indent:-9999px;
width:121px;
}
#store a{background:url('./img/menusprite.png') -607px 0px no-repeat;}
#store a:hover{background:url('./img/menusprite.png') -607px -47px no-repeat;}
#store a.active{background:url('./img/menusprite.png') -607px -47px no-repeat;}


#mediaswitch{height:45px; width:208px; margin:2px 0 0 -5px;}
li#mediaswitch a{padding:0;}
li#mediaswitch a img{margin:0;}
/* End Header Styles */


/* Become Green Child Form Area */
#begreen{padding:20px; height:245px; width:930px; position:relative;}
#begreen p{margin-top:10px; width:570px;}
#begreen form{position:absolute; overflow:visible; top:176px;}
#begreen .formwrap{clear:both;}
#begreen .jqTransformSelectWrapper{margin-right:10px; margin-left:10px;}
#begreen select{width:169px;}
#begreen input{width:167px;}

#begreen h2{
	background:url('./img/becometext.png') top center no-repeat;
	font-size:2.6em;
	text-indent:-9999px;
	height:79px;
	width:552px;
}
#begreen h3{
	font-size:2em;
	text-indent:-9999px;
	height:0;
}
#images{padding:30px; padding-top:15px; padding-bottom:0; width:878px; height:318px;}
#videoframe{width:917px; height:336px; overflow:hidden; border:0; outline:0;}
#photoframe{width:900px; height:300px; overflow:hidden; border:0; outline:0;}
#videos{padding:10px 10px 10px 12px; height:265px; width:800px; margin-left:2000px;}
input#becomegreen{clear:both; width:91px; height:38px; background:none; margin-top:10px;}
.panel{float:left; margin-right:200px;}
.scrollContainer{width:20000em;}
.scroll{overflow:hidden; height:348px;}


#postandside{margin-top:13px; margin-left:-4px; min-height:795px; z-index:9; position:relative; clear:both;}
#posts{width:613px; float:left;}
.postitem{
	height:205px;
	padding:36px 40px 0 20px;
	position:relative;
	margin-bottom:13px;
	background:url('./img/blogbg.png') no-repeat;

}
.singleitem{
	padding:36px 24px 36px 20px;
	position:relative;
	margin-bottom:13px;
	background:url('./img/singlebg.png') no-repeat #baa97c top center;
	border:1px solid #f7eac5;
	margin-top:2px;
	margin-left:3px;
}
.singleitem input{
	margin-bottom:10px;
}
.postitem .wp-caption, .singleitem .wp-caption{display:none;}
.postitem p, #sidebar p, #sidebar li, .singleitem p{font-size:.75em; line-height:20px; color:#414141;}
.postitem h2 a, #sidebar h2, .singleitem h2 a{font-size:1.5em; line-height:18px; font-weight:normal;}
#comments_template h3{font-size:1.15em; color:#414141; font-weight:normal; margin-bottom:20px;}
#comments_template{padding-bottom:75px;}
.comments li{
	clear:both;
	display:block;
	margin-bottom:20px;
	overflow:hidden;
	position:relative;
	padding:10px;
	border:1px solid #F7EAC5;
}
.avatar, .main_comment{float:left;}
.avatar{margin-right:20px;}
#respond{width:571px;}
#commentform textarea{background:url('./img/textareatile.png') top center repeat-x #fefefd; border:1px solid #81835D; width:569px;}

.archivelist li{list-style:none;padding:10px;}
.archivelist ul{margin-top:20px;}

.postmetadata{position:absolute; bottom:15px;}
.entry{margin-top:10px;}


.date{
	position:absolute;
	height:52px;
	width:70px;
	margin-top:3px;
	top:28px;
	left:-67px;
	font-size:2.25em;
	text-align:center;
	text-transform:lowercase;
	color:#c7b68b;
	font-weight:bold;
	background:url('./img/datetab.png') no-repeat;
}
.date p{font-size:inherit; color:#c7b68b; line-height:1;}
.date span{color:#f0e2bc; font-size:.333em;}
.more-link, .more{position:absolute; display:block; padding:10px 67px; bottom:0; right:0; text-indent:-9999px; background:url('./img/readmore.png') no-repeat center center;}

.singlepage{min-height:672px;}
#side{float:right; overflow:visible;}
#donate a{
	display:block;
	height:35px;
	padding-top:20px;
	width:336px;
}
#donate{height:59px; width:336px; margin-right:-30px; text-indent:-9999px; background:url('./img/donate.png') no-repeat;}
#sidebar{height:641px; width:278px; margin-top:15px; background:url('./img/sidebarbg.png') no-repeat; padding:24px 15px 13px 17px;}
#sidebar li{padding:17px 0; background:url('./img/sidebreak.png') bottom center no-repeat;}
#sidebar li.last{background-image:none;}
#sidebar ul{margin-bottom:5px;}
#sidebar form{margin-top:10px;}
#sidebar li img{margin-right:10px; float:left;}
#sidebar form li{padding:0;}
#sidebar .jqTransformSelectWrapper{margin:10px 0;}
#sidebar input{border:none; width:275px; height:28px; padding-top:6px; padding-left:5px; color:#32461f;}
#sidebar .jqtransfix{background:url('./img/sideformbg.png') left top no-repeat;}
#sidebar select{border:none; width:260px; height:29px; color:#32461f; padding:6px 0 0 4px; margin-bottom:6px;}
#sidebar .btn{border:none; width:89px; height:36px; margin-top:7px; margin-right:4px; float:right; background:url('./img/sidesubmit.png');}
#side #s{width:270px; margin-top:10px;}
#sidebar h2{clear:both;}
#sidesearch{ width:278px; margin-top:15px; background:url('./img/sidesearch.png') no-repeat; padding:14px 15px 13px 17px; height:101px; display:none;}
#sidecats{display:none; width:273px; margin-top:15px; background:url('./img/sidedynamic.png') no-repeat #b9a87b; padding:14px 15px 13px 17px;  border:1px solid #f7eac5; margin-left:3px; list-style:none;}

.navigation{background:url('./img/navbg.png') top left no-repeat; height:30px; margin-left:2px; padding:10px; position:relative;}
#footer{height:350px; clear:both; position:relative; color:#ffffff; line-height:18px; padding-top:20px;}
#footer a{color:#ffffff;}
#footer h3{font-size:24px;}
#footer p, #footer a{font-size:12px; }
#footer h4{font-size:12px;}
#footer div{float:left;}
#foot1{width:297px;}
#foot1 h4{margin-top:15px;}
#foot2{width:300px ;text-indent:-9999px;}
#foot2 h3{text-indent:0;}
#foot2 a{ display:block;}
#foot3{width:330px;}
div#footbot{text-align:center; margin-top:20px; margin-left:155px;}
#footbot a, #footbot p{ font-size:14px; line-height:20px;}
#foot2 div{margin-bottom:15px; float:left; clear:both;}
#footmyspace{background:url('./img/myspace.png') top center no-repeat; height:30px; width:130px;}
#footmyspace a{width:130px; height:30px;}
#footyoutube{background:url('./img/youtube.png') top center no-repeat; height:32px; width:77px;}
#footyoutube a{width:77px; height:32px;}
#foottwitter{background:url('./img/twitterlink.png') top center no-repeat; height:21px; width:103px;}
#foottwitter a{width:103px; height:21px;}
#footfacebook{background:url('./img/facebook.png') top center no-repeat; height:32px; width:83px;}
#footfacebook a{width:83px; height:32px;}
#foottgc{background:url('./img/tgclogo.png') top center no-repeat; height:36px; width:175px;}
#foottgc a{width:175px; height:36px;}
#footbg{background:url('./img/footbg.jpg') bottom center no-repeat; z-index:1; position:relative; margin-top:-925px; left:0; bottom:0; width:100%; height:1169px;}
#foot3 input, #commentform input, #s{background:url('./img/footinput.png') top center no-repeat; height:24px; width:268px; border:none; margin-bottom:10px; padding-top:6px; padding-left:6px;}
#foot3 #footsubmit,#commentform #submit, #searchsubmit{background:none; height:38px; width:91px; float:right; margin-top:10px; margin-bottom:0;}
#searchsubmit{float:right; margin-top:0; background:url('./img/searchsubmit.png') center center no-repeat; border:none;}
#foot3 textarea{height:130px; width:324px; padding-top:6px; padding-left:6px; background:url('./img/footarea.png') top center no-repeat; border:none; overflow:hidden;}
#footbot span{margin-left:40px;}