/*  Theme Name: gardenTheme URI: http://garden.indiekool.comDescription: <p>3column rainbow garden vector theme. Beautiful and elegant theme for your blog.</p>Version: 1.0Author: kokokaAuthor 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;}/* ADDED FOR iPHONE and iTOUCH WP APP to replace Class given by App*/.post img.alignnone{   width: 300px;  height: 225px;}a:link, a:visited {	text-decoration:none;		color: #336600;}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:#336600;	font-family: Arial, Helvetica, sans-serif;	position: absolute;	top:35px;	left:340px;		}#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:#336600;		}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: #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: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:#336600;	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:#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: #336600;	border:none;	}/*sidebar right*/.sidebar_right {	float:left;	margin:0;	font-size:12px;}.sidebar_right h2 {color:#336600;	}.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:#336600;	text-decoration:underline;	font-weight:bold;	font-size:11px;		}