/* 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: #AF0000;}
a:hover { text-decoration: none; color: #333;}

/* 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: #af0000;border: 1px solid #780000;text-transform:capitalize; color: #fff;padding: 2px 10px;}
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 bottom #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; padding-top:6px; 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}

/* 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;}
.header{ background: #3A3A3A;height: 158px;}
.main_wrap{background: url(images/main-bg.gif) repeat-y; width: 1004px;}
.main{ width: 784px; float: right;}
.main-content{ padding: 0 15px 15px 0 ; }
.bottom-wrap{ background: url(images/bottom-bg.gif) repeat-x top #111; padding: 10px 0;}

/*sidebar*/
.sidebar{ width: 220px;float: left;}
.sidebar-content{padding: 0px 0 0 15px;}
.sidebar-ads{background: #efefef; padding: 15px; text-align: center;}
.ads-item{ height: 120px;}
.coverletter-info{padding: 0 0 0 15px;}

.welcome{padding: 0px 15px 10px 15px;}
.coverouter{border: 1px solid #ccc; border-right: 4px solid #aaa; border-bottom: 2px solid #aaa;}
.coverletter{ background: #fff; border: 4px solid #ddd;}
.coverinner{border: 1px solid #ccc; padding: 40px 30px 100px 30px;}
.pdf{ padding: 10px 0; text-align:center; background: #ccc; width: 410px; float:left;}
.pdf .button{padding: 2px;}
.cat{text-align:right; margin: 15px 15px 0px 15px; text-transform: uppercase; font-weight: bold; font-size: 14px; border-bottom: 2px solid #ccc;}
.cat h1{margin: 0px; padding: 4px 2px 10px 2px;}
.cat span{color: #af0000;}
.likeParagraph{padding: 4px; border: 1px solid #fff; line-height: 20px;}
textarea{line-height: 20px; white-space:pre}
.button2{background-color: #ddd;border: 1px solid #ccc;text-transform:capitalize;padding: 2px 4px;}
.setting{padding: 15px; background: #ddd; margin-right: 15px;}

.category{padding: 15px 10px 10px 10px; color: #fff; font-weight: bold;}
#pagenav{width: 300px; float: right;}
.pagebar{padding: 10px 20px; text-align: center;}
.pagebar a{padding: 4px 6px; border: 1px solid #999; color: #333;}
.pagebar a:hover{ border: 1px solid #333; background: #af0000; color: #fff;}
.this-page{font-weight: bold; padding: 6px;}


/* 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 h3{color: #fff; padding: 4px 0; text-transform: uppercase;}
.search form{ text-align: right; color: #fff; font-weight: bold;}
.search .text{ border: 1px solid #fff; background: #fff; width: 130px; color: #333; padding: 2px 4px;font-weight: normal;}
.search .button{ background: #333 !important; border: 1px solid #333 !important; padding: 1px 1px;}

/* 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 */
.mycomment{padding: 10px 0;}
.commentlist{margin: 0px; padding: 0px;}
.commentlist li{list-style: none; background: #E4F9C1; padding: 10px; margin-top: 10px;margin-bottom: 10px;}
.commentlist li span{font-weight: bold;}
#commentform{padding: 10px;}
#author, #email, #url, #comment{border: 1px solid #ccc;}
#comment{width: 50%;}
#submit, .btn{ background-color: #f80;border: 1px solid #f80;text-transform:capitalize;color: #fff;padding: 4px 10px;}
#respond{padding-top: 20px;}
.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;}

.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}

.tag-cloude a{padding: 0 10px ;}
.likeParagraph img{padding: 4px; margin: 4px; border: 1px solid #ccc;}