@import url(kejari/navi.css);
@import url(kejari/forms.css);
@import url(kejari/tables.css);
@import url(kejari/homepage.css);

@import url(kejari/portfolio.css);
@import url(kejari/featured_slide.css);
@font-face {font-family: "font-kejari";src: url(kejari/sanfw.ttf);}
@font-face {font-family: "isi-kejari";src: url(kejari/hattori.ttf);}
body{margin:0;padding:0;font-family:isi-kejari;color:#000;background: url("kejari/img/body-bg.png") repeat-x fixed;width: 100%;}
#coverall {position:relative;background:url("kejari/img/wraptall-bg.png") no-repeat fixed;background-position:top center; margin:0 auto;}
img{margin:0; padding:0; border:none;}

h1, h2, h3, h4, h5, h6 {margin:0;}
h1 { font-size:36px; }
h2 { font-size:18px; }
h3 { font-size:14px; }
h4 { font-size:12px; }
h5 { font-size:10px; }
h6 { font-size:8px; }

.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}
.clear{display:inline-block;}
html[xmlns] .clear{display:block;}
* html .clear{height:1%;}

a{outline:none; text-decoration:none; color:#296835;}
a:hover{color:#55ABDA;}
.fl_left{float:left;}
.fl_right{float:right;}

.imgl {padding:4px; border:1px solid #DEDACB; text-align:center;width:125px;height:125px;float:left;}
.imgl img{float:left; margin:0 10px 10px 0; clear:left;width:125px;height:125px;}
.imgr{padding:4px; border:1px solid #DEDACB; text-align:center;width:120px;height:120px;}
.imgr img{float:right; margin:0 0 15px 15px; clear:right;width:120px;height:120px;}
.imgholder {padding:4px; border:1px solid #DEDACB; text-align:center;width: 204px; height: 84px;margin:0;}}
.imgholder img {width: 200px; height: 80px;margin:0;padding:0;}
	
/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{margin:0 auto 40px;width:960px;text-align:left;}
div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{
	margin:0 0 0 0;padding:0;font-weight:normal;font-style:normal;line-height:normal;}
div.wrapper-container{margin:0 auto 2px;width:960px;text-align:left;}
div.wrapper-foot{margin:0 auto;width:960px;text-align:left;}
.row1{color:#999999;width: 960px;}
.row1 a{color:#FCFCFC;}
.row2, .row3, .row4{position:relative;width: 960px;}

/* ----------------------------------------------Generalise-------------------------------------*/

#container, #footer{display:block;width:960px;}
.rnd{display:block;width:960px;padding:1px 0 0 0;}

/* ----------------------------------------------Header-------------------------------------*/
#top-header{display:block;width:964px;height:8px;padding:5px 0 0 0;margin:0 auto;background:url("kejari/img/bg-top-header.png") center bottom no-repeat;}
#header{display:block;width:960px;height:200px;padding:0;background:url("kejari/img/logo-nav.jpg") center bottom no-repeat;margin-bottom: -112px;}
#header h1, #header p, #header ul{margin:0;padding:0;list-style:none;line-height:normal;}
#header h1{font-size:36px; font-variant:small-caps; font-style:normal;}
#header .fl_right{display:block;width:360px;}
#header .fl_right ul{margin-bottom:10px;font-size:11px;}
#header .fl_right li{display:inline;margin:0 4px 0 0;padding:0 6px 0 0;border-right:1px solid #FCFCFC;}
#header .fl_right li.last{margin:0;padding:0;border:none;}

/* Widget link and title format */
.widget {text-align: left;}
.widget a {color:#777;}
.widget a:hover,.widget a:active {text-decoration:underline;color:#29568F}
.widgettitle{font: bold 16px/normal font-kejari;color:#800;margin:20px 0 0 0;height:35px;background: url(kejari/img/bg-title.png) bottom center no-repeat;text-transform:uppercase;}
.widgettitle a, .widgettitle a:hover{color:#29568F;}
#wp_statistics_widget ul {margin:0;padding:3px 0 0 10px;list-style:none;}
#wp_statistics_widget ul li {margin:5px; background:url("http://www.kejari-boyolali.go.id/elements/themes/kejari/styles/kejari/img/blue_file.gif") 0 7px no-repeat; padding-left:15px; list-style:none;}

/* ----------------------------------------------Content-------------------------------------*/

#container{width:940px;padding:10px 10px 20px 10px;}
#container img {max-width:940px; overflow: hidden;}
#container .title-news a{color:#2D6D37;font: bold 13px arial;line-height:normal;}
#container a:hover{color:#011A0E;}
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{padding-bottom:8px;}
#container .zone-title{font: bold 16px/normal font-kejari;color:#800;padding:0 0 8px 0;margin:0;height:35px;background: url(kejari/img/bg-title.png) bottom center no-repeat;text-transform:changecase;}
#container .readmore{display:block;width:100%;text-align:right;line-height:normal;}
#container td{vertical-align:middle;border:1px dotted #333;padding:2px;}
#container tr{color:#666666;background-color:#fefefe;border:1px dotted #333;padding:2px;}
#content{display:block;float:left;width:620px;margin-top:20px;background:url("kejari/img/bg-konten.png") top left no-repeat;z-index:-1;text-align:justify;}
#content img {max-width:600px; max-height: 600px;}
.content-title {font-size: 20px; font-family: Georgia,"Times New Roman",Times,serif; font-weight: bold;color:#011A0E;padding:10px 0 5px 0;border-bottom: 2px solid #030;}
.content img {padding:2px;background:#fff;max-width:605px;height:auto;max-height:300px;}
.slides_control img {padding:2px;background:#fff;max-width:628px;height:auto;max-height:300px;}
.metasingle{width:98%;overflow:hidden;border-bottom:2px solid #eee;margin:0 0 4px 0;padding:0 0 1px 15px;color:#909090;font:normal 12px/16px arial;}
.metashare{width:100%;overflow:hidden;	border-top:1px solid #CD1713;border-bottom:2px solid #CD1713;margin:0 0 4px 0;padding:3px 0 2px 0;color:#909090;font:normal 11px/16px arial;}	
.metasingle a {color:#909090;}
.metasingle a:hover {color:#000;}
.postAuthor {padding-left:13px;background: url(http://www.kejari-boyolali.go.id/elements/themes/kejari/styles/default/ico_author.gif) no-repeat left center;}
.postDate {padding-left:13px;background: url(http://www.kejari-boyolali.go.id/elements/themes/kejari/styles/default/ico_date.gif) no-repeat left center;}
.post {padding:5px 5px 5px 5px;font: normal 14px/22px arial;color: #000;text-align:justify;}
.posta{padding-bottom:10px;font: normal 11px/12px arial;}
.posta img{float:left;width: 50px;height: 50px;}
.post a {color:#1170A0;}
.post a:hover {color:#000;text-decoration:none;}
.post ul {margin: 2px 0 0 15px;padding: 2px auto;}
.post img {padding:2px;background:#fff;max-width:610px;height:auto;}
.post img.bnone {border:none;}
.post ol {padding-bottom:10px;list-style: decimal inside;}
.post li {list-style-type: circle;padding: 2px 0px 2px 2px;font-size: 10px;line-height: 15px;color:#4c4c4c;}
.post li a{color:#1170A0;font: normal 12px/14px arial;display:block;padding:2px 0 0 0;}
.post td{vertical-align:middle;border-collapse:collapse;font: normal 12px/normal arial;border:1px solid #333;padding:2px;}
.post tbody tr.light{color:#666666;background-color:#F7F7F7;border:1px solid #333;padding:2px;}
.post tbody tr.dark{color:#666666;background-color:#E8E8E8;border:1px solid #333;padding:2px;}
.risikdewe {padding:5px 0 5px 0;margin-bottom: 5px;border-bottom: 1px dotted #ccc;}
.risikdewe p {font:normal 12px/14px arial;margin:0;}
.risikdewe a {font:bold 14px/14px arial;}
.seteruse {padding:5px 0 5px 0;}

/* ----------------------------------------------Academic link Block-------------------------------------*/
.sparator {height:60px; width:940px; background: url("kejari/img/sparator.png") center top no-repeat;margin:0 auto;position:relative;}
.sparator-foot{height:60px; width:940px; background: url("kejari/img/sparator.png") center bottom no-repeat;margin:10px 0 0 10px;}
#infokejari{display:block;width:938px;background: url("kejari/img/link-bg.png") repeat;margin:-20px 0 -30px 0;padding: 25px 0 45px 20px;}
#infokejari .linkbox1{display:block;float:left;width:215px;margin:0 10px 0 0;font-size:12px;}
#infokejari .linkbox{display:block;float:left;width:215px;margin:0 10px 0 0;font-size:12px;border-left:1px dotted #ccc; }
#infokejari a{color:#296835;}
#infokejari a:hover{color:#55ABDA;}
#infokejari ul {margin:0;padding:3px 0 0 10px;list-style:none;}
#infokejari ul li {margin:5px; background:url("http://www.kejari-boyolali.go.id/elements/themes/kejari/styles/kejari/img/blue_file.gif") 0 7px no-repeat; padding-left:15px; list-style:none;}
#infokejari .last{margin:0;}

/* ----------------------------------------------Column-------------------------------------*/
#column{display:block;float:right;width:290px;border-left: 1px dotted #ccc;padding-left: 10px;margin-top:20px;background: url("kejari/img/bg-colom.png") left top no-repeat;}
#column .holder, #column #featured{display:block;width:290px;margin-bottom:30px;}
#column .holder h2.title{display:block;width:100%;height:65px;margin:0;padding:15px 0 0 0;font-size:20px;text-transform:none;line-height:normal;border-bottom:1px dotted #999999;}
#column .holder h2.title img{float:left;margin:-15px 8px 0 0;padding:5px;border:1px solid #999999;}
#column div.imgholder{display:block;width:280px;margin:0 0 10px 0;}
#column .holder p.readmore{display:block;width:100%;font-weight:bold;text-align:right;line-height:normal;}

/* Featured Block */
#column #featured ul, #column #featured h2, #column #featured p{margin:0;padding:0;list-style:none;color:#666666;background-color:#F7F7F7;}
#column #featured a{color:#55ABDA;background-color:#F7F7F7;}
#column #featured li{display:block;width:250px;margin:0;padding:20px 25px;color:#666666;background-color:#F7F7F7;}
#column #featured li p.imgholder{display:block;width:240px;height:90px;margin:20px 0 15px 0;}
#column #featured li h2{margin:0;padding:0 0 8px 0;font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif;line-height:normal;border-bottom:1px dotted #999999;}
	
#container #column .readmore a{display:block;width:100%;margin-top:15px;height:auto;padding-left:0;font-weight:bold;text-align:right;line-height:normal;background:none;}
	
#column .latestnews{display:block;width:100%;margin:0;padding:0;list-style:none;}
#column .latestnews li{display:block;width:100%;height:99px;margin:0 0 11px 0;padding:0 0 21px 0;border-bottom:1px dotted #C7C5C8;overflow:hidden;}
#column .latestnews li.last, #column .last{margin-bottom:0;}
#column .latestnews p{display:inline;}
#column .latestnews img{float:left;margin:0 10px 0 0;padding:4px;border:1px solid #C7C5C8;clear:left;}
	
/*----- ={ MEDIA BAR } -----*/
	div.wrapperfoto{position:relative;margin:0 auto 10px;width:960px;text-align:left;}
	#mediazone {width:960px;height:305px;overflow:hidden;padding:15px 0;margin:0;background:url(kejari/img/foto-shaddow.png) no-repeat;background-position: center bottom;}
	#mediabar{position:relative;width:902px;height:300px;overflow:hidden;padding:0 29px 0 29px;}
	#mediabar .container {position: absolute;height:284px;text-align:center;background:#fff;padding:8px 8px 8px 0;box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); border-radius: 5px;}
	#mediabar ul{width:886px;overflow:hidden;margin:0;}
	#mediabar img{float:left;padding: 0;margin:0;height:284px;}		
	#mediabar li.car {overflow: hidden;float: left;width: 886px;padding-left:8px;list-style:none;}	
	#mediabar .thumb{width:500px;height:284px;margin:0;overflow:hidden;text-align:center;float:left;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
	#mediabar .thumb img{margin:0;max-width:500px;max-height:284px;}
	#mediabar .thumbinfo{width:340px;padding:2px;overflow:hidden;height:284px;float:left;padding:0 10px 0 30px;background:#519b0f url(kejari/img/bg-thumbinfo.png) no-repeat;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
	#mediabar  .slide-title {font-size: 16px/normal; font-family: font-kejari;text-shadow: black 0.1em 0.1em 0.2em;padding-top:20px;}	
	#mediabar  .slide-title a {color: #fff; text-shadow: black 0.1em 0.1em 0.2em;}
	#mediabar  .slide-title a:hover {}	
	#mediabar  .readmore  a{border-radius: 5px; background: url(kejari/img/readmore.png) repeat; padding: 6px; color: #fff; font: normal 14px/20px; font-family: isi-kejari;text-shadow: black 0.1em 0.1em 0.2em;}
	#mediabar  .readmore a:hover {color: #97FF02;}
	#mediabar .thumbinfo p{color: #fff; font-size:13px;line-height:1.4em;font-family:isi-kejari;padding:10px}
	#mediabar .thumbinfo p.moreVideo a {color:#50630a;background:url(http://www.kejari-boyolali.go.id/elements/themes/kejari/styles/default/icons/camera.gif) no-repeat left 2px;padding:0 0 0 17px;text-decoration:none;position:absolute;bottom:3px;right:5px;}
	#mediabar #previous_button {position: absolute;width: 29px;height: 161px;left:0;top: 60px;z-index: 100;cursor:pointer;background: url(kejari/img/arrow-left.png) no-repeat center center;}
	#mediabar #previous_button:hover {background: url(kejari/img/arrow-left.png) no-repeat center center;}
	#mediabar #previous_button.disabled {z-index: 100;cursor:pointer;background: url(kejari/img/arrow-left.png) no-repeat center center;}
	#mediabar #next_button {position: absolute;width: 29px;height: 161px;right:0;top: 60px;z-index: 100;cursor:pointer;background: url(kejari/img/arrow-right.png) no-repeat center center;}
	#mediabar #next_button:hover {background: url(kejari/img/arrow-right.png) no-repeat center center;}
	#mediabar #next_button.disabled {z-index: 100;cursor:pointer;background: url(kejari/img/arrow-right.png) no-repeat center center;}
	
/* ARCHIVE POSTS - Post format is inherif from .post class
============================================================== */
/* Archive page titles */
h1.archiveTitle{color:#cd1713;font:bold 14px/normal arial, verdana;margin:0;}
h1.archiveTitle a{}
h1.archiveTitle a:hover{color: #cd1713;text-decoration:none;}

/* magazine style category page */
.archive_firstPost {background: #fff url(http://www.kejari-boyolali.go.id/elements/themes/kejari/styles/default/bgr_mag_fea.gif) repeat bottom;padding:5px 5px 5px;border-bottom:3px solid #aaa;height:190px;}
.archive_firstPost a {font:normal 22px/normal georgia; color:#2e2e2e;}
.archive_firstPost img{float:left;width:260px; height: 173px;margin:5px;}
.archive_firstPost .text {float:right;}
.arsiptanggal {background: #ccc; padding: 3px 0 3px 0;border-bottom:1px solid #aaa;}

.arsip-tgl {font:normal 10px/normal arial;float:left; width:150px;height:60px;border-right:1px dotted #CD1713;margin-right:5px;}
.arsip-tgl a{font:Bold 10px/normal arial; color: #030;text-transform:changecase;}
.arsip-isi {float:left; width:420px;border-bottom:1px dotted #E1E1E1;height:70px;font:normal 11px/normal arial;margin-bottom: 3px;}
.arsip-isi p{padding: 0; margin:0;}
.arsip-isi a{font:Bold 13px/normal arial; color: #2D6D37;}
#bcrum {font-size:.9em;padding-top:7px;color:#444;margin-bottom:10px;line-height:1.3em;}
.labelBC {display:block;font:normal 11px/normal arial;color:#022446;margin-bottom:8px;padding-bottom:3px;border-bottom:1px dotted #666;}
.labelBC a {font-weight:bold;color:#000;text-decoration:underline;}
.labelBC a:hover {color:#3f3f3f;}
.locationBC {display:block;font: bold 14px/normal arial;color:#222;letter-spacing:-1px;}
.metas{padding:2px 0 !important;border-bottom:1px solid #bcbcbc;border-top:1px solid #bcbcbc;text-align:right;color:#666;font-size:11px;display:block;margin-bottom:2px;}
.navigation {margin-bottom:10px;color: #fff;}
.metas a{color:#cd1713;}
.metas a:hover ,.navigation a:hover{text-decoration:none;}
.left {float:left;}
.right {float:right;}	
	
/*----- ={ COMMENTS } -----*/
/* ------Comments-----*/

#comments{ border-top: 2px solid #030;}
#comments .commentlist{margin:0; padding:0;}
#comments .commentlist ul{margin:0; padding:0; list-style:none;}
#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}
#comments .commentlist li.comment_odd{color:#666666; background-color:#F7F7F7;}
#comments .commentlist li.comment_odd a{color:#55ABDA; background-color:#F7F7F7;}
#comments .commentlist li.comment_even{color:#666666; background-color:#E8E8E8;}
#comments .commentlist li.comment_even a{color:#55ABDA; background-color:#E8E8E8;}
#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size:smaller;}
#comments .commentlist p{margin:10px 5px 10px 0; padding:0; font-weight:normal; text-transform:none;}
#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}

#comments {}
	#comments .navigation {padding: 0 0 18px 0;}
	#comments-title,#reply-title {color: #000;font-size: 20px;font-weight: bold;padding:5px 0;}
	ol.commentlist {padding-bottom:0;margin-bottom:15px;}
	ol.commentlist li { /* Comment Wrapper */border:1px dotted #666;margin:5px 0;list-style:none;padding:5px;position:relative;}
	ol.commentlist li li, ol.commentlist li li li, ol.commentlist li li li li, ol.commentlist li li li li li {margin:0 0 3px;}
	ol.commentlist  ul.children {margin:0;padding:0;}
	li div.vcard cite {font-style:normal;}
	li div.vcard { /* Font style for comment author link*/font:bold 14px arial,sans-serif;font-style:normal;color:#555;}
	li #cancel-comment-reply-link { /* Font style for comment author link*/font-size:12px;margin:3px 0;}
	li div.vcard a { /* Font style for comment author link*/color:#222;}
	li div.vcard img.avatar { /* Avatar style between comments */border:1px solid #d5d5d5;padding:1px;background:#fff;position:absolute;top:7px;right:5px;}
	li div.comment-meta { /* Style for date of comment */font:bold 10px/1.4 helvetica,arial,sans-serif;display:block;padding-top:3px;padding-bottom:8px;}
	li div.comment-meta a {color:#8F8F8F;}
	li div.comment-meta a:hover {text-decoration:underline;}
	ol.commentlist li p { /* Comment font style */font:normal 12px helvetica,arial,sans-serif;padding:4px 0;} 
	li div.reply a {}
	ol.commentlist li ul.children { /* Inner comment style */	margin-top:10px;}
	li.depth-2,li.depth-3,li.depth-4,li.depth-5 { /* inner comment margin-bottom */margin:0 0 .20em;}
	ol.commentlist li.even { /*The background color for 1-3-5... no comments*/background:#fff;}
	ol.commentlist li.odd { /* Background color for 2-4-6... no comments */background:#f9f9f9;}
	ol.commentlist li.pingback div.vcard {padding:0 170px 0 0;}
		
/*----- ={ COMMENT FORM } -----*/
#respond {margin: 5px 0 0 0;position: relative;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
	#respond p {margin: 0;}
	#respond .logged-in-as {margin-bottom: 10px;}
	#respond .comment-notes {margin-bottom: 1em;}
	#respond .form-allowed-tags {line-height: 1em;}
	.children #respond {margin: 0 48px 0 0;}
	#comments-list #respond {margin: 0 0 18px 0;}
	#comments-list ul #respond {margin: 0;}
	#cancel-comment-reply-link {font-size: 12px;font-weight: normal;	line-height: 18px;}
	#respond .required {color: #ff4b33;font-weight: bold;}
	#respond label {color: #888;font-size: 12px;}
	#respond input {margin: 0 0 9px;width: 70%;display:block;background: #fff url(http://www.kejari-boyolali.go.id/elements/themes/kejari/styles/default/bgr_respond_text.gif) repeat-x;}
	#respond textarea {width: 95%;background: #fff url(http://www.kejari-boyolali.go.id/elements/themes/kejari/styles/default/bgr_respond_text.gif) repeat-x;}
	#respond .form-allowed-tags {visibility: hidden;}
	#respond .form-allowed-tags code {visibility: hidden;}
	#respond #submit {   width: auto;color: #222;border:1px solid #222;margin-top:10px;padding:5px 20px;text-shadow: #fff 1px 1px;cursor:pointer;}	
	
/* ----------------------------------------------Footer-------------------------------------*/

#footer{width:920px;padding:5px 20px 15px 20px;}
#footer .fl_left img{margin-bottom:30px;}
#footer address{display:inline;float:left;margin-left:40px;text-transform:none;font-style:normal;}
#footer .fl_right{display:block;width:400px;}
#footer .fl_right p{margin:0 0 15px 0; padding:0; line-height:normal;}
#footer .fl_right #social{display:block; width:100%; margin:0 0 15px 0; padding:0; line-height:normal;}
#footer .fl_right #social ul{margin:0; padding:0; list-style:none;}
#footer .fl_right #social li{float:left; /* Only For IE */}
#footer .fl_right #social a{display:block; float:left; width:49px; height:49px; margin-right:20px; overflow:hidden; text-indent:-4000em; background:url("../images/social-sprite.gif") no-repeat;}
#footer .fl_right #social li.last a{margin-right:0;}
#footer .last{margin:0;}

/* ----------------------------------------------Copyright-------------------------------------*/
#copyright{padding:12px;float:left; width: 930px;border-top: 1px dotted #011A0E;}
#copyright p{margin:0;padding:0;}
#copyright, #copyright a{color:#011A0E;font:normal 12px Georgia,"Times New Roman",Times,serif;}	

.pengaduan {display: block;
  float: right;
  width: 300px;
  margin-top:10px;
  }

#btn-pengaduan {
	width: 245px;
	margin-top: 10px;
	margin-right: 10px;
	padding: 14px 26px;
	font-size: 14px;
	line-height: 100%;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	color: #fff;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	transition: background 0.1s ease-in-out;
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	-ms-transition: background 0.1s ease-in-out;
	-o-transition: background 0.1s ease-in-out;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	background-color: #032213;
	box-shadow: 0px 3px 0px 0px #84be07;
}

#btn-pengaduan:active {
	padding-top: 15px;
        margin-bottom: -1px;
        box-shadow: 0px 1px 0px 0px #3293ba;
}
#btn-pengaduan:hover {
	outline: 0 none;
	text-decoration: none;
	color: #fff;
	background-color: #84be07;
}

.img-content {font: normal 12px/normal arial; color: #666; margin-bottom: 15px;padding: 5px; text-align: center;}
.img-content img {max-width:600px;height:auto;text-align:center;padding:0;max-height:350px;padding-bottom: 5px;}