/*
Theme Name: simpleton
Theme URI: http://intepid.com/
Description: Based on Clean Simple White WordPress theme.
Version: 1.0
Author: intepid + Mazznoer
Author URI: http://intepid.com/
Tags: white, blue, light, two-columns, right-sidebar, theme-options, fixed-width, sticky-post, threaded-comments
License: GPL
License URI: http://www.gnu.org/licenses/gpl.html
*/

/* reset */

html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, p, blockquote, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, th, var, h1, h2, h3 {font-style:normal;font-weight:normal;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
q:before, q:after {content:'';}
a img {border: none;}

/* basic elements */

body {
background: #eee;
color: #444;
font-family: 'Open Sans', Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
}


a:link, a:visited {color: #3366bb; text-decoration: none;}
a:hover {text-decoration: underline;}

h1, h2, h3, h4 {font-weight: normal;}
h1 {font-size: 2.8em; line-height: 50px;}
h1 a:hover, h2 a:hover {color: #c00; text-decoration: none;}
h2 {
font-size: 1.8em;
letter-spacing: -1px;
line-height: 50px;
}
h3 {font-size: 1.6em; line-height: 40px;}
h4 {
font-size: 1.4em;
line-height: 40px;
}

div#main-content {
font-size: 16px;
line-height: 25px;
}

#main-content ul , #main-content ol {margin: 10px 0 10px 15px;}
#main-content ul li {list-style-type: square;}
#main-content ol li {list-style-type: decimal;}
#main-content li li {margin-left: 25px;}
#main-content p {margin: 10px 0;}

#sidebar ul, #footer ul {margin-left: 0;}
#sidebar ul li, #footer ul li {
border-bottom: 1px dashed #f84;
line-height: 1.6em;
list-style:none;
}

#sidebar ul li a:link, #sidebar ul li a:visited,
#footer ul li a:link, #footer ul li a:visited {color: #36b;}
#sidebar ul li a:hover, #footer ul li a:hover {color: #c00; text-decoration: none;}

input, textarea {background: #f5f5f5; border: 1px solid #f84; color: #999; margin: 10px 0; padding: 7px 10px;}
input#searchsubmit, input#submit {background: #fff; border: 1px solid #f84; color: #F84; padding: 6px 10px;}
textarea#comment {width: 95%;}

/* generic classes */

.clear {clear: both;}
.center {text-align: center;}
.hidden {display: none;}
.justify {text-align: justify;}
div#main-content 
{
	overflow: hidden;
}
div.page-nav
{
	clear: both;
}
div.post
{
	clear: both;
}

div.post + div.page-nav
{
	margin-top: 4em;
	border-top: 1px dashed #f84;
	padding-top: 0.5em;
}

/* separator */
div.post + div.post,
div#infscr-loading + div.post
{
	margin-top: 6em; 
}
.post-spt {border-top: 1px dashed #f84; margin: 30px 0;}
.post-meta {
	margin: 0; 
	font-style: italic; 
	text-align:right;
	border-top: dashed #f84 1px;
	font-size: 0.8em;
margin-top: -0.3em;
}
.post-tag {margin: 0;font-style: italic;}
.sticky {background: #f6f6f6; border: 1px solid #f84; margin: -10px -10px 10px -10px; padding: 0 10px;}
.sticky .post-meta {border: 1px solid #f84;}
p.page-link span {border: 1px solid #f84; padding: 3px 8px;}
p.page-link a:hover {text-decoration: none;}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.page .nocomments {display: none;}
.bypostauthor .fn {
font-weight: bold;
}

/* basic layout */

#wrapper {text-align: center;}
#container {
margin: 1px auto;
text-align: left;
width: 940px;
}
#header {display: block; padding: 20px; margin: 3em 0 20px 0; background-color: #f84; color: white; text-align:left;}
#header a { color: inherit; }
#head-nav {margin: 0 10px; border-bottom: 1px dashed #f84;}
#main-content {
background-color: white;
float: left;
margin: 10px;
padding: 40px;
width: 520px;
}
#sidebar {
border: 0px solid #f84;
float: right;
margin: 10px 0;
padding: 0px 20px 20px 0;
width: 280px;
}
#footer {padding: 10px 20px;}
#foot-1, #foot-2, #foot-3 {width: 290px; border: 0px solid #f84;}
#foot-1, #foot-2 {float: left;}
#foot-right, #foot-3 {float: right;}
#foot-2 {margin: 0 15px;}
#footer-credit {line-height: 28px; margin: 10px 20px;}
#footer-desc {border-top: 1px dashed #f84; font-style: italic; text-align: right;}

/* head nav */

#head-nav ul li {
float: left;
border-right: 1px solid #f84;
border-top: 1px solid #f84;
border-bottom: 1px solid #f84;
margin-bottom: 10px;
}
#head-nav li a, #head-nav li a:visited {
color: #444;
display: block;
font-size: 1.0em;
font-weight: normal;
line-height: 30px;
padding: 0 15px;
}
#head-nav li a:hover {background: #f2f2f2; text-decoration: none;}
#head-nav li ul {display: none;}
#head-nav li:hover ul {
background: #f8f8f8;
border: 1px solid #f84;
display: block;
position: absolute;
}
#head-nav li ul li {
border-bottom: 1px solid #f84;
border-right: 0;
border-top: 0;
float: none;
margin-bottom: 0;
}
#head-nav li ul li a:link, #head-nav li ul li a:visited {
font-family: verdana;
font-size: 0.9em;
font-weight: normal;
line-height: 25px;
margin: 4px;
min-width: 122px;
}
#head-nav li ul li a:hover {background: #eee;}
#head-nav ul li ul li ul {display: none;}
#head-nav ul li ul li:hover ul {
display: block;
margin: -34px 0 0 160px;
}

