/*  
Theme Name: Pro-Pemuda
Theme URI: http://www.themesarena.com/
Description: By purchasing a product from <a href="http://themesarena.com/">Themes Arena</a>, you agree to the following: The copyright informations must remain intact in the product, except for Developer Packs. The product may be used by the licensee in any personal or commercial projects. They may not be resold or redistributed.
Version: 1.2
Author: Nurudin Jauhari
Author URI: http://www.jauhari.net/
Tags: three-columns,fixed-width, red, threaded-comments,right-sidebar

	This theme was designed and built by Nurudin Jauhari,
	Crafted on 27 October 2008
	Last Edit: 17 March 2009 20.22  +7 GMT

*/

/* \*/
@import url('css-reset.css');
@import url('css-navi.css');
@import url('css-dropdown.css');
@import url('css-bottom.css');
@import url('css-contact.css');
/* :Comment */
@import url('css-comment.css');
/* */

body {
	background: #efefef url(images/bg2.gif) 0 0 repeat-x;
	font: 13px Arial, Verdana, sans-serif;
	line-height: 1.5em;
}
hr {
	display: none;
}
/* */
code, pre {
	font: 1.1em 'Courier New', Courier, Fixed;
	width: 490px;
	overflow: auto;
}
pre {
	overflow: auto;
	max-width: 490px;
	margin-bottom: 20px;
}
acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
}
br.clear {
	clear: both;
}
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */



/* 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 {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 15px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Begin Lists

/* Begin Calendar */
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
}
#wp-calendar a {
	text-decoration: none;
}
#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
}
#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}
#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}
#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}
#wp-calendar a {
	display: block;
}
#wp-calendar caption {
	text-align: center;
	width: 100%;
}
#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff;
}
/* End Calendar */



/* Begin Various Tags & Classes */

img.wp-smiley {
	vertical-align: -25%;
}
acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
a img {
	border: none;
}
/* L I N K S */

a:link, a:visited {
	text-decoration: underline;
	color: #c00;
}
a:hover {
	text-decoration: none;
	color: #d10000;
}
/* :Layout Me */

#page {
	position: relative;
	width: 930px;
	margin: 20px auto 0;
	background: #fff;
	border: 1px solid #777;
	padding: 20px;
}
#pager {
	position: relative;
	width: 930px;
}
#content-wrap {
	width: 100%;
	float: left;
}
#content {
	margin: 0 430px 0 0;
}
#sidebar {
	float: left;
	margin-left: -410px;
	width: 410px;
}
.side2 {
	float: left;
	width: 100%;
}
.side2 .gap {
	margin: 0 135px 0 0;
}
.sideright {
	float: left;
	margin-left: -125px;
	width: 125px;
}
#footer {
	width: 970px;
	margin: 20px auto 0;
	position: relative;
}
#footer .right {
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
}
#footer .rss a {
	background: url(images/ico/feed-icon-10x10.png) 0 3px no-repeat;
	padding-left: 13px;
}
#footer a {
	color: #666;
}
.subfoot {
	position: relative;
	margin-top: 15px;
	width: 930px;
}
.onefoot {
	width: 350px;
	float: left;
}
.onefoot .gap {
	padding: 10px;
	border: 1px solid #ccc;
	background: url(images/bg/onefoot.gif) 0 bottom repeat-x;
}
.onefoot .gap:hover {
	padding: 10px;
	border: 1px solid #666;
}
.onefoot .gap {
	margin-right: 15px;
}
.onefoot a:link {
	color: #000;
}
.onefoot a:visited {
	color: #222;
}
.onefoot ul {
	list-style: square;
}
.onefoot ul li {
	margin-left: 20px;
	color: #cc0000;
}
.onefoot a:hover {
	color: #cc0000;
}
.emploan {
	position: absolute;
	right: 0;
	top: 0;
	width: 230px;
}
.subfoot h3 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	color: #d10000;
	margin-bottom: 10px;
}
.subfoot h3 span {
	border-bottom: 4px solid #ccc;
	padding-bottom: 5px;
}
#sidebar h3, #sidebar h2 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1px;
	margin-bottom: 5px;
}
#sidebar h3 span, #sidebar h2 span {
	border-bottom: 3px solid #ccc;
	padding-bottom: 1px;
}
#header {
	height: 75px;
	position: relative;
}
.adtop {
	position: absolute;
	right: 0;
	top: 0;
}
#header h1 {
	position: absolute;
	left: 0px;
	top: 0;
	font-size: 40px;
	letter-spacing: -3pt;
	padding: 0;
}
#header h1 a {
	text-decoration: none;
	color: #000;
}
.description {
	color: #d10000;
	position: absolute;
	bottom: 10px;
	font-weight: bold;
	font-size: 20px;
	display: none;
}
/* :Menu */
/* :Menu */
#navr {
	position: relative;
	width: 100%;
	height: 25px;
	margin-bottom: 15px;
}

/*
#navr ul.menu {
}
#navr ul.menu li {
	float: left;
}
#navr ul.menu li a:link, #navr ul.menu li a:visited {
	color: #777;
	text-decoration: none;
	padding: 4px 10px;
	border: 1px solid #ccc;
	border-bottom: none;
	border-left: none;
}

*/

