/*  
Theme Name: Unionship Tan Jabok 
Description: This Theme was develop by <a href="http://andodinejad.insancendekia.org">Abdullah Arifianto</a> that applied  on Tan Jabok Networks Website | Develop under project that handled by Tan Jabok it self. 
Version: 1.0
Author: TanJabok
Author URI:  http://tanjabok.com
*/


body{
color:#666666;
font-family: Verdana, Sans-Serif;
font-size:10px;
background:#ECEBCC;
margin:0;
padding:0;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:none;
}
#wrap{
width:842px;
margin:auto;
}
/*header*/
#proheader{
padding-top:3px;
text-align:right;
}
#proheader a{
color:#999999;
}
#proheader a:hover{
color:#A60000;
}
#header{
width:810px;
padding:15px 10px 5px 20px;
font-size:30px;
color:#333333; /*#E2DFB6 #D6D198*/
}
#header span{
color:#A60000;
}
#headmenu{
width:830px;
text-align:right;
padding:0px 10px 10px 10px;
font-size:9px;
color:#FF9900;
}
#headmenu a{
color:#999999;
}
#headmenu a:hover{
color:#FF9900;
}
/*tengah*/
#tengah{
width:800px;
height:405px;
padding:20px;
border: 1px solid #D6D198;
background:#FFFFFF;
overflow:hidden;
}
#tengahx{
width:800px;
padding:20px;
border: 1px solid #D6D198;
background:#FFFFFF;
overflow:hidden;
}
#kiri{
width:300px;
overflow:hidden;
float:left;
height:380px;
}
#kirix{
width:180px;
overflow:hidden;
float:left;
}
#kirix a{
color:#666666;
}
#kirix a:visited{
color:#666666;
}
#lmenu{
background:#ECEBCC url(images/arrow.png) no-repeat right;
padding:5px;
margin-bottom:5px;
height:12px;
}
#lmenux{
background:#A60000 url(images/arrow.png) no-repeat right;
color:#CCCCCC;
padding:5px;
margin-bottom:5px;
height:12px;
}
#lmenux a{
color:#CCCCCC;
}
#lmenu:hover{
background:#A60000 url(images/arrow.png) no-repeat right;
color:#CCCCCC;
}
#lmenu:hover a{
color:#CCCCCC;
}
#lmenux a:visited{
color:#333333;
}
#ladbox{
border-bottom:1px solid #D6D198;
padding:10px 0px 10px 0px;
}
#kanan{
padding-left:25px;
padding-right:25px;
width:350px;
overflow:hidden;
float:left;
height:380px;
margin-bottom:1px;
}
#kananx{
padding-left:25px;
padding-right:25px;
width:570px;
overflow:hidden;
float:left;
margin-bottom:1px;
}
#kananx a{
color:#A60000;
}
#kanan img{
border:none;
}
#kananatas{
width:350px;
padding:0px;
}
#kanan1{
width:160px;
padding:10px 15px 15px 0px;
border-right:1px solid #D6D198;
float:left;
margin-bottom:4px;
border-top:1px solid #D6D198;
height:40px;
}
#kanan2{
width:160px;
padding:10px 0px 15px 14px;
float:left;
margin-bottom:4px;
border-top:1px solid #D6D198;
height:40px;
}
#iconleft{
float:left;
width:180px;
padding:10px 0px 15px 0px;
border-bottom:1px solid #ECEBCC;
margin-bottom:10px;
height:40px;
}
#iconleft img{
border:none;
text-align:center;
}
#iconleft a{
border:none;
}
h1{
font-size:22px;
color:#A60000;
font-family:times new roman, sans serif;
padding:10px 0px 0px 0px;
border-bottom:1px solid #CCCCCC;
height:30px;
margin:0px;
font-weight:normal;
}
h1 a {
color:#A60000;
}
h2{
color:#A60000;
font-size:18px;
font-family:times new roman, sans serif;
padding:10px 0px 0px 0px;
border-bottom:1px solid #CCCCCC;
height:30px;
margin:0px;
font-weight:normal;
}
h1 a, h2 a{
color:#A60000;
}
h1 a:hover, h2 a:hover{
color:#D6D198;
}
#panel{
width:100%;
overflow:hidden;
float:left;
overflow:hidden;
margin-top:10px;
border-top:1px solid #D6D198;
}
#panel img{
float:left;
margin:2px;
padding:1px;
border:1px solid #CCCCCC;
}
#panel img:hover{
border:1px solid #000000;
}
#imgbox{
overflow:hidden;
}
#imgbox img{
height:40px;
width:40px;
}
#imgtitle{
height:55px;
border-top:2px dotted #D6D198;
}
#blogs{
overflow:hidden;
width:100%;
border-bottom:1px solid #D6D198;
}
#blogsup{
overflow:hidden;
width:100%;
border-bottom:1px solid #D6D198;
height:38px;
}
#blogupdates{
padding-top:7px;
width:450px;
float:left;
display:block;
}
#blogupdates a{
color:#A60000;
}
#blogupdates2{
padding-top:7px;
width:350px;
float:left;
display:block;
}
#blogupdates2 a{
color:#A60000;
}
/*footer*/
#footer{
margin:5px 30px 5px 5px;
width:805px;
float:left;
color:#999999;
font-size:9px;
}
#footer span{
font-size:10px;
color:#999999;
}
#footer a{
color:#999999;
}
#footer a:hover{
color:#000000;
}
/*contentmenu*/
#contentmenu{
float:right;
border:1px solid #CCCCCC;
padding:5px;
margin:10px 0px 5px 5px;
width:210px;
}
#contentmenu a{
color:#CC3333;
}
#contentmenu a:hover{
color:#A60000;
font-weight:bold;
}
#contentmenux{
float:right;
padding:5px;
margin:10px 0px 5px 5px;
}
/*content*/
#singlecontent{
width:100%;
margin-top:20px;
}
#singlecontent p{
line-height:20px;
text-align:justify;
}
/*comment*/
#commenticon{
background:url(images/commenticon.png) no-repeat top right;
} 
/*share*/
#share{
border:1px solid #D6D198;
background:#ECEBCC;
padding:2px;
overflow:hidden;
margin-top:5px;
}
#facebook{
float:left;
margin:0px 20px;
}
#twitter{
float:left;
margin-bottom:-2px;
}
#sharebutton{
float:left;
}
/*ticker*/
#newsticker-title {
width:70px;
float:left;
margin-right:9px;
border-right:1px solid #D6D198;
}

#newsticker-jcarousellite { width:370px; float:left;padding:0px;}
#newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px;}
#newsticker-jcarousellite .info {width:370px; height:30px; }
#newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#000000; }

.clear { clear: both; }