/* Virtual blog */
body { font: 14px Arial, Helvetica, sans-serif; margin: 15px 0 10px 0; padding: 0; line-height: 1.4em; }

/* wrapper */
#wrapper { width: 935px; margin: 0 auto; }

/*global styles */
.clear { clear: both; margin: 0; }
.clearheight{ clear: both; height:20px; margin: 0; padding: 0; }

/* Top menu */
#topmenu { clear: both; margin: 0; padding: 0; }
#topmenu ul { margin: 0; padding: 0; }
#topmenu ul li { display: inline; list-style-type:none;margin: 0; padding: 0 15px 0 0; }
#topmenu ul li a { color: #787878; text-decoration:none; }
#topmenu ul li a:hover { color: #000; text-decoration:none; }

/* top header */
#topheader { clear: both; margin: 15px 0 0 0; min-height: 0; }
/* logo */
#logo { float: left; width: 388px; height: 82px; }
#logo h1 { background:url(../images/logo-blog.gif) no-repeat; font:16px Arial, Helvetica, sans-serif; display: block; width: 388px; height: 82px;  margin: 0; padding: 0; text-indent: -9000px; }
#logo h1 a { font:16px Arial, Helvetica, sans-serif; margin: 0; padding: 0; display: block; width: 388px; height: 82px; }
#logo h1 a:hover { font:16px Arial, Helvetica, sans-serif; margin: 0; padding: 0; display: block; width: 388px; height: 82px; }

/* tagline */
#tagline { float: right; width: 464px; margin: 0; padding:0; }
#tagline h4 {font: 18px Arial, Helvetica, sans-serif; text-align: justify; margin: 0; padding:0; color:#f8981d; }
#tagline h4 .font-green { color:#a5cd39 ; }

/* form search */
#search { float: right; margin: 15px 0 0 0; }
#search form { margin: 0; padding: 0; }
#search form input { font: 12px Arial, Helvetica, sans-serif; color:#333; margin: 0; padding: 2px; border: 1px solid #ccc; width: 150px;   }

/* globalmenu */
#globalmenu { background: url(../images/bar-nav.gif) no-repeat; margin: 10px 0 0 0; padding: 0; height: 74px; }
#globalmenu ul { margin:0; padding: 8px 0 0 15px; }
#globalmenu ul li { display: inline; margin: 0; padding: 0 15px 0 0; }
#globalmenu ul li a {font: bold 17px Arial, Helvetica, sans-serif; color:#fff; margin: 0; text-decoration: none; }
#globalmenu ul li a:hover { color:#fedfaa; margin: 0; text-decoration: none; }

/* leftcontent */
#leftcontent { float: left; width: 600px; margin: 10px 0 0 0; padding: 0; }
#leftcontent h2 { font: 34px Arial, Helvetica, sans-serif; float: left; width: 600px; margin: 0 0 5px 0; padding: 0; }
#leftcontent h2 a { color: #595959; text-decoration: none; }
#leftcontent h2 a:hover { color: #f99a22; text-decoration: none; }
#leftcontent p { margin: 0; padding: 0 0 10px 0; }
#leftcontent img {float: right; margin: 10px 0 10px 15px; }

/* leftcontent */
#leftcontent-detail { float: left; width: 600px; margin: 5px 0 0 0; padding: 0; }
#leftcontent-detail h2 { font: 24px Arial, Helvetica, sans-serif; float: left; width: 600px; margin: 0 0 5px 0; padding: 0; }
#leftcontent-detail h2 a { color: #595959; text-decoration: none; }
#leftcontent-detail h2 a:hover { color: #f99a22; text-decoration: none; }
#leftcontent-detail p { margin: 0; padding: 0 0 10px 0; }
#leftcontent-detail img {float: right; margin: 0 0 0 15px; }

/* top box */
#top-box { clear: both; padding: 15px 0 20px 0; }

/*left-deepbox */
#top-box .left-deepbox { float: left; width: 400px; height:53px; margin: 0; }
#top-box .left-deepbox img { float: left; margin: 0 10px 0 0; padding: 0 ; }
#top-box .left-deepbox P { float: left; margin: 0; padding: 0; }
#top-box .left-deepbox a { color: #333; text-decoration: none; }
#top-box .left-deepbox a:hover { color:#FF6600; text-decoration: none; }

/* top box detail */
#top-box-detail { clear: both; padding: 0px 0 20px 0; }



/*left-deepbox */
#top-box-detail .left-deepbox-detail { float: left; width: 400px; height:28px; margin: 0; }
#top-box-detail .left-deepbox-detail img { float: left; margin: 0 10px 0 0; padding: 0 ; }
#top-box-detail .left-deepbox-detail P { float: left; margin: 0; padding: 0; }
#top-box-detail .left-deepbox-detail a { color: #333; text-decoration: none; }
#top-box-detail .left-deepbox-detail a:hover { color:#FF6600; text-decoration: none; }

