/*  
Theme Name: min theme
Theme URI: http://www.jarederickson.com/
Description: simple clean wordpress theme
Version: 1.3
Author: Jared Erickson
Author URI: http://www.jarederickson.com/
*/

@import "css/reset.css";
@import "css/forms.css";

/********************************************
	
	Typography
	
*********************************************/
body {
	/* IE10+ */ 
background: rgba(212,228,239,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(212,228,239,1) 0%, rgba(18,79,122,1) 100%)repeat-x fixed;
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(212,228,239,1)), color-stop(100%, rgba(18,79,122,1)))repeat-x fixed;
background: -webkit-radial-gradient(center, ellipse cover, rgba(212,228,239,1) 0%, rgba(18,79,122,1) 100%)repeat-x fixed;
background: -o-radial-gradient(center, ellipse cover, rgba(212,228,239,1) 0%, rgba(18,79,122,1) 100%)repeat-x fixed;
background: -ms-radial-gradient(center, ellipse cover, rgba(212,228,239,1) 0%, rgba(18,79,122,1) 100%)repeat-x fixed;
background: radial-gradient(ellipse at center, rgba(212,228,239,1) 0%, rgba(18,79,122,1) 100%)repeat-x fixed;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#124f7a', GradientType=1 )repeat-x fixed;
}
p { margin: 1em 0; }
h1 { font-size: 25px; font-weight: normal; }
a.back { text-decoration: underline; }
#search h2, #comments h3, #commentform h3, .emptysearch, .error { font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; }

