/*  
Theme Name: Masrafa
Theme URI: http://masrafa.org/
Description: Masrafa — masrafa.org only. Original template by yNa.
Version: 1.0
Author: Deny Sri Supriyono
Author URI: http://denysri.com/
*/

/* RESET */
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}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
a{text-decoration:none}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

html{background:#A7C4ED url(images/bghtml.jpg) repeat-x 0 0}
body{font:normal 0.69em/1.50em Verdana, Arial, Helvetica, sans-serif;color:#444;background:transparent}
p{margin:0 0 10px 0}
a,a:visited{color:#006666;font-weight:bold}
a:hover{color:#ffcc00}
input,textarea{padding:3px}
code{font-size:120%}
small{font-size:90%}

div.container{width:730px;margin:10px auto 0 auto;text-align:left;background:#fff url(images/back.gif) repeat-y left top;padding-bottom:20px}
div#content{clear:left;float:left;width:415px;padding:25px 20px 25px 50px;overflow:hidden;background:transparent url(images/left.jpg) no-repeat left top}
div#footer{clear:left;width:730px;height:40px;margin:0 auto;text-align:left;overflow:hidden;background:transparent url(images/footer.jpg) no-repeat left top}

/* NAVIGATION */
.navigation{padding:20px 0;clear:both}
.olderentries{float:left}
.newerentries{float:right}

/* SEARCH BAR */
input.searchbutton{width:55px}

/* POST */
div.entry{padding-top:10px}
div.entry h3{font:bold 16px/27px Arial, Helvetica, sans-serif}
div.entry ul,div.entry ol{margin:0 0 10px 20px}
div.entry ul li{list-style:square outside;margin-bottom:10px}
div.entry ol li{list-style:decimal inside;margin-bottom:10px}
div.entry ul li a,div.entry ol li a{border-bottom:1px dotted #6a98d0}
div.entry ul li a:hover,div.entry ol li a:hover{color:#79a712;border-bottom:1px dotted #79a712}

.title{margin-left:20px}
.title .horrule{border-top:1px solid #ffcc00 !important;margin:0 0 0 0 !important}
.title .postmetadata{margin:0}

div.post{line-height:18px;padding:10px 0;clear:both}
div.post h2,div.post h2 a,div.post h2 a:visited{font:bold 120% Arial, Helvetica, sans-serif;margin-top:2px}


img.alignleft{float:left;margin:0 15px 7px 0;padding:5px;background:#fff}
img.alignright{float:right;margin:0 0 7px 15px;padding:5px;background:#fff}
img.aligncenter{display:block;margin-left:auto;margin-right:auto}

div.post a img{border:0}
div.post a:hover img{background:#79a712}

.more-link{margin:10px 0;display:block}
.postinfo{padding:5px;border:1px solid #f4f4f4;margin-top:20px;background:#fff}

/* KOMENTAR COUNT */
p.postmetadata{clear:left;margin-top:10px}
p.postmetadata img{margin-bottom:-3px}
p.postmetadata small{margin-right:5px}

/* GRAVATAR */
.gravatar{float:left;margin:10px}
.gravatar img,.gravatar a img{border:none;background:#fff;padding:3px;border:1px solid #eee}
.gravatar a:hover{border:none}
.gravatar a:hover img{background:#33d5e6}

/* HALAMAN KOMENTAR */
div#commentcon{clear:left;padding-top:20px}
h3#comments{display:block;height:28px;font:normal 18px Arial, Helvetica, sans-serif}
p#opini{margin:-8px 0 30px 0;font-size:11px}
p#opini a{border-bottom:1px dotted #6a98d0}
p#opini a:hover{color:#79a712;border-bottom:1px dotted #79a712}

div.komentar{background:#fff;border:1px solid #efe5c2;margin-top:20px}
.commenttext{overflow:auto;padding:0 15px 0 10px}
.commenttext a:hover{color:#79a712;border-bottom:1px dotted #79a712}
.commentlist p{padding:0}
.commentlist p.info{padding:10px 0;border-bottom:1px solid #efe5c2}
.commentlist div.highlighted{background:#fff !important;border:7px solid #A7C4EE}
.commentlist p.info small a,.commentlist p.info small a:visited,.commentlist p.info small a:hover{font-weight:normal;border-bottom:none}
.alt{border:1px solid #A7C4EE;background:#fff !important}
.alt,.highlighted{margin:0}

h3#respond{margin:40px 0 7px 0}
#commentform p{margin:5px 0}
.nocomments{text-align:center;margin:0;padding:0}
.commentmetadata {margin:0}

/* SIDEBAR */
#sidebar{margin:40px 0 0 10px;padding:0 40px 0 20px;float:left;width:175px;font-size:90%;position:relative;z-index:2}
.sidebar2{margin-top:280px !important}
#sidebar h2{font-weight:bold;font-size:130%;color:#444;background:transparent url(images/bullet.gif) no-repeat left top;padding-left:30px}
#sidebar a img{border:none}

/* WIDGET */
.widget{margin-bottom:15px}
.widget li a,.widget li a:visited{font-weight:normal}
#meta ul,.widget_links ul,#archives ul,#recent-posts ul,#recent-comments ul,.widget_categories ul,.widget_rss ul,.widget_recent_entries ul{margin:7px 0 0 10px}
#meta li,.widget_links li,#archives li,#recent-posts li,#recent-comments li,.widget_categories li,.widget_rss li,.widget_recent_entries li{list-style:none;margin-bottom:3px;background:transparent url(images/dompet.png) no-repeat left top;padding-left:20px;position:relative;height:1%}
#meta li a:hover,.widget_links li a:hover,#archives li a:hover,#recent-posts li a:hover,#recent-comments li a:hover,.widget_categories li a:hover,.widget_rss li a:hover,.widget_recent_entries li a:hover{color:#42175f;border-bottom:1px solid #42175f}

/* ABOUT - FRONTPAGE */
h2#about{margin:0 0 7px 0}

/* INFO */
h2#info{margin:0 0 10px 0}

/* ARCHIVES */
h3#archivefor{font:bold 17px Arial, Helvetica, sans-serif;color:#e8b446;margin-bottom:10px}
div.entry ul.postspermonth{margin:5px 0 10px 0;padding-left:25px}
div.entry ul.postspermonth li{list-style:none;margin-bottom:5px !important}
div.entry ul.postspermonth li a,div.entry ul.postspermonth li a:visited{font:normal 12px Arial, Helvetica, sans-serif;border-bottom:none !important}
div.entry ul.postspermonth li a:hover{color:#79a712;border-bottom:1px dotted #79a712 !important}

/* MISC */
div.horrule{height:1px;border-top:1px solid #eee;margin:7px 0 7px 0}
div.horrule hr{display:none}
.clearleft{clear:left}
.required{color:#FA310E}
.alignleft{float:left}
.alignright{float:right}

/* CONTACT FORM */
.contactleft{font:bold 12px Arial, Helvetica, sans-serif}
.contactright{margin-bottom:10px}
.contacterror{border:1px solid #ff0000}

/* SEARCH RESULT */
div.searchresult{padding:10px 0}

/* PAGE TITLE */
h3.pagetitle{font:normal 19px Arial, Helvetica, sans-serif;color:#444;margin-top:2px}

/* FOOTER */
div#footer{position:relative;padding:0 0 15px 0;margin-bottom:10px}
div#footer p{font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;margin:20px 0 0 50px;line-height:17px;float:left;display:inline}
div#footer p a:hover{border-bottom:1px solid #626cf2}


/* CALENDAR */
#calendar_wrap{margin-top:10px;text-align:center}
#calendar_wrap caption{font-weight:bold}

/* Begin Calendar - Kubrick */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



.img1 {
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
	height: 72px;
}

.img2 {
	background-image: url(images/menu.jpg);
	background-repeat: no-repeat;
	height: 31px;
}

.menu {
	margin: 0;
	padding: 7px 0 0 0;
}

.menu a {
	color: #fff; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold; 
}

.menu a:hover {
	color: #FFCC00; 
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFCC00;
}

.menu li {
	display: inline;
	margin: 0 0 0 110px;
	padding: 10px 25px 0 0;
	overflow: hidden;
}