#navr ul.menu {
	float: left;
	clear: left;
	list-style: none;
	padding: 0;
	position: relative;
	width: 100%;
	border-bottom: 1px solid #ccc;
	z-index: 597;
}
#navr ul.menu li {
	padding: 0;
	float: left;
	vertical-align: middle;
	zoom: 1;
}
#navr ul.menu li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}
#navr ul.menu  ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left:0;
	z-index: 598;
	width: 100%;
}
#navr ul.menu ul li {
	float: none;
}
#navr ul.menu  ul ul {
	top: 1px;
	left: 99%;
}
#navr ul.menu li:hover > ul {
	visibility: visible;
}

/* Set */
#navr ul.menu ul {
	width: 150px;
	margin-top: 1px;
}


#navr ul.menu li a:link, #navr ul.menu li a:visited {
	background: #fff;
	display: block;
	color: #777;
	padding: 3px 10px;
	border: 1px solid #ccc;
	border-left: none;
	border-bottom: none;
	text-decoration: none;
}
#navr ul.menu li li a:link, #navr ul.menu li li a:visited {
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: none;
}
#navr ul.menu li.current_page_item a:link, #navr ul.menu li.current_page_item a:visited {
	color: #111;
	background: #bbb;
}
#navr ul.menu li.start a {
	border-left: 1px solid #ccc;
}
#navr ul.menu li.current_page_item a:hover, #navr ul.menu li.page_item a:hover {
	color: #111;
	background: #ccc;
}
#navr ul.menu a:hover,
#navr ul.menu li.hover,
#navr ul.menu li:hover
 {
	background: #efefef;
}




#navr2 {
	position: relative;
	width: 100%;
    background: #AD0800 url(images/bg/catnav.gif) 0 center repeat-x;
	height: 27px;
	margin-top: 15px;
	z-index: 567;
}
#navr2 ul.menu li.current_page_item a {
	background: #000;
}
#navr2 ul.menu a:hover {
	background: #222;
}

#catnav {
	margin-bottom: 15px;
	height: 31px;
	background: #AD0800 url(images/bg/catnav.gif) 0 center repeat-x;
}

/* :Post */
#article-wrap {
	width: 100%;
	float: left;
}
#article {
	margin: 0 170px 0 0;
	padding-right: 10px;
	border-right: 1px solid #ccc;
}
.klik {
	float: left;
	margin-left: -160px;
	width: 160px;
}
#article2 {
	margin: 0 0 0 170px;
	padding-left: 10px;
	border-left: 1px solid #ccc;
}
.klik2 {
	float: left;
	margin-left: -500px;
	width: 160px;
}
.lastlast {
	border: 5px solid #ddd;
	padding: 15px;
	background: #efefef url(images/bg/last.gif) 0 0 no-repeat;
	margin-bottom: 15px;
	width: 460px;
}
.lastlast:hover {
	border: 5px solid #aaa;
	background: #fff;
}
#article-blog .post {
	border-bottom: 1px solid #ccc;
	position: relative;
	padding-bottom: 30px;
	width: 500px;
}
#article .post, #article2 .post {
	border-bottom: 1px solid #ccc;
	position: relative;
	padding-bottom: 30px;
	width: 317px;
}
#article .postmetadata2, #article2 .postmetadata2 {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 12px;
	width: 318px;
}
#article-blog .postmetadata2 {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 12px;
	width: 500px;
}


#article .postmetadata2 .tagr, #article2 .postmetadata2 .tagr {
	padding-right: 100px;
}
#article .postmetadata2 .commr, #article2 .postmetadata2 .commr {
	position: absolute;
	right: 0;
	bottom: 0;
}
.pagetitle, #the_category h3 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 3px;
}
.post {
	margin-bottom: 20px;
}
.post p {
	margin-bottom: 10px;
}
.post ul {
	list-style: square;
	margin-left: 25px;
	margin-bottom: 10px;
}
.post ol {
	list-style-type: decimal;
	margin-left: 30px;
	margin-bottom: 10px;
}
.post h2 {
	font-family: Helvetica, arial, verdana, sans-serif;
	font-size: 20px;
	letter-spacing: -0.8pt;
}
.post h2 a:link, .post h2 a:visited {
	color: #c00;
	text-decoration: none;
}
.post h2 a:hover {
	color: #000;
	text-decoration: underline;
}
.page h2 {
	margin-bottom: 10px;
}
.xpost h2 {
	font-size: 14px;
}
.xpost h2 span {
	width: 50px;
}
.entry h2 {
	font-size: 16px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 5px;
}
.entry h3 {
	font-size: 14px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 5px;
}
.entry blockquote {
	font-style: italic;
	font-size: 15px;
	color: #666;
	margin-left: 60px;
}
.postmetadata {
	font-size: 12px;
	color: #666;
	margin: 5px 0;
}
.archives h3,
.single .postmetadata {
	background: url(images/bg/featured_h3.gif) 0 bottom repeat-x;
	padding-bottom: 4px;
	border-bottom: solid 1px #ccc;
}
.postmetadata a {
	color: #444;
	text-decoration: underline;
}
.lastlast {
	position: relative;
}
.lastlast h2 {
	font-size: 25px;
	line-height: 1.2em;
}
.lastlast a:link, .lastlast a:visited {
	color: #666l
}
.lastlast h2 a:link, .lastlast h2 a:visited {
	color: #000;
	text-decoration: none;
}
.lastlast h2 a:hover {
	color: #d10000;
}
.lastimage {
	float: right;
	margin-left: 10px;
}
.postmetadata2 {
	position: absolute;
	bottom: 0;
	width: 490px;
}
#article .postmetadata2 .commr, #article2 .postmetadata2 .commr, #article-blog .postmetadata2 .commr {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.lastlast .postmetadata2 .commr {
	position: absolute;
	right: 30px;
	bottom: 10px;

}
.postmetadata2 a:link, .postmetadata2 a:visited {
	color: #c00;
}
.postmetadata2 a:hover {
	color: #000;
}
.onhit {
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 15px;
	background: url(images/bg-shadow.gif) 0 0 repeat-x
}
.onhit .theimage {
	float: right;
	margin-left: 10px;
}
.onhit div {
	overflow: auto;
}
.onhit:hover {
	border: 1px solid #666;
}
.onhit h3 {
	text-align: right;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}
