/*********************************************
Theme Name: Sederhana 1.0
Theme URI: http://didats.net/
Description: Sederhana wordpress-theme
Version: 1.0
Author: Didats Triadi
Author URI: http://didats.net/
*********************************************/

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

/* Start the template */
body {
	background:#DADEDE url("images/topbar.gif") repeat-x top left;
	font-size:16px;
	font-family: 'Molengo',Helvetica, Arial, Sans-serif;
}
.clear { clear:both; }
a { color:#98196E; }
a:hover { color:#000; }
hr {
	color: #CCC;
	background-color: #CCC;
	height: 1px;
	border:0px;
}
strong { font-weight:bold; }
em { font-style: italic; }

#container {
	width:778px;
	margin-left:65px;
	padding:70px 70px 0px;
	position:relative;
	z-index:1;
}

#logo {
	margin-left:50px;
	padding-bottom:50px;
}
#logo h1 {
	text-indent: -9000px;
	background:transparent url("images/logo.jpg") no-repeat top left;
	width:448px;
	height:68px;
}
#logo h2 {
	font:bold 25px 'museo-sans-1',Helvetica, Arial, Sans-serif;
	letter-spacing:-1px;
	color:#666;
}
#logo h1 a {
	color:#000;
	text-decoration:none;
	display:block;
	width:448px;
	height:68px;
}

/* Mainmenu */
#mainmenu {
	height:62px;
	width:770px;
	background:transparent url("images/bg_mainmenu.gif") repeat-x top left;
	position:relative;
	z-index:10;
}
.child_page_item {
	position:absolute;
	margin-top:34px;
	left:-999px;
}
#mainmenu ul.parent_menu {
	height:37px;
	padding-top:13px;
}
#mainmenu li.page_item {
	line-height:37px;
	font-family: "Molengo", Helvetica, Arial, Sans-serif;
	color:#333;
	text-transform: uppercase;
	font-size:24px;
	float:left;
	margin-right:20px;
}
#mainmenu li.page_item a {
	text-decoration:none;
	color:#333;
	float:left;
	display:block;
}
#mainmenu li.menu_home,
#mainmenu li.menu_home a { width:90px; }
#mainmenu li.menu_profile,
#mainmenu li.menu_profile a { width:110px; }
#mainmenu li.menu_archives,
#mainmenu li.menu_archives a { width:130px; }
#mainmenu li.menu_categories,
#mainmenu li.menu_categories a { width:155px; }
#mainmenu li.menu_contact,
#mainmenu li.menu_contact a { width:120px; }

#mainmenu li.current_page_item a {
	color:#98196E;
}

#mainmenu li.page_item a:hover,
#mainmenu li.page_item a.selected {
	background:#000;
	padding-left:10px;
	color:#FFF;
}
li.menu_archives:hover .child_page_item {
	left:100 !important;
}

/* Submenu */
div.child_page_item {
	background:#000;
	clear:both;
	padding:10px;
}
div.child_page_item li {
	float:left;
	width:170px;
	font:14px 'Molengo',Helvetica, Arial, Sans-serif;
	color:#FFF;
	display:block;
	line-height:23px;
	margin-bottom:3px;
	margin-right:10px;
	text-transform: capitalize;
}
div.child_page_item li a {
	color:#999!important;
	width:170px !important;
	line-height:23px;
	display:block;
	float:left;
	border-bottom:1px solid #333;
}
div.child_page_item a:hover {
	padding:0px !important;
	background:#333 !important;
	color:#FFF !important;
}
li.cat-item {
	display:block;
	margin-right:10px !important;
	text-transform: capitalize !important;
}
li.cat-item a {
	
	display:block;
}
li.menu_archives .child_page_item { width: 540px; }
li.menu_categories .child_page_item { width: 360px; }



