/*
Theme Name: treehugger
Theme URI: http://www.treehugger.uproar.org.au
Description: Theme for Not Your Typical Tree Hugger
Version: 1.0
Author: Ethical Design
Author URI: http://www.ethicaldesign.com.au

	Theme for Not Your Typical Tree Hugger > Uproar
	www.treehugger.uproar.org.au
	site by www.ethicaldesign.com.au
	Erik Gorton
	
*/

/* ----------------------- */
/* RESET CSS */
/* http://meyerweb.com/eric/tools/css/reset/   v1.0 | 20080212 */
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;outline:0;font-size:100%;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* ----------------------- */
/* GLOBAL */
body { background:#FFF; color:#444444; font-size:10px; line-height:1.3em; font-family:Verdana, Geneva, sans-serif; }
h1,h2,h3,h4,h5,h6,p { margin:0 0 1em 0; }
a { text-decoration:none; }
img { border:none; }
#wrapper { position:relative; width:900px; margin:25px auto 0 auto; }
.clear { float:none; clear:both; }
.preload { display:none; }
#preloader { position:absolute; left:-9999px; top:-9999px; z-index:-9999; }
#uproar_corner { position:fixed; top:0; right:0; width:130px; height:130px; background:url(images/logo_uproar_corner2.png) 0 0 no-repeat; z-index:100; }
#uproar_corner a { position:absolute; top:0; right:0; width:75px; height:75px; display:block; }

/* content */
.content { color:#323232; font-size:1.2em; line-height:1.3em; text-align:left; }
.content a { color:#128cbb; font-weight:bold; }
.content a:hover { color:#ec986c; }
.content h1,h2,h3,h4,h5,h6 { font-size:1em; line-height:1.4em; margin:0 0 0.5em 0; }
.content p { font-size:1em; line-height:1.5em; }
.content img { padding:5px; background:#fff; border-bottom:5px solid #e9e9e9; }
/* uproar */
.content .uproar { padding:0 0 10px 0; font-size:0.7em; }
.content .uproar img { margin:0 0 0 0; border:none; background:none; padding:0; }
.content .like_box { position:relative; float:left; margin:18px 0 0 0; }

/* ----------------------- */
/* PROFILE */
#profile { position:relative; width:630px; float:left; margin:0 43px 40px 0; background:#eee; }
#profile .mainimage { position:relative; width:100%; border-top:solid 7px #f0e500; border-bottom:solid 7px #f0e500; background:#9e9e9e; overflow:hidden; }
#profile .mainimage .panel { position:relative; width:220px; }
#profile .mainimage .panel .text { position:relative; margin:20px 20px 20px 20px; }
#profile .mainimage .panel .text h1 { font-size:2em; line-height:1.2em; color:#f0e500; letter-spacing:-0.03em; }
#profile .mainimage .panel .text p { font-size:1.2em; line-height:1.32em; color:#fff; margin:0 0 1em 0; }
#profile .mainimage .panel .wedge { position:absolute; width:23px; height:40px; top:35px; right:-26px; background:url(images/mainimage_wedge.png) 0 0 no-repeat; }
#profile .mainimage .image { position:relative; float:right; }
#profile .content { padding:20px 20px 20px 20px; }

/* ----------------------- */
/* SIDEBAR */
#sidebar { position:relative; width:212px; float:left; color:#444; font-size:1em; text-align:justify; }
#sidebar h2 { font-size:1.8em; color:#373737; margin:0 0 0.1em 0; }
#sidebar a { color:#373737; font-weight:bold; }
#sidebar a:hover { color:#29a3d2; }
#sidebar .linkright a { float:right; }
#sidebar p { margin:0 0 0.7em 0; }

/* header */
#sidebar .header { margin:0 0 15px 0; }
#sidebar .header .image { padding:5px 0 15px 0; }
#sidebar .header .text { position:relative; padding:0 15px 0 15px; font-size:1.2em; }
#sidebar .header a { font-size:0.8em; }
#sidebar .header p { line-height:1.3em; margin:0 0 0.1em 0; }

/* bg */
#sidebar .bg { position:relative; background:#e8e8e8; padding:0 0 20px 0; margin:0 0 20px 0; }
/* next */
#sidebar .next { margin:0 0 22px 0; padding:15px 15px 17px 15px; background:#bbb; }
#sidebar .next h2 { color:#fff; }
#sidebar .image { border:solid 2px #fff; }
/* prev */
#sidebar .prev { margin:0 0 13px 0; padding:0 0 0 15px; }
#sidebar .prev p { margin-bottom:1em; }
#sidebar .thumb { position:relative; float:left; width:51px; height:50px; margin:0 9px 9px 0; border:solid 2px #fff; 
						overflow:hidden; }
/* vegan */
#sidebar .vegan { margin:0 0 22px 0; padding:0 15px 0 15px; text-align:left; }

/* signup */
#sidebar .signup { margin:0 0 32px 0; padding:0 15px 0 15px; text-align:left; }
#sidebar .signup p { margin-bottom:1em; }
#sidebar .signup input[type=text] { width:95%; margin:0 0 7px 0; padding:4px 5px; background:#d4d4d4; border:none; font-size:1em; 
						color:#444; font-family:Arial, Helvetica, sans-serif;
						-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#sidebar .signup input[type=text]:focus { background:#ccc; color:#000; }
#sidebar .signup input[type=submit] { margin:3px 0 0 0; padding:4px 5px; background:#8a8a8a; border:none; font-size:1.1em; 
						color:#e8e8e8; font-family:Arial, Helvetica, sans-serif; font-weight:bold;
						-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#sidebar .signup input[type=submit]:hover { background:#555; cursor:pointer; }
#sidebar #signup_message h3 { font-size:14px; color:#29a3d2; font-weight:normal; }
/* footer */
#sidebar .footer { margin:0 0 0 0; padding:0 15px 0 15px; font-size:0.9em; color:#888; }
#sidebar .footer .left { float:left; }
#sidebar .footer .right { float:right; }
#sidebar .footer span { font-size:0.8em; }
#sidebar .footer a { font-weight:normal; color:#666; }
#sidebar .footer a:hover { color:#29a3d2; }
/* uproar_footer */
#sidebar .uproar_footer { position:relative; width:152px; height:60px; background:url(images/logo_footer.png) 0 0 no-repeat;
						margin:10px auto 20px auto; }
#sidebar .uproar_footer a { position:absolute; top:0; left:0; width:152px; height:60px; display:block; }


/* Wordpress styles ----------------------- */

.alignleft { float:left; margin:0 10px 0 0 !important; }
.alignright { float:right; margin:0 0 0 10px !important; }
.aligncenter { margin-left:auto !important; margin-right:auto !important; }

.pagenavigation { margin-left:130px; }

/*.wp-caption { border:1px solid #ddd; text-align:center; background-color:#ffffff; margin:0 0 1em 0; padding-top:5px;		
						 -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }*/
						 
.wp-caption { text-align:center; margin:0 0 1em 0; background-color:#fff; padding-top:5px;
						border-top:4px solid none; border-bottom:4px solid #e9e9e9; }
.wp-caption img { margin:0; border:0 none; padding:0; border:none; }  
.wp-caption p.wp-caption-text { font-size:11px; line-height:14px; padding:7px 7px 9px 7px; margin:0; font-weight:normal; color:#555; }


/* Comments ----------------------- */

/* poststyles */
.poststyles {}
.poststyles img { margin:0; border:none; background:none; padding:0; /* reset styles applied to img in content */ }

/* date bubble small */
.poststyles .date_small { position:relative; margin:0; -moz-user-select: none; /* disable hilight in ff */ 
						font-family:Arial, Helvetica, sans-serif; }
.poststyles .date_small .post_date { position:relative; background:url(images/comments/bg_datebubble.png) no-repeat 0 0;
																		 width:50px; height:50px; overflow:hidden; color:#FFFFFF; margin:0; font-weight:bold; }
.poststyles .date_small .date_day { position:absolute; top:3px; left:5px; font-size:15px; }
.poststyles .date_small .date_day span { font-size:10px; vertical-align:top; margin-left:1px; }
.poststyles .date_small .date_month { position:absolute; top:14px; left:5px; font-size:7px; }
.poststyles .date_small .date_year { position:absolute; top:32px; left:9px; font-size:8px; color:#555555; }

/* commentbox */
.poststyles .commentlinks_num { float:left; font-weight:bold; }
.poststyles .commentlinks_make { float:right; font-weight:bold; margin:0 0 30px 0; }
.poststyles .commentlinks_make .button { display:inline-block; margin:0 5px 0 0; width:15px; height:13px;
						background:url(images/comments/btn_makecomment.png) 0 0 no-repeat; vertical-align:text-bottom; }
.poststyles .commentlinks_make:hover .button { background:url(images/comments/btn_makecomment.png) 0 -13px no-repeat; } 

.poststyles .comment_author { position:relative; margin:10px 0 10px 0; font-size:12px; color:#128cbb; font-weight:bold;
						font-family:Arial, Helvetica, sans-serif; width:75%; }
.poststyles .comment_author a { color:#128cbb; text-decoration:none; }
.poststyles .comment_author a:hover { color:#222222; text-decoration:none; }

.poststyles .commentbox { position:relative; padding:15px 15px 10px 20px; border:1px solid #ccc; 
								margin:0px 0 22px 0; text-align:left; }
.poststyles .commentbox .moderation { color:#C33; }
.poststyles .commentbox .tl, .poststyles .commentbox .tr, .poststyles .commentbox .br, .poststyles .commentbox .bl { 
		position:absolute; width:3px; height:3px; background:url(images/comments/commentbox_corners.png) no-repeat; }
.poststyles .commentbox .tl { background-position:0 0; top:-1px; left:-1px; }
.poststyles .commentbox .tr { background-position:0 -3px; top:-1px; right:-1px; }
.poststyles .commentbox .br { background-position:0 -6px; bottom:-1px; right:-1px; }
.poststyles .commentbox .bl { background-position:0 -9px; bottom:-1px; left:-1px; }
.poststyles .commentbox .arrow { position:absolute; width:15px; height:20px; 
																 background:url(images/comments/commentbox_corners.png) -3px 0 no-repeat; top:15px; left:-15px; }
/* share */
.poststyles .share_box { position:relative; width:46px; height:38px; }
.poststyles .share { position:relative; width:46px; height:38px; background:url(images/comments/btn_share.png) no-repeat -127px 0; font-weight:bold; color:#222222; }
.poststyles .share:hover { background-position:-127px -38px; }
.poststyles .sharewindow { display:none; position:absolute; top:-45px; right:0px; width:127px; height:83px; /* height:49px */
													 background:url(images/comments/btn_share.png) no-repeat 1px 0;
													 font-weight:bold; color:#222222; z-index:100;  }
.content .share_box { margin:10px 20px 18px 5px; float:left; }

/* comment placement divs */
.content .content_sidebar { position:relative; width:80px; float:left; }
.content .commentbox { position:relative; width:470px; float:left; }
.content .separator_thick { position:relative; width:100%; height:2px; background-color:#bcbcbc; margin:20px 0 10px 0; }

/* article footer nav */
.content .articlefooter { position:relative; width:100%; padding:10px 0 0 0; }
.content .articlefooter a { font-weight:normal; color:#000; }
.content .articlefooter .left { position:relative; float:left; width:50%; margin:0; }
.content .articlefooter .right { position:relative; float:right; width:50%; margin:0;  }

.content .articlefooter .next { position:relative; float:right; padding:10px 12px 10px 12px; background:#e2e2e2; border:solid 1px #cbcbcb; }
.content .articlefooter a:hover .next { background:#ccc; }
.content .articlefooter .next img { position:relative; float:left; width:51px; height:50px; margin:0 13px 0 0; border:solid 2px #fff; 
						overflow:hidden; padding:0; background:none; }
.content .articlefooter .next .text { position:relative; float:left; white-space:nowrap; }
.content .articlefooter .next h2 { position:relative; font-size:12px; color:#128cbb; margin:5px 0 2px 0; font-weight:bold; }
.content .articlefooter a .next h2 { color:#128cbb; font-weight:bold; }
.content .articlefooter a:hover .next h2 { color:#323232; }
.content .articlefooter .next p { position:relative; font-size:12px; color:#000; margin:0; }

.content .articlefooter .previous { position:relative; float:left; padding:10px 12px 10px 12px; background:#e2e2e2; border:solid 1px #cbcbcb; }
.content .articlefooter a:hover .previous { background:#ccc; }
.content .articlefooter .previous img { position:relative; float:right; width:51px; height:50px; margin:0 0 0 13px; border:solid 2px #fff; 
						overflow:hidden; padding:0; background:none; }
.content .articlefooter .previous .text { position:relative; float:left; white-space:nowrap; }
.content .articlefooter .previous h2 { position:relative; font-size:12px; color:#128cbb; margin:5px 0 2px 0; font-weight:bold; }
.content .articlefooter a .previous h2 { color:#128cbb; font-weight:bold; }
.content .articlefooter a:hover .previous h2 { color:#323232; }
.content .articlefooter .previous p { position:relative; float:right; font-size:12px; color:#000; margin:0; }


/* MakeComment  ---------- */

/* the trick to center is to make left and top 50% then set negative margins to half the size of the div */
#makecomment { position:fixed; left:50%; top:50%; width:550px; /*550*/ height:350px; /*350*/ margin-left:-275px; margin-top:-175px; 
							 z-index:1000; background:url(images/comments/bg_makecomment.png) 0 0 no-repeat; }
							 
#makecomment .blackout { position:fixed; left:0; top:0; width:100%; height:100%; }
#makecomment a:hover .blackout { cursor:auto; }
							 
#makecomment .inner { position:absolute; width:436px; height:250px; left:58px; top:44px; background:#ffffff; }
							 
#makecomment h2 { position:relative; font-size:18px; margin:0 0 14px 0; padding:0; color:#444444; font-weight:normal; 
									text-align:center;  }					 
#makecomment input { position:relative; width:198px; /*210*/ height:18px; /*22*/ float:left; margin:0 0 14px 0; 
										 font-size:14px; color:#6f6f6f; padding:2px 5px 2px 5px; border:solid 1px #d5d5d5; background:#f5f5f5;
										 -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#makecomment input:focus { color: #0b0b0b; }
#makecomment .textfield_right { float:right; }
#makecomment textarea { position:relative; width:424px; height:108px; margin:0 0 14px 0; font-size:14px; line-height:17px;
													color:#6f6f6f; padding:2px 5px 2px 5px; border:solid 1px #d5d5d5; overflow:auto; 
													font-family:Arial, Helvetica, sans-serif; background:#f5f5f5;
													-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#makecomment textarea:focus  { color: #0b0b0b; }

#makecomment a .enter { background:url(images/comments/btn_enter.png) no-repeat 0 0; border:none; text-indent:-9999em;
							width:60px; height:32px; left:97px; position:relative;}
#makecomment a:hover .enter { background-position:0 -32px; cursor:pointer; }

#makecomment a .close { position:absolute; display:block; background:url(images/comments/btn_close.png) no-repeat 0 0; border:none; 
											text-indent:-9999em; width:19px; height:18px; top:0; right:0px; }
#makecomment a:hover .close{ background-position:0 -18px; cursor:pointer; }