/* =reseting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
strong{ font-weight:bold;}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


a{text-decoration: none;}


/* =basics
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
acronym{cursor: help; border-bottom: 1px dotted #000000;}
.bold{font-weight: bold;}
.italic{font-style: italic;}
.underline{text-decoration: underline;}
.big{font-size: 150%;}
.centerText{text-align: center;}
.centerBlock{margin: auto;}
.small{font-size: 10px;}
.sub{vertical-align: -25%;}
.sup{vertical-align: super; }
.normal{text-transform: none;}
.capitalize{text-transform: capitalize;}
.upper{text-transform: uppercase;}
.lower{text-transform: lowercase;}
.accesskey{text-decoration:underline;}

	
h1{font-size: 20px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 14px;}
h5{font-size: 12px;}
h6{font-size: 10px;}

.clear{
	clear: both;
	font-size: 1px; /* Fix for IE */
	height: 1px;
	margin-bottom: -1px;
}

/* =common
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body{
	color: #454545;
	font-family:  "Arial", "Tahoma", "Verdana", "Helvetica", sans-serif;
	font-size: 12px;
	background: #abd060;
}

#container{
	padding-bottom: 25px;
	background: #c0e3f2 url( '../i/bg.png' ) repeat-x 0 0;
}


#header{
		margin: 0 auto;
		width: 800px;
		height: 101px;
		background: url( '../i/top.png' ) no-repeat 200px 0;
		position: relative;
	}
	
	#logo{
		width: 402px;
		height: 149px;
		background: url( '../i/logo.png' ) no-repeat 0 0;
		position: absolute;
		top: 25px;
		z-index: 10;
	}
	
		#logo a{
			text-indent: -9999px;
			display: block;
			width: 402px;
			height: 149px;
		}
		
	#menu{
		padding: 20px 5px 20px 50px;
		position: absolute;
		top: 0;
		right: -75px;
		width: 422px;
		height: 44px;
		background: url( '../i/menu2.png' ) no-repeat 0 0;

	}
	
		#menu li{
			padding-left: 10px;
			float: left;
		}
		
			#menu li a{
				padding: 12px 0;
				line-height: 1.5;
				display: block;
				float: left;
				width: 72px;
				text-indent: -9999px;
			}

#wrapper{
	margin: 0 auto;
	padding:100px 10px 10px;
	width: 780px;
	background: #fff;
	position: relative;
	z-index: 5;
	
}

	#cloudLeft{
		width: 64px;
		height: 32px;
		position: absolute;
		top: 70px;
		left: -64px;
		background: url( '../i/cloudLeft.png' ) no-repeat 0 0;
	}
	
	#cloudRight{
		width: 63px;
		height: 31px;
		position: absolute;
		top: 100px;
		right: -63px;
		background: url( '../i/cloudRight.png' ) no-repeat 0 0;
	}
	
	#tree{
		width: 68px;
		height: 223px;
		position: absolute;
		bottom: -25px;
		left:-68px;
		background: url( '../i/tree.png' ) no-repeat 0 0;
	}
	
	#trees{
		width: 78px;
		height: 123px;
		position: absolute;
		bottom: -25px;
		right: -78px;
		background: url( '../i/trees.png' ) no-repeat -10px 0;
	}

	#formSearch{
		position: absolute;
		top: 10px;
		right: 10px;
		background: url( '../i/search.png' ) no-repeat 0 0;
		width: 431px;
		height: 68px;
	}
	
		#formSearch fieldset{
			position: absolute;
		}
		
			#formSearch fieldset label{
				display: none;
			}
			
			#formSearch fieldset #s{
				padding: 3px 2px;
				position: absolute;
				top: 21px;
				left: 190px;
				width: 190px;
				border: none;
				background: none;
				font-size: 16px;
				color: #454545;
			}
			
			#formSearch fieldset #searchSubmit{
				width: 40px;
				height: 25px;
				position: absolute;
				top: 21px;
				left: 390px;
				text-indent: -9999px;
				border: none;
				background: none;
				cursor: pointer;
			}
	

#body{
	/*display: table;*/
	width: 780px;
	background: url( '../i/sidebar.png' ) repeat-y right 0;
}

#content, #sidebar {
	/*display: table-cell;*/
	vertical-align: top;
}
	
#content{
	width: 520px;
	float: left;
}

	#content .navigation{
		padding: 0 8px;
		overflow: hidden;
		background: #1e8bbf;
		color: #add2e4;
	}
	
		#content .navigation .alignleft{
			float: left;
			line-height: 2.0;
		}
		
		#content .navigation  .alignright{
			float: right;
			 line-height: 2.0;
		}
		
		#content .navigation .alignleft a,
		#content .navigation .alignright a{
			color: #add2e4;
			font-size: 16px;
		}