.back:link, .back:visited { color: #f60; }
.back:hover, .back:active, .back:focus { color: #3A525C; }


/********************************************
	
	Layout
	
*********************************************/

#wrapper { color: #444; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 15px;margin: 0 auto; padding: 0 2em; width: 560px; background:#fff;}

#header { margin: 0 0 -1em 0; padding: 1em 0 1em 0; position: relative; }
#header .description { font-size: 13px; }
#header a { text-decoration: none; }
#header a:link, #header a:visited { color: #000; text-shadow: 0 1px 2px #fff; }
#header a:hover, #header a:active, #header a:focus { color: #3A525C; }

#header .description { margin: .5em 0 0 0 }

.post { margin: 0.5em 0; position: relative; border-bottom: 1px solid #f0f0f0; }
.post img.attachment-post-thumbnail { float: left; margin: 0 2em 2em 0; padding: 0; }
.post img, .post object, .post embed { display: block; margin: 0 auto 0.8em auto; }
.post img { max-width: 100%; height: auto; }
.post .number-of-comments a:link, .post .number-of-comments a:visited { color: #CCC }
.post .number-of-comments a:hover, .post .number-of-comments a:active, .post .number-of-comments a:focus { color: #CCC }
.post .vvqbox { margin: 2em auto; }
.post .date { color: #ccc; font-size: 12px; position: absolute; top: 0; right: 0; }

#main-content .post h2 {font-size: 18px;}
.judul {margin: .5em 0 0 0;border-bottom: 1px solid #f0f0f0;border-top: 1px solid #f0f0f0; }
.post h2 a { text-decoration: none; }
.post h2 a:link, .post h2 a:visited { color: #000; }
.post h2 a:hover, .post h2 a:active, .post h2 a:focus { color: #0f0f0f; }
.post h2 { font-size: 22px; line-height: 120%; font-weight: normal; color:#000;text-align:center}
.post h3 { color: #ccc; margin: 0 0 1em 0; font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; line-height: 120%; }
.post h4 { color: #CCC; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 120%; margin: 2em 0 1em 0; }
.post h5 { color: #CCC;  font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 120%;  margin: 2em 0 1em 0; }
.post blockquote cite { font-style: normal; }
.post .number-of-comments a { text-decoration: underline; font-size: 13px; }
#comments { font-size: 13px; }

.post .number-of-comments { position: absolute; right: 1em; }
.post blockquote { color: #fff; background: #878787; margin: 2em; padding: .1em 1.5em; position: relative; }
.post blockquote cite { display: block; text-align: right; }

.entry {
	color:#000;
}
.entry i {
	color:#292929;
}
.entry a:link, .comment a:link { color: #CCC }
.entry a:visited, .comment a:visited { color: #CCC }
.entry a:hover, .entry a:active, .entry a:focus, .comment a:hover, .comment a:active, .comment a:focus { color: #3A525C; }
.entry .more-link { font-size: 12px; }

.entry .postmetadata ul li a{color:#000;}
.entry .postmetadata h2 {text-align:left;}
.entry ul { list-style: none inside; padding: 0 1em;}
.entry ol { list-style: decimal outside; padding: 0 2.5em; }
.entry ul li { background: url(img/bullet.gif) 0 7px no-repeat; margin: 0.3em 0; padding: 0 0 0 15px; }
.entry ol li { margin: 1em 0 }
.mbredets {
	padding: 5px;
}


#commentform { background: #fff; margin: 2.3em 0 4.6em 0; padding: 0; }
#commentform a:link, #commentform a:visited { color: #3A525C; }
#commentform a:hover, #commentform a:active, #commentform a:focus { color: #CCC; }
.comment { padding: 1.8em 1.6em; position: relative; overflow: hidden; border: 1px solid #f0f0f0; }
.comment .date { bottom: 1em; position: absolute; right: 1em; }
#comments h3 { margin: 0 0 2em 0; font-size: 18px; }
#commentform h3 { margin: 0 0 25px 0; }
#commentform p { font-size: 13px }
.comment cite { font-style: normal; }
.comment cite a { text-decoration: underline; }
#comments h3, #commentform h3 { color: #CCC }
.highlighted { border: 1px solid #f0f0f0;  }
.highlighted a:link, .highlighted a:visited { color: #09C }
.comment cite { color: #CCC }
.comment .moderation { color: #FFF }

.pagination { color: #CCC margin: -2.6em 0 4.6em 0; }
.pagination div { float: left; margin: 0 2em 0 0; }
.pagination a { text-decoration: underline;}
.pagination a:link, .pagination a:visited { color: #444; }
.pagination a:hover, .pagination a:active, .pagination a:focus { color: #999; }


#sb-1 { float: left; width: 45%; }
#sb-2 { float: right; width: 45%; }
#sb-1 h3{color:#000; margin: 1em 0; font-size: 20px;}
#sb-2 h3{color:#000;margin: 1em 0;}

#sidebar { font-size: 13px; color: #828282;}
#sidebar a { text-decoration: none; }
#sidebar a:link, #sidebar a:visited { color: #000; }
#sidebar a:hover, #sidebar a:active, #sidebar a:focus { color: #ccc; }
#sidebar #sb-2 a:link, #sidebar #sb-2 a:visited { color: #000; }
#sidebar #sb-2 a:hover, #sidebar #sb-2 a:active, #sidebar #sb-2 a:focus { color: #CCC; }
#sidebar .email { background: url(../img/ico-mail.gif) 0 4px no-repeat; padding: 0 0 0 1.8em; }
#sidebar #rss li { background: url(../img/ico-rss.jpg) left center no-repeat; padding: 0; margin: .5em 0; }


#footer { color: #828282; padding: 1em 0; font-size: 10px; }
#footer p { margin: 0; }

#footer a { text-decoration: none; }
#footer a:link, #footer a:visited { color: #3A525C; font-weight: bold; }
#footer a:hover, #footer a:active, #footer a:focus { color: #CCC; }

.footer-widget { margin-bottom: 1.5em; }

/********************************************
	
	Form Styles
	
*********************************************/

.input-text, textarea { background: #f0f0f0; border: none; font-size: 13px; padding: .3em; }
label { font-size: 1em; margin: 0 .5em; }
#search-form label { position: absolute; top: -99999px; }
p.input-submit { text-align: right }
#commentform input { width: 43% }
#commentform textarea { font-size: 1em; font-family: Helvetica, Arial, sans-serif; width: 560px; }
#commentform #submit-comment { width: auto; font-size: 14px; border: 0; padding: 5px; background: #3A525C; color: #fff; }
#search-form #submit { padding: 1px 13px; margin: 0 0 0 5px; }
#search h2, .emptysearch, .error { color: #CCC; }



/*
Thanks http://www.positioniseverything.net/easyclearing.html
*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Smartphones landscape */
@media (max-width: 480px) {
	
	#wrapper { width: 380px; padding: 0 1em; }
	#wrapper .post img { width:  100%; height: auto;}
	
	.post .date { right: auto; left: 0; }
	
	 #commentform textarea  { width: 380px; }
	 
	 #sb-1 { width: 42%; }
	 #sb-2 { width: 42%; }
	
}

/* Smartphones horizontile */
@media (max-width: 320px) {
	
	#wrapper { width: 280px; padding: 0 0.5em; }
	#wrapper .post img { width:  100%; height: auto;}
	
	 #commentform textarea  { width: 260px; }
	
}