/* right-deepbox */
#top-box .right-deepbox { float: right; width: 200px; margin: 0; }
#top-box .right-deepbox img { float: right;}

/* new posting */
#newpost { clear: both; position: relative;margin: 10px 0 0 0; }
#newpost  h3 { background: url(../images/icon.gif) no-repeat 0 ; font: bold 24px Arial, Helvetica, sans-serif; margin: 0 0 14px 0 ; padding: 0 0 0 24px; color:#595959;  }
#newpost  h4 { clear: both; font: 18px Arial, Helvetica, sans-serif; margin: 0 0 5px 0; padding: 0; color:#595959;  }
#newpost  h4 a { color:#595959; text-decoration: none;  }
#newpost  h4 a:hover { color:#c98410; text-decoration: none;  }
#newpost .link-comments { float: right; font: 14px Arial, Helvetica, sans-serif; color: #f8971b; margin: 0 0 10px 0;}
#newpost .link-comments a { color: #f8971b; text-decoration: none;}
#newpost .link-comments a:hover { color: #f8971b; text-decoration: underline;}

/* tags */
#tags { clear: both; margin: 10px 0 0 0; position: relative; }
#tags  h3 { background: url(../images/icon.gif) no-repeat 0 ; font: bold 24px Arial, Helvetica, sans-serif; margin: 0 0 14px 0 ; padding: 0 0 0 24px; color:#595959;  }

/* righ tcontent */
#rightcontent { float:right; margin:  10px 0 0 0; width: 320px; }

