/*  
Theme Name: jc
Theme URI: http://solusidesain.com/
Description: Designed by <a href="http://www.solusidesain.com/">adam</a>Author: Yaufani Adam
Author URI: http://solusidesain.com*/

/* ~~~~~~~~~~~~~~~~~~ LAYOUT ~~~~~~~~~~~~~~~~~~~~~ */
* {margin:0px; padding:0px;}
body {			
background:#ececec;	
}
#pagecontainer { 	
width:1000px; 	
margin:0 auto;		
margin-top:0px;			
background:#f2f2f2;	
} 	
#header {	
height:70px;		
background:#ededed url(images/header2.jpg) bottom left repeat-x;	
padding:0 5px 5px 10px;	
}     	
#topnavigation {		
width:985px; 	
height:32px;		
background:#ededed url(images/nav.jpg) bottom left repeat-x;	
padding:0px 0px 5px 15px;	
}
#wrap { 			
height:auto;	
margin-top:-0px;	
}	
#content-single {		
width:750px;	
float:left;	
padding:25px 10px 10px 20px;		
}
#right {		
width:200px; 	
float:left;	
padding:0px;	
color:#333;	
margin:25px 20px 0 0;	
}	
#footer { 	
height: 50px;	
clear:both;	
background:#ececec;		
padding:10px 10px 10px 30px;	
color:#333;font:normal  8pt verdana; 	
line-height:12pt;	
border-top:1px solid #ccc;		
}
.footer a {
color:#506c8d;
}	
.footer-left{
width:440px;
float:left;
height:50px;
}
.footer-right{
width:440px;
float:right;
height:50px;
text-align:right;
}
/* ~~~~~~~~~~~~~~~~~~ BANNER ~~~~~~~~~~~~~~~~~~~~~ */
.bannerbody {	
width:800px; 	
margin:0 auto; 	
height:100px;	
background:#ccc;	
}
.bannerhead {	
float:right; 	
margin-right:5px;	
margin-top:10px;	
text-align:right;	
font-family:arial;	
background:#ccc;	
width:600px;	
height:90px;	
}
/* ~~~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~~~~~ */	
.logo {	
margin-left:15px;		
width:280px;		
}
.logo h1 a{				
display:block;		
border:none;	
height:90px;	
}
.cari {	
font-size:11px;	
}
input.cari{ 	
padding:2px; 	
width:150px;	
background: url(images/search.gif) center right no-repeat;	
border:1px solid #ccc;		
}	
.logo h1 a img {border:none;}
/* ~~~~~~~~~~~~~~~~~~ DEFAULT LIST ~~~~~~~~~~~~~~~~~~~~~ */
.list{ 
list-style:none;
padding:0;
}
.list ul{
list-style:none;	
font-weight:bold;	
margin:0;	
}	
.list li a{ 	
display:block; 	
border-bottom:1px solid #ddd;	
text-decoration:none;	
padding:0px 0 4px 	0px;	
color:#333;		
}
.list li li a:hover{	
color:#666	
}
.list li .current_page_item a{ 	
background:#f7fcff;	
}
.list li li  .current_page_item a{	
font-weight:bold;	
}
.list li li li .current_page_item a{	
font-style:italic;		
font-weight:normal;	
}
.list ul ul {	
margin-left:0px; 	
font-weight:normal;	
margin-bottom:20px;	
margin-left:0px;	
}
.list ul ul ul{	
margin-left:0px; 	
font-weight:normal;	
font-style:italic;	
}
.list ul h2 {	
font:bold 20px arial;	
letter-spacing:-1px;	
margin-bottom:0px;	
color:#676767;		
margin-top:0px; 		
padding:10px 0 7px 10px;	
}
.list  ul a {
border-bottom:1px solid #ddd;
}
.list  li li {	
padding:2px 0 4px 10px;
}
.textwidget img {
margin-left:8px; 
margin-bottom:6px;
}
/* ~~~~~~~~~~~~~~~~~~ FONTS ~~~~~~~~~~~~~~~~~~~~~~~~ */
body{ 		
color:#333;	
font:normal  14px arial;		
line-height:1.5em;	
}
a {color:#8ba6c4;}
a:hover{color:#ccc;}
.post h1, .post h1 a{	
border:none;	
line-height:30px;	
margin-top:0px;	
font:bold 26px arial;	
color:#000;	
text-decoration:none;	
letter-spacing:-2px;	
}
.post h1 a:hover{	
color:#666;		
}
/* heading untuk body text */
h2, h3, h4, h5, h6 {	
font-family:arial;	
font-weight:normal;	
}
.post h2 {		
margin:10px 0 10px 0;	
font-size:22px; 	
}
.post h3 {	
font-size:10pt;	
margin:10px 0 10px 0;	
font-size:21px;	
}
.post h4 {	
font-size:19px;		
}
.post h5 {	
font-size:18px;	
}
.post h6 {	
font-size:17px;	
}
.post p { 	
margin-bottom:10px;	
line-height:20px;		
}
.post { 	
margin:0px;	
padding:30px;	
background:#fff;	
border:1px solid #ccc;	
}
.post a{color:#8ba6c4;}
.post a:hover{color:#ccc;}
.post-text {	margin:10px 0 5px 0;	}
.post img { padding:4px;}
.post a img {	border:none;	}
.post ul, 
.post ol {
margin-left:25px;
margin-top:10px;
}
.date { 		
color:#a3a3a3;	
padding:0px 0px 5px 0px;	
font-size:11px;		
}
.alignright  { 	
float:right; 	
width:300px;	
text-align:right;	
margin:10px 0 10px 10px;	
}
.alignleft { 	
float:left; 	
text-align:left;	
width:250px;	
margin:10px 10px 10px 0px;	
}

.thumbs img {	
width:150px;	
height:auto;	
margin: 0 20px 20px 0;	
float:left;}
img.aligncenter{ 
width:560px; 
padding:15px 35px 15px 35px; 
background:#ddd;
height:auto;
margin-left:25px;
}
.separator { 		
border-top:1px solid #3e5671;	
margin:20px 0 20px 0;	
clear:both;height:40px;	}
.clear {	clear:both;	}
blockquote {	
color:#000;	
width:220px;	
padding:5px;	
float:left;	
font:bold 25px arial;	
padding:20px 0 0 20px;	
background:url(images/quote.jpg) top left no-repeat;	
text-align:right;	
margin: 0 10px  5px 0;	
}
blockquote strong{	
color:#333;	
font:bold 25px arial black;	
line-height:20px;	
text-align:right;	
}
/* ------------------------- BREADCRUMB--------------- */
.breadcrumb {	
border-bottom:1px solid #3e5671;	
font-size:11px;	
padding:0 0 3px 0px;	
height:20px;	
margin:0px 0px 10px 0px;	
}
/* ~~~~~~~~~~~~~~~~~~ COMMENT ~~~~~~~~~~~~~~~~~~~~~~~~ */
.comments {
width:688px;
background:#fff;
border:1px solid #ccc;
padding:30px;
}
.comments  h3{ color:#333;}
ol.commentlist {
padding:0px;
margin-left:0px;
font-size:10px;
list-style:none; 
}
.comments ul{list-style:none;margin-left:0px;}
div.comment-body{
border:1px solid #efefef;
padding:10px;
font-size:12px;
margin:0px;
clear:both;
}
ol li.odd{background:url(images/bgcomment2.jpg) top left repeat-x;}
ol li.even{background:url(images/bgcomment.jpg) top left repeat-x;}
ul.children li{
background:url(images/bgchild.jpg) top left no-repeat; 
margin-left:8px;padding-left:20px;
}
ol.commentlist  p{ margin-top:10px;}
.commentmetadata a {
text-decoration:none; 
float:right; 
font:bold 11px arial; 
color:#ccc;
}
.comment-author  {float:left;}
.comment-author  cite {font:bold 16px arial}
.comment-author img {display:none;}
.comments textarea {width:500px;}
.comments input {
margin:3px 0px 3px 0px;
padding:3px;
}
li div .reply{
background:#fefefe; 
width:35px;
padding:2px;
margin-top:10px; 
border:1px double #ddd;
text-align:center;
font-weight:bold;
}
ul.children div 
.reply a{padding:0px; border-bottom:none; }
.reply a:hover{color:#b25408}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ PAGENAVY ~~~~~~~~~~~~~~~~~~~~~~~ */
.Nav a {	
padding:2px 4px 2px 4px;		
border:1px solid #8ba6c4;	
color:#8ba6c4;	
font-size:10px;	
margin:0 5px 0 0;	
}
.Nav a:hover {	
padding:2px 4px 2px 4px;	
border:1px solid #ccc;	
color:#ccc;	
text-decoration:none;	
font-size:10px;	
margin:0 5px 0 0;	
}
.Nav .on {	
padding:2px 4px 2px 4px;	
border:1px solid #ccc;	
color:#ccc;	
font-size:10px;	
margin:0 5px 0 0;	
}
.Nav span {	
padding:2px 4px 2px 4px;	
display:none;	
font-size:10px;	
margin:0 5px 0 0;	
color:#999;	
}