/*  
 * Theme Name: 		TreePop
 * Theme URI: 		http://www.ecotheme.com/treepop
 * Description: 	A two column theme.
 * Author: 			EcoTheme
 * Author URI: 		http://www.ecotheme.com
 */

* {
    margin:					0;
	padding:                0;
}

body, html {
    background-position:	top left;
	background-image:		 url(images/bg.jpg);
	background-repeat:		repeat;
	background-color:		#999;
	font-family:			"Lucida Grande", verdana, sans-serif;
}



/*----------------------------- wrapper ------*/
#wrap {
    width:					916px;
	margin:					0 auto;
	background-color:		#fff;
	border-left:			2px solid #836b4b;
	border-right:			2px solid #836b4b;
	text-align:				left;
}



/*-------------------------- main divs -------*/
#content {
    width:					550px;
}

#header {
    height:					246px;
	background-color:		#8ad2ea;
	background-image:		 url(images/header.jpg);
	background-repeat:		no-repeat;
	background-position:	top left;
}
#header #text {
    padding:				90px 0 0 25px;
}
#header h1 {
    font-size:				48px;
	font-family:			Georgia, "Times New Roman", Times, serif;
	color:					#fff;
	font-weight:			100;
}
#header h2 {
    color:					#3ca6c9;
	padding:                10px 0 0 25px;
	font-size:				22px;
	font-family:			Georgia, "Times New Roman", Times, serif;
	text-transform:			lowercase;
	font-weight:			100;
}

#middle { 
    background-color:		#fff;
	border-top:				2px solid #836b4b;	
	border-bottom:			2px solid #836b4b;
	position:				relative;
	background-image:		 url(images/title_img.jpg);
	background-position:	bottom right;
	background-repeat:		no-repeat;
	clear:					both;
}


#sidebar {
    width:					341px;
    position:				absolute;
	top:					-30px;
	left:					556px;
}
#sidebartop, #sidebarbottom {
    background-repeat:		no-repeat;
	background-position:	top left;
}
#sidebartop {
    background-image:		 url(images/sidebar_top.png);
	height:					30px;
	margin:					0 0 -5px 0;
}
* html #sidebartop {
    margin:					0 0 0 0;
}
#sidebarmiddle {
    background-image:		 url(images/sidebar_middle.gif);
	background-repeat:		repeat-y;
	background-position:	top left;
}
* html #sidebarmiddle {
    margin:					-5px 0 0 0;
}
#sidebarbottom {
    background-image:		 url(images/sidebar_bottom.gif);
	height:					25px;
}

#sidebarleft { 
	width:					177px;
	margin:					0 0 0 11px;
}
* html #sidebarleft {
    margin:					0 !important;
	width:					165px;
	padding:                0 2px 0 0;
	float:					right;
}
#sidebarright {
	float:					right;
	width:					142px;
	margin:					0 10px 0 0;
}
* html #sidebarright {
	margin:					0 5px 0 0;
}
#sidebar .block {
    padding:				0 0 10px 0;
}

#sidebar h3 {
    color:					#526c2f;
	font-size:				16px;
	padding:                0 0 0 5px;
}
#sidebar ul {
    margin:					0 0 0 20px;
}
#sidebar ul a {
    color:					#000;
	font-size:				12px;
}
#sidebar ul li {
    padding:                0 0 2px 0;
}


/*---------------------------- footer --------*/
#footer { 
	background-color:		#c6daaa;
}

#footer #left {
	width:					400px;
}
#footer #right {
	width:					500px;
}
#footer #right div {
    background-color:		#ebf2e1;
	border:					1px solid #000;
	width:					450px;
	margin:					75px 15px 0 0;
	float:					right;
}
#footer #right p {
    padding:                10px;
	text-align:				right;
	color:					#836b4b;
	line-height:			1.8em;
	font-size:				12px;
}

#footer #left, #footer #right {
    float:					left;
	margin:					0 5px 0 0;
}

#footer ul {
    list-style-type:		none;
}
#footer ul ul {
    list-style-type:		disc;
	margin:					0 0 0 50px;
	color:					#000;
	font-size:				14px;
}
#footer ul ul li {
    padding:                0 0 10px 0;
}

#footer h2 {
    font-size:				16px;
	font-weight:			bold;
	color:					#5c6541;
	padding:                0 0 15px 25px;
}




/*------------------------------ menu --------*/
.menu {
    position:				relative;
	top:					24px;
    width: 					100%;
    margin: 				1em 0 0 0;
    padding:                0 0.5em;
}
.menu ul {
    margin: 				0 0 0 10px;
    padding:                0;
    list-style-type: 		none;
}
.menu li {
    margin: 				0;
    padding:                0;
    float: 					left;
}
.menu {
    padding:                0;
}
.menu li {
    width: 					100px;
	height:					25px;
	background-image:		 url(images/menuitem.jpg);
	background-repeat:		no-repeat;
	background-position:	top left;
    margin-right: 			1em;
	padding:                4px 0 0 0 !important;
    text-align:				center;
}
.menu li a {
    color:					#836b4b;
	text-decoration:		none;
}
.menu li a:hover {
    color:					#000;
}



