/*
Theme Name: dkNote
Description: 
Theme URI:
Author: Deny E.Wicahyo
Author URI: http://omague.com/
Version: 1.4
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html

dkNote WordPress Theme, Copyright 2013 Deny E. Wicahyo
is distributed under the terms of the GNU GPL
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, 
dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td, section, aside, nav, footer, header, hgroup, 
article, audio, video, canvas, command, datalist, details, embed, figcaption, 
figure, keygen, mark, meter, output, progress, rp, rt, ruby, summary, time{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
	}
img, object, embed{
	max-width:98%
	}
img{	height:auto	}
body{
	color:#444;
	font-size:100%;
	font-family:'DroidSansRegular',sans-serif;
	background:#fff;
	word-wrap:break-word;
	}
body:before, 
body:after{
	content:"";
	display:table
	}
body:after{	clear:both	}
*{
	padding:0;
	margin:0;
	-webkit-transition:width 0.5s;
	-moz-transition:width 0.5s;
	-o-transition:width 0.5s;
	transition:width 0.5s
	}
::-moz-selection {
	background:#555;
	color:#fff;
	text-shadow: none;
	}
::selection {
	background:#555;
	color:#fff;
	text-shadow: none;
	}

a{color:#00657E;
	text-decoration:none
	}
a:hover{
	color:#444;
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out
	}

p{
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	hyphens:auto;
	margin-bottom:15px;
	line-height:1.5em
	}

ul { list-style: disc; }
ol { list-style-type: decimal; }
ol ol { list-style: upper-alpha; }
ol ol ol { list-style: lower-roman; }
ol ol ol ol { list-style: lower-alpha; }
li ul,li ol { margin: 0; }
dl { margin: 0 20px;}
dt { font-weight: bold; }
dd {
 margin-bottom: 10px;
 line-height:1.4em
 }
sub,sup {
 font-size: 75%;
 line-height: 0;
 position: relative;
 }

dfn, cite, em, i {	font-style: italic;}

blockquote, q {	margin: 0 1em;	}
q:before,q:after,
blockquote p:before,
blockquote p:after {
 content: "\"";
 font-size: 30px;
 }
blockquote p, q p {
 font-size: 1.1em;
 letter-spacing: 2px;
 }
pre,code, blockquote{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word
	}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
	}
img.wp-smiley,
img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
	}

.wp-caption {
 background: #fff;
 border: 1px solid #f0f0f0;
 max-width: 96%; 
 padding: 5px 3px 10px;
 text-align: center;
 }
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.alignnone {
	margin-bottom: 20px;
}
.wp-caption img {
 border: 0 none;
 height: auto;
 margin: 0;
 max-width: 98.5%;
 padding: 0;
 width: auto;
 }
.wp-caption p.wp-caption-text {
 font-size: 11px;
 line-height: 17px;
 margin: 0;
 padding: 0 4px 5px;
 }
.sticky{}

#wp-calendar{
	width: 100%;
	}
#wp-calendar caption{
	padding: 5px 5px ;
	font-size:16px;
	margin-bottom:10px
	}
#wp-calendar th, 
#wp-calendar td{
	padding: 5px;
	text-align:center;
	color:#444;
	border: 1px solid #999
	}
#wp-calendar tfoot tr td,
#wp-calendar td.pad{border:none	}
#wp-calendar td a{padding: 5px;	}
#wp-calendar td a:hover{
	background:none;
	color:#444;
	}
#wp-calendar td{background:transparent;
	}
#wp-calendar td, 
table#wp-calendar th{
	padding: 2px 0;
	}

.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto ;
}
.kosong{
	clear:both;
	display:block;
	overflow:hidden;
	margin-bottom:10px
	}
.bersih{
	clear:both;
	display:block;
	overflow:hidden
	}
.dhoma{
	width:100%;
	margin:0;
	overflow:hidden
	}
.dh1{	width:6.25%	}
.dh2{	width:14.58334%	}
.dh3{	width:22.916664%	}
.dh4{	width:31.25%	}
.dh5{	width:39.58333%	}
.dh6{	width:47.91667%	}
.dh7{	width:56.25%	}
.dh8{	width:64.5834%	}
.dh9{	width:72.9166%	}
.dh10{	width:81.25%	}
.dh11{	width:89.5834%	}
.dh12{	width:97.9166%	}
.dh1,.dh2,.dh3,.dh4,.dh5,.dh6,.dh7,.dh8,.dh9,.dh10,.dh11,.dh12{
	display:inline;
	float:left;
	margin:0 1.041665%
	}

@font-face {
font-family: 'DroidSansRegular';
src: url('font/droid/DroidSans-webfont.eot');
src: url('font/droid/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
	url('font/droid/DroidSans-webfont.woff') format('woff'),
	url('font/droid/DroidSans-webfont.ttf') format('truetype'),
	url('font/droid/DroidSans-webfont.svg#DroidSansRegular') format('svg');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family: 'DroidSansBold';
src: url('font/droid/DroidSans-Bold-webfont.eot');
src: url('font/droid/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('font/droid/DroidSans-Bold-webfont.woff') format('woff'),
	url('font/droid/DroidSans-Bold-webfont.ttf') format('truetype'),
	url('font/droid/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
font-weight:normal;
font-style:normal;
}
h1, h2, h3, h4, h5, h6,.main-nav,.selectnav,
#pagenavi,.readmore,.social,.next-post,.prev-post,.breadcrumb,
.tombolkomentar,.copyright,#wp-calendar caption,#search-button{
	font-family: 'DroidSansBold', sans-serif;
	}
h1, h2, h3, h4, h5, h6,.readmore{
	text-shadow: 1px 1px 0px #F2F2F2, 1px 2px 0px #B1B1B2;
	}
h1 { font-size: 26px; }
h2 { font-size: 23px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 13px; }
#main h1,#main h2,#main h3,#main h4,#main h5,#main h6{
	line-height:1.6em;	}
.wrapper{
	border-bottom:5px solid #333;
	padding:70px 0;
	overflow: hidden;
	}

.top-wrapper{
	margin-bottom:40px;
	padding-left:12%;
	line-height:1.5em;
	float:left
	}
.top-wrapper h3{
	font-size:.9em;
	text-shadow: none
	}
.selectnav {
	display: none;
	}
.main-nav {
	float: left;
	font-size:12px;
	overflow: hidden;
	width:100%;
	margin:0;
	background:#333;
}
.main-nav ul {
	margin:0;
	padding:0;
	list-style:none;
}
.main-nav ul li {
	float:left;
}
.main-nav ul li a {
	float: left;
	color:#d4d4d4;
	padding: 10px 20px;
	text-decoration:none;
	border-right:1px solid #000;
	box-shadow:1px 0 0 #3D3D3D;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
}
.main-nav li ul {
	background:#333;
	left: -999em;
	margin: 32px 0 0;
	position: absolute;
	width: 160px;
	z-index: 9999;
}
.main-nav li ul a {
	background: none;
	border: 0 none;
	margin-right: 0;
	width: 120px;
	border-bottom:1px solid #000;
	box-shadow:0 1px 0 #3D3D3D;
}
.main-nav ul li a:hover,
.main-nav ul li:hover > a {
	color: #252525;
	background:#5C9ACD;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.main-nav li ul a:hover, 
.main-nav ul li li:hover > a {
	color: #2c2c2c;
	background: #5C9ACD;
	text-shadow: 0 1px rgba(255, 255, 255, 0.3);
}
.main-nav li:hover ul {
	left: auto;
}
.main-nav li li ul {
	margin: -.5px 0 0 160px;
	visibility:hidden;
}
.main-nav li li:hover ul {
	visibility:visible;
}
.main-nav ul ul li:last-child > a {
}
.main-nav ul ul ul li:first-child > a {
}

#main{
	border-top: 50px solid #333;
	margin-left:-2%;
	max-width:890px;
	}
.breadcrumb{	padding-top:10px;	}

.post,.content-page,.archive-title,.archive-page,.type-attachment{
	border-top:2px solid #333;
	padding:0 0 10px 20%;
	}
.post-footer,#comments{
	margin:-1px 0 0;
	padding:0 0 20px 20%
	}
.post:first-child,
.content-page:first-child,
.archive-title:first-child,
.type-attachment:first-child{
	border:none
	}
.content-title{
	margin-top:10px;
	text-transform:capitalize;
	letter-spacing:1px;
	}
.top-wrapper a,.content-title a{
	color:#444;
	}
.top-wrapper a:hover,.post .content-title a:hover{
	color:#00657E;
	text-decoration:none
	}
.post a:hover{
	text-decoration:underline;
	}
.info-meta{
	font-size:11px;
	margin-bottom:10px;
	}
.info-meta span{line-height: 1.4em}

.post ul,
.post ol,
.content-page ul,
.content-page ol{
	margin: 1em 0;
	padding: 0 0 0 2.25em;
	}
.post li
.content-page li{
	line-height:1.3em;
}

.infoadmin{
	border-top:2px solid #333;
	border-bottom:2px solid #333;
	padding:10px 0;
	overflow:hidden;
	clear:both
	}
.author-info .avatar{
	padding:1px; 
	margin:0 10px 0 0;
	background:#fff;
	border:1px solid #eee;
	float:left}
.author-info img.avatar{
	margin-right:10px;
	border:1px solid #ccc;
	padding:5px;
	float:left;
	clear:none;
	box-shadow:0 0 8px rgba(0,0,0,.4) inset
	}
.author-info p{
	font-size:.9em;
	line-height:1.3em;
	color:#444;
	margin-top:5px
	}
.author-info h5{
	font-size:1em;
	margin:0;
	color:#444;
	}
.author-info a{
	color:#00657E;
	}
.author-info a:hover{
	color:#444;
	text-decoration:underline
	}
.next-post,.prev-post {
	color: #444;
	display: inline-block;
	font-size: 1em;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	width:auto;
	line-height:2em;
	padding-top:10px;
	padding-bottom:10px;
	}
.prev-post{
	padding-left:2em;
	float:left;
	}
.next-post {
	text-align:right;
	float:right;
	padding-right:2em;
	}
.next-post:before,
.next-post:after,
.prev-post:before,
.prev-post:after {
	background: #333;
	font-size: 1.6em;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
	content: "";
	display: block;
	height: 0.5em;
	position: absolute;
	right: 0;
	top: 50%;
	width: 1em;
	}
.prev-post:before,
.prev-post:after{
	left: 0
	}
.next-post:before,
.prev-post:before {
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	}
.next-post:after,
.prev-post:after {
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
.prev-post:after,
.next-post:before {
	margin-top:-.36em
	}
.next-post:hover,
.next-post:focus,
.prev-post:hover,
.prev-post:focus{
	color:#00657E;
	text-decoration:underline
	}
.next-post:hover:before,
.next-post:hover:after,
.next-post:focus:before,
.next-post:focus:after,
.prev-post:hover:before,
.prev-post:hover:after,
.prev-post:focus:before,
.prev-post:focus:after{
	background: #c00;
	}
.next-post:hover,
.prev-post:hover{
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out
}

.sidebar-wrapper{
	padding-top:50px;
	word-break:break-word;
	line-height:1.5em;
	color:#444
	}
.sidebar-wrapper h3{
	margin:15px 0;
	text-transform:capitalize;
	letter-spacing:1.2px;
	}
.sidebar{
	padding-left:10%;
	margin-bottom:20px;
	}
.sidebar ul,
.sidebar ol{
	list-style:none;
	}
.sidebar li{
	display:block;
	border-bottom:1px dotted #222;
	padding: 4px 0;
	}
.sidebar li li:last-child{border-bottom:none}
.sidebar li a{
	font-size:1em;
	}
.sidebar a:hover{
	color: #f00;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
	}
.sidebar li ul {	margin-left:10px;	}
.rsswidget img{	display:none;	}
a.rsswidget{	color:#444;	}
.rss-date,.rssSummary{
	font-size:.9em
	}
.sidebar select{
	background: #eee;
	border: 1px solid #444;
	display: block;
	overflow: hidden;
	padding: 4px 10px;
	width: 100%;
	}

#search-box{
	position:relative;
	width:100%;
	margin:0 0 20px
	}
#search-box input[type="text"]{
	width:90%;
	padding:11px 0 12px 1em;
	color:#999;
	outline:none
	}
#search-form{
	height:40px;
	border:1px solid #333;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#fff;
	overflow:hidden
	}
#search-text{
	font-size:14px;
	color:#ddd;
	border-width:0;
	background:transparent
	}
#search-button{
	position:absolute;
	top:0;
	right:0;
	height:42px;
	width:72px;
	font-size:14px;
	color:#fff;
	text-align:center;
	line-height:42px;
	border-width:0;
	background:#333;
	-webkit-border-radius:0px 5px 5px 0px;
	-moz-border-radius:0px 5px 5px 0px;
	border-radius:0px 5px 5px 0px;
	cursor:pointer
	}
#search-button:hover{
	position:absolute;
	color: #252525;
	background:#5C9ACD;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	border:1px solid #333
	}

#pagenavi{
	padding:0 0 22px 20%
	}
#pagenavi a, span.pages, .page-numbers{
	color:#636363;
	font-size:.8em;
	line-height:1.3em;
	text-shadow:0px 1px #fff;
	padding:5px 8px;
	margin:0 2px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.35);
	-moz-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.35);
	box-shadow:0px 1px 3px 0px rgba(0,0,0,0.35);
	background:#f9f9f9;
	background:-webkit-linear-gradient(top,#f9f9f9 0%,#e8e8e8 100%);
	background:-moz-linear-gradient(top,#f9f9f9 0%,#e8e8e8 100%);
	background:-o-linear-gradient(top,#f9f9f9 0%,#e8e8e8 100%);
	background:-ms-linear-gradient(top,#f9f9f9 0%,#e8e8e8 100%);
	background:linear-gradient(top,#f9f9f9 0%,#e8e8e8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9',endColorstr='#e8e8e8',GradientType=0 )
	}
#pagenavi a:hover, .page-numbers a:hover{
	color:#000;
	-webkit-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.55);
	-moz-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.55);
	box-shadow:0px 1px 3px 0px rgba(0,0,0,0.55);
	background:#fff;
	background:-webkit-linear-gradient(top,#fff 0%,#e8e8e8 100%);
	background:-moz-linear-gradient(top,#fff 0%,#e8e8e8 100%);
	background:-o-linear-gradient(top,#fff 0%,#e8e8e8 100%);
	background:-ms-linear-gradient(top,#fff 0%,#e8e8e8 100%);
	background:linear-gradient(top,#fff 0%,#e8e8e8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#e8e8e8',GradientType=0 )
	}
.page-numbers.current{
	color:#fff;
	cursor:pointer;
	text-shadow:0px 1px #3f789f;
	-webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.8);
	-moz-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.8);
	box-shadow:0px 1px 2px 0px rgba(0,0,0,0.8);
	background:#7cb9e5; background:-webkit-linear-gradient(top,#7cb9e5 0%,#57a1d8 100%);
	background:-moz-linear-gradient(top,#7cb9e5 0%,#57a1d8 100%);
	background:-o-linear-gradient(top,#7cb9e5 0%,#57a1d8 100%);
	background:-ms-linear-gradient(top,#7cb9e5 0%,#57a1d8 100%);
	background:linear-gradient(top,#7cb9e5 0%,#57a1d8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cb9e5',endColorstr='#57a1d8',GradientType=0 )
	}
.page-numbers.current:hover{
	-webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.9);
	-moz-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.9);
	box-shadow:0px 1px 2px 0px rgba(0,0,0,0.9);
	background:#99cefc;
	background:-webkit-linear-gradient(top,#99cefc 0%,#57a1d8 100%);
	background:-moz-linear-gradient(top,#99cefc 0%,#57a1d8 100%);
	background:-o-linear-gradient(top,#99cefc 0%,#57a1d8 100%);
	background:-ms-linear-gradient(top,#99cefc 0%,#57a1d8 100%);
	background:linear-gradient(top,#99cefc 0%,#57a1d8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cefc',endColorstr='#57a1d8',GradientType=0 )
	}

#footer{
	margin-left:-2%;
	border-top:3px solid #333;
	}
.copyright{	padding:30px 0 0 20%;		}
.copyright p{
	margin-bottom:0;
	font-size:1em;
	}
.copyright p.left{
	float:left;
	width:76%
	}
.copyright p.right{
	float:right;
	width:24%;
	text-align:right
	}
.errore{
	margin-top:10px;
	padding:10px;
	background:#a5bce8;
	border:1px solid #4b84d2;
	text-align:center;
	color:#f00;
	text-shadow:1px 1px 2px #ddd;
	font-size:150%;
	line-height:1.6em;
	font-weight:bold
	}

@media screen and (max-width:720px){
.dh1,.dh2,.dh3,.dh4,.dh5,.dh6,.dh7,.dh8,.dh9,.dh10,.dh11,.dh12{
	width:97.9166666%;
	margin-bottom:1em
	}
.wrapper{
	padding:40px 0;
	}
.top-wrapper{
	margin-bottom:10px;
	padding-left: 2%;
	}
.js #nav {	display: none;	}
.js .selectnav {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: #333;
	border: 1px solid #333;
	color: #fff;
	display: block;
	font-size: 12px;
	overflow: hidden;
	margin: 0 auto;
	padding: 4px 10px;
	width: 100%;
	}
.js .selectnav option{
	background: #fff;
	color:#444;
	line-height:1.4em;
	}
.post,.content-page,.post-footer,#comments,.archive-title,.archive-page{
	padding:0 2% 0 4%
	}
.sidebar-wrapper{
	margin-left:0;
	padding-top:20px;
	border-top:10px solid #333;
	}
.sidebar{	padding:0 1% 0 4%	}
.copyright{	padding:30px 3% 0 3%;	}
.footer p.left,
.footer p.right{
	float:left;
	width:97.9166%;
	display:inline;
	margin:0 1.0416665%
	}
}
#fff {text-align:center;}
iframe {    margin-bottom: 10px;}