/* page nav and more link */

.older a:link, .older a:visited {float: left;}
.newer a:link, .newer a:visited {float: right;}
.page-nav {margin-top: 10px;}

a.more-link:link, a.more-link:visited {
float: right;
margin-bottom: 10px;
}

/* miscelaneous */

blockquote {
margin: 15px 30px 15px 30px;
}
dl dt {font-weight: bold; border-bottom: 1px dashed #f84;}
dl dd {margin-left: 60px;}
code {color: #B03535;}
pre, code { margin: 15px 0;}
.kunci {color: #aaa;}

/* widget */

.widget {margin-bottom: 15px;}
.widget_author img {border: 1px solid #f84; float: left; margin-right: 10px; padding: 5px;}

/* images and captions */

#main-content img {
height: auto;
max-width: 512px;
}
img.centered {display: block; margin: 10px auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}

.wp-caption {border: 1px solid #ccc; padding-top: 4px; text-align: center; margin: 10px;}
.wp-caption img {margin: 0; padding: 0;}
.wp-caption p.wp-caption-text {margin: 0; line-height: 17px;}

/* comment list */

#main-content ol.commentlist {margin-left: 0px;}
#main-content ol.commentlist li {
list-style: none;
margin: 15px 0;
}
.commentlist li img.avatar { width: 40px; height: 40px; vertical-align: bottom;}
#main-content ul.children li {margin-left: 30px;}
.comment-author {
display: inline-block;
float: left;
}
cite.fn
{
	display: inline-block;
	font-weight: bold;
	max-width: 12em;
}

img.avatar {
	float: left;
	margin-right: 0.5em;
}
span.says
{
	display: none;
}
.comment-meta {
	background-color: #f0f8ff;
	font-size: 80%;
	text-align: right;
	padding-bottom: 1.5em;
	border-top: 1px dashed #f84;
}
div.reply
{
	text-align: right;
	margin-top: -1em;
}
.comment-reply-link, #cancel-comment-reply-link a {
	font-size: 80%;
	border: 1px solid #f84; 
	padding: 3px 10px;
}

/* comment form */

.form-allowed-tags
{
display: none;
}
#comments
{
	margin-top: 3em;
	clear:both;
}
.required {color: red;}
#respond input {display: block;}