/* tweetbox */
.tweetbox { background-color:#d9d9d9; clear: both; margin: 0 0 8px 0; height: 55px;  }
.tweetbox img { float: left; margin: 0; padding: 0; }
.tweet-id { float: left; font: 12px Arial, Helvetica, sans-serif; color: #595959; width: 200px; margin:10px 0 0 5px; }
.tweet-id a { font: 12px Arial, Helvetica, sans-serif; margin: 0; color: #595959; text-decoration: none; }
.tweet-id a:hover { font: 12px Arial, Helvetica, sans-serif; margin: 0; color: #007889; text-decoration: none; }

.tweet-it { float: left; width: 26px; margin: 10px 0 0 30px; }

/* palingpopuler */
.global-rightbx { background-color: #d9d9d9; font:12px Arial, Helvetica, sans-serif;  clear:both; margin: 0; padding: 0 0 8px 0; }
.global-rightbx h3 { background: url(../images/icon2.gif) no-repeat 5px 6px ; background-color: #a6cd39; font: 20px Arial, Helvetica, sans-serif; margin: 0 0 10px 0 ; padding: 4px 10px 4px 26px; color:#fff; border-bottom: 2px #fff solid;  }
.global-rightbx ul { margin: 0 0 0 10px; padding: 0; }
.global-rightbx ul li { margin: 0 0 3px 0; padding: 0 display: block; list-style-type:  none; }
.global-rightbx ul li a { font:12px Arial, Helvetica, sans-serif; color:#000; margin:0; padding:0; text-decoration:none;}
.global-rightbx ul li a:hover { color:#FF6600; text-decoration: underline; }

/* kategori */
#kategori{ background-color: #d9d9d9; font:12px Arial, Helvetica, sans-serif;  clear:both; margin: 0; padding: 0 0 8px 0; min-height: 300px; }
#kategori h3 { background: url(../images/icon2.gif) no-repeat 5px 6px ; background-color: #a6cd39; font: 20px Arial, Helvetica, sans-serif; margin: 0 0 10px 0 ; padding: 4px 10px 4px 26px; color:#fff; border-bottom: 2px #fff solid;  }
#kategori ul { font: bold 16px Arial, Helvetica, sans-serif; color: #595959;  margin: 0 0 0 10px; padding: 0; }
#kategori ul li { margin: 0 0 5px 0; padding: 0 display: block; list-style-type:  none; }
#kategori ul li a { font: bold 16px Arial, Helvetica, sans-serif; color: #595959; margin:0; padding:0; text-decoration:none;}
#kategori ul li a:hover { color:#FF6600; text-decoration: none; }

/* mail sub */
#mailsub{ background-color: #d9d9d9; font:12px Arial, Helvetica, sans-serif;  clear:both; margin: 0; padding: 0 0 8px 0; min-height: 100px; }
#mailsub p { padding-left:10px; }
#mailsub h3 { background: url(../images/icon2.gif) no-repeat 5px 6px ; background-color: #a6cd39; font: 20px Arial, Helvetica, sans-serif; margin: 0 0 10px 0 ; padding: 4px 10px 4px 26px; color:#fff; border-bottom: 2px #fff solid;  }
#mailsub ul { font: bold 16px Arial, Helvetica, sans-serif; color: #595959;  margin: 0 0 0 10px; padding: 0; }
#mailsub ul li { margin: 0 0 5px 0; padding: 0 display: block; list-style-type:  none; }
#mailsub ul li a { font: bold 16px Arial, Helvetica, sans-serif; color: #595959; margin:0; padding:0; text-decoration:none;}
#mailsub ul li a:hover { color:#FF6600; text-decoration: none; }

/* footer */
/*
#footer { clear: both; background:url(../images/bg-footer.gif) no-repeat; height: 75px;  background-color: #f89921; border-top: 5px solid #a6cd39; }
#footer .logofooter { float:left; margin: 20px 0 0 0; width: 158px; height: 38px;} 
#footer .logofooter h4 { background: url(../images/logo-footer.gif) no-repeat; display:block; font:  18px Arial, Helvetica, sans-serif; margin: 0; width: 158px; height: 38px; text-indent: -9000px;} 
#footer .logofooter h4 a { display:block; width: 158px; height: 38px; color:#FF6600; text-decoration:none;} 
#footer .logofooter h4 a:hover { width: 158px; height: 38px; color:#FF6600; text-decoration:none;} 

#menufooter { float: left; margin: 13px 0 0 15px; width:600px; }

#menufooter ul { margin: 0 ; padding: 0; }
#menufooter ul li {  font: 11px Arial, Helvetica, sans-serif;  color:#fff; display: inline; list-style-type: none;  margin: 0 ; padding: 0 5px 0 5px; font-size:8px; border-right: 1px solid #fff; }
#menufooter ul li a { font: 11px Arial, Helvetica, sans-serif; margin: 0 ; padding: 0 5px 0 5px; color:#fff; text-decoration:none; }
#menufooter ul li a:hover { font: 11px Arial, Helvetica, sans-serif; margin: 0 ; padding: 0 5px 0 5px; color: #fff; text-decoration:underline; }
#menufooter .category { clear: both;  font: 11px Arial, Helvetica, sans-serif;  color:#fff; width:80px;  margin: 0; padding: 0; border: none; }
#menufooter .category p { height: 15px; font: 11px Arial, Helvetica, sans-serif; width: 100px;  float: left; margin:2px 0 0 0; padding: 0; color: #fff;  }
#menufooter .borderfooter { border: none;}
*/

/* footer */
#footer-web { clear: both; background:url(../images/bg-footer.gif) no-repeat; height: 75px;  background-color: #f89921; border-top: 5px solid #a6cd39; }
#footer-web .logofooter { float:left; margin: 20px 0 0 0; width: 158px; height: 38px;} 
#footer-web .logofooter h4 { background: url(../images/logo-footer.gif) no-repeat; display:block; font:  18px Arial, Helvetica, sans-serif; margin: 0; width: 158px; height: 38px; text-indent: -9000px;} 
#footer-web .logofooter h4 a { display:block; width: 158px; height: 38px; color:#FF6600; text-decoration:none;} 
#footer-web .logofooter h4 a:hover { width: 158px; height: 38px; color:#FF6600; text-decoration:none;} 

#menufooter { float: left; margin: 13px 0 0 15px; width:700px; }

#menufooter ul { margin: 0 ; padding: 0; height:18px; }
#menufooter ul li {  font: 12px Arial, Helvetica, sans-serif;  color:#fff; display: inline; list-style-type: none;  margin: 0; padding: 0 5px 0 0; font-size:8px; border-right: 1px solid #fff; }
#menufooter ul li a { font: 12px Arial, Helvetica, sans-serif; margin: 0 ; padding: 0 5px 0 5px; color:#fff; text-decoration:none; }
#menufooter ul li a:hover { font: 12px Arial, Helvetica, sans-serif; margin: 0 ; padding: 0 5px 0 5px; color: #804700; text-decoration: none; }
#menufooter .category { clear: both;  font: 11px Arial, Helvetica, sans-serif;  color:#fff; width:80px;  margin: 0; padding: 0; border: none; }
#menufooter .category p { height: 15px; font: 11px Arial, Helvetica, sans-serif; width: 100px;  float: left; margin:2px 0 0 0; padding: 0; color: #fff;  }
#menufooter .borderfooter { border: none;}



.ctc a {color:#595959;}
.ctc a:hover {color:#c98410;}

.navigation a { text-decoration:none; color:#595959; }
.navigation a:hover {color:#c98410;}


blockquote
{
	font: 16px Arial, Helvetica, sans-serif;
	color:#666;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 50px;
	background: #efefef url(../images/blockquote.gif) no-repeat left top;	
}

#leftcontent p a img.aligncenter { float:none }