/*
Theme Name: GM News
Theme URI: http://www.gurfahmedia.com
Description: A theme for wordpress built by Aulya fadla and BlackBox for AgroIndonesia News Portal.
Version: 2.0
Author: Aulya Fadla

Devlounge Stylesheet
	
Designer:
Author: Aulya Fadla
Email: auly@fadla.or.id
Portfolio: http://gurfahmedia.com
	
Copyright 2008, all rights reserved, Aulya Fadla Klinkitnyet.
	
*/

.tabber{display:none;}
body {
	margin: 0;
	padding: 0;
	background: #e9e7e8 url("img/background.jpg") repeat-y center;
	font: 11px/18px Arial;
	color: #767475;
}

acronym, abbr {
	border-bottom: 1px dashed #333;
	cursor: help;
	font-size: .9em;
	letter-spacing: .07em;
}

img {
	border: 0;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #03c35e/*ae141e*/;
}

#wrapper {
	width: 930px;
	margin: 0 auto;
	background: #fff;
	padding: 1px 1px;
}

#header {
	width: 930px;
    margin: 0 auto;
	height: 100px;
	margin: 5px 0;
	background-image: url(img/header.jpg);
	background-repeat: no-repeat;
}

#logo { /*logo di header*/
	width: 100%;
	height: 40px;
	bottom: 10px;
	margin-top: 20px;
    margin: 0 auto;
	cursor: pointer;
	/*background-image: url(img/globe.png) no-repeat;*/
}

#logo h1 {
	margin: 0px;
	padding: 0px;
	font-size: 24px;
	font-weight: normal;
	}

#hpane {
	width: 719px;
	padding: 5px;
	overflow: hidden;
	background: #f8f6f7;
	border: 1px solid #ebeaea;
}

#hpane #user {
	width: 50%;
	float: left;
}

#hpane #msgs {
	width: 50%;
	float: right;
	text-align: right;
}

#menuatas {
	margin: 0 auto;
	width: 918px;
	padding: 6px;
	float: right;
	height: 120%;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*color: #222;
	background-color: #f8f6f7;
	border: 1px solid #ebeaea;*/
	margin-bottom: 1px;
	}

#deskripsi {
	margin: 0 auto;
	width: 318px;
	padding: 4px;
	height: 120%;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #ff9900;
	/*background-color: #f8f6f7;
	border: 1px solid #ebeaea;
	text-align:right;*/
	margin-bottom: 5px;
	}

/*
++++++++++++++++++
Navigation
++++++++++++++++++
*/

/*footer*/

#navfoot {
	margin: 0 auto;
	width: 918px;
	padding: 5px;
	height: 120%;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222;
	/*background-color: #f8f6f7;*/
	margin-bottom: 5px;
	/*border: 1px solid #ebeaea;*/
	}

#navfoot ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#navfoot ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
	}

#navfoot a {
	text-decoration: none;
	/*background-color: #f8f6f7;*/
	color: #222;
	padding: 5px;
	margin-right: 7px;
	}

#navfoot a:hover {
	background-color: #03c35e/*ca1717*/;
	color: #fff;
	padding: 5px;
	}
	
/*main menu*/

#nav {
	margin: 0 auto;
	width: 918px;
	padding: 5px;
	height: 120%;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222;
	background-color: #f8f6f7;
	margin-bottom: 5px;
	border: 1px solid #ebeaea;
	}

#nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#nav ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
	}

#nav a {
	text-decoration: none;
	background-color: #f8f6f7;
	color: #222;
	padding: 5px;
	margin-right: 7px;
	}

#nav a:hover {
	background-color: #03c35e/*ca1717*/;
	color: #fff;
	padding: 5px;
	}

.naalignleft {
	width: 40%;
	float: left;
	}

.naalignright {
	width: 40%;
	float: right;
	}

/*
++++++++++++++++++
HeadLine Board
++++++++++++++++++
*/
#required {color:red;}

#headline {
	float: left;
	margin-left: 0 auto;
	width: 550px;
	padding: 7px;
	height: 120%;
	font: 12px/19px Arial;
	/*font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color: #262;
	background-color: #f8f6f7;
	/*background-image: url("img/domain.png") left no-repeat;*/
	/*margin-bottom: 195px;*/
	border: 6px solid #ebeaea;
	}
	
