@import url('reset.css');
 
/*
THEME NAME: puskel
THEME URI: http://aldymy.name
DESCRIPTION: Nabilla2010 v1.0 : Simple, minimalistic theme ( inspirasi dari wikipedia )
VERSION: 0.1
AUTHOR: <a href="http://www.aldymy.name">Aldy M. Aripin</a>
AUTHOR URI: http://www.personfield.web.id
 
*/
 
body {
	font-size:95%;
	margin: 0;
	padding: 0;
	font-family:Arial,Verdana, Helvetica, sans-serif;
	color: #3b3b3b;
	background:#002200; /*url(images/puskelbg.jpg);*/
	}
	
a, a:link { color:#006600; text-decoration: none }
 
	a:hover
		{
		color: #006666;
		text-decoration: none;
		background: inherit; }
 
	a:focus { outline:1px dotted #369; background: inherit }
 
strong { font-weight: 700 }
 
p { line-height:1.3em; padding: 5px 0 }
 
hr {
	border: none 0;
	border-bottom: 1px solid #E0E0E0;
	margin: 1% 0 }
 
blockquote {
	font-style: italic;
	font-size: 90%;
	background: url('images/quotes.gif') no-repeat top left;
	color: #369;
	margin: 5px 0;
	padding: 8px 15px 8px 3em }
 
pre {
	overflow: auto;
	font-size:90%;
	color: #3D8F1D;
	background: #FFF;
	border-top: 1px solid #3D8F1D;
	border-right: 1px solid #3D8F1D;
	border-bottom: 1px solid #3D8F1D;
	border-left: 0.5em solid #3D8F1D;
	padding: .7em;
	margin-bottom: 1em; }
 
code {
	border: 1px dotted #000;
	font-size: 0.9em;
	background: #eee;
	padding: 0 3px }
 
pre code { background:transparent; padding: 0 }
 
caption {
	font-size: .9em;
	line-height: 1.5em;
	font-weight: normal;
	font-style: italic;
	text-align: right;
	color: #666 }
 
table {
	width: 100%;
	background: #FFF;
	margin-bottom: 1% }
 
tr {
	border: 1px solid #c8c8c8;
	margin: 1px;
	font-size: 95%; }
 
td {
	border: 1px solid #c8c8c8;
	padding: 3px;
	font-size: 95%; }
 
tr.alt td, tr.even td { background: #eee }
 
th {
	color: #000123;
	background: #d5eaea;
	border: 1px solid #6C6C7B;
	padding: 3px }
 
	th a { font-weight:700; color: #bbb }
 
abbr, acronym { border-bottom:1px dotted #333; cursor: help } 
h1,h2,h3,h4,h5,h6 { font-family:Arial,Verdana, helvetica;color:#006600;line-height: 140%; } 
h1 { font-size: 175% } 
h2 { font-size: 140% } 
h3 { font-size: 125% } 
h4 { font-size: 115% } 
h5 { font-size: 110% } 
h6 { font-size: 100% }
 
 
.tips {
	clear: both;
	min-height: 50px;
	font-size: 90%;
	font-style: italic;
	color: #097000;
	text-align: justify;
	line-height: 1.25em;
	background: #B0FFB0 url('images/tips.png') left no-repeat;
	border: 1px solid #009C00;
	margin: 1% 0;
	padding: 6px 10px 6px 65px }
 
.warning, .alert {
	clear: both;
	min-height: 38px;
	text-align: justify;
	font-size: 90%;
	font-style: italic;
	color: #000;
	line-height: 1.25em;
	background: #fffbbc url('images/awas.png') center left no-repeat;
	border: 1px solid #E6DB55;
	margin: 1% 0;
	padding: 6px 10px 6px 65px } 
 
/*--------------------> Header <------------------------*/
#header-wrapp {
	margin-top:20px;	
	background:transparent;
}
	
#header {
	-moz-border-radius-topleft:15px;
	-moz-border-radius-topright:15px;
	-webkit-border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	background:#005454;
	width:980px;
	display:block;	
	padding:0;
	margin:0 auto;
	height:285px; }
 
#logo {
	float: left;
	padding:10px 0 15px 15px;
	}
 
	#logo h1 a {
		display: block;
		text-indent:-9999px;
		background: url(images/logoku.png) bottom left no-repeat;
		width: 320px;height:50px;
		}
 
		#logo h1 a:hover {
			background: url(images/logoku.png) top left no-repeat;
			border: none;
			text-decoration: none; }
 
	#logo h1 img { height: 0; }
 
	#header .description {
		font-size:120%;
		font-weight:700;
		float:right;
		padding-top:30px;
		padding-right:15px;
		overflow: hidden;
 		color: #fff; }
/*-----------------> rotating images <--------------------*/
.rotating_image { clear:both;margin:0px; }		
.rotating_image img { display:block;padding: 0 15px;width:950px;height:150px; }

#homenav {
	width:950px;
	margin:10px auto;
	height:40px;
	background:#000;
	}
#menu {
	clear:both;
	display:block;
	float:left;
	width:950px;background:transparent;height:39px;
	margin:0 auto;
	padding:0;font:normal 16px Arial,sans-serif;

	}