/*------------------------------ menu --------*/
.menu2 {
    position:				relative;
	top:					24px;
    width: 					100%;
    margin: 				1em 0 0 0;
    padding:                0 0.5em;
}
.menu2 ul {
    margin: 				0 0 0 10px;
    padding:                0;
    list-style-type: 		none;
}
.menu2 li {
    margin: 				0;
    padding:                0;
    float: 					left;
}
.menu2 {
    padding:                0;
}
.menu2 li {
	height:					25px;
	background-image:		 url(images/menuitemleft.jpg);
	background-repeat:		no-repeat;
	background-position:	top left;
    margin-right: 			1em;
	padding:                4px 0 0 0 !important;
    text-align:				center;
}
.menu2 li a {
    color:					#836b4b;
	text-decoration:		none;
	background-image:		 url(images/menuitemright.jpg);
	background-repeat:		no-repeat;
	background-position:	top right;
	padding:                4px 10px 1px 0;
	margin:					0 0 0 10px;
}
.menu2 li a:hover {
    color:					#000;
}



/*----------------------------- post ---------*/
.post {
    background-image:		 url(images/comments_img.jpg);
	background-repeat:		no-repeat;
	background-position:	left bottom;
	margin:					5px 5px 15px 5px;
	padding:                5px 0 0 0;
	border-bottom:			1px solid #836b4b;
}
.post-content {
	line-height:			1.4em;
}

.post-content ul{
	padding:                20px 15px 20px 35px;
}

.post-content, .post-bottom, .post-top {
	padding:                10px 10px 0 10px;
}
.post-top {
    margin-bottom:			20px;
}
.post-bottom, .post-info {
    text-align:				right;
}
.post-bottom {
    padding:                0 0 50px 0;
	margin:					0 0 25px 0;
}

.post-title {
    background-image:		 url(images/title_img.jpg);
	background-repeat:		no-repeat;
	background-position:	top left;
	height:					38px;
	border-bottom:			1px solid #836b4b;
}
.post-title h2 {
    padding:                5px 0 0 50px;
}

.posted-by {
    border-bottom:			1px solid #836b4b;
	color:					#836b4b;
	font-size:				10px;
	padding:                2px 0 2px 5px;
}

#commentsdiv h4 {
	font-family:			"Rotis Semi Serif", Rotis, Georgia, "Times New Roman", Times, serif;
}


/*-------------------------- comments --------*/
#commentsdiv {
	margin:					0 5px;
}
.comments {
    background-color:		#ecf2e1;
	padding:                5px 10px;
	margin:					0 0 0 60px;
	border:					1px solid #5d6642;
	width:					450px;
    position:				relative;
}
.comments-middle {
	color:					#5c6541;
	text-align:				left;
}
.comments-number { 
    position:				absolute;
	top:					10px;
	left:					-40px;
	font-size:				30px;
	font-weight:			bold;
	font-family:			Arial, Helvetica, sans-serif;
	color:					#5c6541;
}
.comments-poster {
    padding:                0 0 10px 0;
}

.comment_options {
    margin:					0 auto;
	width:					450px;
}
.comment_options h4 {
    color:					#5c6541;
	font-size:				16px;
	font-family:			Arial, Helvetica, sans-serif !important;
}
.comment_options h5 { 
    font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	padding:                0 0 10px 0;
}
.comment_options label {
    width:					100px;
	float:					left;
	margin-left:			50px;
}
.comment_options textarea {
    width:					400px;
	margin:                 0 0 25px 50px;
}
.comment_options input#submit {
    background-color:		#836b4b;
	border:					1px solid #000;
	color:					#fff;
	font-variant:			small-caps;
	font-size:				16px;
	float:					right;
}


/*----------------------------- links --------*/
h1 a:link, h1 a:visited {
    color:					#fff;
	text-decoration:		none;
}
h1 a:hover {
    color:					#eee;
}

h2 a, h2 a:visited {
    color:					#5c6541;
	text-decoration:		none;
}
h2 a:hover {
    color:					#000;
}

.post-title h2 {
    font-family:			Arial, Helvetica, sans-serif;
	font-size:				28px;
	font-weight:			100;
}

.post-content a, .post-content a:visited, .comment_options a:link, .comment_options a:visited {
	color:					#836b4b;
}
.post-content a:hover, .post-info a:hover, .comment_options a:hover {
    color:					#000;
}

.post-info a:link, .post-info a:visited {
    color:					#836b4b;
    text-decoration:		underline;
	font-weight:			100;
	font-size:				14px;
}
.post-info a:hover {
    color:					#000;
}

.posted-by a, #footer #right a, #footer #right a:visited {
    color:					#836b4b;
	text-decoration:		underline;
}
.posted-by a:hover, #footer #right a:hover {
    color:					#000;
}

.comments a:link, .comments a:visited, .comment_options h5 a:link, .comment_options h5 a:visited {
    color:					#5c6541;
}
.comments a:hover, .comment_options h5 a:hover {
    color:					#000;
}

.navigation a:link, .navigation a:visited {
    color:					#836b4b;
}
.navigation a:hover {
    color:					#000;
}

#footer {
    color:					#fff;
}
#footer ul a, #footer ul a:visited {
    color:					#000;
}
#footer ul a:hover {
    color:					#c00;
}



/*----------------------------- misc ---------*/
.spacer {
    clear:					both;
}
.justify {
    text-align:				justify;
}
.navigation {
    text-align:				center;
}
.small {
    font-size:				87%;
}
.uppercase {
    text-transform:			uppercase;
}
.centered {
    text-align:				center;
	margin:					0 auto;
}
.align-left {
    margin:					0 0 0 10px;
	float:					left;
}
.align-right {
    margin:					0 10px 0 0;
	float:					right;
}
img {
    border:					0;
}
.post p {
    padding:                5px 0;
}
blockquote {
    background-color:		#eee;
	border-right:			1px solid #333;
	border-bottom:			1px solid #333;
	margin:					5px 25px;
	padding:                2px 5px 5px 5px;
}