#editorial {
	float: right;
	margin-right: 0 auto;
	width: 330px;
	padding: 7px;
	height: 120%;
	font: 12px/19px Arial;
	/*font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color: #262;
	background-color: #f8f6f7;
	border: 1px solid #ebeaea;
	}

#berita {
	float: left;
	margin-left: 0 auto;
	width: 560px;
	padding: 7px;
	height: 120%;
	font: 11px/16px Arial;
	color: #262;
	/*font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #f8f6f7;
	background-image: url("img/domain.png") left no-repeat;
	margin-bottom: 195px;*/
	border: 1px solid #ebeaea;
	}	

#kolomsatu {
	float:left;
	width:260px;
	text-align:left;
	border-right:1px dotted #b6b6b6;
	padding-right:9px;
	padding-left:7px;
	padding-bottom:9px;
	/*background: url("img/paket.jpg") #eaeaea bottom no-repeat;*/
	/*background-color: #eaeaea/*FFFF99*/;
	}

#kolomdua {
	float: right;
	width:260px;
	text-align:left;
	/*border-right:1px dotted #b6b6b6;*/
	padding-right:9px;
	padding-left:5px;
	padding-bottom:9px;
	/*background: url("img/paket.jpg") #eaeaea bottom no-repeat;*/
	/*background-color: #eaeaea/*FFFF99*/;
	}
	
#iklankanan {
	float: right;
	margin-right: 0 auto;
	width: 330px;
	padding: 7px;
	height: 120%;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #262;
	background-color: #f8f6f7;
	border: 1px solid #ebeaea;
	}

/*
+++++++++++++++++++
Continue With the Layout
+++++++++++++++++++
*/

#content-wrap {
	width: 100%;
	clear: both;
	overflow: hidden;
}

#content-wrap #pane {
	width: 260px;
	float: left; 
}

#content-wrap #sidebar {
	width: 354px;
	padding: 5px;
	height: 100%;
	float: right;
	background-color: #f7f7f7;
	font-size: 12px;
}

#content-wrap #content {
	width: 460px;
	padding: 5px;
    padding-top: 0px;
	float: right;
    line-height: 150%;
    font-size: 12px;
}

#content-wrap #subpage {
	width: 540px;
	float: left;
    padding-left: 5px;
    font: 12px/20px Arial;
	color: #666/*767475*/;
}

#content-wrap #arch {
	width: 300px;
	float: left;
	padding-top: 7px;
    padding-left: 7px;
	padding-right: 7px;
    font: 12px/20px Arial;
	color: #ff9900/*767475*/;
	background-color: #f7f7f7;
}

#content-wrap #archjuga {
	width: 232px;
	float: left;
	padding-top: 7px;
    padding-left: 10px;
	padding-right: 5px;
    font: 12px/20px Arial;
	/*color: #ff9900/*767475;
	background-color: #f7f7f7;*/
}

#pane .module {
	width: 340px;
	padding: 5px;
}

#featArticles {
	width: 250px;
	border: 1px solid #e2e2e2;
	padding-bottom: 5px;
	margin-bottom: 14px;
}

#featArticles .aHead {
	height: 16px;
	padding-left: 20px;
	background: url("img/icon_article.gif") no-repeat;
}

#featArticles .heading {
/* 	background: url("img/testimoni.png") no-repeat; */
	height: 28px;
	margin-bottom: 5px;
}

#featArticles #browse {
	width: 210px;
	padding: 5px;
	padding-left: 25px;
	margin: 0 auto;
	background: #eff8ea url("img/icon_tick.gif") no-repeat;
	background-position: 5px 5px;
	border: 1px solid #b4c9a7;
}

#sNotes {
	width: 250px;
	border: 1px solid #EBEAE2;
	margin-bottom: 14px;
}

#sNotes a {
border-bottom: 1px solid #efefef;
}

#sNotes a:hover {
border-bottom: 1px solid #ccc;
}

#sNotes .heading {
	background: url("img/info.png") no-repeat;
	height: 31px;
	margin-bottom: 5px;
}

#fContent {
	width: 100%;
}

#content .heading {
	background: url("img/line-news.png") no-repeat;
	height: 23px;
	width: 100%;
    margin-bottom: 5px;
}

#ads {
	width: 100%;
    border-top: 1px solid #e2e2e2;
    padding-top: 15px;
    clear: both;
}

#ads .ablock {
	width: 220px;
    margin-right: 32px;
	float: left;
}

