/*
Theme Name: pmekmo-kmopme2009
Theme URI: http://voxteneo.com/
Description: pmekmo-kmopme2009
Author: Rachmat Maulana
Author URI: http://kiranatama.com/
*/

@import url("css/reset.css");
/* Elements
----------------------------------------*/
body{
	background-color:#CCCCCC;
}

body, p, td, th, li{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5em;
	color:#494949;
}

body *{
    text-align:justify;
}

#mainContainer{
    background:#B5B5B5 url(images/container_bg.png) repeat-x scroll left top;
    margin:0 auto;
    width:1200px;
}

p{
	margin: 0 0 1em 0;
}

/*--- Link Styles ---*/
a:link, a:visited{
	color:#0173a8;
	text-decoration:none;
}

a:hover, a:active{
    color: #5c5c5c;
	text-decoration:none;
}

h1{
	margin:.825em 0 .5em 0;
	font-size:2.125em;
}

h2{
	margin:.825em 0 .5em 0;
	font-size:1.75em;
}

h3{
	margin:.825em 0 .5em 0;
	font-size:1.5em;
}

h4{
	margin:.825em 0 .5em 0;
	font-size:1.25em;
}

h5{
	margin:.825em 0 .5em 0;
	font-size:1.125em;
}

h6{
	margin:.825em 0 .5em 0;
	font-size:1em;
}

ul{
	list-style-type:none;
}

ol{
	margin-left:25px;
	
}

blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic;}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}


/* Advertising
----------------------------------------*/
#adv{
    width:1200px;
    text-align:center;
    padding:7px 0;       
	background: #C7C7C7 url('images/bg_top_adv.png') repeat-x bottom center;
}

#adv .content{
    text-align: center;
}

/* Header
----------------------------------------*/
#header{
    height:89px;
    width:1200px;
	margin-bottom:10px;
	_display:inline;
}

#header .content{
	width:1200px;

}

#header h1{
    float:left;
    margin:0 22px 0 64px;
    width:300px;
}

#header ul#nav {
 
}

#header ul#navHeader li{
    float:left;
    margin-left:10px;
}

#header ul#navHeader li a#contact:link, #header ul#navHeader li a#contact:visited{
    background:transparent url(images/contact_icon.png) no-repeat scroll center top;
    color:#322369;
    display:block;
    font-size:12px;
    padding:32px 2px 0;
    text-align:center;
    text-decoration:none;
    color:#46997E;
    font-weight: bold;    
}

#header ul#navHeader li a#contact:hover{
    text-decoration: underline;
}
	
		
/* Main Content
----------------------------------------*/
#mainContent{
	background:transparent url(images/maincontent-bg.png) repeat-y scroll 0 0;
}

#mainContent #left{
    float:left;
    width:540px;
	_width:539px;
    background:#FFFFFF;
    padding:14px 21px 18px 38px;
    min-height:950px;    
}


#mainContent #right{
    float:right;
    width:492px;
	background:#FFFFFF;
    padding:14px 39px 18px 54px;
    min-height:950px; 
}
/*
#mainContent #catright{
    float:right;
    width:4px;
	background:#ccc;
    padding:0px;
    min-height:950px; 
}
*/
#mainContent #left .leftContent{
    margin-bottom:5px;
    padding-bottom:5px;
	padding-top:5px;
    width:100%;
	border-bottom: 1px #d0d0d0 solid;
}

#mainContent #left .leftContent{
    margin-bottom:5px;
    padding-bottom:5px;
	padding-top:20px;
    width:100%;
	border-bottom: 1px #d0d0d0 solid;
}
#mainContent #left .banner {
	border-bottom:1px solid #D0D0D0;
	margin-bottom:5px;
	padding-bottom:5px;
	padding-top:0;
	text-align:center;
	width:100%;
}
#mainContent #left .leftContent h2.caption{
    
    color:#3a3b3b;
    font-size:24px;
    height:23px;
    margin:0;
    padding:6px 15px 7px 0px;
}

#mainContent #left .leftContent .alt{
    float:left;
}

#mainContent #left .leftContent .alt .time{
    color:#3A3B3B;
    float:left;
    padding:8px 5px;
}

#mainContent #left .leftContent .alt .title{
    background-color:#FFFFFF;
    float:left;
    min-height:34px;
    width:464px;
}

#mainContent #left .leftContent .alt .title img{
    float:left;
    padding:4px;
}

#mainContent #left .leftContent .post img{
	border:1px solid #C5C6C6;
	padding:2px;
}

#mainContent #left .leftContent .alt .title a.linkToSingle:link, 
#mainContent #left .leftContent .alt .title a.linkToSingle:visited{
    float:left;
    font-size:14px;
    font-weight:bold;
    margin-left:10px;
    padding:8px 2px 8px 0;
    text-decoration:none;
    width:347px;
	color:#3A3B3B;
}

#mainContent #left .leftContent .alt .title a.linkToSingle:hover{
    color: #0781ba;
}

#mainContent #left .leftContent .alt .comment{
    background:transparent url(images/bubble.gif) no-repeat scroll 30px 4px;
    float:right;
	margin-top:7px;
    padding-right:35px;
    text-align:right;
    width:28px;
}

#mainContent #left .leftContent .alt .comment a{
    float:none !important;
    font-weight: normal !important;
    font-size: 1em !important;
    padding:0 1px !important;
}

#mainContent #left .leftContent .post{
    float:left;
    padding:3px 20px 15px;
    text-align:justify;
}

#mainContent #left .leftContent .post .media{
    float:left;
    margin-right: 10px;
}

#mainContent #left .leftContent .post .media img{
	border:1px solid #C5C6C6;
	padding:2px;
}

.home #mainContent #left .leftContent .post .text{
    display: inline;
}

#mainContent #left .leftContent .post-bar{
    float:right;
    height:32px;
    padding:2px 10px;
}

#mainContent #left .leftContent .post-bar a:link, 
#mainContent #left .leftContent .post-bar a:visited,
#respond #commentform .green-button .title a:link,
#respond #commentform .green-button .title a:visited{
    text-decoration:none;
    color:#0781ba;
}

#mainContent #right .rightContent{
    float:left;
    margin-bottom:25px;
    width:313px;
}

#mainContent #right .rightContent h2.wg-title{
    font-size:15px;
    margin:0 0 5px;
    font-weight: bold;
}


#mainContent #right .rightContent .body{
    float:left;
    padding:0px 7px 9px 15px;
    text-align:justify;
    background:#FFFFFF url(images/panel-bg.png) no-repeat scroll left bottom;
    width:291px;
}

#mainContent #right .rightContent #newEdition.body{
    padding:0px 15px 9px;
    width:283px;
}

#mainContent #right .sideAdv{
    float:right;
}

#mainContent #right .rightContent .body img.left{
    margin-right: 10px;
}

#mainContent #right .rightContent .body img.right{
    margin-left: 10px;
}

#mainContent #right .rightContent .bar a.link_to{
    color:#FFFFFF;
    float:right;
    font-size:15px;
    padding:0 20px 11px 0;
}

#newEdition .body-content{
    float:left;
    margin-right:10px;   
}

#newEdition table{
    width: 281px;
}

#abonnement table {
    width:289px;
}

#newEdition table tr td, #abonnement table tr td{
    vertical-align:middle;
}

#newEdition table tr td.media, #abonnement table tr td.media{
    padding-right: 12px;
    width: 100px;
    text-align: left;
}

#abonnement table tr td.media{
    padding: 0;
    text-align: right;
    vertical-align:top;
}

#subcribe .icon{
    float:left;
    padding-top:10px;   
}

#subcribe form{
    float:right;
    width:223px;
}

#subcribe .text{
    margin-bottom:5px;
}

#subcribe .text label{
    float:left;
    padding-right:5px;
    text-align:right;
    width:43px;    
}

#subcribe .text input{
    background:transparent url(images/input_text_bg.png) no-repeat scroll 0 0;
    border:medium none;
    padding:3px;
    width:168px;   
}

#subcribe .button{
    margin:7px 0;
}

#subcribe .button input{
    background:transparent none repeat scroll 0 0;
    border:medium none;
    color:#322369;
    cursor:pointer;
    float:right;
    font-size:15px;
    text-decoration:underline;
}

#mainContent #right .rightContent .body ul.socnet li{
    float:left;
    margin:5px 13px;
}

/* Footer
----------------------------------------*/
#footer{
	width:1200px;
	background:#FFFFFF url(images/foot_bg.jpg) repeat-x scroll 0 0;
	padding-top:20px;
}

#footer a:link, #footer a:visited{
    color:#444444;
    text-decoration: none;    
}

#footer a:hover{
    text-decoration: underline;    
}

#footer .content{
	padding: 0 37px;
}

#footer .content .footer_link{
    background:transparent url(images/footinfo_bg.jpg) repeat-y scroll left top;
    float:left;
    min-height:100px;
    padding:0 20px;
}



#footer .content .footer_link h3{
    color:#444444;
    font-size:14px;
    margin-top:0;
}

#footer .content .footer_link ul{
    margin:0;
}

#footer .content .footer_link ul.blogroll  li{
   background:transparent url(images/dot.png) no-repeat scroll left center;
    padding-left:15px;
}

#footer .content .footer_link ul.nav li{
    border-left:1px solid #444444;
    float:left;
    line-height:10px;
    padding:0 5px;
}

#footer .content .footer_link ul.nav li:first-child{
    border: none;
}

textarea#comment{
    height:100px;
    width:535px;
}

ol.commentlist{
    list-style: none;
    margin: 0px;
}

.commentlist .comment{
    margin-bottom:10px
}

.commentlist .thread-even{
    background-color:#E0E1E1;
    padding:5px;
}

#right .gsom-optin-form{
    background:transparent url(images/mail_icon.png) no-repeat scroll left top;
    float:left;
    margin-top:17px;
    padding-left:55px;
}

#right .gsom-optin-form div{
    float:right;
    margin:0;
}

#right .gsom-optin-form div.gsom_sfi{
    float:right;
    margin:0 0 5px;
}

#right .gsom-optin-form .gsom_sfi input{
    background:transparent url(images/input_text_bg.png) no-repeat scroll 0 0;
    border:medium none;
    float:left;
    padding:4px;
    width:175px;
}

#right .gsom-optin-form  label{
    float:left;
    margin-right:5px;
    text-align:right;
    width:50px;
}

#right .gsom-optin-form .gsom-optin-radiogroup input{
    background:transparent none no-repeat scroll 0 0;
    border:medium none;
    color:#322369;
    cursor:pointer;
    font-size:15px;
    margin:0;
    text-decoration:underline;
    color:#FFFFFF;
}

#right .gsom-optin-form .gsom-optin-radiogroup input:hover{
    text-decoration:none;
}

div#simplesharwidg{
    float:left;
    margin-bottom:20px;
}

/* Single page
----------------------------------------*/
#mainContent #left .leftContent .alt .title h2{
    background:transparent none repeat scroll 0 0;
    color:#3A3B3B;
    font-weight:bold;
    height:auto;
    margin:0;
    padding:5px;
padding-top:0px;
	line-height:22px;
}

.single #mainContent #left .leftContent .post{
    margin-top:10px;
    padding:0;
}

.single #mainContent #left .leftContent .post .text{
    float:left;
    overflow:hidden;
    padding:0 10px;
    width:510px;
}

.navigation {
    clear:both;
    float:left;
    margin:10px 0;
    width:100%;    
}
.navigation .alignleft, .navigation .alignright{
    width:48%;
    border-top:2px dotted #DDDDDD;
    padding-top: 10px;
}

.navigation .alignleft {
    float:left;
}

.navigation .alignright {
    float:right;
}

ul.list-news, ul.category-list li{
    font-size:14px;
    font-weight:bold;
    margin: 0 0 15px;
}

ul.category-list{
    margin: 0;
}

ul.category-list li{
    margin-bottom: 0px;
}

ul.category-list li ul{
    margin:0 0 15px;
}

ul.category-list li ul li a{
    font-size:11px;
    font-weight:normal;
}

h3{
    margin:0;
    font-size: 14px;
    font-weight:bold;
    clear:both;
}

#outerContent{
    background:transparent url(images/bottom-bg.png) no-repeat scroll 0 0;
    height:5px;
    width:1200px;
}

#mainContent #left .leftContent .post-bar a:hover,
#respond #commentform .green-button .title a:hover{
    text-decoration: underline;
}

#mainContent #left .leftContent .post-bar a .left, 
#respond #commentform .green-button .left,
.leftContent .post-bar .green-button .left{
    background:#FFFFFF url(images/btn-left-bg.png) no-repeat scroll 0 0;
    height:29px;
    width:10px;
}

#mainContent #left .leftContent .post-bar a .right,
#respond #commentform .green-button .right,
.leftContent .post-bar .green-button .right{
    background:#FFFFFF url(images/btn-right-bg.png) no-repeat scroll 0 0;
    height:29px;
    width:9px;
}

.leftContent .post-bar .green-button .title,
#respond #commentform .green-button .title{
    background: url(images/btn-content-bg.png) repeat-x scroll 0 0;
    color:#FFFFFF;
    font-size:12px;
    height:29px;
    line-height:20px;
    text-align:center;
    float: left;
}

.post-bar .green-button{
    float: right;
}

#respond #commentform .green-button{
    float: left;
}

.rightContent .top{
    background:#FFFFFF url(images/sidebar-top-bg.png) no-repeat scroll 0 0;
    height:11px;
    width:313px;
}

.rightContent .body p.link_to{
    float:right;
    margin: 0;
}

.rightContent .body p.link_to a:link, .rightContent .body p.link_to a:visited{
    color:#0781BA;
    float:left;
    font-size:15px;
    padding:4px 8px 4px 10px;
}

.rightContent #newEdition.body p.link_to a:link, .rightContent #newEdition.body p.link_to a:visited{
    padding:4px 0 4px 10px;
}

.rightContent .plugin-support{
    display: none;
}

@media all and (min-width: 0px){
    #right .gsom-optin-form label { width: 45px; }
    #mainContent #left .leftContent .alt .title{min-height: 38px;}
}

/*search form*/
#searchform {
	margin-right:35px;
	margin-top:35px;
	float:right;
	text-align:right;
	width:230px;
	display:inline;
}

#searchsubmit {
	vertical-align:top;
	display:inline;
	*padding-top:1px;
}

#s {
	border-color:-moz-use-text-color;
	border-style:none;
	border-width:2px medium medium;
	height:19px;
	padding-bottom:3px;
	padding-top:1px;
	width:100px;
	font-size:1em;
	display:inline;

}

/*Nav Bar */
#description {
	float:left;
	text-align:left;
	margin:35px 0 0 285px;
	display:inline;

}

#navHeader a:link, #navHeader a:visited{
	text-decoration:none;
	font-size:16px;
	color:#FFFFFF;
}

#navHeader a:hover, a:active{
    color: #292928;
	text-decoration:none;
}

#navHeader .current_page_item a {
	color:#9ee3f5;
	padding:5px;
	background-color:#04204f;
}


#description2{
	float:left;
	width:100%;
	margin-top:29px;
	*margin-top:27px;
	background: url('images/bg_nav.png');
}
#navSite {
	line-height:1;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	z-index:1;
	width:1100px;
	padding:0 0 0 100px;
}
#navSite li {
	color:white;
	background-color:#BABABA;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	position:relative;
	text-align:center;
}
#navSite a, #navSite a:visited {
	border:none;
	color:white;
	font-style:italic;
	display:block;
	font-family:Tahoma,Verdana;
	font-weight:normal;
	font-size:12px;
	padding:0px 11px;
	text-decoration:none;
}
#navSite a.active, #navSite a.active:visited {
	border:none;
	color:white;
	font-style:italic;
	display:block;
	font-family:Tahoma,Verdana;
	font-weight:bold;
	font-size:16px;
	padding:4px 11px;
	text-decoration:none;
}

#nav a:link, #nav a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

#nav a:hover, a:active{
    color: #292928;
	text-decoration:none;
}

.comment a:link, .comment a:visited{
	color:#5C5C5C;
	text-decoration:none;
}

.comment a:hover, a:active{
    color: #292928;
	text-decoration:none;
}


.widgetcat, .widgettitle{
	float:left;
}

.widget-ul {
	margin-left:75px;
}

#commentform #submit {
	background:#CCCCCC;
	border:0px;
	cursor:pointer;
	color:#0173A8;
	padding:5px;
}

#mainContent #right .rightContent .IMU {
	padding-left:8px;
	padding-right:14px;

}