/*  
Theme Name: Lagu
Theme URI: http://www.blogohblog.com/
Description: This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a>. I love to hear of my work being used :). Just leave my Bob link under your footer.
Version: 2.0
Author: Bob
Author URI: http://www.blogohblog.com/

This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. 

*/

/*****************************************/
/* SEXY BODY */
/*****************************************/
body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:8pt;background:#50504f url(i/topbck.gif) repeat;}

/*****************************************/
/* BEGIN TOP *                            /
/*****************************************/
#box{width:945px;background:#fff;margin:20px auto;padding:10px;}
#top{width:945px;background:#000 url(i/topbck1.gif) repeat-x;height:50px;margin:0;padding:0;}
#header{float:left;width:/*440*/800px;margin:0 0 0 10px;padding:0;}
#header h1{text-indent:-10000px;margin:0;padding:0;}
#header h1 a{display:block;/*background:url(i/logo.gif) no-repeat left*/;height:51px;}
p.desc {float:left;margin:5px 0 0 0;padding:0;color:#fff;font-size:11pt; } 
.ads{color:#fdfdb0;float:right;width:468px;text-align:right;font-size:11px;margin:10px auto;padding:0 10px 0 0;}
#jubow{background:#f3f2ed;height:30px;margin:10px auto; width:505px; float:left; position:inherit;}


/*****************************************/
/* SEARCH *                               /
/*****************************************/
#bsearch{width:383px;font-size:11px;margin:5px 0 5px 0;padding:10px; background:url(i/info.gif) repeat-x; border:#eee 1px solid; float:left;}
#searchform{height:30px;line-height:30px;float:left;padding-top:5px;margin:0;}
#searchform #s{font-size:8pt;width:230px;}
#searchform #submit{font-size:8pt;}
input#s{color:#666;border:1px solid #cbcbcb;background:#fcfcfc;}


/*****************************************/
/* NAVIGATION TOP *                       /
/*****************************************/
#nav{width:505px;height:30px;line-height:30px;float:left;padding:0; margin:10px 0 10px 0;background:#f3f2ed;}
ul.nav{height:30px;line-height:30px;float:left;list-style:none;font-size:12px;font-weight:700;text-transform:uppercase;margin:0;padding:0;}
ul.nav li{float:left !important;list-style-type:none;margin:0;padding:0;}
ul.nav li a,ul.nav li a:link,ul.nav li a:visited{border-bottom:0;border-left:0;background:#f3f2ed;color:#555;float:left;display:block;text-decoration:none;padding:0 10px;}
ul.nav li a:hover,ul.nav li a:active{background:#fff;color:#555;text-decoration:none;}
ul.nav li.home a{border-left:2px solid #fff;text-decoration:none;}
ul.nav li.current_page_item a{text-decoration:none;color:#555;background:#fff;}
ul.nav li ul{float:left;margin:0;padding:0;}

/*****************************************/
/* MAIN ENTRY *                           /
/*****************************************/
#bgbox{width:945px;background:url(i/cbck.gif) repeat-y;margin:0;padding:0;}
.line{width:500px;float:left;margin:0 0 10px;padding:0 0 5px 2px; border-bottom:#e2e2e0 1px solid;}
.entry{width:500px;float:left;color:#666;background:url(i/dot.gif) repeat-x bottom;margin:0 0 30px;padding:0 0 20px 2px;}
.entry p{text-align:justify;}
.entry img{border:1px #eee solid; max-width:98%;}
.entry2{width:500px;float:left;color:#666;text-align:justify;margin:5px auto;padding:5px 6px 10px;}
.pastentry{width:200px;float:left;color:#666;margin:0;padding:0;}
#content{width:525px;float:left;line-height:140%;margin:0 auto;padding:0;}
.left {float:left; width:240px; padding-right:10px; border-right:1px dashed #ccc; color:#666;}
.left a:link{ color:#048C26/*666*/; font-weight:bold; text-decoration:none; /*border-bottom:dotted 1px #666;*/ }
a:link, a:visited { color:#048C26; font-weight:bold; text-decoration:none; }
a:visited {color:#048C26; text-decoration:none;}
a:hover,a:active { color:#28B7FA;text-decoration:none; }
.line-left-right{width:240px;float:left;margin:0 0 0 0;padding:0 0 0px 0px; border-bottom:#960319 1px solid;}
.right {float:right;padding-right:20px;width:240px; color:#666;}
.right a:link{ color:#048C26/*666*/; font-weight:bold; text-decoration:none; /*border-bottom:dotted 1px #666;*/ }
a:link, a:visited { color:#048C26; font-weight:bold; text-decoration:none; }
a:visited {color:#048C26; text-decoration:none;}
a:hover,a:active { color:#28B7FA;text-decoration:none; }

.clear {clear:both}

/*****************************************/
/* MISC HUH! *                            /
/*****************************************/
.navigation{width:500px;float:left;color:#666;border-bottom:#fff 2px solid;border-top:#fff 2px solid;padding:0 0 10px;}
.alignright{float:right;margin-top:10px;}
.alignleft{float:left;margin-top:10px;}
.similiar{width:500px;float:left;color:#666;text-align:justify;border:#e5e5bd 1px solid;margin:5px auto;padding:5px 6px 10px;}
#misc{width:405px;margin:0 0 10px 14px;padding:0; background:#fff; float:left;}
#info{width:383px;font-size:11px;margin:5px 0 5px 0;padding:10px; background:#fff url(i/rssbck.gif) repeat-x; border:#eee 1px solid; float:left;}
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.postmeta{color:#666;border-bottom:#699 1px solid;}
.postinfo img{border:none;}
img.wp-smiley{border:0;padding:0;}
.twitter{width:395px;background:url(i/latestbck.gif) repeat-x;float:right;color:#333;text-align:justify;border:#e5e5bd 1px solid;margin:0 0 10px;padding:5px 6px;}
.center{text-align:center;}
acronym,abbr,span.caps{cursor:help;}
acronym,abbr{/*border-bottom:1px dashed #999;*/}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
blockquote{padding-left:20px;border-left:5px solid #ddd;margin:15px 30px 0 10px;}
blockquote cite{display:block;margin:5px 0 0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}
* html .clearfix{height:1%;}
#past { padding:0; margin:0;}
.googleads1{width:500px;float:left;color:#666;background:url(i/dot.gif) repeat-x bottom;margin:-25px 0 /*30*/10px;padding:0 0 /*20*/10px /*2*/0px;}

/*****************************************/
/* SIDEBAR *                              /
/*****************************************/
#sidebar{width:400px;float:right;font-size:11px;margin:0 5px 5px 5px;padding:0; display: inline; background:#fff url(i/sidebar.gif) repeat-y right;}
.rsidebar{width:210px;float:right;color:#666;margin:0 auto;padding:0 0 0 10px;}
.lsidebar{width:165px;float:left;color:#666;max-width:100%;margin:0 auto;padding:0 10px 0 0;}
.rsidebar ul li ul{list-style-type:none;margin:0;padding:0 0 0 5px;}
.rsidebar ul li ul li{display:block;background:transparent url(i/b2.gif) no-repeat 0 2px;border:0;margin:0 0 5px;padding:0 0 5px 13px; border-bottom:1px solid #ccc;}
.lsidebar ul li ul{list-style-type:square;margin:0;padding:0 0 0 5px;}
.lsidebar ul li ul li{list-style-type:none;background:transparent url(i/b.gif) no-repeat 0 2px;border:0;margin:0 0 1px;padding:0 0 0 15px;}
#sidebar img,.lsidebar img{border:0;}
.rsidebar ul,.lsidebar ul{list-style-type:none;margin:0;padding:0;}
.rsidebar ul li,.lsidebar ul li{list-style-type:none;margin:0 0 15px;padding:0;}
.rsidebar p,.lsidebar p{padding:0 5px;}


/*****************************************/
/* FOOTER *                               /
/*****************************************/
#footer{width:940px;background:url(i/footer.gif) repeat-x;height:150/*32*/px;clear:both;color:#dadada;font-size:11px;border-top:10px solid #fff;margin:0;padding-left:5px;padding-right:-10px;padding-top:10px;padding-bottom:10px;}
.footer a:hover{text-decoration:none;color:#fff;border:none;}
.footer a:link,.footer a:active,.footer a:visited{text-decoration:none;color:#f1e5aa;border:none;}

/*****************************************/
/* COMMENTS*                              /
/*****************************************/
.boxcomments{border-top:5px solid #ddd;border-bottom:5px solid #ddd;margin-bottom:20px;width:510px;}
#commentform{border-top:1px solid #eee;margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist :hover{background:url(i/latestbck.gif) repeat-x;}
ol.commentlist li{border-top:1px solid #eee;display:block;list-style:none;margin:0;padding:15px 15px 1px;}
ol.commentlist li :hover{background:none;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.commentlist li.commenthead h2{margin:0;}
ol.tblist{list-style:none;margin:0 0 1px;padding:0;}
ol.tblist li{display:block;list-style:none;padding:10px 5px 10px 5px;margin:0 0 5px; border:1px dashed #ccc;}
input#url,input#author,input#email,textarea{color:#666;width:40%;border:1px solid #cbcbcb;margin-bottom:0.6em;background:#fcfcfc;margin-top:2px;padding:3px;}


/*****************************************/
/* WP-PAGENAVI*                           /
/*****************************************/
.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:active{text-decoration:none;border:1px dashed #000;color:#7c940c;background-color:#FFF;margin:5px;padding:5px 10px;}
.wp-pagenavi a:hover{border:1px dashed #000;color:#147;background-color:#FFF;}
.wp-pagenavi span.pages{color:#000;border:1px dashed #000;background-color:#FFF;margin:2px;padding:5px 10px;}
.wp-pagenavi span.current{font-weight:700;border:1px dashed #000;color:#000;background-color:#FFF;margin:5px;padding:5px 10px;}
.wp-pagenavi span.extend{border:1px dashed #000;color:#000;background-color:#FFF;margin:5px;padding:5px 10px;}


/*****************************************/
/* LINKS H1 H2 H3 H4 H5*                  /
/*****************************************/
#info h2 { margin:0 0 10px 0; padding:0; font-size:15px; font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif; color:#666633; }
.rsidebar h2 { margin:0 0 10px 0; padding:0; font-size:15px; font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif; color:#666666; }
.lsidebar h2 { margin:0 0 10px 0; padding:0; font-size:15px; font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif; color:#669900; border-bottom:#ccc solid 1px; }
#content h2 { margin:0 0 10px 0; padding:0; font-size:15px; font-family:"Lucida Grande",tahoma,arial,helvetica,sans-serif; color:#666633; }
#content .entry h2 { margin:10px 0 10px 0; padding:0; font-size:18px; font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif; color:#666; }
#content h2,.postinfo a:link, #content h2,.postinfo a:visited { color:#048C26;font-weight:normal; text-decoration:none;}
#content h2,.postinfo a:visited {color:#666600}
#content h2,.postinfo a:hover, 
#content h2,.postinfo a:focus,
#content h2,.postinfo a:active {color:#666600}
.entry a:link{ color:#048C26/*666*/; font-weight:bold; text-decoration:none; /*border-bottom:dotted 1px #666*/; }
a:link, a:visited { color:#666; font-weight:bold; text-decoration:none; }
a:visited {color:#666600; text-decoration:none;}
a:hover,a:active { color:#28B7FA;text-decoration:none; }
a:active {background:#ffc; text-decoration:none;}







/****************--------------------------------  HEADER BERITA MULAI DISINI ------------------------------************************************/  
  
  


#space {
	position: absolute;
	margin-top: 0px;
	background: url(http://i397.photobucket.com/albums/pp57/promediaku/games/top_02.gif) top left repeat-x;
	margin-left: 13px;
	height: 14px;
	/*width: 967px;*/
}


#list1  {
	position: absolute;
	margin-top: 50px;
	margin-left: 20px;
	/*height: 120px;*/
}

#list2  {
	position: absolute;
	margin-top: 50px;
	margin-left: 150px;
	/*height: 120px;*/
}

#list3  {
	position: absolute;
	margin-top: 50px;
	margin-left: 292px;
	/*height: 120px;*/
}

#list4  {
	position: absolute;
	margin-top: 50px;
	margin-left: 418px;
	/*height: 120px;*/
}

#list5  {
	position: absolute;
	margin-top: 50px;
	margin-left: 516px;
	/*height: 120px;*/
}

#list6  {
	position: absolute;
	margin-top: 50px;
	margin-left: 610px;
	/*height: 120px;*/
}

#list7  {
	position: absolute;
	margin-top: 50px;
	margin-left: 730px;
	/*height: 120px;*/
}

#list8  {
	position: absolute;
	margin-top: 50px;
	margin-left: 815px;
	margin-bottom: 120px;
	height: 100px;
	/*background: url(http://i397.photobucket.com/albums/pp57/promediaku/untukku/sisa_host.gif) top left repeat-x;*/
}





#header0  {
	position: absolute;
	margin-top: 12px;
	margin-left: 20px;
	/*height: 120px;*/
}

#header2  {
	position: absolute;
	margin-top: 12px;
	margin-left: /*20*/37px;
	/*height: 120px;*/
}

#header3  {
	position: absolute;
	margin-top: 12px;
	margin-left: 165px;
	/*height: 120px;*/
}

#header4  {
	position: absolute;
	margin-top: 12px;
	margin-left: /*279*/296px;
	/*height: 120px;*/
}

#header5  {
	position: absolute;
	margin-top: 12px;
	margin-left: /*409*/426px;
	/*height: 120px;*/
}

#header6  {
	position: absolute;
	margin-top: 12px;
	margin-left: /*539*/556px;
	/*height: 120px;*/
}

#header7  {
	position: absolute;
	margin-top: 12px;
	margin-left: /*686*/830px;
	width: 157px;
	height: 40px;
	background: url(http://i397.photobucket.com/albums/pp57/promediaku/games/header_09.gif) top left repeat-x;
}

#header8  {
	position: absolute;
	margin-top: 12px;
	margin-left: /*539*/686px;
	/*height: 120px;*/
}



/****************--------------------------------  HEADER ARTIKEL MULAI DISINI ------------------------------************************************/  
  
#artikel-astro  {
	position: absolute;
	margin-top: 50px;
	margin-left: 20px;
	/*height: 120px;*/
}

#artikel-cucu  {
	position: absolute;
	margin-top: 50px;
	margin-left: 133px;
	/*height: 120px;*/
}

#artikel-iptek  {
	position: absolute;
	margin-top: 50px;
	margin-left: 256px;
	/*height: 120px;*/
}

#artikel-psiko  {
	position: absolute;
	margin-top: 50px;
	margin-left: 345px;
	/*height: 120px;*/
}

#artikel-remaja  {
	position: absolute;
	margin-top: 50px;
	margin-left: 459px;
	/*height: 120px;*/
}

#artikel-seks {
	position: absolute;
	margin-top: 50px;
	margin-left: 591px;
	/*height: 120px;*/
}

#artikel-ibu  {
	position: absolute;
	margin-top: 50px;
	margin-left: 682px;
	/*height: 120px;*/
}

#artikel-info  {
	position: absolute;
	margin-top: 50px;
	margin-left: 790px;
	/*height: 120px;*/
}

#artikel-lain  {
	position: absolute;
	margin-top: 50px;
	margin-left: 901px;
	margin-bottom: 120px;
	height: 100px;
}



/*---------------------------------- HEADER LIST LAGU -----------------------------*/
#lirik  {
	position: absolute;
	margin-top: 50px;
	margin-left: 20px;
	/*height: 120px;*/
}

#lagu-indo  {
	position: absolute;
	margin-top: 50px;
	margin-left: 180px;
	/*height: 120px;*/
}

#lagu-anak  {
	position: absolute;
	margin-top: 50px;
	margin-left: 322px;
	/*height: 120px;*/
}

#lagu-barat  {
	position: absolute;
	margin-top: 50px;
	margin-left: 458px;
	/*height: 120px;*/
}

#lagu-daerah  {
	position: absolute;
	margin-top: 50px;
	margin-left: 547px;
	/*height: 120px;*/
}

#lagu-melayu  {
	position: absolute;
	margin-top: 50px;
	margin-left: 661px;
	/*height: 120px;*/
}

#tangga-lagu  {
	position: absolute;
	margin-top: 50px;
	margin-left: 745px;
	/*height: 120px;*/
}

#list-artis  {
	position: absolute;
	margin-top: 50px;
	margin-left: 874px;
	margin-bottom: 120px;
	height: 100px;
	/*background: url(http://i397.photobucket.com/albums/pp57/promediaku/untukku/sisa_host.gif) top left repeat-x;*/
}



/*---------------------------------------------LIST HEADER TUTORIAL------------------------------------*/
#tutor-design  {
	position: absolute;
	margin-top: 50px;
	margin-left: 20px;
	/*height: 120px;*/
}

#tutor-hardware  {
	position: absolute;
	margin-top: 50px;
	margin-left: 180px;
	/*height: 120px;*/
}

#tutor-internet  {
	position: absolute;
	margin-top: 50px;
	margin-left: 322px;
	/*height: 120px;*/
}

#tutor-blog {
	position: absolute;
	margin-top: 50px;
	margin-left: 458px;
	/*height: 120px;*/
}

#tutor-multimedia  {
	position: absolute;
	margin-top: 50px;
	margin-left: 547px;
	/*height: 120px;*/
}

#tutor-office  {
	position: absolute;
	margin-top: 50px;
	margin-left: 661px;
	/*height: 120px;*/
}

#tutor-pemrograman  {
	position: absolute;
	margin-top: 50px;
	margin-left: 745px;
	/*height: 120px;*/
}

#tutor-software {
	position: absolute;
	margin-top: 50px;
	margin-left: 874px;
	/*height: 120px;*/
}

#sisa-tutor  {
	position: absolute;
	margin-top: 50px;
	margin-left: 1000px;
	margin-bottom: 120px;
	height: 100px;
	/*background: url(http://i397.photobucket.com/albums/pp57/promediaku/untukku/sisa_host.gif) top left repeat-x;*/
}


/*---------------------------------------------LIST HEADER REVIEW------------------------------------*/
#buku  {
	position: absolute;
	margin-top: 50px;
	margin-left: 20px;
	/*height: 120px;*/
}

#soft  {
	position: absolute;
	margin-top: 50px;
	margin-left: 180px;
	/*height: 120px;*/
}

#tempat-makan  {
	position: absolute;
	margin-top: 50px;
	margin-left: 322px;
	/*height: 120px;*/
}

#ponsel {
	position: absolute;
	margin-top: 50px;
	margin-left: 458px;
	/*height: 120px;*/
}

#gadget  {
	position: absolute;
	margin-top: 50px;
	margin-left: 547px;
	/*height: 120px;*/
}

#film  {
	position: absolute;
	margin-top: 50px;
	margin-left: 661px;
	/*height: 120px;*/
}

#musik  {
	position: absolute;
	margin-top: 50px;
	margin-left: 745px;
	/*height: 120px;*/
}

#tv {
	position: absolute;
	margin-top: 50px;
	margin-left: 874px;
	/*height: 120px;*/
}

#sisa-tutor  {
	position: absolute;
	margin-top: 50px;
	margin-left: 1000px;
	margin-bottom: 120px;
	height: 100px;
	/*background: url(http://i397.photobucket.com/albums/pp57/promediaku/untukku/sisa_host.gif) top left repeat-x;*/
}