/*  
Theme Name: Sea Star
Theme URI: http://www.EffiHaryanti.com
Description: A light and clean theme for Wordpress. 
Author: Effi
Author URI: http://www.EffiHaryanti.com
*/

* { padding: 0; margin:0; }
p { line-height:1.6em; }
dl { margin:1em 0;}
dt { font-weight:bold;}
dd { margin:0.5em; padding:0; }
small { font-size: 75%; }

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

a, a:link, a:visited, a:active { text-decoration: underline; color: #333333; }
a:hover { color: #04738b; text-decoration: none; }

.wp-smiley, #wpstats { background: none; border: 0; padding: 0; }

.clear { clear:both; height:20px; }

blockquote { color:#666; margin: 1em; padding: 0 0 10px 50px; background: url(img/blockquote.gif) no-repeat left top; }
fieldset { border:0; }
code{ display:block; overflow:auto; text-align:left; margin: 10px 0 10px 0; padding: 5px 10px 5px 10px; }

body { background: #ebebeb url("img/bg.gif") repeat-y top center; margin: 0; font: 12px Verdana, "Trebuchet MS", Arial, Helvetica; color: #000; text-align: center; line-height: 150%; letter-spacing: 1px; }

#container { background: #fff; margin: 0 auto; width: 940px; position: relative; 
text-align: left; }

#navigation { background: transparent; margin: 20px auto 0; overflow: hidden; width: 880px; position: relative; text-align: left; }

html { height: 1%; }

.search { font-size: 0.9em; right: 0; }
.search input#searchsubmit { border: #999 1px solid; font-size: 0.9em; background: #ddd; margin: 0 0 0 2px; color: #265e15; padding: 2px; }
#searchform {margin-left: 10px; }

#header { clear: both; float: left; margin: 10px 5px; }

#header h1 { font-size:160%; margin:20px 0 0 25px; line-height:200%; font-weight: normal; }
.description { font-size:90%; margin:0 0 20px 25px; }

#header h1 a, h1 a:link { text-decoration:none; }
h2 { margin:5px 0 0 10px; font-size:130%; font-weight:normal; }

.top-nav { margin-left: 22px; width: 880px; height: 200px; }

.top-nav img { padding:0 }

#content { margin: 30px 10px 10px 30px; }
html #content { height: 1%; }
h3 { font-size: 110%; }

#content h2 { font-size: 150%; margin: 1em 0 0; font-weight:normal; line-height:1.4em; }
#content h2 a, #content h2 a:link { text-decoration:none; color: #2ea3be; }
#content h2 a:hover { text-decoration:none; color: #04738b; }

#content h4 { font-size: 1.1em; margin: 1em 0 0 0; }
#content h5 { font-size: 1em; margin: 1em 0; }
#content-main ul { margin:0 1em; padding:0 1em; list-style-image:url(img/bullet.png); }
#content-main ul.asides { margin:0; padding:2em; border-bottom:#ddd 1px dashed; }
#content ol { list-style-type:decimal; margin:1em; padding:0 1em; }
#content-main { float: left; width: 620px; margin-right: 20px; }
html #section-index #content-main { margin-right: 20px; }
#content .post { padding:0 0 2em 0; border-bottom:#ddd 1px dashed; }

#content .entry { margin:1em 0; padding-right:1em; }
#content .post-info , #content .postmetadata { font-size:0.9em; color:#999; margin:0; padding:0; }
#content .post-info { padding-bottom:15px; }

#sidebar { float: left; width: 255px; font-size:0.9em; }
#sidebar h2 { font-size: 100%; }
#sidebar h3, #sidebar p { margin: 0 10px 0 12px; }
#sidebar ul { list-style:none; margin: 0 12px 0 12px; padding:0; }
#sidebar li { margin-bottom:0px; }
#sidebar ul ul { list-style:none; margin:0 12px 0 12px; }
#sidebar ul ul ul { margin:0 10px 0 10px; }

.sidebar1 { padding: 0 10px 25px 10px; margin: 0; background-image: url(img/sidebar-bg.gif); background-repeat: no-repeat; background-position: left bottom; }
.sidebar1 img { margin:0; padding: 0; }

#sidebar .sidebar-top { background-image: url(img/sidebar-top.gif); background-repeat: no-repeat; background-position: left top; height: 18px; }

#sidebar a, #sidebar a:link { text-decoration:none; color: #04738b; }
#sidebar a:hover { text-decoration:none; color: #000000; }

li#sidelinks ul { margin:0; padding:0; }
#sidebar li.sidebox p img { margin:0; padding:3px; border:#ccc 1px solid; background:none; }

#footer { clear: both; background: transparent; margin: 0 auto; width: 940px; text-align: left; font-size: 90%; line-height: 80%;}
 html #footer { height: 1%; }
#footer img { margin: 0; padding: 0;}
#footer p { margin: 12px 0 8px 0; text-align: center; width: 940px; }
#footer li { list-style:none; }

#comments, #respond { margin: 10px 0; padding:10px 0 0 0; }
#commentform { margin:10px; padding:10px; }
.commentnum { font-size:1.5em; font-weight:bold; margin:0 5px 0 0; }
#container .commentlist { margin: 0; padding: 0; border-top: #ddd 1px solid; }
.commentlist li { list-style:none; margin: 0; padding: 1em 0.5em; background:#fff; border-bottom: #ddd 1px solid; }
.commentlist li.alt { background:#f9f9f9; }
.commentlist li.authorcomment { border-bottom:#ccc 1px solid; }
.commentlist li .cmtinfo { font-size:1em; }
.commentlist li cite { font-style:normal; font-weight:bold; }
.commentlist li .cmtinfo em { float:right; margin:0; padding:0; font-style:normal; font-size:0.9em; color:#999; }

#content .commentsfeed { padding-left:6px; }
#content .trackback {  padding-left:10px; }
input.textbox, textarea { border:#ccc 1px solid; background:#fff; padding:2px; width:150px; }

textarea { width: 90%; padding:10px; line-height:2em; height: 20em; }
input.textbox:focus, textarea:focus { border:#999 1px solid; }
#submit { padding:3px 5px; }
.post h4 { font-size:1em; }
.post h4 em { font-style:normal; float:right; font-weight:normal; }
#header, #content, #sidebar, #footer, .widget { overflow: hidden; }

.floatleft {
	float:left;
	margin:10px 20px 10px 0;
}

.floatright {
	float:right;
	margin:10px 0 10px 20px;
}