.onhit h3 a:link, .onhit h3 a:visited {
	color: #000;
	text-decoration: none;
}
.onhit h3 a:hover {
	color: #d10000;
}
.onhit div {
	margin-bottom: 10px;
}
.info {
	border: 4px solid #ddd;
	padding: 15px;
	background: #efefef url(images/rss.gif) 98% 0 no-repeat;
	position: relative;
	margin-bottom: 15px;
	color: #777;
}
.info a:link, .info a:visited {
	color: #333;
}
.thisavatar {
	float: right;
	margin-left: 10px;
}
.thisauthor {
	border-top: 1px solid #ccc;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}
.thisauthor h3 {
	background: #888;
	padding: 4px;
	color: #fff;
	margin-bottom: 5px;
}
/* sidebar */
#sidebar a:link, #sidebar a:visited {
	color: #c00;
}
#sidebar a:hover {
	color: #d10000;
}
.insan {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
}
.arsip li, .categories li {
	float: left;
	width: 200px;
}
.about {
	position: relative;
	margin-bottom: 15px;
}
.about h3,.emploen h3 {
	background: url(images/bg/featured_h3.gif) 0 bottom repeat-x;
}
.about p {
	padding-right: 10px;
}
.about .stats {
	float: right;
	margin-left: 10px;
	background: #efefef;
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 11px;
	width: 90px;
}
.rss-top {
	position: absolute;
	right: 5px;
	top: 5px;
}
.emploen {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	position: relative;
}
.emploen h3 {
	padding: 5px;
}
.emploen div {
	padding: 15px;
}
.emploen:hover {
	border: 1px solid #666;
}
.emploen .inmail {
	padding: 5px;
	width: 280px;
	border: 1px solid #ccc;
}
.boxr {
	margin-bottom: 15px;
}
.boxrx {
	margin-bottom: 10px;
}
.search {
	border: 5px solid #ccc;
	padding: 15px 10px;
	margin-bottom: 15px;
	position: relative;
	background: url(images/bg/zoom.gif) 5px 2px no-repeat;
}
.search:hover {
	border: 5px solid #666;
}
.search #s {
	width: 280px;
	border: 1px solid #999;
	padding: 4px;
	background: transparent;
}
.noresults #s {
	width: 480px;
	border: 1px solid #999;
	padding: 4px;
	margin-top: 10px;
	background: transparent;
}
.noresults #searchsubmit {
	width: 80px;
	margin-top: 5px;
	padding: 3px;
	background: #333;
	color: #fff;
	border: 1px solid #333;
}
.search #searchsubmit {
	width: 80px;
	padding: 3px;
	background: #333;
	color: #fff;
	border: 1px solid #333;
	position: absolute;
	right: 15px;
}
.flickr li {
	float: left;
	width: 90px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.flickr li img {
	border: 5px solid #ccc;
}
.flickr li img:hover {
	border: 5px solid #c00;
}
#sub {
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 80px;
	border: 1px solid #0FA30A;
	background: #0FA30A;
	color: #fff;
	padding: 4px 10px;
}
.navigation {
	margin-top: 10px;
	width: 100%;
	margin-bottom: 10px;
}
.navigation a {
	color: #d10000;
}
.navigation .alignleft {
	float: left;
	width: 50%;
}
.navigation .alignright {
	float: right;
	text-align: right;
	width: 50%;
}
.nowidgettitle {
	display: none;
}
/* Mybloglog
--------------------------------------
*/

#mmbl {
}
td.mbl_fo_hidden {
	display:none
}
tr#tr0 {
	display:none
}
th.mbl_h {
	display:none
}
.mblku {
	margin: 10px 0 0;
	padding: 0;
	line-height: 0;
}

/* Change Log ****
1.0	: First Public Released
1.1 : WordPress 2.7 Support (Threaded Comment and many more)
1.2 : Fix some issues
*** */