/*
Theme Name: Simpel
Theme URI: http://sunaryohadi.info/
Description: Simpel is Indonesian name for 'simple'. Well, the name will speak for it self ;)
Version: 1.0
Author: Sunaryo Hadi
Author URI: http://www.sunaryohadi.info/
Tags: blue, custom header, fixed width, three columns, widgets

*/

/* 1	Reset, Default Styles, Basic Styles
-----------------------------------------------------------------------------------------------*/	
	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; }
	blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
	:focus {outline: 0;}
	ins { text-decoration: none; }
	del { text-decoration: line-through;}
	table { border-collapse: collapse; border-spacing: 0;}
	body { font: 62.5% Verdana, Arial, Helvetica, sans-serif; text-align: center;}
	hr { display: none; }
	strong { font-weight: bold; }
	em { font-style: italic; }
	abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
	input, textarea, select { font: 1.2em Arial, Helvetica, sans-serif; }
	a { color: #0066ff; text-decoration: none; }
	a:hover, a:active { color: #ff0000; text-decoration: underline;}
	.hide { display: none;}
	.clearfix {clear: both; overflow: hidden;}

/* 2. Layout
-----------------------------------------------------------------------------------------------*/	
	body {background: url(img/bg.gif); }
	#page {margin:0; padding: 30px 0; display: block; overflow: hidden; background: url(img/shadow.png) repeat-x;}
	.container { width: 990px; position: relative; margin: 0 auto; text-align: left; border: 1px solid #C8D5C5; 
		padding: 10px; background: url(img/bg40.png);
		display: block; overflow: hidden;	}
	#header { height: 100px; position: relative; }
	#wrapper { width: 990px; padding: 10px 0; display: block; overflow: hidden; 
		border-top: 1px solid #eee; }
	#content { width: 730px; float: left; }
	#main-content { width: 520px; float: left; display: block; overflow: hidden; }
	#secondary-content { width: 200px; float: right;}
	#sidebar { width: 250px; float: right;}
	#footer {	clear: both; }

/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	
	#header h1, #header h1 span, #header .logo a,	#header .logo span {
		display: block;	width: 900px auto;	height: 100px auto; overflow: hidden; cursor: pointer;	}
	#header h1,	#header .logo {position: absolute; top: 10px; left: 20px; font-size: 3.2em; font-weight: normal;}
	#header h1 span,	#header .logo span {position: absolute; top: 0; left: 0; z-index: 10;
		background: url(../images/logo.gif) no-repeat;}
	#header a {color: #B0C0AC; text-decoration: none; }
	#header a:hover {color: #FFFFFF;}
	#header p.description { font-size: 1.5em; font-weight: bold; color: #B0C0AC; position: relative; top: 50px; left: 20px;}
	