#menu ul {list-style: none;margin-left:10px;height:29px;padding:5px 7px;}
#menu a {color:#FFF;display: block;padding: 4px 10px 6px 10px;margin-right:10px;}
#menu a:hover {color: #fff;display:block;text-decoration: none;background:#002200;}
#menu li {float: left;margin: 0;padding: 0;}
#menu li li {float: left;margin: 0 0 0 5px;padding: 0;width: 130px;}
#menu li li a, #menu li li a:link, #menu li li a:visited {background:#fff;width: 150px;float: none;margin: 0;padding: 4px 10px 5px 10px;color:#333;}
#menu li li a:hover, #menu li li a:active {background:#333;width: 150px;float: none;margin: 0;padding: 4px 10px 5px 10px;color:#fff;}
#menu li ul {position: absolute;width: 10em;left: -999em;z-index:1;}
#menu li:hover ul {left: auto;display: block;}
#menu li:hover ul, #menu li.sfhover ul {left: auto;}
#menu li.current_page_item a{background:#002200;color:#fff;}
#menu li.current_page_item a:hover{color:#FFF;text-decoration:none;}
 
/* Dropdown Category Navigation */

.top-menu, .top-menu * {padding:0;list-style:none;font:normal 14px Arial,sans-serif;}
.top-menu {width:980px;line-height:1.0;height:31px;background:#72AEDF;display:block;margin:0 auto;color:#000;}
.top-menu ul {position:absolute;top:-999em;width:10em;}
.top-menu ul li {width:auto;}
.top-menu li:hover {visibility:inherit;}
.top-menu li {float:left;position:relative;}
.top-menu a {display:block;position:relative;color:#000;padding:8px 10px 7px;}
.top-menu li:hover ul,.top-menu li.topHover ul {left:0;top:30px;z-index:150;}
ul.top-menu li:hover li ul,ul.top-menu li.topHover li ul {top:-999em;}
ul.top-menu li li:hover ul,ul.top-menu li li.topHover ul {left:10em;top:0;}
ul.top-menu li li:hover li ul,ul.top-menu li li.topHover li ul {top:-999em;}
ul.top-menu li li li:hover ul,ul.top-menu li li li.topHover ul {left:10em;top:0;}
.top-menu {float:left;margin:0;width:100%;}
.top-menu a {border-right:1px dotted #d7d7d7;padding: 8px&#160; 10px;text-decoration:none;color:#666;}
.top-menu a, .top-menu a:visited&#160; {color:#0066cc;}
.top-menu li {background:transparent;color:#666;}
.top-menu li li {background:#fff;}
.top-menu li li li {background:#fff;}
.top-menu li:hover, .top-menu li.topHover, .top-menu a:focus, .top-menu a:hover, .top-menu a:active {background:#d7d7d7;outline:0;color:#0066cc;}
.top-menu li.current-cat a{background:#070707;color:#0066cc;}
.top-menu li.current-cat a:hover{background:#666;color:#ccc;}	


#wrapper {
	width:978px;
	padding:0;
	margin:0px auto;
	border:1px solid #005454;
	background:#fff url(images/containerbg.png);}
	
/*-------------------> begin containner <-------------------*/
#container {	
	border:1px solid #00DEA6;
	width:948px;
	overflow: hidden;
	margin:15px auto;
	background:#C4FFD7;}	
	
#content {
	float:left;
	width: 617px;
	border-right:1px solid #00DEA6;
	background:#FFF;
	padding:0px 15px;
	}
 
.post { margin-top:15px; margin-bottom: 2em; text-align:justify; }
 
.post-title {
	display:block;
	clear:both;
	font-size: 160%;
	line-height: 1.1em;
	padding-bottom: 10px;
	font-weight: 700; }
 
	.post-title a { color: #006E0D; }
 
		.post-title a:hover { color:#002300; border: none }
 
.page-subtitle {
	color: #002200;
	font-size: 100%;
	text-transform: uppercase;
	padding-top: 15px;
	padding-bottom: 5px;
	border-bottom:1px dotted #006666;
	margin-bottom: 15px}
 
.post-meta {
	display:block;
	padding-bottom:5px;
	color:#333;
	border-bottom:1px dotted #006666;
	}
 
	.post-meta a, .post-meta-bottom a {color:#000;}
 
	.post-meta a:hover {
		text-decoration: none;
		color: #006666;}
 
.post-meta-bottom {
	clear: both;
	border-bottom:1px dotted #006666;
	padding: 0.5em 1em;
	margin-top: 0.5em;
	font-size: 90% }
 
	.post-meta-bottom a:hover {
		color: #006666;
		border: none;
		text-decoration: none; }
 
.post-content {margin-top:15px;}
 
	.post-content a { color:#006600; border-bottom:none;font-weight:700; }
 
		.post-content a:hover { color:#002413; border-bottom: 1px solid #002413; }
 
	.post-content h2 {
		margin-bottom: 10px;
		border-bottom: 1px solid #EFEFEF;
		padding: 10px 0 5px; }
 
	.post-content h3, .post-content h4 {
		margin-bottom: 5px;
		border-bottom: 1px solid #EFEFEF;
		padding: 10px 0 5px; }
 
	.post-content p { line-height:1.5em; margin-bottom: 1% }
 
	.post-content img.alignnone {
		max-width: 505px;
		height:auto;
		background: #FFF;
		border: 1px solid #d8d8d8;
		padding: 10px;}
 
	.post-content img.alignleft {
		max-width: 505px;
		height:auto;
		float: left;
		border: 1px solid #d8d8d8;
		margin: 0 10px 10px 0;
		padding: 0.5em }
 
	.post-content img.alignright {
		max-width: 505px;
		height:auto;
		float: right;
		border: 1px solid #d8d8d8;
		margin: 10px 0 10px 10px;
		padding: 10px }
 
	.post-content img.aligncenter {
		max-width: 505px;
		height:auto;
		display: block;
		padding: 10px;
		margin-top:10px;
		margin-bottom: 10px;
		border: 1px solid #d8d8d8; }
 
.wp-caption {
	max-width:533px;
	height:auto;
	padding:10px 6px 7px;
	border: 1px solid #ddd;
	text-align: center;
	background: #FFF;
		
	}
 
	.wp-caption a, .wp-caption a:hover { border:none; text-decoration: none }
 
	.wp-caption img {
		max-width:513px;
		padding:3px;
		border:1px solid #d8d8d8;
		height:auto;
		margin:0 }
 
	.wp-caption p.wp-caption-text {
		font-style: normal;
		font-size: 85%;
		padding: 5px;
		margin: 0 }
 
.post-content ul, .post-content ol { margin-left:20px; margin-bottom: 20px }
 
.post-content ul { list-style: outside }
 
.post-content ol { list-style: decimal }
 
.post-content ul li, .post-content ol li {
	line-height: 1.5em;
	margin-bottom: 0.7em;
	margin-top: 0.7em; }
 
.related-post { clear:both;margin-bottom:3%;margin-top:20px;border:1px solid #d8d8d8;
	background:#FFF;padding:10px;}
	
 
	.related-post h3 {
		display: block;
		padding-bottom: 0.5em;
		color: #006600; }
 
	.related-post ul li a {
		color: #002200;
		padding-left: 25px;
		background: url(images/arrow.png) center left no-repeat; }
 
		.related-post ul li a:hover {
			color: #006666;
			text-decoration: none;
			border: none; }
 
.section-title { font-size:140%; margin-bottom: 10px }
 
 .navigation {
	clear:both;display:inline;text-align:center;
	}
.navleft { float:left; margin: 15px 15px 15px 0 } 
.navright { float:right; margin: 15px 0 15px 15px }
 
.navigation div a {
	font-size: 100%;
	margin-top: 15px;
	margin-bottom: 15px; }
 
.wp-pagenavi {
	clear:both;
	width: 100%;
	text-align: center;
	margin-top: -2%;
	margin-bottom: 2%;
	padding: 5px 0 }
 
	.wp-pagenavi a, .wp-pagenavi a:link {
		padding: 2px 4px;
		margin: 2px;
		text-decoration: none;
		border: 1px solid #d8d8d8;
		color: #0000CC;
		background: inherit }
 
	.wp-pagenavi a:visited {
		padding: 2px 4px;
		margin: 2px;
		text-decoration: none;
		border: 1px solid #a90000;
		color: #FFF;
		background: #a90000 }
 
	.wp-pagenavi a:hover {
		border: 1px solid #002200;
		color: #FFF;
		background: #002200 }
 
	.wp-pagenavi a:active {
		padding: 2px 4px;
		margin: 2px;
		text-decoration: none;
		border: 1px solid #3c78a7;
		color: #3c78a7;
		background: inherit }
 
	.wp-pagenavi span.pages, .wp-pagenavi span.extend, .wp-pagenavi span.current {
		padding: 2px 4px;
		margin: 2px;
		color: #303030;
		border: 1px solid #d8d8d8;
		background: inherit }
 

				
 				
 /* search form--- */
#search {
	display:block;
	float:right;
	width:300px;
	height:30px;
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:2px solid #C1F9EB;}
	
#search input {
	float:left;
	margin-left:10px;
	background:#FFF url(images/bg-search.png) repeat-x top;
	width:260px;
	padding:5px 8px 5px 8px;
	font-family:Georgia, Times New Roman;
	font-size:12px;
	font-style:italic;
	color:#000;	
	line-height:12px;
	border:1px solid #666;}

#search input.btn {
	background:none;
	border:none;
	margin:9px 0px 0px -27px;
	padding:0px;
	width:auto;
}	
	
 
 /* begin side bar */ 

#sidebar {	
	float:right;
	overflow:hidden;
	width: 300px;	
	color: #333;
	}
 
	#sidebar h3 {	
		background: #00DEA6;
		border-bottom:1px solid #00DEA6;
		font-family: Arial,Verdana,helvetica;
		font-size:18px;
		padding:3px 0px 3px 20px;
		color: #333;
		text-shadow:1px 1px 1px #FFF;
		font-weight:700;		
		}
	

	#sidebar ul {
		padding-top:10px;
		padding-bottom:30px;
		border-bottom:1px solid #00dea6;}
 
	#sidebar li {	
		padding:5px 0 0 20px;
		color:#333;
		}
 
		#sidebar li:hover { }
 
	#sidebar li a {
		line-height:1.2em;
		border-bottom: none;
		text-decoration: none;
		color: #222; }
 
		#sidebar li a:hover {color: #006600; }
 		

 /*-------->Social Box <-------*/
 #social-box {
	padding-bottom:20px;
	border-top:1px solid #04B2AE;
	background:url(images/containerbg.png) repeat-x;}
 #social-box h3 {padding-top:20px;padding-bottom:10px;border:none;background:transparent;}
 #social-box ul {display:inline;margin-top:5px;border:none;}
 #social-box ul li  {display:inline;padding-top:5px;}

/*-----------> bottom widget <----------------*/
#bottom-container {
	border-top:2px solid #002200;
	margin:0 auto;
	width:963px;
	padding-left:15px;
	background:#005454;
	margin-top:0px;}
#bottom {	
	clear: both;
	width: 950px;
	height: 100%;
	padding: 0;
	text-align: left;
	color: #fff;
	overflow: auto; }
 
#bottom-left, #bottom-mid {
	width: 23%;
	padding: 20px 3% 20px 0px;
	float: left; }
 
#bottom-right {
	width: 23%;
	padding: 20px 0 20px 0px;
	float:left;
	}
	
#bottom-out-right {
	width: 23%;
	padding: 20px 0 20px 0px;
	float:right;
	}

 
#bottom h2 {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	font-size:130%;
	color: #00C997;
	text-shadow:1px 1px 1px #000;
	border-bottom: 1px solid #00C997; }
 
#bottom ul {
	margin: 0;
	padding: 0;
	list-style-type: none; }
 
	#bottom ul li {
		padding:5px 0;
		line-height: 20px;
		border-bottom: 1px dotted #6b6b6b; }
 
		#bottom ul li a {
			
			display: block;
			padding: 0;
			color: #f7f7f7;
			text-decoration: none; }
 
			#bottom ul li a:hover {
				color: #00c997;
				border-bottom: none; }


#bottom-right .comm  {
	padding:7px 0;height:20px;float:left;
	clear:both;}
#bottom-right .commi {
	padding:7px 0;height:20px;
	padding-left:35px;
	}
/*-------------------> Footer <------------------------*/

#footer {	
	width:940px;
	border-top:2px solid #000;
	background:#003838;
	margin:0px auto 20px;
	height: 40px;
	padding:10px 20px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	}
 
	#footer .footer-link-left { float:left;width: 60% }
 
		#footer .footer-link-left li a {
			float: left;
			list-style: none;
			}
 
			#footer .footer-link-left li a:hover { border:none; text-decoration: none }
 
	#footer .footer-links-right {
		float: right;
		list-style: none; }
 
		#footer .footer-links-right li { float:right;}
 
			#footer .footer-links-right li a:hover { border:none; text-decoration: none }
 
  
#comments {
	clear:both;
	margin-top: 1em;
	margin-bottom: 1em;
	color: #528080;
	letter-spacing: 1px;
	font-size: 110%;
	padding: 1%; }
 