#ads .ableft {
	width: 220px;
	float: right;
}

/* Whitespace and dividers */

#whitespace {
	width: 100%;
	height: 10px;
	background-color: #fff;
}

.wspace {
	width: 100%;
	height: 10px;
	background-color: #fff;
}

/* Move Along */

#footer {
	margin: 15px 0;
	padding-top: 3px;
	border-top: 3px solid #ebebe8;
	width: 100%;
    background: #fff;
}

#footer .heart {
	background: url("img/icon_heart.gif") no-repeat;
	padding-right: 16px;
}

.red {
	color: #00ac00/*ae141e*/;
}

/**************
CONTENT TABS
***************/
div.tabs {
	background: #f5f4f4;
	padding: 6px;
	/*border: 2px solid #e3e3e3;*/
	width: 315px;
}
div.tabs p {
	clear: both;
	padding: 2px;
}
ul.tabNavigation {
	list-style: none;
	padding: 6px;
}
ul.tabNavigation li {
	list-style: none;
	float: left;
	display: block;
}
ul.tabNavigation li a {
	list-style: none;
	float: left;
	display: block;
	padding: 6px;
	margin: 0px 2px 2px 2px;
	border: 1px solid #eee;
	text-decoration: none;
	color: #888;
	background: #fff;
}
div.tabs ul.tabNavigation a.selected {
	background: #4b5e5e;
	color: #fff;
}
ul.jbox-ul {
	list-style: none;
	padding: 5px;
	background: #fff;
	clear: both;
	border: 2px solid #eee;
}
ul.jbox-ul li {
	display: block;
}
ul.jbox-ul li a {
	display: block;
	text-decoration: none;
	padding: 6px;
	font-size: 11px;
	color: #4b5e5e;
	/*font-family: verdana, sans-serif;*/
	padding-left: 2px;
	background: url(img/bullet.gif) no-repeat left;
	border-bottom: 1px dotted #ccc;
}
ul.jbox-ul li a:hover {
	background: url(img/bullet.gif) no-repeat left #f8f8f8;
	}
	
/*nyontoh*/
ul.ondeh-ul {
	list-style: none;
	padding: 0px;
	background: #fff;
	clear: both;
	/*border: 2px solid #eee;*/
}
ul.ondeh-ul li {
	display: block;
}
ul.ondeh-ul li a {
	display: block;
	text-decoration: none;
	padding: 2px;
	color: #4b5e5e;
	/*font-family: verdana, sans-serif;*/
	font-size: 12px;
	padding-left: 2px;
	background: url(img/bullet.gif) no-repeat left;
	border-bottom: 1px dotted #ccc;
}
ul.ondeh-ul li a:hover {
	background: url(img/bullet.gif) no-repeat left #f8f8f8;
	}
/*end nyontoh*/	

div.ad {
	background: #f5f4f4;
	padding: 10px;
	border: 2px solid #e3e3e3;
	width: 131px;
	margin: 1px 5px;
	margin-right: 0;
	margin-top: 10px;
	float: left;
	text-align: center;
}

/*
+++++++++++++++
Homepage & Single Posts
+++++++++++++++
*/

#insidewords {
padding: 5px;
line-height: 150%;
font-size: 12px;
}

#content h2 {
font-size: 14px;
font-weight: normal;
color: #ca1717;
padding: 5px;
background: #F3F1EA;
}

#content h2 img {
vertical-align: middle;
}

#content h2 a {
color:#00ac00/*339900*/;
/*color: #ca1717;*/
font-weight:bold;
}

#content h2 a:hover {
color: #555;
}

#content .dropped {
margin-left: 25px;
font-size:10px;
}

#content .dropped a {
color: #666;
}

/*
**********************************
POST COMMENTS
**********************************
*/

#commentarea {
width: 470px;
float: left;
padding-left: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin-top: 10px;

}

#precomments {
width: 100%;
}

#precomments img {
vertical-align: text-bottom;
}

.comleft {
width: 75%;
float: left;
}

.comright {
	width: 20%;
	float: right;
}

h3#comments {
	font-size:14px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	color: #666;
	margin: 0px;
}

#commentsheader {
	background-image: url(img/comment_head.gif);
	height: 55px;
	width: 300px;
}

.commentsblock{
	margin:0.5em;
	padding:1em;

}
.commentsblock textarea{
	width:250px;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}

