/*  
Theme Name: garden
Theme URI: http://garden.indiekool.com
Description: <p>3column rainbow garden vector theme. Beautiful and elegant theme for your blog.</p>

Version: 1.0
Author: kokoka
Author URI: http://www.hobbitskull.com
*/



/* ---------- @ HTML Elements -----------*/

*{
margin:0px;
padding:0px;
}



body, html {
color:#666;
min-height:101%;



	font-size: 100%;



	background-color:#CAFA94;



	background-image: url(images/main_body.jpg);



	background-repeat: no-repeat;



	background-position: top;



	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: Verdana, Georgia, Book Antiqua, Arial, Helvetica, sans-serif;
	font-size:.95em;
}







p {
	margin:8px 0 0 0;
}



.post img{
margin-right:10px;
float:left;
margin:4px;
border:0px;
}







a:link, a:visited {



	text-decoration:none;



	



	color: #336633;



}







a:hover, a:active {



	color:#663366;



	text-decoration: underline;



}







*:focus {



	outline: none



}







/* ---------- @ Page Structure -----------*/







.header {



	height: 250px;



	width: 950px;



	position:relative;



	top:50px;



}







#header {



	



	padding:10px;



	







}











#header h1 a {



	font-size:1.4em;



	font-weight:bold;



	color:#336600;



	font-family: Book Antiqua, Arial, Helvetica, sans-serif;



	position: absolute;



	top:35px;



	left:280px;



	



	



}







#header .description{



	position: absolute;



	top:75px;



	left:285px;



	font-weight:bold;



	color:#336600;







}



#header .box{



	position: absolute;



	top:80px;



	right:47px;



	font-weight:bold;



	color:#336600;



	text-align:center;



	font-size:1.8em;







}



#header .box h2{



color:#336600;



	







}



















.mid{



	position: relative;



	z-index:2;



	left:10px;



	top:10px;



	



	







}











/* ---------- @ Headings -----------*/


h2 {



	font-size: 1.0em;



	margin:0px;



	padding:0px;
	}



	



.content h2 a, .content h2 a:visited
{
	font-size: 1.2em;
	margin:0px;
	padding:0px;
	color:#660066;
text-align:justify;

	}


h3 {
	font-size: 1.0em
	}





h4 {
	font-size: 0.8em
	}



	







/* menu */



#menu{



	position: relative;



	top:10px;



	width:900px;



	z-index:5;



	background-image: url(images/topmenu_bg.jpg);



	background-repeat: no-repeat;



	height: 144px;
}







#menu ul{



	list-style: none;



	list-style-type: none;



	font-size: 1.4em;



	padding:0px;



	font-weight:bold;



	padding-top:12px;



	text-align:center;



	width:900px;
}







#menu ul li{
	margin: 0 0 0 1px;
	display:inline;
	border-right:1px solid #ccc;
}







#menu ul li a{
	padding: 5px 10px 5px;



	text-decoration: none;



	color: #336600;
}







#menu ul li a:hover{



	text-decoration: underline;
}







#menu ul li.current_page_item{



background-color:#336600;
}







#menu ul li.current_page_item a{

color: #336600;

}







/* ---------- @ content Area -----------*/

/*Home*/



.padding{
padding:10px;

}



.content {
font-size:16px;
line-height:20px;
margin-right:10px;
margin-top:25px;
position: relative;
top:-50px;
color:#660066;
}



.content, .post, .navigation, .pagetitle, .searc_results {
padding:10px 0 0 11px;
text-align:justify;
}


.post{
background-position:left top;
}



/*sidebar left*/


.sidebar_left {
	float:left;
	margin:0;
	border-right:#FFFFFF 0px solid;
	font-size:15px;
}	



.sidebar_mid ul
{
	margin:0;
	padding:0;
	list-style:none;
}







.sidebar_left h2{
	background-repeat: no-repeat;
	height:15px;
	color:#336600;
	padding:20px 0px 10px 10px;
}	