.comments_heading {
	display:block;clear:both;
	font-size: 140%;
	color: #000;
	padding: 0.6250em 0; }
 
.commentlist {
	margin-bottom: 1em;
	padding: 0;
	list-style-type: none;
	font-size: 95%; }
 
	.commentlist li.comment {
		padding: 1em;
		margin-bottom: 1.5em;
		margin-top: 0.125em;
		border: 1px solid #d8d8d8;
		background: #f9f9f9; }
 
	.commentlist li.odd, .commentlist li.even { background: #fff;}
 
	.commentlist li.pingback {
		padding: 0.6250em;
		margin-bottom: 1.5em;
		margin-top: 0.5%;
		background: #FFF;
		border: 1px solid #ddd; }
 
	.commentlist li.bypostauthor, .commentlist li.bypostauthor a { background:#F9F9F9;}
 
	.commentlist li div.vcard {
		border-bottom: 1px solid #e9e9e9;
		padding: 5px 0;
		margin-bottom: 5px; }
 
	.commentlist li p {
		line-height: 22px;
		color: #333; }
 
	.commentlist li div.vcard cite.fn a {
		font-size: 120%;
		line-height:22px;
		font-weight:700;
		background: inherit;
		color: #1D506E; }
 
	.commentlist li div.vcard img.avatar {
		margin: 0 0.6250em 0 0;
		text-align: left;
		float: left;
		border: 1px solid #dedede; }
 
	.commentlist li div.comment-meta {
		color: #2c0b22;
		border-left: 1px solid #e5e5e5;
		padding: 5px 3px;
		font-size: 95%;
		background: inherit; }
 
		.commentlist li div.comment-meta a {
			color: #2c0b22;
			border-left: 1px solid #e5e5e5;
			padding: 1px 3px;
			font-size: 90%;
			font-style: italic;
			background: inherit; }
 
	.commentlist li p { margin: 0 0 0.6250em 0 }
 
	.commentlist li pre { margin: 0 0 0.6250em 110px }
 
	.commentlist li ul { list-style:square;margin: 10% 0 0 0 }
 
	.commentlist li div.reply a {
		text-align: left;
		background: inherit;
		font-size: 100%;
		color: #0000B0; }
 
		.commentlist li div.reply a:hover {
			color: #a90000;
			border-bottom: 1px solid #0000B0; }
 
	.commentlist li div.cancel-comment-reply a {
		text-align: left;
		background: inherit;
		font-size: 95%;
		color: #0000B0; }
 
	.commentlist li ul.children {
		clear: both;
		list-style: none;
		margin: 1em 0 0 0;
		padding: 0 }
 
		.commentlist li ul.children li.comment-author-admin {
			margin: 1em 0 0 0;
			color: #333; }
 
		.commentlist li ul.children li.depth-2 { margin: 1em 0 0 0 }
 
		.commentlist li ul.children li.depth-3 { margin: 1em 0 0 0 }
 
		.commentlist li ul.children li.depth-4 { margin: 1em 0 0 0 }
 
		.commentlist li ul.children li.depth-5 { margin: 1em 0 0 0 }
 
.approval {
	color: #f33;
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: 95%; }
 
#respond {
	margin: 0.6250em 0px 15px;
	font-size: 95%;
	color: #2c0b22; }
 
	#respond label { color: #555; }
 
.replytext {
	font-size: 100%;
	margin: 0 10px 0px 0;
	color: #333;
	border: 1px solid #d8d8d8;
	padding: 5px;
	width: 15em;
	background:#EDFDE4;
	}
.replytext:focus, .replyarea:focus {background:#FFF;color:#333;border: 1px solid #dedede;}

.replyarea {
	background:#EDFDE4;
	font-size: 100%;
	font-family: Palatino,'Palatino Linotype',georgia,Times,'Times New Roman',serif;
	width: 97%;
	border: 1px solid #d8d8d8;
	height: 12em;
	color: #333;
	padding: 0.5em;
	margin-top: 0.3125em;
	margin-bottom: 0.3125em; }
 
.replybutton {
	font-weight: bold;
	font-size: 100%;
	width: 7.500em;
	height: 32px;
	margin: 0.3125em 0px;
	color: #000;
	background: #eee;
	cursor: pointer; }
 
	.replybutton:hover {
		background: #496F8F;
		color: #FFF; }