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

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

*/

/* Body Style */
body { font-size: 12px;color: #333; margin: 0px;text-align: center;background: url(images/bg.gif) repeat-x top;}
body, p, h1,h2,h3,h4,h5,h6,div,ol,li,td,th,a,form,input,select,textarea,option,label {font-family: Arial, sans-serif;}
td, th, div{font-size: 12px;line-height: 130%;}
td, th{padding: 4px;}
h1, h2, h3, h4, h5, h6, h7{line-height: 150%;}
h1{font-size: 20px !important;font-weight: normal !important;}
h2{font-size: 12px;margin: 4px 0px;}
h3{ font-size: 1.1em; margin: 0px;}
p {text-align:left;margin: 8px 0px !important;line-height: 150%;}

/* standard Hyperlink */
a {text-decoration: none; color: #333;}
a:hover { text-decoration: none; color: #AF0000;}
ul li{padding: 4px 0;}

/* standard Form */
form { margin: 0px;padding: 0px;}
input,select,textarea,option,label { font-size: 12px;}
input.text { background-color: #fff; border: 1px solid #ccc; padding: 2px;}
input.button{background-color: #333;border: 1px solid #333;text-transform:capitalize; color: #fff;padding: 0px 4px;}
select{background-color: #FFFFFF;border: 1px solid #ccc;padding: 2px;}
textarea { background-color: #f5f5f5; border: 1px solid #efefef; line-height: 150%; width: 98%; padding: 4px 6px; overflow: hidden;}

/* standard cell */
td, th {vertical-align: top;line-height: 150%;}
td.text, td.form {padding: 4px;}
.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;}
.buttonLink{padding: 4px 10px;background: #669C19;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 center #fff;clear:both; padding: 10px 0;}
a img{border: none;}
strong{color: #af0000;}

/* layout start here */
.body{width:1004px; margin:auto;text-align:left;}
.logo{width:300px; float:left; padding-top:15px;}
.logo a{display: block; padding-left:15px;}
.blog-nav{width: 550px; float: right; height: 42px; color:#fff; text-align:right;}
.blog-nav a{color:#fff;}
.blog-nav a:hover{color:#fff; text-decoration:underline;}
.nav-container{clear:both; height: 52px; overflow: hidden;}
.nav{ list-style: none;margin:0px !important; padding: 15px 0px 0 10px;}
.nav li{ float:left; padding: 4px 10px 4px 0 !important; font-weight: bold;}
.nav li.first{ border: none !important;}
.nav li a{ color: #fff; background: #444; padding: 4px 10px;}
.nav li a:hover{ color: #fff; text-decoration: none; background:#fa0}

.footer-nav{ list-style: none;margin:0px !important; padding: 4px 0px 10px 0;}
.footer-nav li{ display: inline;}
.footer-nav li.first{ border: none !important;}
.footer-nav li a{ color: #fff; padding: 4px 10px;}
.footer-nav li a:hover{ color: #fff; text-decoration: none; background:#fa0}

/* menu kategori */
.top_menu{background: url(images/top-02.gif) no-repeat; width: 476px; float: right; height: 51px;}
.nav-container{height: 51px; overflow: hidden;}
.nav2{ list-style: none;margin:0px !important; padding: 28px 20px 0 30px;}
.nav2 li{ float:left; padding: 0 10px !important; font-weight: bold;}
.nav2 li.first{ border: none !important;}
.nav2 li a{ color: #E6FBD6;}
.nav2 li a:hover{ color: #fc0; text-decoration: none;}

/* spacer */
.top_spacer{height: 30px;}
.top_2_main{clear: both; background:url(images/top-03.gif) no-repeat top; height: 6px; font-size: 1px;}
.bottom_spacer{ clear:both; background: url(images/bottom.gif) no-repeat #fff; height:35px}

/* main layout */
.body{ width: 1004px; margin: auto; text-align: left;}
.main{float: left;width: 572px;}
.content{padding: 10px 20px;}
.bottom-wrap{ background: url(images/bottom-bg.gif) repeat-x top #111; padding: 10px 0;}

/* --------- sidebar ---------- */
.sidebar{width: 230px;float: right;margin-top: 10px;}
.sidebarContent{padding: 4px 10px 20px 10px;}
.menu{}
.menu h3, .latest h3{font-size: 12px;color: #fff;background: #202020;padding: 6px 8px;margin: 0px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.menu ul, .latest ul, ul.children{list-style-type: none;margin: 0px;padding:0px;}
.menu ul li, .latest ul li , ul.children li{margin: 0px;padding: 0px;}
.menu ul li a, .latest ul li a, ul.children li a{display: block;color: #333;border-bottom: 1px dashed #ccc;}
.menu ul li a, .latest ul li a{font-weight: bold;width: 194px;padding: 4px 8px;color: #333;}
.menu ul li a:hover, .latest ul li a:hover{background: #444;color: #fff;text-decoration: none;}
ul.children li a{font-weight: normal;width: 180px;padding: 4px 15px; font-size: 11px;}
ul.children li a:hover{background: #444;color: #fff;text-decoration: none;}

/* ads */
.addGoogle01{text-align: center;float: right;width: 200px;padding: 10px 0px; margin-top: 14px; background: #efefef;}
.addGoogle02{width: 430px;float: right;margin-top: 20px; padding-bottom: 10px;}
.addGoogle03{background: #E4EF97;text-align: center;padding: 10px 0;margin-bottom: 10px;}

/* bottom */
.footer{ text-align:center; padding:10px 10px 5px 10px; color: #fff}
.footer a{ color: #fff; }
.footer a strong{ color: #fc0 !important; }
.footer a:hover{ color: #fc0; }

/* search */
.search{padding: 10px 20px;}
.search form{ text-align: right; color: #fff; font-weight: bold;}
#s{background: #fff;border: 1px solid #fff !important;width: 150px;}

/* standard post */
.myTitle{padding-bottom: 0px; margin-bottom: 0px}
.post{ background: #fff;}
.post-content{ padding: 0;}
.post-category-main{ padding: 10px 0; text-transform: uppercase; font-size: 14px; font-weight: bold}
.post-item{width: 160px; height: 180px; float: left; text-align: center; background: #efefef; border: 1px solid #ccc; margin: 0 10px 10px 0; overflow: hidden}
.post-item h2{font-size: 12px; padding: 4px 10px; margin: 0}
.post-item-info{ font-size: 11px;}
.post-item img{ padding: 4px; background: #fff; border: 1px solid #ccc;}
.post-item-content{padding: 10px 0;}

/*latest-post*/
#latest-post{ clear: both; padding:10px 0}
#latest-article{ padding: 10px 0px 10px 25px; background: #fff;}
#latest-article .post-item{clear: none; width: 305px; float: left; margin-right: 20px;}
#latest-article .post-item h2{font-size: 12px; font-weight: bold;}

/* banner */
.banner{ text-align: center;}
.banner-info{ display: none;}
.banner-item a img{border: 1px solid #ddd !important; padding: 2px; background: #fff;}
.banner-item a:hover img{ background: #ECE4B5;}
#banner-3 .banner-item{padding: 0 0 4px 0}

/* comment */
.prevNext a{ margin-top: 20px; padding: 10px 20px; background: #f90; color: #fff; display: block; text-align:center}
.prevNext a:hover{ padding: 10px 20px; background: #fc0; color: #fff;}
.prevLink{ float: left; width:160px;}
.nextLink{float: right; width: 160px;}

.feature td{padding: 7px 0;}
.feature a img{border: 1px solid #ddd;}
.feature a:hover img{border: 1px solid #333;}

.latest-job{}
.latest-job ul{margin:0px; padding: 0px; list-style: none;}
.latest-job li{padding: 4px 0; border-bottom: 1px solid #efefef;}
.latest-job a{ color: #333;}
.latest-job a:hover{ color: #af0000; font-weight: bold; font-size: 18px;}

.today{background: #444;padding: 10px;text-align: center;color: #fff;}
.today-date{font-size: 40px;}
.today-month{font-size: 18px;}
.today-is{padding: 4px;}
.last-apply{width: 190px;padding: 10px !important;float: right;background: #666;color: #fff;margin: 4px 0px 5px 15px !important;border: 1px solid #444;text-align: center;}

/* job info */
.job-info{ float: right; width: 215px; margin: 10px 10px 10px 20px;}
.job-info h3{background: #ccc; font-size: 12px; padding: 4px 10px;}
.job-info ul{margin:0px; padding: 0px; list-style: none;}
.job-info li{ padding: 4px 10px; border-bottom: 1px solid #efefef; font-size: 11px;}
.post-meta-key{font-weight: bold; font-size: 11px;}
.myinfo{padding: 0 0 10px 0; font-size: 11px;}

.post-entry{
	border-bottom: 1px dashed #ccc;
	padding: 10px;
	clear: both;
}

.content p, .content li{ line-height: 24px !important;}


.sidebar-latest-job{}
.sidebar-latest-job h2{font-size: 12px;color: #fff;background: #202020;padding: 6px 8px;margin: 0px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.sidebar-latest-job ul{list-style-type: none;margin: 0px;padding:0px;}
.sidebar-latest-job ul li{line-height: 18px; padding: 2px 8px; border-bottom: 1px dashed #ccc; text-align: left;}