@charset "utf-8";

/* CSS Document */



body, h1, h2, h3, h4,  p, ul, ol			

		{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}



.terbaru p a:hover, .more h1 a:hover, .ctgr h1 a:hover, .profile a:hover, .reading a	:hover		

							{ text-decoration:underline;}





* html header 		{ height:248px;}

body						{ background: #fcfae7 url(images/top_bg.jpg) no-repeat top;}

body.bg2				{  background: #fcfae7 url(images/top_bg2.jpg) no-repeat top;}	

	

.wrap					{ width:980px; margin:0px auto; 	}

h6.waktu				{ font: normal 11px Arial, Helvetica, sans-serif; color:#0099CC;border-bottom: solid #0099CC 1px;}

h6.waktu2				{ font: normal 11px Arial, Helvetica, sans-serif; color:#00ccff;}







/* menu */

nav ul					{ height:30px; }

nav li					{ display:inline; }

nav a					{ display:block; float:left; height:30px; padding:31px 0px; margin-right:25px;}



nav a.home			{ background:url(images/menu.gif) no-repeat 0px 0px; width:54px; }

nav a:hover.home,  nav a.home_hv 	{ background:url(images/menu.gif) no-repeat 0px -92px;  width:54px;}



nav a.poli				{ background:url(images/menu.gif) no-repeat -75px 0px; width:64px; }

nav a:hover.poli,  nav a.poli_hv 	{ background:url(images/menu.gif) no-repeat -75px -92px;  width:64px;}



nav a.sosb				{ background:url(images/menu.gif) no-repeat -155px 0px; width:64px; }

nav a:hover.sosb, nav a.sosb_hv 	{ background:url(images/menu.gif) no-repeat -155px -92px; width:64px;  }



nav a.hank			{ background:url(images/menu.gif) no-repeat -240px 0px; width:72px; }

nav a:hover.hank,  nav a.hank_hv 	{ background:url(images/menu.gif) no-repeat -240px -92px;  width:72px;}



nav a.dirg				{ background:url(images/menu.gif) no-repeat -340px 0px; width:136px; margin-left:-10px; }

nav a:hover.dirg,  nav a.dirg_hv 	{ background:url(images/menu.gif) no-repeat -340px  -92px;  width:136px;}



nav a.umum			{ background:url(images/menu.gif) no-repeat -490px 0px; width:50px; }

nav a:hover.umum,  nav a.umum_hv 	{ background:url(images/menu.gif) no-repeat -490px -92px;  width:50px;}



nav a.tv			{ background:url(images/menu.gif) no-repeat -572px 0px; width:75px; }

nav a:hover.tv,  nav a.tv_hv 	{ background:url(images/menu.gif) no-repeat -572px -92px;  width:75px;}



nav a.prof				{ background:url(images/menu.gif) no-repeat -664px 0px; width:58px; }

nav a:hover.prof,  nav a.prof_hv 	{ background:url(images/menu.gif) no-repeat -664px -92px;  width:58px;}

nav a.tv 	{ margin-right:15px;}



header				{ height:310px;}

section				{ width:675px; float:left;}

aside					{ width:260px; float:right}



.terbaru					{ padding-top:12pt; padding-right:20px; border-bottom:1px solid #c8c084; padding-bottom:20px; margin-bottom:20px;}

h4.jud_terbaru			{ background:url(images/kategori_tulisan.gif) no-repeat 0px -6px; display:block; width:160px; height:30px;}

.terbaru h6				{ margin:10px 0px;}

.terbaru h1				{ font: normal 26px Arial, Helvetica, sans-serif; }

.terbaru h1 a				{ color:#000; text-decoration:none;}

.terbaru h1 a:hover	{ color:#900;}

.terbaru p					{ font:normal 12px Arial, Helvetica, sans-serif; line-height: 18px; }

.terbaru p a				{ font-weight:bold; color: #900; text-decoration:none;}

.terbaru  img				{ float:right; border: 1px solid #CCC; padding:3px; background:#fff; margin:0px 0px 10px 15px;}



.more						{ width:390px; float:left;}

.more ul					{ list-style:none;}

.more  li					{ /*border-bottom: 1px solid #00ccff;*/ margin-bottom:12px; padding-bottom:12px;}

.more h1					{ font-size:18px; color:#333; font-weight:normal;}

.more h1 a				{ text-decoration:none; color: #333;}



.more h6					{ margin:8px 0px;}

.more img					{ float:left; margin:5px 10px 15px 0px;}

.more p						{ color:#666; line-height:18px; font-size:12px;}



.ctgr							{ width:274px; float:right; } 

.ctgr h2	 a					{ height:28px; display:block;  }





a.jud_pol					{ background:  url(images/kategori_tulisan.gif) no-repeat 0px -90px;}

a.jud_sos					{ background:  url(images/kategori_tulisan.gif) no-repeat 0px -122px;}

a.jud_han					{ background:  url(images/kategori_tulisan.gif) no-repeat 0px -156px;}

a.jud_dir					{ background:  url(images/kategori_tulisan.gif) no-repeat 0px -190px;}

a.jud_umu					{ background:  url(images/kategori_tulisan.gif) no-repeat 0px -220px;}





.ctgr	ul						{ list-style:none;}

.ctgr li						{ margin-bottom:20px;}

.ctgr	h1						{ font-size:16px; font-weight:normal; color:#666;}

.ctgr	h1	 a					{ color:#333; text-decoration:none;}

.ctgr	h6						{ margin:5px 0px;}

.ctgr	p						{ font-size:11px; line-height:18px; color: #666;}



.paging						{ font-size:12px;  font-weight:bold; margin-bottom:40px;}

.paging a					{ color: #000; text-decoration:none; margin-right:10px;}

.paging a:hover, .paging a.imhere			{ color:#F00;}





.profile					{ font-size:11px; line-height:19px; color:#666; margin:14px 0px 0px -7px; padding-right:10px; height:200px; overflow:hidden; margin-bottom:30px; }

.profile a				{ font-weight:bold; color: #900; text-decoration:none; }



.archives h2			{ display:block; background:url(images/kategori_tulisan.gif) no-repeat 0px -257px; height:20px; width:200px;}

.archives ul			{ list-style:none; font-size:14px; margin-right:20px; margin-top:5px; }

.archives li			{ border-bottom:1px solid #ccc ; padding:10px 0px 10px 12px;}

.archives a			{ text-decoration:none; color: #666;}

.archives a:hover	{ color:#000;}



.sub_title			{ margin-top:-20px; position:relative; z-index: 2 }

.sub_title h2		{font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#c7be86;  padding:10px 0px ;  margin-bottom:20px; border-bottom: 2px solid #c7be86 }

.w660 h1		{font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#c7be86;  padding:10px 0px ;  margin-bottom:20px; border-bottom: 2px solid #c7be86 }



.reading h1		{ font: bold 28px Arial, Helvetica, sans-serif;color:#000}

.reading p			{ font-size: 11pt; line-height:20px;  margin-bottom: 5px;}

.reading a			{ color: #900; text-decoration:none;}



.image_box				{ background:#fefdf5; border:1px solid #d7d1a9; padding:5px; width:610px; margin-bottom:20px;}

.image_box img			{ height:auto;max-width: 600px;}

.image_box p			{ font-size:11px; color:#666; line-height:13px; margin: 10px 5px 10px 5px}



.komentar					{ margin-top:20px; margin-bottom:30px;   background:#fff; padding:10px; border: 1px solid #f2edbe}



footer				{ background:#3f9fe8; border-top: 10px solid #95d0ff; padding:20px 0px 50px 0px;}

footer div			{ text-align:center;}

footer a				{ color:#fff;  text-decoration:none;}

footer a:hover	{ text-decoration:underline;}





.tot						{ position: absolute; z-index:10; width:660px; text-align:right; height:40px; padding-top:10px; }

.total_box				{ font: normal 12px Arial, Helvetica, sans-serif; background:url(images/total_bg_l.gif) no-repeat left ; height:40px; display:inline; padding:10px 0px 10px 10px;}

.total_box	span		{ background:url(images/total_bg_r.gif) no-repeat right; padding:10px 14px 10px 0px;}

.w660				{ width:660px;}

.w680				{ width:680px;}



.clearit					{ clear:both; }

#post_pray{

    font: 14px/18px Arial,Helvetica,sans-serif;

    line-height: 20px;

    margin-bottom: 5px;

    margin: 0 0 36px;    

}



/* =Comments

-------------------------------------------------------------- */

#comments {

	clear: both;

}

#comments .navigation {

	padding: 0 0 18px 0;

}

h3#comments-title,

h3#reply-title {

	color: #000;

	font-size: 20px;

	font-weight: bold;

	margin-bottom: 0;

}

h3#comments-title {

	padding: 24px 0;

}

.commentlist {

	list-style: none;

	margin: 0;

}

.commentlist li.comment {

	border-bottom: 1px solid #e7e7e7;

	line-height: 24px;

	margin: 0 0 24px 0;

	padding: 0 0 0 56px;

	position: relative;

}

.commentlist li:last-child {

	border-bottom: none;

	margin-bottom: 0;

}

#comments .comment-body ul,

#comments .comment-body ol {

	margin-bottom: 18px;

}

#comments .comment-body p:last-child {

	margin-bottom: 6px;

}

#comments .comment-body blockquote p:last-child {

	margin-bottom: 24px;

}

.commentlist ol {

	list-style: decimal;

}

.commentlist .avatar {

	position: absolute;

	top: 4px;

	left: 0;

}

.comment-author {

}

.comment-author cite {

	color: #000;

	font-style: normal;

	font-weight: bold;

}

.comment-author .says {

	font-style: italic;

}

.comment-meta {

	font-size: 12px;

	margin: 0 0 18px 0;

}

.comment-meta a:link,

.comment-meta a:visited {

	color: #888;

	text-decoration: none;

}

.comment-meta a:active,

.comment-meta a:hover {

	color: #ff4b33;

}

.commentlist .even {

}

.commentlist .bypostauthor {

}

.reply {

	font-size: 12px;

	padding: 0 0 24px 0;

}

.reply a,

a.comment-edit-link {

	color: #888;

}

.reply a:hover,

a.comment-edit-link:hover {

	color: #ff4b33;

}

.commentlist .children {

	list-style: none;

	margin: 0;

}

.commentlist .children li {

	border: none;

	margin: 0;

}

.nopassword,

.nocomments {

	display: none;

}

#comments .pingback {

	border-bottom: 1px solid #e7e7e7;

	margin-bottom: 18px;

	padding-bottom: 18px;

}

.commentlist li.comment+li.pingback {

	margin-top: -6px;

}

#comments .pingback p {

	color: #888;

	display: block;

	font-size: 12px;

	line-height: 18px;

	margin: 0;

}

#comments .pingback .url {

	font-size: 13px;

	font-style: italic;

}



/* Comments form */

input[type=submit] {

	color: #333;

}

#respond {

	border-top: 1px solid #e7e7e7;

	margin: 24px 0;

	overflow: hidden;

	position: relative;

}

#respond p {

	margin: 0;

}

#respond .comment-notes {

	margin-bottom: 1em;

}

.form-allowed-tags {

	line-height: 1em;

}

.children #respond {

	margin: 0 48px 0 0;

}

h3#reply-title {

	margin: 18px 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: 98%;

}

#respond textarea {

	width: 98%;

}

#respond .form-allowed-tags {

	color: #888;

	font-size: 12px;

	line-height: 18px;

}

#respond .form-allowed-tags code {

	font-size: 11px;

}

#respond .form-submit {

	margin: 12px 0;

}

#respond .form-submit input {

	font-size: 14px;

	width: auto;

}



/* =Navigation

-------------------------------------------------------------- */



.navigation {

	color: #888;

	font-size: 12px;

	line-height: 18px;

	overflow: hidden;

}

.navigation a:link,

.navigation a:visited {

	color: #888;

	text-decoration: none;

}

.navigation a:active,

.navigation a:hover {

	color: #ff4b33;

}

.nav-previous {

	float: left;

	width: 50%;

}

.nav-next {

	float: right;

	text-align: right;

	width: 50%;

}

#nav-above {

	margin: 0 0 18px 0;

}

#nav-above {

	display: none;

}

.paged #nav-above,

.single #nav-above {

	display: block;

}

#nav-below {

	margin: -18px 0 0 0;

}



.entry-utility {

    clear: both;

    color: #888888;

    font-size: 12px;

    line-height: 18px;

}



.navigation {

    color: #888888;

    font-size: 12px;

    line-height: 18px;

    overflow: hidden;

}



.nav-previous {

    float: left;

    width: 50%;

}

.nav-next {

    float: right;

    text-align: right;

    width: 50%;

}



/* =Images

-------------------------------------------------------------- */



/*

Resize images to fit the main content area.

- Applies only to images uploaded via WordPress by targeting size-* classes.

- Other images will be left alone. Use "size-auto" class to apply to other images.

*/

img.size-auto,

img.size-full,

img.size-large,

img.size-medium,

.attachment img {

	max-width: 100%; /* When images are too wide for containing element, force them to fit. */

	height: auto; /* Override height to match resized width for correct aspect ratio. */

}

.alignleft,

img.alignleft {

	display: inline;

	float: left;

	margin-right: 24px;

	margin-top: 4px;

}

.alignright,

img.alignright {

	display: inline;

	float: right;

	margin-left: 24px;

	margin-top: 4px;

}

.aligncenter,

img.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}

img.alignleft,

img.alignright,

img.aligncenter {

	margin-bottom: 12px;

}

.wp-caption {

	background: #f1f1f1;

	line-height: 18px;

	margin-bottom: 20px;

	max-width: 632px !important; /* prevent too-wide images from breaking layout */

	padding: 4px;

	text-align: center;

}

.wp-caption img {

	margin: 5px 5px 0;

}

.wp-caption p.wp-caption-text {

	color: #888;

	font-size: 12px;

	margin: 5px;

}

.wp-smiley {

	margin: 0;

}

.gallery {

	margin: 0 auto 18px;

}

.gallery .gallery-item {

	float: left;

	margin-top: 0;

	text-align: center;

	width: 33%;

}

.gallery-columns-2 .gallery-item {

	width: 50%;

}

.gallery-columns-4 .gallery-item {

	width: 25%;

}

.gallery img {

	border: 2px solid #cfcfcf;

}

.gallery-columns-2 .attachment-medium {

	max-width: 92%;

	height: auto;

}

.gallery-columns-4 .attachment-thumbnail {

	max-width: 84%;

	height: auto;

}

.gallery .gallery-caption {

	color: #888;

	font-size: 12px;

	margin: 0 0 12px;

}

.gallery dl {

	margin: 0;

}

.gallery img {

	border: 10px solid #f1f1f1;

}

.gallery br+br {

	display: none;

}

#content .attachment img {/* single attachment images should be centered */

	display: block;

	margin: 0 auto;

}