/*  
Theme Name: ILoveFriendsterLayout v1
Theme URI: http://www.sketsa.web.id
Description: Theme baru untuk ILoveFriendsterLayout.com Bandwidth Save
Version: 1.0
Author: Nanang Joko Susanto
Author URI: http://www.sketsa.web.id

	ILoveFriendsterLayout v1
	http://www.sketsa.web.id
	Theme baru untuk ILoveFriendsterLayout v1
*/

* {font-family: Arial, sans-serif; line-height: 150%;}
body { font-size: 12px;color: #333; margin: 0px;text-align: center; background:url(images/bg.jpg) repeat-x #ea3309;}
html {overflow-y: auto;} 
h1, h2, h3, h4, h5, h6, h7{font-weight:normal; margin:0}
h1{font-size: 20px}
h2{font-size: 18px;margin: 4px 0px;}
h3{ font-size: 1.1em;}
p {text-align:left;margin: 2px 0px;}

a {text-decoration: none; color: #3b5998; outline:none;}
a:hover { text-decoration: none; color: #0c3d75;}

form { margin: 0px;padding: 0px;}
input,select,textarea,option,label { font-size: 12px;}
input.text { background-color: #efefef; border: 1px solid #ccc;}
input.button{background-color: #f80;border: 1px solid #f80;text-transform:capitalize; color: #fff;}
select{background-color: #FFFFFF;border: 1px solid #ccc;padding: 2px;}
textarea { background-color: #efefef; border: 1px solid #ccc; padding: 4px;}

td, th { padding: 4px; vertical-align: top;line-height: 150%;}
.floatRight{ float: right; margin: 0px 5px 5px 10px;}
.floatLeft{ float: left;margin: 0px 10px 5px 0px;}
.center{text-align: center;}
.left{text-align:left;}
.right{ text-align: right;}
.justify{text-align:justify;}
.clear{clear: both; font-size:1px;}
.buttonLink{padding: 4px 10px;background: #5972a8;color: #fff;font-weight: bold;}
.buttonLink:hover{padding: 4px 10px;background: #333;color: #fff;text-decoration: none;}
.image-border{padding: 4px; border: 1px solid #ccc;background: #fff;}
.hr{ background: url(images/bg-item.gif) repeat-x bottom #fff;clear:both; padding-top: 10px; margin-bottom:10px;}
a img{border: none;}

.header-top{background:#9e3f2b; height:4px; font-size:1px;}
.header{padding-top: 20px;}
.header-wrap{width: 920px; margin:auto; text-align:left;  padding: 10px 0; background: #ea3309; border: 1px solid #333;}
.header-right{width:580px; float:right;}
.logo{width:300px; float:left; padding:0;}

.main_menu{padding:25px 10px 0 0}
.main_menu ul{list-style:none; padding:0; margin:0}
.main_menu ul li{list-style:none; float:right; text-transform:uppercase; font-weight:bold;}
.main_menu ul li a{display:block; line-height:25px; background:url(images/mn_bgleft.gif) 0% 0% no-repeat; margin-right:10px; padding:0 0 0 10px; }
.main_menu ul li a span{display:block; line-height:25px; background:url(images/mn_bgright.gif) 100% 0% no-repeat; padding:0 10px 0 0; color:#fff;}
.main_menu ul li a:hover, .main_menu ul li a.active{background:url(images/mn_bgleft.gif) 0% 100% no-repeat;}
.main_menu ul li a:hover span, .main_menu ul li a.active span{background:url(images/mn_bgright.gif) 100% 100% no-repeat;}

.wrap2{width:1004px; height:500px; overflow: auto;}
.body{width:920px; text-align:left; margin:0 auto 10px auto; background:#fff; border: 1px solid #333;}

.welcome{padding:10px;}
.welcome a{font-weight: bold;}

.main{width: 570px; float:right;}
.main-content{padding: 0 10px;}
.main-content h2{padding: 5px 0 0 0;}
.sidebar{width:350px; float:left; background:#ffffcc; border-bottom: 1px solid #d1dbef;}
.sidebar-l{width:170px; float:left; padding:10px 0 0 0;}
.sidebar-r{width:180px; float:right; padding:10px 0 0 0;}
.sbox-l{margin: 0 10px 10px 0;}
.sbox-l h3{font-size:14px; font-weight:bold; padding:4px; background:#333; color:#fff;}
.sbox-l form{padding: 0 10px;}
.sbox-l form p{margin: 5px 0 !important; padding:0;}
.sbox-l form p a{font-size:11px}

.sbox-r{margin: 0 10px 10px 0 ;}
.sbox-r h3{font-size:14px; font-weight:bold; padding:4px; background:#333; color:#fff;}
.sbox-r form{padding: 0 10px;}
.sbox-r form p{margin: 5px 0 !important; padding:0;}
.sbox-r form p a{font-size:11px}


.search{background:#efefef;padding:10px; border-bottom: 1px solid #ccc;}
.search h3{font-size:14px; font-weight:bold; padding-bottom:10px;}
.search .text{width:330px; background: #fff;}

.menu{padding: 0 10px 20px 10px;}
.menu h3{font-size:14px; font-weight:bold; padding:4px 0; color:#AF0000;}
.menu ul{list-style:none; margin: 0; padding:0 4px; background:#fc0;}
.menu li{line-height: 22px; border-bottom: 1px dashed #ffc; }
.menu a{color:#333; height: 22px; line-height:22px; font-weight:bold;}
.menu a:hover{color:#Af0000;}
.menu .children li{background:url(images/arrow_131.gif) no-repeat; background-position: 4px 6px; padding:0 4px 0 16px;}
.menu .children li a{font-weight:normal;}

.pi{margin-bottom:10px; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.pi h3{font-size: 12px; padding: 4px; margin: 0; font-weight:bold; background:#efefef;}
.pi-info{ font-size: 11px;}
.pi-image{width: 300px; float: left;}
.pi img{padding: 2px; background:#fff; border: 1px solid #ddd;}
.pi-by{width:235px; float: right;}
.pi-c{
	padding: 5px 0;
}
.pi-tag{
	font-size: 11px;
}
.bi-nav{border-bottom:1px dashed #ccc; padding:4px; height:20px; }
.bi-nav .l{width:50px; float:left; color:#333;}
.bi-nav .r{width:50px; float:right; text-align:right; color:#333;}

.new_fs{padding:10px; background:#fff; border-bottom: 2px solid #ccc;}
.new_fs h3{font-size:14px; font-weight:bold; padding-bottom:10px; text-transform:uppercase;}
.npi{float:left; width:105px;}
.npi img{width:90px; background:#000; padding:2px;}

.tag{padding:10px; background:#333; color: #999;}
.tag h3{font-size:14px; font-weight:bold; text-transform:uppercase; color: #fc0; margin: 0;}
.tag a{
	color: #aaa;
}
.tag a:hover{
	color: #fff;
	font-weight: bold;
}

.preview_template{border:1px solid #333; background: #fff; text-align: center; position:absolute;}
.preview_template img{margin:2px 0;}

.footer{background:#000; padding:10px; color:#fff; border-top:1px solid #fff;}
.footer a{color:#fc0;}
.footer a:hover{color:#fc0; text-decoration:underline}
.ga_1{text-align: right;}
.ga_2{text-align:center; padding:10px; background:#333;}
.ga_3{text-align:center; padding:10px 0;}
.ga_link_single{padding: 10px 0;}

.pagebar{padding: 0 0 25px 0;}
.pagebar a{padding: 4px 6px; margin:1px; background: #4396CA; text-decoration:none; color:#fff;}
.pagebar a:hover{background: #af0000;}
.this-page{font-weight: bold; padding: 4px 6px;}

.myTitle{ text-transform:capitalize; font-family: Georgia; font-size: 24px;}

.buttonlinkbox{padding: 0;}
.buttonlinkbox a{display:block; height:30px; line-height:30px; font-weight:bold; color:#fff; margin-bottom:2px; background:#D90F0F; padding:0 10px;}
.buttonlinkbox a:hover{color:#fff; background:#000;}
.post-ratings{padding:10px 0 0 0;}

code, .code{padding: 6px;background: url(images/code_bg.gif) #efefef scroll;border: 1px solid #ccc;display: block;font-family: arial;font-size: 11px;overflow: auto;line-height: 25px;color: #333;width:475px;clear: both;}

.prevNext a{ margin: 10px 0; padding: 10px 20px; background: #D90F0F; color: #fff; display: block; text-align:center}
.prevNext a:hover{ padding: 10px 20px; background: #af0000; color: #fff;}
.prevLink{ float: left; width:160px;}
.nextLink{float: right; width: 160px;}

.list_graphic{padding:0; margin:0; list-style:none; width:520px;}
.list_graphic li{display:inline; font-size:16px; padding: 5px 10px 5px 0;}
.list_graphic a{color:#333;}
.list_graphic a:hover{color:#AF0000; }

.graphic_item{padding:10px;}
.graphic_image{width:220px; float:left;}

a{outline:none;}
.glitter_main{width:738px; float:right;}
.glitter_sdbar{width:210px; float:left;}
.glitter_style{padding:5px 0; margin-bottom:10px; border-bottom:1px solid #ddd;}
.glitter_style ul{margin:0; padding:0; list-style:none;}
.glitter_style li{width:80px; float:left;}
.glitter_style a{padding:8px 0 5px 0; text-align:center; display:block; border:1px solid #fff;}
.glitter_style a:hover{ background:#ffc; border:1px solid #f80;}
.glitter_input_text{margin-bottom:10px;}
.glitter_input_text textarea{width:200px; padding:0;}
.glitter_font ul{margin:0; padding:0; list-style:none;}
.glitter_font li{border:1px solid #fff;}
.glitter_font a{padding:5px 0; display:block; border:1px solid #fff;}
.glitter_font a:hover{ background:#ffc; border:1px solid #f80;}
.glitter_code textarea{width:700px; padding:0;}



#install_div{
	z-index: 1000; 
	position: absolute;
	width: 1000px;
	height: 600px;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
}
.install_inner{
	padding: 100px 0 0 0;
}
.install_box{
	margin: auto;
	width: 800px;
	background: #fff;
	border: 3px solid #111;
}
.install_close{
	background: #111;
	line-height: 24px;
	height: 24px;
	text-align: right;
	padding: 0 20px;
	margin-bottom: 10px;
}
.install_close a{
	color: #fc0;
}
.install_close a:hover{
	color: #f90;
}

.pagecontent img{
	margin: 10px 0;
	padding: 2px;
	border: 1px solid #ccc;
}
.pagecontent p{
	margin: 4px 0 10px 0;
}

.other{
	margin: 0;
	padding: 0 0 15px 0;
	list-style: none;
}
.other li{
	line-height: 24px;
	border-bottom: 1px solid #efefef;
}