/*
 Theme Name: Deerawan - Cloudy
 Theme URI: http://www.deerawan.com/wordpress/free-wordpress-theme-deerawan/
 Description: A very beautiful cloudy theme. It has two right columns sidebar . Widget ready and supports Adsense that can be configured easily in Theme Options. Feedburner, Twitter and Facebook. Threaded Comments. Three Color Schemes. Valid XHTML & CSS. SEO Friendly. Compatible with wordpress 2.8.x until 2.9.x.
 Version: 1.4.1
 Tags: blue, yellow, green, orange, brown, red, three-columns, right-sidebar, fixed-width, theme-options, threaded-comments, custom-colors
 Author: Budi Irawan
 Author URI: http://www.deerawan.com
 The CSS/XHTML is released under GPL: http://www.opensource.org/licenses/gpl-license.php
*/

/*** RESET via eric meyer ***/

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,
b, u, i, center,
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-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/*** basic ***/
body { color:#151515; font-family:Arial,verdana; font-size:72.5%; line-height:1.4; margin:0; padding:0; }
a { text-decoration:none; }
a img { border:none; }
h1, h2, h3, h4 { font-weight:400; margin:0; padding:0; }
#wrap { width:970px; margin:0 auto; }
#wrapbody { margin-top:30px; }


#content { font-size:1.1em; float:left; width:550px; padding:0 0 25px 10px; }
#sidebar-left { float:left; width:190px; border-left:1px #DFCB59 dashed; padding:0 15px 5px; }
#sidebar-right { float:left; width:150px; border-left:1px #DFCB59 dashed; padding:0 15px 5px; }
#footer { border-top:1px solid #DFCB59; font-size:11px; padding:10px 0; text-align:center; background:#E8D986; color:#524406; }

#header { height: 170px; text-align:left; margin:10px 0 0 0; width: 970px; padding: 30px 0 10px 0; border-bottom:1px #6b5603 dashed; background: url('/wp-content/images/jillian-bean-moon.png') 30px bottom no-repeat; }
#header h1 { margin-top: 15px;  margin-left: 180px; }
#header h1 a { font-size:18px; font-weight:bold;}
#header h5 { margin-left: 210px; width: 300px;}
#header .header-right-side { width: 400px; float: right; }


/*** Other ***/
#adsheader { position:relative; top:30px; left:10px; }

/*** Search form ***/
.search-form { float: right; padding-right: 40px;}
.search-form input { height:25px; font-size: 12px; background:#F7FAE0; color:#454545; padding: 2px; width: 150px;}

/*** menu ***/
#menu { width: 200px; }
#nav, #nav ul { width: 200px; }
#nav, #nav ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; }
#nav a { display:block; padding:3px 5px; text-decoration:none; }
#nav a:hover, #nav li.current_page_item a:hover { color:#fff}
#nav li { float:left;}
#nav li ul a, #nav li.current_page_item ul a { width:12em; height:auto; float:left; background-color:#F4E898; color:#000; }
#nav li ul ul { left:12em; margin:0px 0 0 10px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display:block; }
#nav li.current_page_item a { color:#fff}


/*** oth ***/
.entrytitle h3 { font-size:1.5em; }
.entrytitle_wrap, .entrybody, .postinfo { padding-right:40px; }
.entrytitle_wrap { padding-bottom:1.8em; }
.entrytitle { text-align:left}
.entrytitle h1, .entrytitle h2 { font-size:2em; text-align:left; font-weight:600; }
.entrydate { font-size:11px; color:#6C6C6C; margin:0; padding:3px 0 0; }

/*** Entry ***/
.entry { padding:15px 0 25px; text-align:justify; }
.entry a:hover { color:#CEA606; }
.entry p { margin:0; padding:0 0 10px; }
.entry h3 { font-size:1.5em; padding-bottom:.3em; }
.entry img { max-width:510px; padding:5px; background:#F3EBC1; border:1px solid #E0CA5e; }
.entrybody { padding-bottom:6px; border-bottom:1px dashed #DFCB59;}
.entrybody a { color:#524406; text-decoration:underline; }
.entry code { font-size:1.1em; text-align:left; padding:.2em; }
.entrymeta { padding-top:.3em; margin-bottom:15px; color:#524406; clear:both; font-size: 11px; }
.entry p.entrytags { border-top:1px dashed #DFCB59; padding-top: 15px; font-size: 11px; }
.imeta { color:#524406; }
.postinfo { margin-top:3px; }
.info { margin-left:10px; }
.postedby, .categorylink, .commentlink,
#rss, #twitter, #facebook { background:url(images/sprite-all.png) no-repeat 0 0; }
.postedby, .categorylink, .commentlink { height:16px; width:16px; padding:0 6px; font-size:17px; }
.postedby { background-position:0 0; }
.categorylink { background-position:0 -24px; }
.commentlink { background-position:0 -52px; }
#rss, #twitter, #facebook { width:48px; height:48px; }
#rss { background-position:-16px 0; }
#twitter { background-position:-64px 0; }
#facebook { background-position:-112px 0; }
#rss a, #twitter a, #facebook a { display:block; width:48px; height:48px; }
.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; }
blockquote { display:block; border-left:5px solid #E8D986; padding-left:10px; color:#524406; }
pre { max-width:580px; font-size:1.2em; padding:10px; }
code { font-size:1.2em; max-width:580px; padding:10px; }
.wp-caption { background:#F3EBC1; border:1px solid #E0CA5E; color:#524406; }
.wp-caption img { border:0 none; margin:0; padding:5px; }
.wp-caption-dd { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; }
.wp-caption-text { text-align:center}
img.wp-smiley { border:none; background:none; padding:0; }

/*** 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:.4em .2em .4em 0; }
#sidebar ul li { border-bottom:1px dashed #DFCB59; }
#sidebar ul li:hover { background:#F1E589; }
#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; border:none; }
#sidebar h4 { padding:0px 2px 4px 20px; color:#151515; font-size:1em; text-transform:uppercase; margin-top:1em; }
#sidebar-left #cat { width:195px; border:1px solid #8B7E1D}
#sidebar-right #cat { width:150px; border:1px solid #D9C849; }
#sidebar img { max-width:140px; border:0; }

/*** comments ***/
.commentsblock, contactform { font-size:1em; clear:both; margin:20px 30px 0 0; }
.children { padding:5px; }
.commentsblock textarea, .contactform textarea { width:44em; }
.commentsblock input, .commentsblock textarea,
.contactform input, .contactform textarea { border:1px solid #d1d1d1}
.commentlist { padding-left:20px; }
#commentform textarea, .commentlist textarea { width:95%}
.commentlist li { padding:5px 10px; border:1px solid #DFCB59; margin:5px; list-style-type:none; }
.alt { background:#EBDC95; }
.even { background:#F5EAA1}
.commentlist li .avatar { float:right; border:1px solid #C4AD26; padding:2px; margin:0 0 10px 0; background:#E8D986; }
.commentlist cite, .commentlist cite a { font-weight:bold; font-style:normal; font-size:1.1em; }
.commentlist p { font-weight:normal; line-height:1.5em; text-transform:none; }
.commentmetadata { font-weight:normal; font-size:11px; }
.commentmetadata a { color:#6C6C6C}
.commentsblock textarea:focus, .contactform textarea:focus, .commentsblock textarea:focus, .commentsblock input:focus, .contactform textarea:focus, .contactform input:focus { background:#F4F0CC; border:1px solid #a1a1a1}

.search-form { float: right; padding-right: 40px;}
.search-form input { height:25px; background:#F7FAE0; color:#454545; }



/*** table ***/
.entrybody table { border-collapse:collapse; border:1px solid #E0CA5e; }
.entrybody table { margin:0 0 1em 1px; }
.entrybody td, .entrybody th { border:1px solid #E0CA5E; padding:10px; }
.entrybody th { background:#F3EBC1; text-align:center; border-right:1px solid #E0CA5e; }
#navigation { margin-right:.4em; }
.clear { clear:both; }

/*** footer ***/
#infofooter { padding:10px; }
#totop { position:fixed; bottom:80px; right:0; }
.gotop { width:52px; height:138px; display:inline; float:left; background:url(images/gototop.png) no-repeat}
.gotop:hover { background-position:0 -138px; }
.hide { display:none; }
#respond { margin-top:30px; }
#respond:after { content:"."; display:block; height:0; clear:both; visibility:hidden; margin-top:50px; }
/** Default Theme Blue **/
body { background:#f4e898 url(images/blue/bg.jpg) repeat-x top left}
a { color:#02313C}
a:hover { color:#CEA606; }
#header h1 a { color:#EFC007}
.desc { color:#6B5603}
.entrytitle h3 { color:#6F6F6F}
.entrytitle h1 a, .entrytitle h2 a, h2.title { color:#00AAD4}
.entrytitle h1 a:hover, .entrytitle h2 a:hover { color:#FC0; }
#sidebar h4 { background:url(images/blue/bullet.png) no-repeat}
#nav a:hover, #nav li.current_page_item a:hover { background-color:#FC0; }
#nav li.current_page_item a { background-color:#00AAD4}
.commentsblock h3 { color:#DFB407}
.comment-author-admin cite { color:#DFB407}
.gotop { background:url(images/blue/gototop.png) no-repeat}
.search-form input { border:2px solid #0CF}

/*** ADDITIONS BY SUSAN ***/
/*** new form stuff ***/
input, textarea { border: 2px solid #00ccff; font-family: tahoma, arial, verdana; }
#comment { border: 2px solid #00ccff; padding: 4px 8px;}
#commentform input { border: 2px solid #00ccff; margin: 2px 0; padding: 2px; font-family: tahoma, arial, verdana; }
#submit, .submitbtn { margin-top: 5px; border: 2px solid #00ccff; padding: 4px 8px; background-color: #75dacd; color: #312309; font-weight: bold;}
.ddfm label { color: #312309; font-weight: bold; }
#author-block { width: 150px; border-bottom: 1px dashed #6b5603; }
.ad-product {  width: 120px; margin: 5px 0 10px 0; }
.ad-product div { padding-top: 5px; }
.ad-product a { color: #0066ac; font-size: 10px; line-height: 10px; text-transform: uppercase; }