/* Post */
#content {
	width:778px;
	margin-top:25px;
	position:relative;
	z-index:2;
}
.post {
	width:778px;
	background:transparent url("images/bg_post.jpg") repeat-y top left;
	position:relative;
	margin-bottom:50px;
}
.post-top {
	height:65px;
	background:transparent url("images/bg_toppost.jpg") no-repeat top left;
	width:778px;
	margin-bottom:20px;
}
.onarea {
	width:650px;
	margin-left:90px;
	position:relative;
	top:19px;
}
.comment-count a {
	background:transparent url("images/bg_comment_left.gif") no-repeat top left;
	height:26px;
	display:block;
	text-decoration:none;
	color:#FFF;
	float:left;
	line-height:26px;
	font-weight:bold;
}
.comment-count a span {
	background:transparent url("images/bg_comment_right.gif") no-repeat top right;
	height:26px;
	display:block;
	padding:0px 15px;
	line-height:26px;
}
.comment-count a:hover {
	background-position: bottom left;
}
.comment-count a:hover span {
	background-position: bottom right;
	color:#98196E;
}
.comment-count a.selected,
.comment-count a.selected span { background:#B15091;}
.post-date {
	float:right;
	color:#FFF;
	font-weight:bold;
	position:relative;
	top:5px;
}


.post-content {
	padding:10px 0px;
	width:650px;
	margin-left:90px;
}
.post h2,
.fullpost h2 {
	font:38px 'Lobster', Helvetica, Arial, Sans-serif;
	margin-bottom:10px;
}
.fullpost h2 {
	font-size:48px;
	letter-spacing: -1px;
	line-height:80px;
	margin-top:5px;
}
.post h2 a,
.fullpost h2 a {
	color:#000;
	text-decoration:none;
}
.post h2 a:hover,
.fullpost h2 a:hover {
	color:#98196E;
}
.post-bottom {
	background:transparent url("images/bg_bottompost.jpg") no-repeat bottom left;
	padding-bottom:90px;
	margin-top:20px;
}
.post-bottom-content {
	width:650px;
	margin-left:90px;
}
.single-bottom {
	margin-left:0px !important;
	margin-top:30px;
}
a.thetags {
	background:transparent url("images/bg_tags_left.gif") no-repeat top left;
	height:25px;
	display:block;
	text-decoration:none !important;
	color:#FFF;
	float:left;
	line-height:24px;
	font-weight:bold;
}
a.thetags span {
	background:transparent url("images/bg_tags_right.gif") no-repeat top right;
	height:25px;
	display:block;
	padding:0px 20px 0px 15px;
	line-height:24px;
}
a.thecats {
	background-position: bottom left;
}
a.thecats span {
	background-position: bottom right;
}

.post-bottom span.thecontent,
.single-bottom span.thecontent {
	display:block;
	float:left;
	width:510px;
	padding-top:3px;
	margin-left:10px;
}

/* Post Category */
.bgcategory {
	height:50px;
	width:45px;
	position:absolute;
	top:5px;
	left:0px;
}
.cat-blog {
	
}

/* Entry */
.entry p {
	color:#535353;
	line-height:25px;
	margin-bottom:15px;
}

.entry h3 {
	font:bold 20px 'Molengo',Helvetica, Arial, Sans-serif;
	color:#98196E;
	margin-bottom:10px;
}
img.alignnone {
	display:block;
	margin:5px 0px;
}
img.alignleft {
	float:left;
	margin-right:15px;
	margin-bottom:5px;
}
img.alignright {
	float:right;
	margin-left:15px;
	margin-bottom:5px;
}
.entry img {
	padding:4px;
}
.entry small {
	font-size:13px;
}
.entry ol,
.entry ul {
	margin:5px 0px 10px 35px;
}
.entry ol li {
	list-style-type: decimal;
}
.entry li {
	margin-bottom:8px;
	line-height:25px;
	color:#535353;
}

blockquote {
	background:#F0F2B2 url("images/quote.png") no-repeat 15px 15px;
	padding:15px 5px 5px;
}
blockquote p {
	width:550px;
	margin-left:70px;
	color:#B66D24 !important;
	font-style: italic;
}
.related-post,
.summary {
	background:#F0F2B2;
	padding:20px;
}
.related-post small {
	display:block;
	color:#333;
}
.summary {
	margin-top:40px;
	display:block;
}

/* Footer */
#footer {
	width:770px;
	background:#000;
	margin-top:50px;
	padding-top:30px;
	padding-bottom:20px;
	border-bottom:12px solid #98196E;
}
#footer h2 {
	font:bold 25px "Molengo", Helvetica, Arial, Sans-serif;
	color:#FFF;
	margin-bottom:8px;
}
#footer p {
	line-height:20px;
	font-size:14px;
	color:#888;
}
#footer .social {
	width:290px;
	float:left;
	margin-left:40px;
}
#footer .about {
	width:340px;
	float:left;
	margin-left:30px;
}
#footer p.copyright {
	width:690px;
	margin-left:40px;
	border-top:1px solid #333;
	padding-top:10px;
	margin-top:20px;
	color:#333;
}
#footer p.social {
	margin-left:0px;
	margin-top:10px;
}
#footer p.social a {
	width:30px;
	height:32px;
	display:block;
	margin-right:10px;
	text-indent: -9000px;
	float:left;
	background:transparent url("images/bg_social.jpg") no-repeat;
}
a.facebook {
	background-position: top left;
}
a.flickr {
	background-position: 0px -94px !important;
	height:30px !important;
}
a.twitter {
	background-position: 0px -63px !important;
}
a.linkedin {
	background-position: 0px -32px !important;
}