ol.commentlist{
	color:#777;
	font-size:11px;
	list-style-type:none;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
	margin:0;
	margin-top:1.5em;
	padding: 0px;
    width: 80%;
}

ol.commentlist a {
	color: #555;
	text-decoration: none;
	border-bottom: 1px dotted #ca1717;
	display: inline;
 }
	
ol.commentlist a:hover {
	color: #222;
	text-decoration: none; 
}

.cauthor {
	font-weight: bold;
	font-size: 12px;
}

.cauthor a {
	color: #555;
    font-size: 12px;
    font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #ca1717;
}

.cauthor a:hover {
color: #222;
text-decoration: none; 
}

.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
}

.alt{
	background:#fff;
	padding:0.5em;
}

.alt2{
	background: #fff url('img/postdata.gif') 15px center no-repeat;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	margin: 10px auto;
	padding: 5px 20px 5px 45px;
}

.comment-even, .comment-preview {
	background-color: #F8FAFC;
}

.comment-odd {
	background-color: #fff; /* Change this colour to add "Flip flopping" backgrounds */
}

.authorcomment { /* Author background color */
	background-color: #f7f7f7;
}

/* Comment/Trackback Favatars & Gravatars */
.comment-favatar {
	-moz-opacity:0.5;
	opacity: 0.5;
	
	background: center center;
	float: right;
	margin: 2px 0 0 0; 
	width: 16px;
	height: 16px;
}
.comment-favatar:hover {
	-moz-opacity:1;
	opacity: 1;
}
.trackback-favatar {
	background: center center;
	width: 16px;
	height: 16px;
	float: left;
	margin: 2px 6px 0 2px;
	cursor: pointer;
}
.comment-gravatar img {
	float: right;
	padding: 2px;
	margin: 0;
	border: 1px solid #A5A5A3;
	width: 30px;
	height: 30px;
	background: #fff url(wp-content/gravatars/avatar.jpg) no-repeat center center;
}

#commentform textarea {
	width: 90%;
}

.gravatar {
	margin-right: -5px;
	float: right;
	border: 0px;
	}

ol.commentlist blockquote {
	background: #F8FAFC url("img/blockquote.gif") no-repeat left top;
	border: 1px solid #ebebeb;
	padding:1px;
    line-height: normal;
	font-size: 10px;
}

/*
******************************
SINGLE POST CLASSES
******************************
*/

#subpage h1 {
	color: #00ac00/*CA1717*/;
	font: 20px "Verdana", Helvetica, Arial, Sans-Serif; }

#subpage .entrytext {
	color: #666; }

#subpage p a {
	color: #666;
	background-color: #F8FBD2;
	text-decoration: none; 
}
	
#subpage p a:hover {
	color: #666666;
	border-bottom: 1px solid #ca1717;
	background-color: #f7f7f7;
}

.postpicclass { 
	display:block; 
	margin: 0 auto;
	padding: 3px;
	border: 1px solid #efefef;
} 

.postnobrdr { 
	display:block; 
	margin: 0 auto;
	padding: 3px;
	border: 0px;
} 

.postsingleimg { 
	display:block; 
	padding: 3px;
	border: 1px solid #efefef;
} 

.postsingleimg a { 
	border: 0px; 
	} 

#subpage h2 { /* Comment Titles */
	border-top: solid 2px #e2e2e2;
	padding: 5px 0px 0px 5px;
	color: #222;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: 90%;
	letter-spacing: -1px;
	font-size: 14px;
	}
	
#subpage h3 {
	color: #222;
	font-weight: normal;
	line-height: 90%;
	font-size: 14px;
	}
	
#subpage .postInfo {
	font-size: 11px;
	border-top: solid 2px #cc0000;
	padding: 5px 0px 5px 0px;
	margin: 15px 0px 0px 0px; }
			
#subpage blockquote {
	width: 90%;
	margin: 0 auto;
	font-style: italic;
	font-size: 1.3em;
	border:3px double #ccc;
	border-width:3px 0;
	text-align: center;
	padding:0.5em;
	color: #666666;
}

#subpage blockquote a img {
	border: 0px;
}

/*
******************************
IMPROVED POST BIT (NEW!)
******************************
*/

.singlepost {
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #efefef;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 5px;
}

.singlepost img {
	vertical-align: middle;
}

.singlepost h1 {
	color: #00ac00/*CA1717*/;
	font: 20px "Verdana", Helvetica, Arial, Sans-Serif;
}

