/*

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;}