/*  

Theme Name: Rainbow 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:Arial, Helvetica, sans-serif;

	font-size:.85em;

}



p {

	margin: 15px 0;

}

.post img{

margin-right:10px;



}



a:link, a:visited {

	text-decoration:none;

	

	color: #C63473;

}



a:hover, a:active {

	color:#000000;

	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.8em;

	font-weight:bold;

	color:#C63473;

	font-family: 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.65em;



}

#header .box h3{

color:#336600;

	



}









.mid{

	position: relative;

	z-index:2;

	left:10px;

	top:10px;

	

	



}





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



h2 {

	font-size: 1.2em;

	margin:0px;

	padding:0px;



	

	}

	

.content h2 a,

.content h2 a:visited

{

	font-size: 1.5em;

	margin:0px;

	padding:0px;

	color:#C63473;



	

	}



h3 {

	font-size: 1.4em

	}



h4 {

	font-size: 1.2em

	}

	



/* menu */

#menu{

	position: relative;

	top:10px;

	width:900px;

	z-index:5;

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

	background-repeat: no-repeat;

	height: 44px;

	

}



#menu ul{

	list-style: none;

	list-style-type: none;

	font-size: 0.90em;

	padding:0px;

	font-weight:bold;

	padding-top:15px;

	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: #C63473;



}



#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: #C63473;

	

}



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



/*Home*/

.padding{

padding:10px;



}

.content {

font-size:12px;

line-height:20px;

margin-right:10px;

margin-top:10px;

position: relative;

top:-80px;

color:#000000;



}





.content .post, .navigation, .pagetitle, .searc_results {



	padding:10px 20px 10px 20px;

}



.post{

	

	background-position: left top;

	



}

/*sidebar left*/



.sidebar_left {

	float:left;

	margin:0;

	border-right:#FFFFFF 0px solid;

	font-size:12px;

}	





.sidebar_mid ul

{

	margin:0;

	padding:0;

	list-style:none;

	

	





}



.sidebar_left h2{

	

	background-repeat: no-repeat;

	height:20px;

	color:#8469BD;

	padding:10px 0px 0px 10px;

}	



.h2bg_bot{



	background-repeat: no-repeat;

	background-position: bottom;

	height:20px;

}





.sidebar_left  ul ul, .sidebar_left  p, .sidebar_left  form, .sidebar_left  .textwidget

{

	margin:0px 0 0 0px;

}

.sidebar_left li 

{

	margin:0;

	padding:0.3em 0;

	border-bottom:0px solid #dedede;

	list-style:none;

	

	

}



.sidebar_left li ul li ul li a 

{

color:#C63473;

	

}

 

.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:#C63473;

	

}

.sidebar_left  li li ul li,

.sidebar_left  li li ul ul



{

	color: #C63473;

	border:none;

	



}









/*sidebar right*/





.sidebar_right {

	float:left;

	margin:0;

	font-size:12px;

}

.sidebar_right h2 {

color:#8469BD;

	

}



.sidebar_right  ul 

{

	margin:0;

padding:10px;



margin-bottom:10px;

	list-style:none;

	



}

.sidebar_right  ul .box 

{



padding:10px;



margin-bottom:10px;



}

.sidebar_right  ul .box li

{



padding:2px;



}

.sidebar_left li 

{

	margin:0;

	padding:0.3em 0;

	border-bottom:0px solid #336600;

	list-style:none;

	

	

}













/*comments*/

.post .user {

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

	background-repeat: no-repeat;

	height: 10px;

	width: 10px;

}



.post .user a{

	padding-left:15px;

}

.post .edit {

	background-image: url(images/edit.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:#111;

padding:10px;









}



#commentform .textarea{









}



#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:#FFF;

}



.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:#C63473;

	text-decoration:underline;

	font-weight:bold;

	font-size:11px;

	

	

}