.comment-preview {
	background:#B15091;
	float:left;
	position:absolute;
	margin-top:25px;
	width:500px;
	padding:10px 0px 1px;
}
.comment-preview p.loading {
	font-weight:bold;
	color:#FFF;
}
.comment-preview h2 {
	font-size:20px;
	color:#FFF;
	letter-spacing:-1px;
	text-transform: uppercase;
	width:480px;
	margin-left:10px;
	font-family: 'Molengo',Helvetica, Arial, Sans-serif;
	padding:8px 0px;
}
.comment-preview h2 a {
	font-size:13px;
	background:#99196E;
	color:#FFF;
	padding:3px 5px;
	float:right;
	position:relative;
	top:-4px;
	margin-left:3px;
}
.comment-preview h2 a:hover {
	background:#FFF;
}
.comment-preview ul { 
	width:497px;
	position:relative;
	left:2px;
}
.comment-preview li {
	background:#DADEDE url("images/bg_comment_preview.jpg") repeat-x top left;
}
.thecomment-preview {
	width:480px;
	margin-left:10px;
	padding:10px 0px;
}
.comment-preview img.avatar {
	float:left;
	width:60px;
	margin-right:10px;
}
.comment-only-content {
	width:410px;
	float:right;
}
.comment-only-content h4 {
	font-weight:bold;
	display:block;
	text-transform: uppercase;
}
.comment-only-content h4 a {
	background:none;
	float:none;
	color:#333;
}
.comment-only-content h4 a:hover {
	color:#B15091;
}
.comment-only-content p {
	font-size:14px;
	line-height:20px;
}

/* Full post */
#fullpost {
	background:transparent url("images/bg_post_full.jpg") repeat-y top left;
	position:relative;
	z-index: 2;
}
.fullpost-top {
	height:25px;
	width:778px;
	background:transparent url("images/bg_top_post_full.jpg") no-repeat top left;
	position:relative;
	z-index:3;
}
.fullpost-bottom {
	height:25px;
	width:778px;
	background:transparent url("images/bg_bottom_post_full.jpg") no-repeat bottom left;
	position:relative;
	z-index:3;
}
.fullpost-content {
	padding:20px 0px 40px;
	width:660px;
	margin-left:60px;
	position:relative;
	z-index:5;
}
#fullpost .single-date {
	position: relative;
	width:250px;
	height:48px;
	background:transparent url("images/pita.jpg") no-repeat top left;
	color:#FFF;
	font-weight:bold;
	left:-60px;
}
.single-date p {
	line-height:33px;
	color:#FFF;
	width:200px;
	font-size:18px !important;
	margin-left:30px;
}

/* Daftar isi */
h2.pagetitle span {
	text-transform: capitalize;
	color:#98196E;
}
ul.daftarisi {
	width:660px;
	margin-top:50px;
}
ul.daftarisi li {
	margin-bottom:15px;
	line-height:20px;
	background:transparent url("images/bg_dotted.gif") repeat-x center left;
}
ul.daftarisi li span {
	display:block;
	line-height:20px;
}
ul.daftarisi .list-date {
	float:left;
	background:#FFF;
	width:90px;
	color:#98196E;
	font-size:13px;
}
ul.daftarisi .list-title {
	float:left;
	background:#FFF;
	font-size:14px;
	padding-right:8px;
}
ul.daftarisi .list-read {
	float:right;
	background:#FFF;
	text-align:right;
	width:50px;
	font-size:14px;
	text-decoration: underline;
}


