/*
Theme Name: Simpel
Theme URI: http://luqman.myhaley.com/blogku/
Description: Motip peribadi blog luqman.
Author: Luqman Hakim
Author URI: http://luqman.myhaley.com/
Version: beta

Motip kenging luqman. Bebas dikopi, diedit, jeung diedarkeun. Pami minat mangga hubungi alhakim_pik@yahoo.com .
*/

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;
	background: transparent;
}
html{
	color:#000;
	background:#ececec;
}
img{
	border:0;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal
}
body{
	font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small
}
select,input,button,textarea,button{
	font:99% arial,helvetica,clean,sans-serif
}
table{
	font-size:inherit;
	font:100%;
}
body{
	background:#ececec;
	font-family:Helvetica,Arial,sans-serif;
	color:#333;
}
a{
	outline:none;
	color:#007AAB;
	text-decoration:none
}
#blogname{
	background:#fff101;
	width:280px;
	height:50px;
	border-left: 4px solid #ffffff;
	border-bottom: 4px solid #ffffff;
	border-right: 4px solid #ffffff;
	padding:3px 6px;
	top:-8px;
	position:absolute;
}
#blogname:hover{
	top:0px;
}
#blogname a{
	display: block;
}
.ngaranblog{
	font-weight: bold;
	letter-spacing: -1px;
	font-size:24px;
	text-shadow: 1px 1px 1px #000;
}
.deskripsi{
	color:#000000;
	font-style:italic;
}
#kaca{
	background:#ffffff;
	margin:5px auto;
	padding: 0;
	width: 1024px;
}
#hulu{
	background-color:#ececec;
	padding: 10px;
	height:80px;
	text-align: right;
}
#badan{
	padding: 0px;
}
#suku{
	background-color:#ececec;
	margin: 0px auto;
	padding: 10px;
	clear: both;
}
.kolomkatuhu{
	margin-left: 525px;
	width: 450px;
	padding:30px;
}
.kolomkenca {
	float: left;
	margin: 0px 0 0;
	width: 500px;
}
.napigasi{
	display: block;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 40px;
	text-align:center;
}
.napigasi a{
	background:#f3f3f3;
	padding:3px 5px;
	margin:0 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-border-radius: 5px;
}
.napigasi a:hover{
	background:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-border-radius: 5px;
}
a.current{
	font-weight:bold;
	background:#fff;
}
#badan  div{
	display:block;
}
#badan h1, #badan h2{
	margin: 0;
	padding: 0;
	outline: 0;
}
.arsip{
	background-color:#ffe6a7;
	margin: 30px;
	padding: 10px;
	border: 4px solid #fff;
}
.post,.post-single,.page{
	padding:30px;
	border-right: 2px dashed #f3f3f3;
	border-bottom: 2px dashed #f3f3f3;
}
.post:hover{
	background:#f3f3f3;
	-webkit-border-radius: 0px 20px 0px 0px;
	-moz-border-radius: 0px 20px 0px 0px;
	-border-radius: 0px 20px 0px 0px;
}
.post h1,.post-single h1,.page h1{
	font-weight:bold;
	font-size:24px;
}
.post p,.post-single p,.page p{
	padding-bottom:5px;
	text-align:justify;
}
.post ul,.post-single ul,.page ul,.post ol,.post-single ol,.page ol{
	padding-left:30px;
}
.actions{
	display: none;
	position: absolute;
	font-weight: bold;
	margin-top:10px;
	margin-left:230px;
}
.post .actions a{
	border:3px solid #fff;
	color:#fff;
	padding: 3px;
}
.readmore{
	background-color:#f67b00;
}
.readmore:hover{
	background-color:#f67b00;
}
.berikomen{
	background-color: #78bad3;
}
.berikomen:hover{
	background-color: #007aab;
}
.post:hover .actions {
	display: block;
}
#badan .kolomkenca div,#badan .kolomkatuhu div{
	display:block;
}
#menusisi{
	float:right;
}
#menusisi ul{
	margin-left:0px;
}
#menusisi ul li{
	list-style: none;
}
.judulmenu {
	margin: 5px 0 0;
	padding: 0;
}
h2.judulmenu{
	font-size:20px;
	border-bottom: 2px solid #fff;
}
.menu {
	padding:7px 9px 9px 9px;
	background-color: #f3f3f3;
	float:right;
	margin:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-border-radius: 5px;
}
.daptarkategori {
	border:3px solid #ffffff;
	padding:0px 9px 9px 9px;
	background-color: #f3f3f3;
	margin:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-border-radius: 5px;
}
.daptarkategori li{
	margin-top: 10px;
	font-weight: bold;
}
.daptarkategori li li{
	margin-top: 3px;
	font-weight: normal;
}
.kopirait{
	margin:30px 10px;
	position:absolute;
	float:left;
}
.kopirait img {
	vertical-align:middle;
}
.facebook,
.rssfeed{
	float:right;
}
#nav{
	list-style: none;
	font-weight:bold;
	font-size:12px;
	float:right;
	margin-top:60px;
}
.ddmenu > li {
	background:#fff;
	float: left;
	border: 4px solid #ffffff;
	margin:0 2px;
}
.ddmenu > li a{
	background:#5bc4bf;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-border-radius: 5px 5px 0px 0px;
}
#nav a:active, #nav .current_page_item a, #home .on {
	color:#000;
	background:#fff;
	/*background-image:url("menu.jpg");*/
}
.ddmenu > li > a {
	color:#fff;
	padding:5px;
	display: block;
	width: 70px;
	text-align:center;
	text-decoration: none;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-border-radius: 5px 5px 0px 0px;
}
.ddmenu > li:hover a {
	background-color: #ffe6a7;
	color:#fff;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-border-radius: 5px 5px 0px 0px;
}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
/* Komen */
ol.daptarkomen {
	margin: 0;
	padding: 0px;
	outline: 0;
}
.daptarkomen li {
	padding:10px;
	list-style:none;
	border: 1px solid #f3f3f3;
}
img.avatar {
	margin-right:10px;
	float:left;
}
.commentmetadata {
	font-size:11px;
}
.fn{
	font-weight:bold;
}
.comment-body p{
	margin-top:3px;
	padding:5px 0;
}
.daptarkomen .bypostauthor{
	background-color:#f3f3f3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-border-radius: 5px;
}
.bypostauthor .commentmetadata {
	
}
textarea#comment{
	width:100%;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
.alignright {
	float: right;
	}
.alignleft {
	float: left
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */