/*
Theme Name:		Adly Mukhtar Theme
Theme URI: 		http://www.adlymukhtar.com/
Version: 		1.0
Description: 	Official Wordpress theme for Adly Mukhtar
Author: 		Hanny Ramzy
Author URL:		http://www.hannyramzy.com/
*/

/* Reset Browser Defaults */

@import url( 'reset.css' );

/* Badan Saya */

body{
background: #f0f6e8;
font-family: arial, verdana, tahoma;
font-size: 12px;
}

.clear{
clear: both;
}
.width{
width: 875px;
margin: auto;
padding: auto;
}

/* Header */

#kehijauan{
background: #9bd252;
}
.fright{float: right;}
/* Header */

#header{
height: 60px;
}

#header h1{ 
padding-top: 10px;
text-indent: -9999px;
float: left;
}

#header h1 a{ 
display: block; 
background: url(images/logo.png) no-repeat; 
height: 41px;
width: 210px;
}

#nav a{
color: #fff;
text-decoration: none;
}

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

ul#nav li{
font-size: 12px;
display: inline;
margin-left: 12px;
}

ul#nav {
float: right;
padding-top: 22px;
padding-right: 30px;
list-style-type : none;
}

ul#nav li.current_page_item a, ul#nav li.current_page_item a:hover, ul#nav li.current_page_item a:focus, ul#nav li.current_page_item a:active {
background: #4e8822;
border: 1px solid #77c83a;
padding: 5px;
}

/* Index */

#belakang{
background: #fff url(images/belakang.jpg) right repeat-y;
border-right:1px solid #e8efde;
border-left:1px solid #e8efde;
}

#index{
float: left;
width: 500px;
padding: 25px;
padding-top: 0px;
padding-right: 5px;
font-family: verdana, arial, tahoma;
line-height: 24px;
color: #444;
text-align: justify;
}

#index h2{
padding-top: 35px;
line-height: 35px;
text-align: left;
}

#index h2 a{
font-family: arial, verdana, tahoma;
font-size: 29px;
text-decoration: none;
color: #000;
font-weight: bold;
}

#index h2 a:hover{
color: #4e8822;
}

#index h3, #index h4, #index h5, #index h6{
font-family: arial, verdana, tahoma;
font-size: 17px;
font-weight: bolder;
margin-bottom: 12px;
}

#index p{
margin-bottom: 20px;
}

#index ul{
margin-top: 20px;
margin-bottom: 35px;
padding-left: 30px;
text-align: left;
}

#index ol{
 
margin-bottom: 35px;
padding-left: 30px;
text-align: left;
}

#index strong{
font-weight: bold;
}

#index underline{
text-decoration: underline;
}

#index em{
font-style: italic;
}

#index blockquote{
border-left: 2px solid #ccc;
font-style: italic;
padding: 10px;
padding-top: 30px;
margin-bottom: 25px;
}

#index2 a{
color: #4e8822;
}

#index2 a:hover{
color: #444;
text-decoration: none;
}

.meta{
font-family: georgia, times new roman;
color: #999;
font-style: italic;
padding-top: 0px;
font-size: 11px;
}

span.kebesaran{
font-style: normal;
text-transform: uppercase;
color: #444;
}

.line{
margin-top: -15px;
border-bottom: 1px dotted #ccc;
height: 2px;
}

.metang{
font-size: 13px;
}

.metang ul{
margin-left: -30px;
margin-right: -10px;
}

.metang ul li{
list-style: none;
display: inline;
color: #999999;
}

.metang a{
color: #999999;
text-decoration: none;
}

.metang a:hover{
color: #000;
}

input.carian2{
float: left;
padding: 0 5px 0 5px;
}

input.carian{
float: left;
}

.carian img a{
border: 0;
}

.carian2{
width: 188px;
color: #ccc;
font-style: italic;
height: 27px;
border: 1px solid #E0E1C0;
}

.langgan{
font-size: 12px;
line-height: 21px;
padding: 0 20px 0 20px;
color: #666;
text-align: justify;
}

/* Images */

p img {
padding: 6px;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 6px;
margin: 0 0 2px 10px;
display: inline;
}

img.alignleft {
padding: 6px;
margin: 0 10px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

/* Footer */

#footer{
height: 40px;
color: #fff;
font-size: 11px;
}

#footer a{
color: #fff;
}

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

#footer ul{
padding: 13px 0 0 0; 
margin-left: -9px;
}

#footer ul li{
display: inline;
list-style: none;
margin-left: 10px;
}

.right{
float: right;
}

/* Sidebar */

#sidebar{
float: right;
width: 325px;
margin-top: 40px;
margin-bottom: 50px;
}

#sidebar h3{
background: #EDEBE4;
color: #63AD2B;
font-size: 16px;
padding: 15px 20px 15px 20px;
}

#sidebar p{
line-height: 22px;
padding: 20px;
}

#sidebar a:hover{
text-decoration: none;
}

#sidebar ul li{
list-style: none;
border-bottom: 1px solid #EDEBE4;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 23px;
}

#sidebar ul li a{
color: #333;
text-decoration: none;
}

#sidebar ul li a:hover{
color: #cc0000;
}

/* Komentar */

.infokomentar{
line-height: 22px;
margin-top: 4px;
font-family: arial, verdana, tahoma;
font-size: 14px;
color: #6DA415;
line-height: 22px;
font-weight: bold;
padding-top: 5px;
}

.infokomentar a{
font-family: arial, verdana, tahoma;
font-size: 14px;
color: #6DA415;
font-weight: bold;
text-decoration: none;
}

.infokomentar a:hover{
color: #333;
}

.infokomentar2{
color: #999;
font-size: 12px;
font-family: arial, verdana, tahoma;
}

.author a:hover{
background-color: #750000;
}

.infokomentar span {
font-family: trebuchet ms, arial, tahoma;
font-size: 0.9em;
text-decoration: none;
padding: 4px;
color: #333;
}

.apekomen{
font-family: verdana, arial, tahoma;
font-size: 12px;
color: #333;
line-height: 20px;
margin-top: 6px;
padding-top: 6px;
}

.postkomen{
font-family: arial, trebuchet ms, arial, tahoma;
font-size: 19px;
color: #6DA415;
margin-bottom: 30px;
}

.postkomen1{
font-family: trebuchet ms, arial, tahoma;
font-weight: bold;
font-size: 25px;
color: #eee;
font-style: italic;
margin-bottom: 10px;
margin-left: 10px;
}

.lorhh{
font-family: trebuchet ms, arial, tahoma;
font-size: 0.9em;
}

.isi{
font-family: trebuchet ms, arial, tahoma;
color: #DFD7D0;
}

.isi input{
border: 1px solid #E0E1C0;
background: #fff;
}

#commentsbox { 
margin: 40px 0 0 ; 
padding: 0px; 
float: left; 
width: 100%; 
line-height: 20px;
font-size:13px;
}

#comments { 
margin:0px; 
padding:6px;
background:#333333;
border:1px solid #999999;
height:18px;
font-weight:bold;
font-size:13px;
}

.boxcomments { 
margin-bottom:20px;
width:490px;
}
#respond{
margin: 20px 0;
background: none repeat scroll 0 0 #F0F6E8;
}
#respond h3{
font-size: 15px;
background: none repeat scroll 0 0 #9BD252;
padding: 5px 10px;
color: #000;

}
#commentform { 
 padding:0 15px;
 

color:#333;
}

#commentform a:link, #commentform a:visited { 
 
}

#commentform label { 
display: block;
    float: left;
    margin:3px 0 0;
    width: 140px;
}

ol.commentlist li.bypostauthor {
background-color:#f2f2f2;
padding-left: 15px;
}
li.comment img.avatar{
margin: 0 0 0 15px;
}

input#submit{ 
margin: 10px 5px 10px 0;
padding:10px;
background: #6DA415;
color:#fff;
border: 0px;
border: 0px;
font-family: arial, trebuchet ms, arial, tahoma;
text-transform: uppercase;
font-size: 15px;
float: right;
}

.masukkan input:hover{
background: #629212;
}

#commentform textarea { 
margin:15px 0 10px;
background: #fff;
border: 1px solid #E0E1C0;
    width: 97%;
padding: 5px;
color: #999;
font-size:12px;  
}

#commentform #submit { 
margin:0 0 20px;
}

#commentform p { 
margin:5px 0; 
clear: both;

}

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

ol.commentlist li { 
display:block;
margin:0px 0;
padding:6px 15px 12px 5px; 
list-style:none;
border-bottom: 1px dotted #ccc;
}
ol.commentlist li li{
padding: 6px 15px 12px 10px;
}
ol.commentlist li.mycomment { 
background:#f9f9f9;
display:block;
list-style:none;margin:7px 0;
padding:6px 15px 12px 15px;
}

ol.commentlist li.commenthead { 
display:block;
list-style:none;
margin:0;
padding:5px 0px;
}

ol.tblist a{
color: #333;
text-decoration: none;
border-bottom: 1px dotted #95CD3C;
font-weight: normal;
}

ol.tblist a:hover{
color: #000;
}

ol.tblist { 
margin-left: -29px;
font-size: 11px;
font-weight: bold;
}

ol.tblist li { 
display:block;
list-style-type:none;
background: #f2f2f2;
padding: 8px;
border: 1px solid #ccc;
-moz-border-radius:2px; 
-khtml-border-radius:2px; 
-webkit-border-radius:2px; 
border-radius:2px;
}
.reply{

font-size: 11px;
text-transform: uppercase;
float: left;
margin: 0 10px 0 0;

}
.reply a{
color: #666;
}


input#url,
input#author,
input#email,
textarea { 
	color:#333333;
	width:60%;
	border:1px solid #E9E9E0;
	margin-bottom:0.6em;
	background:#fcfcfc;
	font-family: trebuchet ms, arial, tahoma;
	font-weight:normal;
	font-size:0.85em;
	margin-top:2px;
	padding:5px;
	 float: right;
	}

.apekomen img{
	border: 0px;
	margin: 0;
	padding: 0;
	}

#below-post-rss{
	background: url(images/newsbox.png) no-repeat top left; 
	width: 553px; 
	height: 147px;
	padding: 25px 0 0;
	margin: 30px 0 0;
	position: relative;
	clear: both;
	}
#below-post-rss h3.subscribe{
color:#FFFFFF;
float:right;
font-size:18px;
margin:0 0 6px;
width:412px;
text-shadow: 0px 1px 2px #000;
}
.subscribe-box{
  color: #FFFFFF;
    float: right;
    font-size: 11px;
    line-height: 16px;
    margin: 0 20px 0 0;
    text-align: left;
    text-shadow: 0 1px 0 #B44919;
    width: 180px;
}
.newsform{
 
float:right;
margin:00px 15px 0;
width:180px;
}

.newsform input{
margin: 0 0 4px 0;
width: 173px;

}

.newsform input#m-submit{
    background:#863411;
    border: 0 none;
    float: right;
    color: #fff;
    margin: 4px 0 0;
    padding: 4px 10px;
    width: 100px;
    cursor: pointer;
    border-radius:         4px;
    -moz-border-radius:      4px;
    -webkit-border-radius:   4px;
    box-shadow:			0px 1px 0px #F89533;
    -moz-box-shadow:		0px 1px 0px #F89533;
    -webkit-box-shadow:	0px 1px 0px #F89533;
    
}


#tabbed-post{
background: none repeat scroll 0 0 #EDEBE4;
margin: 20px 0;
padding:  23px;
overflow: hidden;
}

#sidebar ul.tabs {
	margin: 0 0 -1px;
	padding: 0;
	 
	list-style: none;
 border: 1px solid #77C83A;
 border-bottom: 0px;
	 
	 background: none repeat scroll 0 0 #9BD252;
	 overflow: hidden;
 
	 padding: 10px 10px 0;
}

#sidebar ul.tabs li {
	 
	margin: 0;
	padding: 0;
 
	line-height: 21px; 
	 
 
	 border: 0;
	overflow: hidden;
	position: relative;
	float: left;
	text-align: center;
	text-transform: uppercase;
 
}

#sidebar ul.tabs li a {
	text-decoration: none;
 color: #000;
 font-weight: bold;
	display: block;
	font-size: 11px;
 
 
	padding: 5px 15px 10px;
 	outline: none;
	 
 
	
}
 

#sidebar ul.tabs li.features a {
background-position:  left -60px ;
}

#sidebar ul.tabs li.pricing a {
background-position: -315px -60px;
}


#sidebar ul.tabs li.active a{
 
background: #fff;
}

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/

	/* border-bottom: 1px solid #fff;  *//*--Makes the active tab look like it's connected with its content--*/
}




#sidebar .tab_container {
	border: 1px solid #CFCFCF;
 border-top: 0px;
	overflow: hidden;
	clear: both;
 
	 
	background: #fff;
 

}
#sidebar .tab_container li{
padding: 0;}
#sidebar .tab_container li a{
padding: 10px  ;
display: block;
}
#sidebar .tab_content {
	 
	font-size: 12px;
	line-height: 20px;
	 
}

p img.wp-smiley{
padding:0;
vertical-align:middle;
}