#addnew-comment {
	background:#FFF;
	margin-top:30px;
}
h3#comments {
	font:25px "Molengo", Helvetica, Arial, Sans-serif;
	color:#000;
	display:block;
	margin-bottom:20px;
	letter-spacing: -1px;
}
ol.commentlist {
	border:4px solid #999;
}
ol.commentlist li.depth-1 {
	background:#DADEDF url("images/bg_comment_preview.jpg") repeat-x top left;
	clear:both;
	margin-top:1px;
	padding-bottom:9px;
	padding-top:10px;
	position:relative;
}
ol.commentlist li.even {
}
ol.commentlist img.avatar {
	float:left;
	margin-right:10px;
}
ol.commentlist .comment-author {
	line-height: 30px;
	font-size:18px;
	margin-left:10px;
}
.comment-author a {
	text-transform: uppercase;
	font-weight:bold;
}
.comment-author .says {
	font-style:italic;
	color:#666;
	font-weight:normal;
}
.comment-meta a {
	font-style:italic;
	color:#999;
	font-size:14px;
}
.comment-meta {
	padding-bottom:10px;
}
li.comment p {
	width:550px;
	line-height:22px;
	margin-left:80px;
	margin-bottom:10px;
	color:#535353;
}
li.comment ul.children li {
	background:#efefef;
	padding:8px 0px;
	width:560px;
	margin-left:80px;
	margin-bottom:8px;
}
ul.children li.comment-author-admin {
	background:#FFF !important;
}
.children p {
	width:450px !important;
}
li.pingback div.comment-body {
	width:630px;
	margin-left:10px;
}
li.pingback p { 
	color:#999; 
	line-height:23px;
}
li.pingback .comment-author {
	margin-left:0px;
}
ul.children ul.children li {
	width:450px !important;
}
ul.children ul.children p {
	width:350px !important;
}

div.reply a {
	float:right;
	background:#98196E;
	padding:5px;
	color:#FFF;
	text-decoration:none;
	position:absolute;
	top:10px;
	right:10px;
}
div.reply a:hover {
	background:#333;
}

#respond {
	margin-top:40px;
}

#commentform p {
	margin-bottom:20px;
}
.comment-reply-status {
	background:#F0F2B2;
	padding:10px 5px;
	margin-bottom:20px;
}
.comment-reply-status span {
	font-size:13px;
}
.comment-reply-status span a {
	background:#AF4B8F;
	padding:5px;
	color:#FFF;
	text-decoration: none;
}
.comment-body em {
	color:#666;
	padding:5px 0px;
}

.form-item {
	background:#EFEFEF;
	padding:8px 0px;
	margin-bottom:4px;
}
.form-even {
	background:#FFF;
}
.form-item label {
	float:left;
	width:130px;
	margin-left:10px;
	position:relative;
	top:5px;
}
.form-item .form-block {
	width:470px;
	float:left;
}
.form-item input, 
.form-item textarea {
	font:14px Helvetica, Arial, Sans-serif;
	padding:4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	line-height:24px;
}
.form-item input.textbox {
	width:300px;
}

form#commentform button,
form#contactform button {
	background: #991B6F;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	color: #ffffff;
	display: block;
	font: 16px "Molengo",Helvetica, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	padding: 7px 25px;
	text-shadow: 0 1px 1px #000000;
	text-transform: uppercase;
	margin-left:140px;
}
form#commentform button:hover,
form#contactform button:hover {
	background: #1e2506;
	cursor: pointer;
}

#addnew-comment .navigation {
	padding:10px 0px;
}
.navigation a {
	padding:5px 8px;
	background:#991B6F;
	color:#FFF;
	text-decoration: none;
}
.navigation .alignleft {
	float:left;
}
.navigation .alignright {
	float:right;
}


.wp_page_numbers {
	width:770px;
}
.pagenumber li {
	font-size:17px;
	float:left;
	line-height:25px;
	margin-right:8px;
	border:1px solid #CCC;
	display:block;
	padding:5px;
}
.pagenumber li a {
	display:block;
	line-height:25px;
	color:#333;
	text-decoration:none;
	float:left;
}
.pagenumber li a:hover {
	background:#999;
	color:#FFF;
}
.pagenumber li.active_page {
	background:#991B6F;
}
.pagenumber li.active_page a {
	background:#991B6F;
	color:#FFF;
}

/* Caption */
.wp-caption {
	background:#F0F2B2;
	text-align:center;
	padding:8px;
	margin-bottom:15px;
}
.wp-caption p {
	margin:0px !Important;
	font-size:13px;
}
.wp-caption img {
	border:0px;
	padding:0px;
}

.CleanContact input {
	padding:2px;
	font-size:14px;
}
#clean_contact_body {
	padding:3px;
	font-size:14px;
}
.CleanContact #clean_contact_send {
	background: #991B6F;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	color: #ffffff;
	display: block;
	font: 16px "Molengo",Helvetica, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	padding: 7px 25px;
	text-shadow: 0 1px 1px #000000;
	text-transform: uppercase;
}