/* -----
	Author:			Mohammed Munawar Ahmed
	Company:		Mobifreaks.com
	Company URL:	http://www.mobifreaks.com
	Mail Us:		support@mobifreaks.com 
	License:		Creative Commons 3.0 Unported
	License URL:	http://creativecommons.org/licenses/by/3.0/
	
	Attribution Required:
	User should provide backlink to mobifreaks.com / source page from which you downloaded this mobile template [or] keep the link the text "Design by mobifreaks.com" on the footer
	NOTE: no follow, no index back link will not be considered as a healthy back link. link should be clickable.
----- */

/* -----
reset
----- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td,*{
	margin:0;
	padding:0;
	background-image: none;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{
	font:inherit;
}
del,ins{
	text-decoration:none;
}
li{
	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;
	font-variant:normal;
}
sup,sub{
	vertical-align:baseline;
}
legend{
	color:#000000;
}
a{
	color:#0079ce;
	text-decoration:none;
}
/*
additional
*/
.clear{
	clear:both;
}
/* ----- Main Class's ----- */
.header{
	border-bottom:1px solid #eeeeee;
	background:#FFAB91;
	  
}
.header2{
border-bottom:1px solid #eeeeee;
	background-color: #FFAB91; /*warna di header, penuh*/

position : fixed;
	padding: 10px;
	width:100%;
}
.header,
.header2,
.content,
.footer,
.nav{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.85em;
}
/* ----- Header ----- */
.logo{
	padding:10px;
	width:180px;
	margin:0 auto;
}
.logo a,
.logo img{
	display:block;
	text-align:center;
}
/* ----- Menu ----- */
.header button{
	cursor:pointer;
	float:right;
	padding:5px;
	-moz-border-radius:.3em;
	-webkit-border-radius:.3em;
	border-radius:.3em;
	margin:5px 10px 5px 0;
	border:none;
	color:#aaaaaa;
	border:1px solid #eeeeee;
	background:#ffffff;
}
.nav{
	text-align:center;
	background:#f9f9f9;
}
.nav ul{
}
.nav li{
	text-transform:capitalize;
	display:block;
	border-bottom:1px dotted #eeeeee;
}
.nav a{
	display:block;
	padding:10px;
	color:#7d7d7d;
}
.nav a:hover{
	background:#FFAB91;/*warna colom baris menu saat di klik*/
	color:#fff;/*warna tulisan ketika di klik baris menunya*/
}
/* ----- Content ----- */
.blog{
	padding:1px;
	border-bottom:1px solid #eeeeee;
	padding:1px;
	background:#ffffff;
}
.blog h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	background-image: url(../images/dot2.jpg);
}
.blog h2 a{
	color:#0079ce;
}
.blog-img{
	text-align:center;
	margin:0 auto;
	padding:10px 0 5px 0;
}
.blog-content{
	padding-top:65px;
	color:#2d2d2d;
	background-color: #FFFFFF;
}
.blog-content h3{
	padding:5px 0;
}
.blog-content code{
	overflow:hidden;
	font-family: "Courier New", Courier, monospace; 
	display:block;
	margin:10px;
	padding:10px;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
}
.dark{
	background:#2d2d2d;
	color:#dddddd;
}
.light{
	background:#f9f9f9;
	color:#2d2d2d;
	border:1px solid #dddddd;
}
.blog-content p{
	padding:5px 0;
}
.blog-content p,
.blog-content ul,
.blog-content ol,
.blog-content code,
.blog-content dl{
	line-height:1.8em;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-image: url(../images/dot2.jpg);
}
.blog-content dt{
	font-weight:bold;
	text-decoration:underline;
	padding-left:10px;
}
.blog-content dd{
	padding-left:30px;
}
.blog-content ul,
.blog-content ol{
	margin:10px 10px 10px 30px;
}
.blog-content ul{
	list-style:disc;
}
.blog-content blockquote{
	background:url(../images/blockquote-down.png) no-repeat;
	margin:5px 0;
	color:#5d5d5d;
	border-top:1px solid #eeeeee; 
	border-bottom:1px solid #eeeeee; 
}
.blog-content blockquote p{
	background:url(../images/blockquote-up.png) no-repeat bottom right;
	font-style:italic;
	padding:10px 40px;
	margin-right: 5px;
	margin-left: 5px;
}/* ----- Footer ----- */
.footer{
	background:#FFAB91;
}
.footer a{
	display:inline-block;
}
.footer p{
	color:#1d1d1d;
	padding:5px;
}
.author a{
	display:inline-block;
	color:#004b7f; /*warna begroun di bawah*/
}
.author a:hover{
}
.author{
	font-family:Arial, Helvetica, sans-serif;
	border-top:1px solid #eeeeee;
	text-align:right;
	font-size:12px;
	padding:10px;
}
/* pagination */
.pagination{
	font-size:12px;
	display:block;
	margin:10px 0 10px 10px;
}
.pagination li{
	display:inline-block;
	margin:0 0 0 5px;
}
.pagination a{
	display:block;
	padding:5px 10px;
	color:#ffffff;
	-moz-border-radius:.3em;
	-webkit-border-radius:.3em;
	border-radius:.3em;
	background:#0079ce;
}
.pagination a:hover{
	background:#008ef1;
}
.pagination .current a{
	color:#0079ce;
	background:none;
}
.pagination .current a:hover{
	color:#008ef1;
}
.pagination img{
	display:inline-block;
}