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

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

body {
	margin: 0;
	padding: 0;
	background: #e9e7e8 url("images/background.gif") 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: #ae141e;
}

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

#header {
	width: 730px;
    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: 20px;
	margin-top: 20px;
    margin: 0 auto;
	cursor: pointer;
	/*background-image: url(img/globe.png) no-repeat;*/
    background-image: url(http://gfxhosting.com/badge/gfxhosting.png);
}

#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: 718px;
	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;
    background-image: url(http://gfxhosting.com/badge/gfxhosting.png) no-repeat x y;
	}

#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
++++++++++++++++++
*/

#nav {
	margin: 0 auto;
	width: 718px;
	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: #ca1717;
	color: #fff;
	padding: 5px;
	}

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

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

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

#promo {
	margin: 0 auto;
	width: 718px;
	padding: 5px;
	height: 120%;
	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: 1px solid #ebeaea;
	}

/* dalam aja */

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

#dua {
	width:160px;
	text-align:right;
	border-right:1px dotted #b6b6b6;
	padding-right:9px;
	padding-left:9px; /*260*/
	padding-bottom:9px;
	/*background: url("img/aeaeae.png") #eaeaea bottom no-repeat;
	/*background-color: #FFFF66;*/
	}
	
#tiga {
	width:160px;
	text-align:right;
	border-right:1px dotted #b6b6b6;
	padding-right:9px;
	padding-left:9px; /*260*/
	padding-bottom:9px;
	/*background: url("img/large.jpg") #eaeaea bottom no-repeat;
	/*margin-top: -2px;*/
	/*background-color: #CCFF33;/*#f8f6f7;*/
}

#empat {
	width:160px;
	text-align:right;
	padding-right:9px;
	padding-left:9px; /*260*/
	padding-bottom:9px;
	/*background: url("img/extra.jpg") #eaeaea bottom no-repeat;
	/*background-color: #CCCC00;
	margin-top: -2px;*/
	
}

#satu, #dua, #tiga, #empat {
	margin-top:10px;
	float:left
	}	

#order-button {
	width:77px;
	height:26px;
	float:right;
	/*font-size:24px;
	text-align:center;*/
}
#order-button a {
	display:block;
	color:#fff;
	width:77px;
	height:26px;
	line-height:60px;
	background:url(img/orderNow2.gif?3) center top no-repeat;
	text-shadow:#1e6c8f 2px 2px 0px;
	letter-spacing:-1px;
}
#order-button a:hover {
	text-decoration:underline;
	background:url(img/orderNow2.gif?3) center bottom no-repeat;
	text-shadow:#b8441c 2px 2px 0px;
}

/*#promo ul {
list-style-type: none;
margin: 0px;
padding: 5px;
}

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

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

#promo a:hover {
background-color: #ca1717;
color: #fff;
padding: 5px;
}
/*
.poalignleft {
width: 40%;
float: left;
}

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

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

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

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

#content-wrap #sidebar {
width: 220px;
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: 460px;
	float: left;
    padding-left: 5px;
    font: 12px/20px Arial;
	color: #767475;
}

#content-wrap #arch {
	width: 470px;
	float: left;
    padding-left: 5px;
    font: 12px/20px Arial;
	color: #767475;
}

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

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

#featArticles .aHead {
	height: 16px;
	padding-left: 20px;
	background: url("images/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("images/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-gfx.gif") 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("images/icon_heart.gif") no-repeat;
	padding-right: 16px;
}

.red {
	color: #ae141e;
}

/*
+++++++++++++++
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:#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(images/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('images/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("images/blockquote.gif") no-repeat left top;
	border: 1px solid #ebebeb;
	padding:1px;
        line-height: normal;
	font-size: 10px;
}

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

#subpage h1 {
	color: #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: #CA1717;
	font: 20px "Verdana", Helvetica, Arial, Sans-Serif;
}

.titlespec {
	color: #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: #ca1717;
	border-bottom: 1px solid #ccc;
}

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

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

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

/*
++++++++++++++
SideTab site
++++++++++++++
*/
#contentright {
width:250px;
float:left;
}

#contentright img.ad {
margin-bottom:5px;
}

#contentright .samping li,#contentright .yui-content li {
border-bottom:1px solid #eee;
padding-bottom:5px;
margin-bottom:5px;
list-style:none;
}

#contentright .samping input {
border:1px solid #eee;
margin-bottom:5px;
margin-right:2px;
width:203px;
padding:5px;
}

#contentright .samping input.btn {
border:none;
color:#666;
margin-right:0;
width:80px;
}

#contentheader .nav li:hover ul ul,#contentheader .nav li.sfhover ul ul,#contentheader .nav li:hover ul ul,#contentheader .nav li:hover ul ul ul,#contentheader .nav li.sfhover ul ul,#contentheader .nav li.sfhover ul ul ul {
left:-999em;
}

#contentheader .nav li:hover ul,#contentheader .nav li li:hover ul,#contentheader .nav li.sfhover ul,#contentheader .nav li li.sfhover ul,#contentheader .nav li:hover ul,#contentheader .nav li li:hover ul,#contentheader .nav li li li:hover ul,#contentheader .nav li.sfhover ul,#contentheader .nav li li.sfhover ul,#contentheader .nav li li li.sfhover ul {
left:auto;
}

.yui-nav li {
font-size:11px;
text-transform:uppercase;
color:#201F29;
font-weight:700;
border:none;
float:left;
border-right:1px solid #D6D6D6;
margin:0 10px 0 0;
padding:0 10px 0 0;
}

.yui-nav li a {
text-decoration:none;
color:#201F29;
display:block;
}

#contentright .yui-navset li {
list-style:none;
}

#contentright .yui-content {
padding-top:10px;
}

#contentright .samping,#contentright .yui-navset {
background-image:url(images/box_bg.jpg);
background-repeat:repeat-x;
background-color:#fff;
border:1px solid #E0E0E0;
margin-bottom:10px;
overflow:hidden;
padding:10px 10px 5px;
}
/*
+++++++++++++
Archives
+++++++++++++
*/

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

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

#arch h3 {
	color: #ca1717;
	font-size: 16px;
	margin: 0px;
	font-weight: normal;
}

#arch h3 a {
	color: #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("images/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("images/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("images/head_newsletter.gif") no-repeat;
	height: 23px;
	margin-bottom: 5px;
}