.titlespec {
	color: #00ac00/*CA1717*/;
	font: 20px "Verdana", Helvetica, Arial, Sans-Serif;
	line-height: 30px;
}

#socialbookmarks {
	width: 100%;
	margin-top: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	border-top: 2px solid #efefef;
	border-bottom: 1px solid #efefef;
}

#socialbookmarks img {
	border:0px;
	padding-right:4px;
	background-color: #fff;
	margin-right: 5px;
}

#socialbookmarks img a {
	border:0px;
	padding-right:4px;
	background-color: #fff;
	margin-right: 5px;
}

/*
+++++++++++++
Sidebar
+++++++++++++
*/

#sidebar ul li #searchform {
	margin: 0px;
	border: 0px;
}

#sidebar ul li .widget widget_search {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#sidebar ul li #search {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

#sidebar ul  {
	list-style-type:none;
	margin:0;
	padding:0;
}

#sidebar ul li  {
	margin-bottom:0.3em;
	padding:0.3em;
	list-style-type: none;
}

#sidebar li  {
	margin-bottom:0.3em;
	padding:0.3em;
	list-style-type: none;
	margin: 0 auto;
}

#sidebar p {
	font-size: 11px;
	line-height: 19px;
}

#sidebar p a {
	background-color: #efefef;
}

#sidebar p a:hover {
	background-color: #f7f7f7;
}

#sidebar h2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #00ac00/*ca1717*/;
	border-bottom: 1px solid #ccc;
}

#sidebar img {
	margin-bottom; 5px;
}

#sidebar img a {
	margin-bottom: 5px;
}

#sidebar .adcase {
	margin-bottom: 5px;
}

/*
+++++++++++++
Archives
+++++++++++++
*/

.arctext {
	font-size: 12px;
	line-height: 20px;
	color: #555;
	margin-bottom: 15px;
}

.minipost {
	color: #888;
	font-size: 10px;
	margin-left: 0px;
}

#arch h3 {
	color: #00ac00/*ca1717*/;
	font-size: 26px;
	line-height: 30px;
	margin: 0px;
	font-weight: normal;
}

#arch h3 a {
	color: #00ac00/*ca1717*/;
	/*background-color: #f2f2f2;*/
}

#arch h3 a:hover {
	color: #555;
}

#arch h2 {
	font-size: 16px;
}

/*
+++++++++++++
Search
+++++++++++++
*/

#search {
	width: 250px;
    border: 1px solid #e2e2e2;
    margin-bottom: 14px;
    padding-bottom: 5px;
}

#search .heading {
	background: url("img/search.png") no-repeat;
	height: 23px;
	margin-bottom: 5px;
}

#search #browsetwo {
	width: 210px;
	padding: 5px;
	padding-left: 25px;
	margin: 0 auto;
    margin-top: 10px;
	background: #FAF8F1 url("img/icon_info.png") no-repeat;
	background-position: 5px 5px;
	border: 1px solid #E2DFD6;
}

#searchform {
	margin-left: 5px;
}

#searchformsb {
	margin-left: 5px;
	margin-bottom: 10px;
}

/*
+++++++++++++
Features (Internals)
+++++++++++++
*/

.featmod {
	height: 100%;
	width: 100%;
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 10px;
}

.featmod img {
	margin-right: 15px;
	vertical-align: middle;
}

#feed {
	width: 723px;
    margin: 0 auto;
    margin-top: 10px;
	padding: 4px 2px 0 5px;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	background: #efefef;
    vertical-align: middle;
}

#feed .icon {
	background: url("img/feediconlarge.gif") no-repeat;
	height: 28px;
	display: block;
    padding: 5px 5px 0 35px;
	font-size: 1.1em;
}

#feed span {
	font-weight: normal;
}

/*
****************
Archives Nav
****************
*/

#arch .navigation {
	width: 100%;
	padding: 5px;
	background-color: #f7f7f7;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	margin-bottom: 5px;
}

/*
****************
Newsletter Subscribe (HP)
****************
*/

#nlSub {
	width: 250px;
	border: 1px solid #e2e2e2;
}

#nmSub a {
	border-bottom: 1px solid #efefef;
}

#nlSub a:hover {
	border-bottom: 1px solid #ccc;
}

#nlSub .heading {
	background: url("img/head_newsletter.gif") no-repeat;
	height: 23px;
	margin-bottom: 5px;
}