/*  

Theme Name: Deerawan - Cloudy

Theme URI: http://www.deerawan.com/2009/08/12/free-wordpress-theme-deerawan/

Description: Beautiful cloudy themes with Adsense ready

Version: 1.3

Tags: three-columns, blue, yellow

Author: Budi Irawan

Author URI: http://www.deerawan.com



The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php

*/



/***

 Layout

 ***/

body{
	color:#111111;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:1.4;
	margin:0;
	padding:0;
	background-color: #E2FCFF;
	background-image: url(images/bg4.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}



#wrap{

	padding-top:1em;

  	width:1004px;

  	margin:0 auto;

}



#wrapbody{

	margin-top: 100px;

}



#header{
	text-align:left;
	margin-bottom:5px;
	margin-left: 1em;
	padding:30px 0 0;
}



.desc{
	color: #111111;
}

#content{

  	font-size:1.1em;

  	float:left;

  	width:590px;

  	padding:0 0 0 1em;

}

#sidebar-left{
	border-left:1px #61B7C3 dashed;
	float:left;
	margin-left:10px;
	width:200px;
	padding:.5em .2em 2em 1em;
}

#sidebar-right{
	border-left:1px #61B7C3 dashed;
	float:left;
	margin-left:10px;
	width:147px;
	padding:.5em .0em 2em 1em;
}

#footer{
	clear:both;
	margin-top: 25px;
	border-top:1px dashed #61B7C3;
	color:#111111;
	font-size:1.2em;
	padding-top: 20px;
	text-align:center;
}



/***

 Other

 ***/

#rss{	

	background: url(images/rss.png) no-repeat;	

	height: 64px;

}

#rss a{

  display:block;

  width:110px;

  height:64px;

}

#adsheader{

	position: relative;

	top: 60px;

	left: 10px;

	

}

  

/***

 Search form

 ***/

.search-form {
	font-size:11px;
	background:url(images/search3.jpg) no-repeat;
	position:absolute;
	width:170px;
	height:44px;
	margin-bottom:10px;
	top: 1px;
	right: 300px;
	font-family: Calibri, Arial, "Trebuchet MS";
}

.search-form input{
	width:150px;
	margin:5px 0 0 10px;
	height: 25px;
	border:0px;
	background:#f9f9f9;
	color: #111111;
}



/***

 oth

 ***/



a{
	color:#111111;
	text-decoration:none;
}



a:hover{
	color: #111111;
}



h1,h2,h3,h4{

  	font-weight:400;

  	letter-spacing:-.1px;

  	margin:0;

}



#header h1 a{
	font-size:1.5em;
	color: #111111;
}



.entrytitle{

  	text-align:left;

}



.entrytitle h3{
	font-size:1.5em;
	color:#61B7C3;
}



.entrytitle h1 a,.entrytitle h2 a{
	color:#61B7C3;
}



.entrytitle h1,.entrytitle h2{

  	font-size:2em;

  	text-align:left;

}



.entrydate

{
	font-size:11px;
	color:#111111;
	margin:0;
	padding:3px 0 0;
}



blockquote{

  display:block;

  background:#F0F0E0 none repeat scroll 0 0;

  border:2px dashed #DCD8A8;

  padding:2px 10px;

}



pre{

  max-width:580px;

  font-size:1.2em;

  padding:10px;

}



code{

  font-size:1.2em;

  max-width:580px;

  padding:10px;

}



/***

 +Entry

 ***/

.entry{

  margin-bottom:0;

  text-align:justify;

}



.entry a:hover{
	color:#111111;
}



.entry p{

  margin:0;

  padding:0 0 10px;

}



.entry h3{

  font-size:1.5em;

  padding-bottom:.3em;

}



.entry img{

  max-width:580px;

  margin-left:5px;

  margin-right:5px;

  border:0;

}



.entrybody{

  padding-bottom:6px;

}



.entrybody a{
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #CCC;
}



.entrybody img{
	border: 1px solid #111111;
}



.entry code{

  font-size:1.1em;

  text-align:left;

  padding:.2em;

}



.entrymeta{
	padding-top:0.5em;
	color:#111111;
	border-top:1px dotted #61B7C3;
	margin-bottom:3em;
	clear:both;
}



.postedby{

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

  padding:2px 3px 3px 20px;

}



.categorylink{

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

  padding:2px 3px 3px 20px;

}



.commentlink{

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

  padding:1px 2px 2px 12px;

}



.postinfo{

  margin-top:3px;

}



.postinfo img{

  border:2px solid #F8F8EC;

  margin:0;

  padding:0;

}



.entrytitle_wrap

{

  padding-bottom:1.8em;

}



.gravatar{

  clear:right;

  float:left;

  margin:0 15px 0 0;

  padding:2px;

}



.alignleft,img.alignleft{

	float:left;

	margin:5px 10px 5px 0;

}

.alignright,img.alignright{

	float:right;

	margin:5px 0 5px 10px;

}

.aligncenter,div.aligncenter,img.aligncenter{

	text-align:center;

	display:block;

	margin:10px auto;

}