.h2bg_bot{
	background-repeat: no-repeat;
	background-position: bottom;
	height:10px;
}


.sidebar_left  ul ul, .sidebar_left  p, .sidebar_left  form, .sidebar_left  .textwidget
{
	margin:0px;
}



.sidebar_left li 
{
	margin:0;
	padding:2.0em 0;
	border-bottom:0px solid #dedede;
	list-style:none;
}







.sidebar_left li ul li ul li a 
{
color:#336600;
}



 



.sidebar_left  li li
{
	margin:0;



	padding:0;



	border-bottom:0px;



	line-height:20px;



	border-top:none;



	padding-left:10px;
}







.sidebar_left  li ul li a,



.sidebar_left  li ul li a:visited
{
	border-top:none;
	color:#336600;
}



.sidebar_left  li li ul li,



.sidebar_left  li li ul ul
{
	color: #990099;
	border:none;
}





/*sidebar right*/
.sidebar_right {
float:left;
margin:0px;
padding:24px 0 0 0; 
font-size:15px;
}



.sidebar_right h2 {
color:#336600;
padding:10px 0px 5px 5px;
margin:0px;
}







.sidebar_right  ul 
{
margin:0 0 10px 0;
padding:10px 0 0 0;
list-style:none;
}



.sidebar_right  ul .box 
{
padding:10px 0 0 0;
margin:0 0 20px 0;
}



.sidebar_right  ul .box li
{
padding:1.1em 0 0 0;
}



.sidebar_left li 
{
	margin:0;
	padding:1.1em 0 0 0;
	border-bottom:0px solid #990066;
	list-style:none;
}

/*comments*/















.post .user {



	background-image: url(images/comment.gif);



	background-repeat: no-repeat;



	height: 10px;



	width: 10px;



}







.post .user a{



	padding-left:15px;



}



.post .edit {



	background-image: url(images/comment.gif);



	background-repeat: no-repeat;



	height: 10px;



	width: 10px;



}



.post .edit a {



	padding-left:15px;



}



.post .comment {



	background-image: url(images/comment.gif);



	background-repeat: no-repeat;



	height: 10px;



	width: 10px;



}



.post .comment a {



padding-left:15px;



	



}







/* Comments starts here*/







ol{



margin:0px;



padding:0px;











}



ol li{



display:block;



border-bottom:1px solid #222;



list-style:none;



background-color:#ffffcc;



padding:10px;
}







#commentform .textarea {

width:98%;

border:1px solid #dedede;

}



/*Interior Pages*/







.bullets {



	padding:15px 15px 15px 30px;



	}







.bullets li {



	background:url(/images/bullet.gif) no-repeat;



	list-style:none;



	padding-left: 11px;



	margin-bottom: 5px;



	}







/* ---------- @ Forms -----------*/







.button {



	background: #000 ! important;



	border:#F7ECD4 1px solid;



	padding: 2px;



	margin: 0 2px 0 0;



	color:#990066;



}







.button:focus {



	padding:2px;



	background: #000 ! important;



}







.button:hover {



	background: #CCC ! important;



	color: #000;



}







/*Clear*/







.clearfloat:after {



	content:".";



	display:block;



	height:0;



	clear:both;



	visibility:hidden;



	}







.clearfloat {



	display: inline-block;



	}







/* Hides from IE-mac */



* html .clearfloat {



	height:1%;



	}







*+html .clearfloat {



	height:1%;



	}







.clearfloat {



	display:block;



	}



/* End hide from IE-mac */







/* ---------- @ Footer -----------*/







#footer {



	padding: 10px;



	color:#336600;



	background-image: url(images/footerbg1.jpg);



	background-repeat: no-repeat;



	height: 84px;



	margin-top: 0;



	margin-right: auto;



	margin-bottom: 0;



	margin-left: auto;



	background-position: bottom;



	text-align:center;



	margin-top:40px;
}



#footer p{
padding-top:10px;
}



#footer a{
	color:#336600;



	text-decoration:underline;



	font-weight:bold;
	font-size:11px;

}