/*   
	Theme Name: Bisnis Jabar BlueSpark (Mobile)
	Theme URI: http://www.bisnis-jabar.com
	Description: Special thanks to www.solopos.com. Last Modified by Ahmad Kusumadijaya & Muhammad Riza Alifi
	Author: Bisnis Jabar
	Author URI: http://www.bisnis-jabar.com
	Version: 1.2
*/

* { margin:0; padding:0; border:0; outline:0; }

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { display: inline; float: right; }
img.alignleft { display: inline; float: left; }

a:link, a:visited { color:#0372fb; }
a:link, a:visited { text-decoration: none; font-weight: bold; }
a:hover { text-decoration:none; color: #333; }

body { font-size:12px; font-family:Arial, Helvetica, sans-serif; //background:#333; }

#logo { background: #FFF; position:relative; }
#logo h1 { font-size:22px; font-weight:normal; padding:5px; }
#logo h1 a { color:#FFF; }
#logo h2 { font-size:9px; padding:4px 4px 4px 10px; font-weight:normal; color:#fff; text-transform:uppercase;  background-color:#000; }

#wrapper { width: ?php echo $mob_width; ?>; }
.entry {  }

.post img { float:left; height:auto; padding:5px; max-height: 200px; max-width: 300px; }
.aligncenter {  }
.alignleft { float:left; }
.alignright { float:right; }

.mobile_rss { display:block; width:18px; height:14px; position:absolute; right:0px; bottom:-20px; }

div.titles { font-family: Arial, Helvetica, Georgia, Sans-serif; color:#0054ff; padding-left: 10px; padding-right: 10px; }

.title_link a:link { text-decoration: none;color: #0054ff; }
.title_link a:visited { text-decoration: none; color: #0054ff; }
.title_link a:hover { text-decoration: none; color: #cccccc; }

#container { width:100%; }
.nav-latest-news { float: left; width: 100%; background: #EFEFEF; color: #333; padding: 5px 0 5px; border-top: 1px solid #CCC; }
.nav-latest-news a { color: #333; text-shadow: 0.1em 0.1em 0.2em #FFF; font-size: 13px; }
.nav-latest-news a:hover { text-decoration: underline; }

.other-news { margin-left: 5px; }
.other-news .widget-title { font-size: 14px; line-height: 20px; margin-bottom: 10px; }
.other-news ul { margin-left: 25px; list-style: square; }
.other-news ul li { line-height: 16px; text-transform: capitalize; }
.other-news ul li a { color: #026292; font-size: 13px; line-height: 20px; }
.other-news ul li a:hover { text-decoration: underline; }

#form_search { float: left; width: 100%; background:#c6dfeb; padding:5px 0 5px; }
#form_search label { font-size: 13px; font-weight: bold; color: #333; text-shadow: 0.1em 0.1em 0.2em #FFF; }
#form_search #s { height: 18px; }

h1{ font-size: 26px; font-weight:bold; }
div.subtitle { font-size: 14px; }

.date { font: normal 11px/normal Sans-serif; color: #666; margin-left: 5px; }
.date a { color: #026292; font-weight: bold; }
.date a:hover { text-decoration: underline; }

.title { color: #000; padding: 5px; }
.title a { color: #000; font:normal 12px/normal arial; }
.title a:hover { color: #f83c0a; text-decoration:underline; }
.title2 { padding: 5px 0 5px; float: left; width: 100%; }
.title2 a { padding: 0 5px 0; color: #000; font:bold 13px/normal arial; text-transform: capitalize; text-shadow: 0.1em 0.1em 0.1em #FFF; display: block; }
.title2 a:hover { color: #cc3300; }
.title2 img { float:left; width: 60px; height:40px; display:inline; float:left; margin:0 5px 0 0; box-shadow: 0.1em 0.1em 0.1em #a8a8a8; }
.title3 { float: left; width: 100%; padding: 5px 0 5px; }
.title3 a { color: #000; font:bold 13px/normal arial; margin-left: 20px; text-shadow: 0.1em 0.1em 0.1em #FFF; display: block; }
.title3 a:hover { color: #f83c0a; }
/* Archive Lists */
.title4 { float: left; width: 100%; padding: 5px 0 5px; }
.title4 a { color: #000; font:bold 13px/normal arial; margin-left: 5px; text-shadow: 0.1em 0.1em 0.1em #FFF; display: block; }
.title4 a:hover { color: #f83c0a; }
.title4 .date { font-weight: normal; }

#category ul li { width:auto; }

.odd { background:#dbe8f1; //padding:5px; min-height: 55.75px; }
.even { background:#ebf2f7; //padding:5px; min-height: 55.75px; }
.odd-small { background:#dbe8f1; //padding:5px; }
.even-small { background:#ebf2f7; //padding:5px; }
.odd-mini-list { padding:5px 0 5px; background: #ebf2f7 url(images/icon.png) no-repeat left 9px; }
.even-mini-list { padding:5px 0 5px; background: #ebf2f7 url(images/icon.png) no-repeat left 9px; }

.share-bar { color: #000000; background: #EDEFF3; border: 1px solid #ccc; padding:2px; margin:4px 0px 4px 2px; }
.share-bar a { color: #026292; }
.share-bar a:hover { text-decoration: underline; }
.post { margin:2px 5px 10px 0px; clear:both; border-bottom:1px solid #E2E2E2; }
.post h2 { font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 18px; font-weight:bold; text-transform: capitalize; }
.post h2 a:link { text-decoration: none; }
.post h2 a:visited { text-decoration: none; }
.post h2 a:hover { color:#333; }

.comment_body_author { font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 12px; color: #333333; line-height: 18px; font-weight: bold; }
.comment_body_meta { font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 12px;color: #333333;line-height: 18px; }
.comment_body_text { font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 12px;color: #333333;line-height: 18px; }
p { padding: 10px 0 0 0; }

.navigation { font: bold 12px/normal arial; text-align: center; }
.sidebar { margin-left:5px; margin-right:5px; padding:5px 5px 5px 5px; border-top:1px solid #000; border-bottom:1px solid #000; background:#eee; }
.sidebar ul { list-style-type:none; margin:0; padding:0; margin-right:25px; }
.sidebar ul li { font-family: Arial, Helvetica, Georgia, Sans-serif; padding: 10px 0 10px 0; }
.sidebar ul li h2{ padding-bottom:10px; font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 16px; color:#222222;font-weight:bold; }
.sidebar ul ul li{ font:normal 12px Arial; padding: 0 0 0 14px; line-height:18px; border-bottom-style:none; }
.sidebar a:hover { text-decoration:underline; color:#333; }

/* Comments */
.comments-box { zoom: 1; margin: 30px 0 0 0; }
.comments-box img { vertical-align: middle; }
.comments-box h3 { color: #333; font-size: 1.4em; letter-spacing: 0; margin: 0; padding: 0 0 5px 0; border-bottom: 1px solid #ccc; }
#respond { background: #fff; margin: 20px 0 0 0; padding: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -khtml-border-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; }
#respond p { color: #777; line-height: 1.4em; margin: 10px 0 0 0; }
.cancel-comment-reply { padding: 5px 0 0 0; text-decoration:underline; }
.cancel-comment-reply a { color: #ff0000; font-style:italic; }
.text { border: 1px solid #ddd;padding: 2px;color: #777;width: 200px; }

/* Framework for Comments */
ol.commentlist a:link { text-decoration: none; }
ol.commentlist li div.vcard cite.fn a.url:hover { text-decoration: none; }
ol.commentlist { margin: 10px 0 0 0; padding: 0; background: #fff; }
ol.commentlist li { margin: 10px 0 10px 0; padding: 10px; list-style-type: none; border: 1px solid #e9e9e9; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -khtml-border-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; }
ol.commentlist li.alt { background: #efefef; }
ol.commentlist li div.vcard cite.fn { font-style: normal; font-weight: bold; }
ol.commentlist li div.vcard cite.fn a.url { color: #222; }
ol.commentlist li div.vcard img.avatar { //float: right; }
ol.commentlist li div.vcard img.avatar-32 { padding: 2px; background: #fff; border: 1px solid #ddd; }
ol.commentlist li div.vcard img.photo { padding: 2px; background: #fff; border: 1px solid #ddd; width: 25px; height: 25px; margin-right: 5px; }
ol.commentlist li div.vcard span.says { color: #888; }
ol.commentlist li div.comment-meta { margin: 3px 0 0 0; font-size: 0.9em; }
ol.commentlist li div.comment-meta a { color: #aaa; text-decoration:none; }
ol.commentlist li p { margin: 15px 0 0 0; line-height: 1.4em; }
ol.commentlist li div.reply { background: #ccc; color: #333; width: 33px; margin: 10px 0 0 0; padding: 2px 5px 2px 5px; line-height: 16px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -khtml-border-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; }
ol.commentlist li div.reply a { color: #fff !important; }
ol.commentlist li div.reply a:hover { color: #fff !important; text-decoration: none; }
ol.commentlist li ul.children li { margin: 10px 0 0 0; background: #fff; border: 1px solid #e9e9e9; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -khtml-border-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; }
ol.commentlist li ul.children li li.alt { background: #fff; }

/* Comment Form */
#commentform { margin-top: 5px; }
#commentform input { width: 160px; margin: 2px 5px 1px 0; padding: 5px; border: 1px solid #ddd; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#commentform input:focus { border: 1px solid #191919; }
#commentform .author { padding: 3px 3px 3px 5px;background: fff;color: #666; }
#commentform .email { padding: 3px 3px 3px 5px;background: fff;color: #666; }
#commentform .url { padding: 3px 3px 3px 5px;background: fff;color: #666; }
#commentform textarea { width: 100%; height: 100px; padding: 2px; border: 1px solid #ddd; font-family:Arial, Helvetica, sans-serif; }
#commentform textarea:focus { border: 1px solid #191919; }
#commentform .submit { margin: 0; padding: 4px; color: #999; font-weight: bold; border: 1px solid #ddd; background: #f8f8f8; width: 155px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -khtml-border-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; }
#commentform .submit :hover { background: #333; border: 1px solid #191919; text-decoration: underline; color: #fff; }

#topsearch { margin:10px; }
#ls { width:100px; border:1px solid #0468fe; padding:3px 3px 3px 5px; font-family:Arial; font-size:11px; background:#fae8b2; }
.searchbutton { border:1px solid #ccc; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
h2.search { float: left; width: 100%; font-size: 18px; font-weight: normal; background: rgb(24, 153, 191); font: bold 13px arial;
padding: 5px;
text-shadow: 0.1em 0.1em 0.2em rgb(65, 65, 66); color: #FFF; }

/*--- Content Styling ---*/
.content { font: normal 14px/normal arial; padding:5px; text-align:left; }
.content p { margin-bottom:10px; font: normal 14px/normal arial; }
.content a { color: rgb(2, 98, 146); }
.content a:hover { text-decoration: underline; }
.content ul, .content ol  { margin:20px; }
.content ul li, .content ol li { margin:5px; list-style: square; }
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { margin-bottom:20px; }
.alignleft { float:left; margin:0 0 0 2px; }
.alignright { float:right; margin:0 2px 0 0; }
.alignnone {  }
.aligncenter { float:center; }
.content blockquote { margin:0 0 0 20px; padding:10px 10px 5px 40px;}
.wp-caption img { //display:none; }
p.wp-caption-text { color:#ff0000; font:normal 11px/14px sans-serif; padding-right: 5px; max-width: 305px; text-align: center; }

.goleft a { float:left; padding:5px; text-decoration:underline; }
.goright a { float:right; text-decoration:underline; padding:5px; }

/* Categories */
#navcats-wrapp{ width: 100%; }
#navcats {
	float: left;
	width: 100%;
	height: auto !important;
	background: #026292;
	//z-index: 1000;
	padding: 7px 0 7px;
	margin:0 auto;
	overflow: hidden;
	text-align: center;
}
//#navcats .site { margin: 0 auto; }
#navcats ul li{ display:block; float:left; font: normal 10px/normal arial; text-transform:capitalize; border-right:1px solid #CCC; }
#navcats ul li.first{ padding:0;background:none; }
#navcats ul li a { font:bold 13px/normal Arial; color:#FFF; height:14px; padding: 3px 5px 3px 5px; }
#navcats ul li.first a{ //padding:2px 2px 2px 2px; }
#navcats ul li a:link, #navcats ul li a:visited { text-decoration:none; text-shadow: 0.1em 0.1em 0.2em rgb(65, 65, 66); }
#navcats ul li a:hover, #navcats .select a{ color: #1170A0; text-decoration:none; background: #ee4b15; color: #fff; }
#navcats .current-cat a { text-decoration:none; background:#ee4b15; color: #fff; }

/* 1st sub level menu */
#navcats ul li ul{ position: absolute; left: 0; display: block; visibility: hidden; margin:0; padding:0; border-bottom:1px solid #fff; z-index:995; }
.wp-pagenavi { clear: both; }
.wp-pagenavi a, .wp-pagenavi span { padding:1px auto; font: bold 11px/normal arial; color: #FF6600; background: #333; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { text-decoration:none;background: #fff; }
.wp-pagenavi span.current { color: #fff;text-decoration:none;background: #0273ff; }

.head_cat, .head_cat2, .head_cat3, .head_cat4, .head_cat5, .head_cat6 { float: left; width: 100%; background:#1899BF; padding: 5px 0 5px; }
.title_cat, .title_cat2, .title_cat3, .title_cat4, .title_cat5, .title_cat6 { color:#fff; font: bold 13px/normal arial; text-shadow: #414142 0.1em 0.1em 0.2em; }

.kiri { float: left; margin-left: 5px; }
.kanan { float: right; margin-right: 5px; }
.kanan a { color: #fff; font:bold 13px/normal arial; text-shadow: #414142 0.1em 0.1em 0.2em; }
.kanan a:hover { padding-left: 15px; text-decoration: underline; }
.clearit { clear: both; }

/* Navigation */
#pagination, #nav-below { display:block; line-height:16px; padding:0; margin-left: 5px; }
.navigation { line-height:20px; margin:0; padding:2px 10px; font-size:12px; }
#nav-below { display:inline-block; padding:5px; }
#nav-below div a { color:#333; }
#nav-below div a:hover { color:#FFF; }
.nav-previous { float:left; width:50%; }
.nav-next{ float:right; width:50%; text-align:right; }
.pages { line-height:20px; padding:5px; color: #ddd; background:#0349a8; margin-bottom:5px; }
.page-numbers { line-height:25px;  padding:5px; background:#C6DFEB; color:#FFF; }
.page-numbers:hover { background:#ff8400; color:#FFF; }
.current, .current:hover { color: #FFF; background: #EE4B15; }

/* Custom */
#switch_view { width: inherit; }
#switch_view .link { float: right; display: block; font-size: 11px; color: rgb(255, 255, 255); padding: 3px 4px; background-color: rgb(2, 98, 146); }

#footer { padding: 5px; }
div.copyright { padding-left: 2px; padding-right: 5px; font: bold 11px/normal arial; color: #333; }

/* Common */
#searchsubmit { background: none repeat scroll 0% 0% rgb(238, 238, 238); }
.bandung { background: rgb(235, 242, 247); }
.bandung2 { background: #FFF; }
.nav-search-bottom { float: left; width: 100%; background:#EFEFEF; padding: 5px 0px;
border-top: 1px solid rgb(204, 204, 204); }
.nav-search-bottom  a {
    color: rgb(51, 51, 51);
    text-shadow: 0.1em 0.1em 0.2em rgb(255, 255, 255);
    font-size: 13px;
}
.nav-search-bottom  a:hover { text-decoration: underline; }