a img.alignright{

	float:right; 

	margin:0 0 1em 1em

}

a img.alignleft{

	float:left; 

	margin:0 1em 1em 0

}

a img.aligncenter{

	display: block; 

	margin-left: auto; 

	margin-right: auto

}

abbr, acronym, span.abbr{

	cursor:help;

	border-bottom:1px dotted #000;

}



.wp-caption{

  border:1px solid #ddd;

  text-align:center;

  background-color:#f3f3f3;

  padding-top:4px;

  margin:10px;

}



.wp-caption img{

  border:0 none;

  margin:0;

  padding:0;

}



.wp-caption-dd{

  font-size:11px;

  line-height:17px;

  margin:0;

  padding:0 4px 5px;

}



/***

 Sidebar

 ***/

#sidebar{

	  	font-size:1.1em;

}



#sidebar ul

{

  list-style-type:none;

  margin:0 0 1.2em 0;

  padding:0;

}



#sidebar ul li,#sidebar ul li a

{

	padding: .2em .2em .2em 0;

}



#sidebar ul li:hover,#sidebar ul li a:hover

{
	background-color: #61B7C3;
}



#sidebar ul li ul.children{

	margin: 0;

}



#sidebar ul li ul.children li.cat-item{

	background:url(images/sub.gif) 0 11px no-repeat;

	padding: .2em .2em .2em 0;

	padding-left: 11px;

	margin-top: -2px;

}



#sidebar h2

{
	color:#111111;
	font-size:1.5em;
	margin-top:1em;
}



#sidebar h4

{
	background:url(./images/bullet.png) no-repeat;
	padding:0px 2px 2px 20px;
	color:#61B7C3;
	font-size:12px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Calibri, Arial, "Trebuchet MS";
}



#sidebar-left #cat

{
	width:195px;
	border:1px solid #61B7C3;
}



#sidebar-right #cat

{
	width:150px;
	border:1px solid #61B7C3;
}



#sidebar img

{

  max-width:140px;

  border:0;

}



/***

 menu

 ***/

.menu{ 

	position: absolute; 

	top: 120px; 

	left: 300px; 

	width: 800px; 

	padding: 0px; 

	margin-bottom: 30px; 

	float: left; 

}



.menu ul{ 

	padding-left: 50px;

}



.menu li{ 

	display: inline; 

	font: 14px/14px "Arial"; 

	text-transform: lowercase; 

	letter-spacing: 0.5px; 

	float: left; 

}



.menu li ul{ 

	display: none;

}



.menu li a{ 

	padding-left: 7px; 

	margin-right: 1px; 

	background: url(images/menu-left.png) no-repeat left top; 

	float: left; 

}



.menu li a span{ 

	padding: 3px 7px 3px 0px; 

	display: block; 

	background: url(images/menu-right.png) no-repeat right top; 

	float: right; 

}



.menu li a span{
	float: none;
	color: #111111;
}



.menu li a:hover{
	background-position: 0% -20px;
	color:#111111;
	text-decoration: none;
}



.menu li a:hover span{
	background-position: 100% -20px;
	color:#111111;
}



/***

 comments

 ***/

.commentsblock,contactform{

  font-size:1em;

  clear:both;

  padding-top:20px;

}



.commentsblock textarea,.contactform textarea{

  width:44em;

}



.commentsblock input,.commentsblock textarea,.contactform input,.contactform textarea{

  border:1px solid #d1d1d1;

}



.commentauthor{

  display:block;

  font-size:1.5em;

}



ol.commentlist{

  color:#505247;

  font-size:1em;

  list-style-type:none;

  margin:1.5em 0 0;

  padding:0;

}



ol.commentlist a{
	color:#66BBC5;
}



ol.commentlist a:hover{
	color:#FFF;
}



.commentlist li{

  margin-bottom:.5em;

  padding:.8em;

}



.commentlist p{

  text-transform:none;

  font-size:1em;

  margin:10px 5px 10px 59px;

}



.commentlist blockquote p{

  margin:10px 5px;

}



.commentlist blockquote{

  margin:10px 0 10px 59px;

}



.alt{
	background-color: #F2FEFF;
}



.comment_headings{

  font-size:1.3em;

  color:#6C6C6C;

}



.commentmeta{

  font-size:1em;

}



.commentmeta cite{

  font-weight:700;

  font-size:16px;

}



.commentsblock textarea:focus,.contactform textarea:focus,.commentsblock textarea:focus,.commentsblock input:focus,.contactform textarea:focus,.contactform input:focus{

  background:#eee;

  border:1px solid #a1a1a1;

}



/***

 * table

 */

.entrybody table{
	border-collapse:collapse;
}

.entrybody table{ 

	margin:0 0 1em 1px; 

}

.entrybody td, .post th{
	padding:10px;
}

.entrybody th{
	background:#F3EBC1;
	font-family:Calibri, Arial, "Trebuchet MS";
	text-align: center;
}



/***

 footer

 ***/



#infofooter{

    padding: 10px;

}



#footer a{
	color:#66BBC5;
}



#footer a:hover{
	color:#66BBC5;
}