/*
Theme Name: WordPress TEA 2010
Theme URI: http://wordpress.org/
Description: The WordPress theme for The Earth Awards 2010.
Version: 1.0
Author: Whitecity Soft
Author URI: http://whitecitysoft.com/
Tags: white, clean, fixed width, two columns

	TEA v1.0
	http://whitecitysoft.com/

	This theme was designed and built by Whitecity Soft

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

* {margin:0; padding:0;}

img {border:0;}
a {text-decoration:none;outline: none}
a:hover {text-decoration:underline;}


#introPage {width:637px; margin:auto; padding-right:173px;}

#splash {position:absolute; left:50%; top:50px; width:656px; height:421px; margin-left:-328px; background:url(images/splash.png) 0 0 no-repeat;}
	#splash h1 {text-indent:-9999px;}
	#splash p {position:absolute; left:391px; top:253px; font-size:17px;}
		#splash a {display:block; color:#231F20; width:656px; height:421px;}
		#splash a p {color:#231F20;}
		#splash a:hover p, #splash a:active p {color:#BC1E2D; text-decoration:underline;}

html, body {height:100%;}
body {background:#fff; font-family:Helvetica, Arial, sans-serif;}

#holder {position: relative; min-height: 100%; height: 100%; voice-family: "\"}\""; voice-family: inherit; height: auto;}
	html>body #holder {height:auto;}
	#wrap {padding-bottom:50px;}


h2 {font-size:22px; margin-bottom:20px; color:#888888; font-family:Helvetica, Arial, sans-serif; line-height:22px; font-weight:normal; text-transform:uppercase;}
h3 {font-size:15px; margin:20px 0; color:#666666; font-family:Helvetica, Arial, sans-serif; line-height:16px; font-weight:normal;}
h4 {font-size:12px; margin:20px 0; color:#666666; font-family:Helvetica, Arial, sans-serif; line-height:16px; font-weight:normal;}
h5 {font-size:22px; margin-bottom:20px; color:#888888; font-family:Helvetica, Arial, sans-serif; line-height:16px; font-weight:normal; text-transform:uppercase;}
p {font-size:11px; margin-bottom:10px; color:#666666; font-family:Helvetica, Arial, sans-serif; line-height:16px;}
hr {display:block; height:1px; background:#bfbfbf; color:#bfbfbf; line-height:1px; clear:both; border:0; margin:35px 0 15px 0;}


#container {width:810px; margin:auto; overflow:auto;}

	#leftColumn {float:left; width:200px;}
		#leftColumn h1 {width:200px; height:33px; margin-top:71px; background:url(images/logotype.png) 0 0 no-repeat;}
			#leftColumn h1 a {display:block; width:200px; height:33px; text-indent:-9999px;}
	
		li.pagenav {list-style-type:none;}
		#leftColumn ul {width:200px;}
			#leftColumn ul li {font-size:11px; list-style-type:none; margin-bottom:3px;}
				#leftColumn ul li a {color:#6D6E70; display:block; padding:0 0 2px 5px;}
					#leftColumn ul li.current_page_item a {color:#BC1E2D;}
					#leftColumn ul li.current_page_item li a {color:#6D6E70;}
					#leftColumn ul li a:hover,
					#leftColumn ul li.current_page_item a:hover,
					#leftColumn ul.categoryList li a:hover,
					#leftColumn ul.categoryList li.current-cat a {color:#BC1E2D; text-decoration:none;}
						#leftColumn ul li ul {margin:9px 0 9px 12px; display:none;}
						#leftColumn ul li ul.visbleSubmenu,
						#leftColumn ul li.current_page_ancestor ul {display:block;}
						
			ul.categoryList {margin:9px 0 9px 12px;}
				ul.categoryList li {font-size:11px; list-style-type:none; margin:0 0 3px 0;}
					ul.categoryList li a {color:#6D6E70; display:block; padding:0 0 2px 5px; cursor:pointer;}
					
				

	#rightColumn {float:right; width:571px; position:relative; padding-bottom:30px;}
	
		#topNav {position:absolute; top:16px; right:0; color:#595959; font-size:10px;}
			#topNav a {color:#B8BABC; text-decoration:none;}
			#topNav a:hover {text-decoration:underline;}

		#mainContent {float:left; width:400px; margin:77px 0 0 0;}
			.pageContent ul {list-style-type:none; margin-bottom:20px;}
				.pageContent ul li {font-size:11px; color:#666666; font-family:Helvetica, Arial, sans-serif; line-height:16px;}
					.pageContent ul li strong {color:#231F20;}
					
			.pageContent ol {margin:0 0 20px 20px;}
				.pageContent ol li {font-size:11px; color:#666666; font-family:Helvetica, Arial, sans-serif; line-height:16px;}
					
			#mainContent a {color:#BC1E2D;}
				#mainContent a:hover {text-decoration:underline;}
					
			h2.noMargin {margin:0;}
			h3.noTopMargin {margin-top:0;}
			
			ul.imageList {margin-top:20px;}
				ul.imageList li {overflow:hidden; padding:10px 0;}
					ul.imageList li img {float:left; width:150px; margin:4px 10px 0 0;}
					ul.imageList li p {float:right; width:235px;}
					
			.blogList h2 {margin-bottom:0;}
			.blogPost h2 {margin-bottom:20px;}
			.blogList small {font-size:15px; color:#666666; display:block; margin-bottom:20px;}
			.blogList div.entry {border-bottom:#bfbfbf solid 1px; padding-bottom:5px; margin-bottom:25px; overflow:hidden;}
			.blogPost div.entry {padding-bottom:0; border-bottom:0; margin-bottom:0;}
			.categoryPage h3 {margin:20px 0 0 0; text-transform:uppercase;}
			.categoryPage small {font-size:12px !important;}
			.blogPost hr {margin:25px 0;}
			
			
			
			a.more-link,
			a.backLink {display:block; float:right; clear:both; margin:5px 0 0 0; width:auto; height:26px; line-height:26px; text-align:center; background:url(images/button-right-bgr.png) right 0 no-repeat; font-size:11px; text-transform:uppercase; color:#fff;}
				a.more-link span,
				a.backLink span {background:url(images/button-left-bgr.png) 0 0 no-repeat; display:block; height:26px; color:#fff; padding:0 14px;}
					a.more-link:hover, a.backLink:hover {background-position:right -26px; color:#fff !important; text-decoration:none !important;}
					a.more-link:hover span, a.backLink:hover span {background-position:0 -26px; color:#fff !important; text-decoration:none !important;}
					a.more-link:active, a.backLink:active {background-position:right -52px; color:#fff !important; text-decoration:none !important;}
					a.more-link:active span, a.backLink:active span {background-position:0 -52px; color:#fff !important; text-decoration:none !important;}
			
			a.backLink {float:left; margin:10px 0 0 0;}
				
				
			ol.commentlist {margin-left:20px; font-size:11px; color:#CCC;}
				ol.commentlist li {padding:5px 0;}
					ol.commentlist li img {display:none;}
					ol.commentlist li cite {font-style:normal;}
					ol.commentlist li div.comment-author {font-size:12px; color:#666;}
					ol.commentlist li div.comment-meta {font-size:10px; color:#666;}
					ol.commentlist li p {color:#666;}
			
			#respond label small {font-size:11px; margin:10px 0 3px 0; font-weight:bold;}
			#respond input.inputField {border:#000 solid 1px; width:250px; height:16px; font-size:11px; padding:2px 5px;}
			#respond textarea {border:#000 solid 1px; overflow:auto; padding:2px 5px; font-size:11px; width:388px; font-family:Helvetica, Arial, sans-serif;}
			
		#footerWrap {width:100%; position:absolute; bottom:0;}
			#footer {font-size:10px; color:#797979; clear:both; width:810px; margin:10px auto;}
				#footer p {float:left; width:300px;}
				#footer ul {float:right; width:auto;}
					#footer ul li {display:inline; list-style-type:none;}
						#footer ul li a {color:#797979;}