/* =post
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.post{
	margin-bottom: 10px;
	padding: 15px;
}

	.post h2.post-title{
		font-size: 24px;
		color: #fff;
	}
	
	.post a{
		color: #fff;
	}
	
	.post .entry{
		padding: 15px 0;
	}
	
		.post .entry .post-author-info{
			margin-bottom: 15px;
		}
		
			.post-author-info img{
				margin: 0 5px 5px 0;
				float: left;
				border: 3px solid #fff;
			}
		
			.post .entry .post-author-info .post-author-name{
				padding: 0 0 5px 0;
				color: #fff;
				display: block;
				font-size: 14px;
				font-weight: bold;
				
			}
			
			.post .entry .post-author-info .post-date{
				color: #fff;
				display: block;
			}
			
		.post .entry p{
			line-height: 1.3;
			padding-bottom: 20px;
			font-size: 12px;
		}
			
	.post .postmetadata{
		padding-top: 20px;
	}
	
		.post .postmetadata span{
			display: block;
			line-height: 1.5;
			font-weight: bold;
		}

.single{
	margin-bottom: 0px;
}		
		
.odd{
	background: #96bf0d;
}

.even{
	background: #55b8e5;
}

/* =comment form
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#respond{
	padding: 10px;
	color: #fff;
	background: #55b8e5;
	font-size: 24px;
	clear: both;
}

#formComment{
	padding: 0px 10px 10px;
	background: #55b8e5;
	color: #fff;
}

	#formComment p{
		padding: 3px;
	}

	#formComment p textarea{
		width: 400px;
	}
	
	#formComment input,
	#formComment textarea{
		padding: 3px 2px;
		border: none;
		background: #84d6fb;
		color: #232323;
		font-family: "Arail", "Tahoma", "Verdana", "Helvetica", sans-serif;
		font-size: 12px;
	}
	
	#formComment input.btnSubmit{
		background: #2b8ab5;
		color: #fff;
		font-weight: bold;
	}
	
#comments{
	padding: 5px 10px;
	color: #fff;
	background: #55b8e5;
	font-size: 24px;
}

.commentlist{
	padding: 10px;
	background: #55b8e5;
}

		.commentlist li{
			padding: 7px;
		}
		
		.commentlist li.alt{
			background: #2b8ab5;
		}
		
			.commentlist li .post-author{
				width: 100px;
				float: left;
				clear: left;
			}
			
				.commentlist li .post-author a{
					color: #fff;
					
				}
		
			.commentlist li cite{
				display: block;
				text-align: center;
			}
			
				.commentlist li img.wavatar{
					border: 5px solid #fff;
				}
			
				.commentlist li cite a{
					font-weight: bold;
				}
			
			.commentlist li small{
				display: block;
				text-align: center;
				font-style: italic;
			}
			
			.commentlist li p{
			
				color: #fff;
			}
	
	

#sidebar{
	padding: 10px 10px 20px;
	width: 230px;
	background: #fcc300;
	border-left: 10px solid #fff;
	color: #9f5e01;
	overflow: hidden;
	float: left;
}

	#sidebar a{
		color: #9f5e01;
		font-size: 14px;
	}
	
	#sidebar li.page_item{
		width: 230px;
		margin-bottom: 5px;
		height: 37px;
		text-align: center;
		line-height: 37px;
		background: url( '../i/sidebarBtn.png' ) no-repeat 0 0;
	}
	
		#sidebar li.page_item a{
			color: #fff;
			font-size: 20px;
		}
		
		#sidebar ul li h2{
			margin: 20px 0 5px;
			padding: 5px 0;
			border-bottom: 1px solid #9F5E01;
		}
		
		
		
.author-avatar{
	border: 3px solid #fff;
	float: left;
}

.pagetitle{
	background: #607909;
	padding: 10px;
	color: #fff;
	font-size: 14px;
}		
		
		
#footer{
	height: 75px;
	background: #abd060 url( '../i/footer.png' ) repeat-x 0 0;
}

	#footer p{
		padding-top: 30px;
		text-align: center;
		line-height: 1.5;
	}
	
	#footer a{
		color: #fff;
	}
	
#contentWrapper{
	background: url( '../i/pageBg.png' ) repeat-y 0 0;
}

#contentWrapper p a{
	color: #c49800;
}

#td_flash{
	margin: 0 auto 10px;
	display: block;
}

.children{
 padding-left:10px;

}