/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	
	.alignleft {float:left;}
	.alignright {float:right;}

	.home-list .post h2 {color: #5A6F55; padding: 5px 10px; font-size: 1.6em; line-height: 1.2em; text-align: center;	
		border-top: 3px solid #B0C0AC;  border-bottom: 1px solid #C8D5C5;}
	.home-list h2 a {color: #5A6F55; }
	.home-list h2 a:hover {color: #ff0000; text-decoration: none;}

	.headline {font-size: 1.1em;
		 line-height: 1.5em; overflow: hidden; font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 20px 15px 8px 15px; margin: 0 0 10px 0; 	} /*background: url(img/bg50.png); */
		.headline p {margin: 0 0 1.0em 0; }
		.headline .strike {text-decoration: line-through;}
		.headline_image {float: left; margin-right: 15px;}

	.post {background: url(img/bg40.png); font-size: 1.0em; margin-bottom: 5px;  display: block; overflow: hidden;}
		.entry {padding: 7px 7px 0 7px; border-bottom: 1px solid #C8D5C5; display: block; overflow: hidden;}
	.post h1 {font-size: 2.0em !important; font-weight: normal; padding: 5px 10px; text-align: center; line-height: 1.2em;
		border-top: 3px solid #B0C0AC;  border-bottom: 1px solid #C8D5C5; color: #5A6F55;}
	.post h2 {font-size: 1.5em;}
	.post h3 {font-size: 1.35em;}
	.post h4 {font-size: 1.2em;}
	.post h5 {font-size: 1.1em;}
	.entry {font-size: 1.2em; line-height: 1.5em; font-family: Arial, Verdana, Helvetica, sans-serif; }
	.entry img.alignleft {margin-right: 10px;}
	.entry img.alignright {margin-left: 10px;}
	.entry p {padding: 0.5em 0 1.0em 0;}
	.entry hr {display: block;}
	.entry blockquote {padding: 1.0em 1.0em 0.5em 1.0em; font-size: 1.0em;}
	.entry ul {list-style: disc; margin: 0.25em 0 0.25em 20px; }
	.entry ol {list-style: decimal; margin: 0.25em 0 0.25em 20px; }
	.post .entry h2 {font-weight: bold; font-size: 1.4em;}

	.share { padding: 10px !important; border-bottom: 1px solid #C8D5C5; 	font-size: 1.1em; text-align: right;}
	.share .fb { padding-left: 18px; background: url(img/fb.gif) no-repeat 0 50%;	}
	
	.postmetadata {font-size: 1.1em; padding: 5px 10px !important; margin:0 !important; 
		text-align: center; border-bottom: 1px solid #C8D5C5; color: #666;
		font-family: Verdana, Arial, Helvetica, sans-serif; }
	.icon_date {padding-left: 15px; background: url(img/i_calendar.gif) no-repeat 0 50%; }
	.icon_cat {padding-left: 15px; background: url(img/i_folder.gif) no-repeat 0 50%; }
	.icon_comment {padding-left: 15px; background: url(img/i_chat.gif) no-repeat 0 50%; }
	.post-edit-link {padding-left: 15px; background: url(img/i_edit.gif) no-repeat 0 50%; }
	
	.navigation {font-size: 1.1em; line-height: 1.2em; width: 100%; display: block; overflow: hidden;}
		.navigation .alignleft {width: 48%;} 
		.navigation .alignright {width: 48%; text-align: right;}

	.pagetitle {padding: 6px 0 7px 0; margin: 0 0 10px 0; font-size: 1.2em; color: #999; text-align: center;
		border-top: 1px solid #C8D5C5; border-bottom: 1px solid #C8D5C5; #B0C0AC;
	}
	
/* 2.3	Secondary Content / Sidebar
-----------------------------------------------------------------------------------------------*/	
	#secondary-content h2, #sidebar h2 {
		font-size: 1.0em; text-transform: uppercase; padding: 7px 10px; letter-spacing: 1px;
		border-top: 2px solid #B0C0AC; border-bottom: 1px solid #C8D5C5; color: #333;
	}
	#secondary-content li, #sidebar li {background: url(img/bg40.png); margin-bottom: 10px;}
	#secondary-content li li, #sidebar li li { font-size: 1.1em; background: url(none); margin-bottom: 2px;}
	#secondary-content li li li, #sidebar li li li { font-size: 1.0em;}
	#secondary-content li ul, #sidebar li ul, #searchform, .author p { padding: 3px 10px !important; margin:0;}
	.author p {font-size: 1.1em;}
	#searchform {border-top: 2px solid #B0C0AC;}
	
	
	.widget { margin-bottom: 10px;}
	/* .widget_categories, .widget_meta, .widget_calendar { background: url(img/bg40.png); } */
	.widget ul, #calendar_wrap { padding: 7px 10px !important;}
	.widget li { font-size: 1.1em; padding-top: 2px; padding-bottom: 2px;}
	#calendar_wrap table { width: 100%; text-align: center; font-size: 1.1em;}
	#calendar_wrap table caption { font-weight: bold; font-size: 1.2em; padding: 5px 0;}
  #calendar_wrap #prev {text-align: left; padding: 5px 0;}
	.widget_tag_cloud { padding: 7px 10px !important; border-top: 2px solid #B0C0AC; border-bottom: 1px solid #C8D5C5; color: #333;}
	.widget_tag_cloud h2 {display: none;}
				
	#commentform {padding: 10px; background: url(img/bg20.png); font-size: 1.1em; color: #666; font-size: 1.0em;}
	#respond, #respond h3, h3#comments { margin: 20px 0 0 0; padding: 5px;  border-top: 2px solid #B0C0AC; color: #789472; font-size: 1.2em;}
	#commentform textarea { width: 480px; padding: 5px;  background: url(img/bg20.png);
		border-top: 1px solid #B0C0AC; border-left: 1px solid #B0C0AC;
		border-bottom: 1px solid #FFF; border-right: 1px solid #FFF;
		margin-bottom: 4px;
	}
	#commentform #author, #commentform #email, #commentform #url {
		border-top: 1px solid #B0C0AC; border-left: 1px solid #B0C0AC; margin-bottom: 4px; vertical-align: middle;
		font-size: 1.2em; padding: 1px 3px; width: 200px; background: url(img/bg20.png);
		border-bottom: 1px solid #FFF; border-right: 1px solid #FFF;
	}
	#commentform #submit {
		padding: 3px 5px; font-size: 1.2em; background: #D0E0CC; color: #5A6F55;
		border-bottom: 1px solid #B0C0AC; border-right: 1px solid #B0C0AC;
		border-top: 1px solid #FFF; border-left: 1px solid #FFF;
	}

	.commentmetadata {font-size:0.9em;}
	.comment-page-numbers {font-size: 1.1em; text-align: right; padding: 10px 0; }
	.commentlist li { background: url(img/bg20.png); margin-top: 3px; padding: 7px 10px 10px 10px; 
		border: 1px solid #efefef; display: block; overflow: hidden;  position: relative;  font-size: 1.1em;}
	.commentlist .avatar {float:left; vertical-align: top; margin-right: 10px; margin-top: 5px;}
	.commentlist .fn, .commentlist cite {font-size: 1.1em; font-weight: bold; font-style: normal; }
	.commentlist .comment-meta {font-size: 1.0em;}
	.commentlist .comment-number { position: absolute; top: 10px; right: 10px; font-size: 24px; font-style: italic; color: #ccc;}
	.commentlist .comment-content {display: block; overflow: hidden; width: 452px; }
	.commentlist p {margin: 0.5em 0;}
	
/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/	
	#footer {font-size: 1.1em; line-height: 1.5em; border-top: 1px solid #C8D5C5; padding: 10px 0 0px 0;}
		#footer .support {float: right;}
		#footer img {vertical-align: middle;}