* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Georgia, serif;
	color: #fff;
	font-size: 14px;
	background:#fdfdfd url(../images/bg-body.jpg) top center no-repeat;
}
.clearit {
	clear:both;
}
a {
	color: #ffffcc;
	text-decoration: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
	a:hover,
	a.selected {
		color: #ffcc00;
	}

.wrapper {
	width:980px;
	margin:0 auto;
}
.link-logo {
	width:250px;
	height:120px;
	display:block;
	float:left;
	background:url(../images/logo-jokowi1thn.png) no-repeat}
.banner-top1 {
	width:728px;
	height:90px;
	overflow:hidden;
	float:right;
	margin-top:15px;
}
.banner-top2 {
	width:528px;
	height:90px;
	overflow:hidden;
	float:right;
	margin:10px 0;
}

.content {
	width:940px;
	padding:20px;
	overflow:hidden;
	background:#ffffff;
}
.content-kiri {
	width:620px;
	float:left;
	overflow:hidden;
}
.content-kanan {
	width:300px;
	float:left;
	overflow:hidden;
	margin-left:20px;
}
.sociales {
	text-align: center;
	margin-bottom: 20px;
}

	
		#grad_left,
		#grad_right {
			width: 100px;
			height: 90px;
			position: absolute;
			top: 0;
		}
			#grad_left {
		        left: 0;
		        background: url('../images/grad_left.png') repeat-y;
			}
			#grad_right {
		        right: 0;
		        background: url('../images/grad_right.png') repeat-y;
			}
		
		#next,
		#prev {
			position: absolute;
			top: 0;
			font-size: 70px;
			top: 30px;
			width: 22px;
			height: 38px;
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
			#next:hover,
			#prev:hover {
				background-position: 0 0px;
			}
			#next {
				right: 10px;
				background-image: url('../images/next.png');
			}
			#prev {
				left: 10px;
				background-image: url('../images/prev.png');
			}
				#next.disabled,
				#prev.disabled {
					opacity: 0.2;
				}

/* headline */
.headline-img {
	width:616px;
	height:331px;
	border:1px solid #2f2f2f;
	overflow:hidden;
}
.headline-img img {
	width:620px;
	height:300px;
}
.headline-title {
	font:normal 12px 'OpenSans-Bold-webfont', Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 8px;
	margin-top:-85px;
	line-height:26px;
	text-shadow: 1px 1px 5px #000;
	overflow:hidden;
	background:url(../images/bg-headline.png) bottom left repeat-x;
	position:absolute;
 }
 .headline-title .time a {
	font:normal 12px 'OpenSans-Bold-webfont', Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	line-height:26px;
}
.headline-title .time a:hover {
	text-decoration:none;
	line-height:26px;
	color:#f2cc1f;
}
.headline-title .judul a {
	font:normal 25px 'OpenSans-Bold-webfont', Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	line-height:26px;
}
.headline-title .judul a:hover {
	text-decoration:none;
	line-height:26px;
	color:#f2cc1f;
}
.headline-title-cell {
	display:table-cell;
	vertical-align:middle;
	width:600px;
	
}

.box-headline {
	width:200px;
	height:164px;
	overflow:hidden;
	float:left;
	margin-top:10px;
	
}
.box-headline-img {
	width:200px;
	height:99px;
	overflow:hidden;
}
.box-headline-img img {
	width:200px;
	height:auto;
}
.box-headline-title {
	font:normal 15px 'HelveticaNeueLTStd-BdCn', arial;
	color:#212121;
	width:170px;
	height:45px;
	overflow:hidden;
	background:#fff;
	padding:10px 15px;
}
.box-headline-title h1 {
	margin:0;
	height:35px;
	overflow:hidden;
	font:normal 15px 'HelveticaNeueLTStd-BdCn', arial;
	color:#212121;
}
.box-headline-title h1 a {
	font:normal 15px 'HelveticaNeueLTStd-BdCn', arial;
	color:#212121;
	text-decoration:none;
}
.box-headline-title h1 a:hover {
	text-decoration:none;
	color:#f60;
}

.box-headline-title h2 {
	margin:0;
	height:21px;
	overflow:hidden;
	font:normal 9px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
	text-align:right;
}
.box-headline-title h2 a {
	font:normal 9px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
	text-decoration:none;
}
.box-headline-title h2 a:hover {
	text-decoration:none;
	color:#a50000;
}

.box-headline-noimg {
	width:170px;
	height:134px;
	overflow:hidden;
	float:left;
	margin-top:10px;
	background:#F60;
	padding:15px;
}
.box-headline-noimg  h1 {
	margin:0;
	height:35px;
	overflow:hidden;
	font:normal 15px 'HelveticaNeueLTStd-BdCn', arial;
	color:#fff;
}
.box-headline-noimg  h1 a {
	font:normal 15px 'HelveticaNeueLTStd-BdCn', arial;
	color:#fff;
	text-decoration:none;
}
.box-headline-noimg  h1 a:hover {
	text-decoration:none;
	color:#fff;
}

.box-headline-noimg h2 {
	margin:0;
	height:21px;
	overflow:hidden;
	font:normal 9px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
	text-align:right;
}
.box-headline-noimg  h2 a {
	font:normal 9px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
	text-decoration:none;
}
.box-headline-noimg h2 a:hover {
	text-decoration:none;
	color:#fff;
}

.box-headline-noimg p {
	margin:0;
	height:65px;
	overflow:hidden;
	font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
	margin:10px 0;
}
.box-headline-noimg  p a {
	font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
	text-decoration:none;
}
.box-headline-noimg p a:hover {
	text-decoration:none;
	color:#fff;
}


.ml-10 {
	margin-left:10px;
}

.pagination {
	height:30px;
	overflow:hidden;
	margin:10px 0px;
	float:right;
}
a.paging {
	width:8px;
	height:20px;
	overflow:hidden;
	float:left;
	font:normal 13px 'DINCond-Regular',"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
	text-decoration:none;
	padding:4px 10px;
	margin:0 2px;
	background:#000;
	border:1px solid #c7c7c7;
}

a.paging:hover, a#paging.paging.active  {
	width:8px;
	border:1px solid #c7c7c7;
	height:20px;
	padding:4px 10px;
	overflow:hidden;
	float:left;
	font:normal 13px 'DINCond-Regular',"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#ccc;
	text-decoration:none;
	margin:0 2px;
	background:#f60;
}
a.paging2 {
	width:8px;
	height:20px;
	overflow:hidden;
	float:left;
	font:normal 13px 'DINCond-Regular',"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
	text-decoration:none;
	padding:4px 10px;
	margin:0 2px;
	background:#222;
}

a.paging2:hover, a#paging2.paging2.active  {
	width:8px;
	height:20px;
	padding:4px 10px;
	overflow:hidden;
	float:left;
	font:normal 13px 'DINCond-Regular',"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#ccc;
	text-decoration:none;
	margin:0 2px;
	background:#f60;
}

.galeri-foto {
	height:165px;
	overflow:hidden;
	margin-top:20px;
}
.galeri-foto-title {
	font:normal 34px 'HelveticaNeueLTStd-BdCn', arial;
	color:#8f0a00;
	height:40px;
	border-bottom:5px solid #8f0a00;
	float:left;
	width:620px;
}

.galeri-video {
	height:200px;
	overflow:hidden;
}
.galeri-video-title {
	font:normal 34px 'HelveticaNeueLTStd-BdCn', arial;
	color:#8f0a00;
	height:40px;
	border-bottom:5px solid #8f0a00;
	float:left;
	width:620px;
	margin-bottom:10px;
}

/* pesan jokowi */

.pesan-jokowi {
	background:#fff;
	width:300px;
	margin-top:25px;
}
.pesan-jokowi-title {
	height:24px;
	overflow:hidden;
	width:205px;
	font:normal 24px 'HelveticaNeueLTStd-BdCn', arial;
	color:#8f0a00;

}
.pesan-jokowi-box {
	width:300px;
	overflow:hidden;
	background:#fff;
	padding:10px 0px 15px 0px;
	border-bottom:dashed 1px #dadada;
}
.pesan-jokowi-box-name {
	color:#666;
	overflow:hidden;
}
.pesan-jokowi-box p {
	font:normal 15px 'HelveticaNeueLTStd-BdCn', arial;
	color:#212121;
}

.pesan-jokowi-box-bawah {
	width:280px;
	background:#fff;
	padding:10px 10px 15px 10px;
	margin:0px auto 0px auto;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#212121;
	border-bottom:solid 4px #982e26;
}

.polling {
	width:300px;
	overflow:hidden;
	margin-top:25px;
	background:#f0f0f0;
}

.polling-title {
	height:24px;
	overflow:hidden;
	padding:15px;
	width:270px;
	font:normal 24px 'HelveticaNeueLTStd-BdCn', arial;
	color:#fff;
	background:#f60;
}

.polling-box {
	width:248px;
	margin:0 auto;
	overflow:hidden;
	font:normal 15px 'HelveticaNeueLTStd-BdCn', arial;
	color:#000;
}
.button {
background: #f60;
padding-left: 6px;
padding-right: 6px;
padding-top: 3px;
padding-bottom: 3px;
border: 1px solid #f60;  
width:97px;
height:30px; 
font:normal 13px 'HelveticaNeueLTStd-BdCn', arial;
color:#fff;
cursor:pointer;
text-transform:uppercase;
}

.button:hover {
background: #f60;
   color: #fff;
   }
.button:active {
background: #f60;
   }
.button2 {
background: #000;
padding-left: 6px;
padding-right: 6px;
padding-top: 3px;
padding-bottom: 3px;
border: 1px solid #000;  
width:97px;
height:30px; 
font:normal 13px 'HelveticaNeueLTStd-BdCn', arial;
color:#fff;
cursor:pointer;
text-transform:uppercase;
}

.button2:hover {
background: #000;
   color: #fff;
   }
.button2:active {
background: #000;
   }


.balong-bawah {
	width:300px;
	height:250px;
	overflow:hidden;
	float:left;
	background:#e69d00 url(../images/bg-balong.gif) top left repeat-x;
	margin-top:20px;
}
.ml-20 {
	margin-left:20px;
}
.balong-bawah-title {
	height:33px;
	width:256px;
	overflow:hidden;
	margin:0 auto;
	font:normal 24px 'HelveticaNeueLTStd-BdCn', arial;
	color:#fff;
	padding:10px 0;
}
.balong-bawah-dlm {
	width:290px;
	height:183px;
	overflow:hidden;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	margin:0 auto;
	background:#fff;
	padding-top:10px;
}
.box-balong-bawah-dlm {
	width:250px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	border-bottom:1px dashed #7f7f7f;
	padding:5px 0;
}
.box-balong-bawah-dlm h1 {
	font:normal 18px 'HelveticaNeueLTStd-BdCn', arial;
	color:#000;
	height:21px;
	overflow:hidden;
}
.box-balong-bawah-dlm h1 a {
	font:normal 18px 'HelveticaNeueLTStd-BdCn', arial;
	color:#000;
	text-decoration:none;
}
.box-balong-bawah-dlm h1 a:hover {
	color:#f60;
}
.box-balong-bawah-dlm h2 {
	font:normal 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#666;
	letter-spacing:-1px;
	height:12px;
	overflow:hidden;
	margin:5px 0;
}

.box-balong-bawah-headline-img {
	width:123px;
	height:74px;
	overflow:hidden;
	float:left;
}
.box-balong-bawah-headline-img img {
	width:123px;
	height:auto;
	overflow:hidden;
}
.box-balong-bawah-headline-title {
	width:128px;
	height:65px;
	overflow:hidden;
	float:left;
	font:normal 18px 'HelveticaNeueLTStd-BdCn', arial;
	color:#000;
	padding-left:10px;
}
.box-balong-bawah-headline-title a {
	font:normal 18px 'HelveticaNeueLTStd-BdCn', arial;
	color:#000;
	text-decoration:none;
}
.box-balong-bawah-headline-title a:hover {
	text-decoration:none;
	color:#f60;
}
.box-balong-bawah-dlm2 {
	width:240px;
	height:auto;
	overflow:hidden;
	border-bottom:1px dashed #7f7f7f;
	padding:5px 0;
}
.box-balong-bawah-dlm2 h1 {
	font:normal 15px 'HelveticaNeueLTStd-BdCn', arial;
	color:#000;
	height:18px;
	overflow:hidden;
}
.box-balong-bawah-dlm2 h1 a {
	font:normal 18px 'HelveticaNeueLTStd-BdCn', arial;
	color:#000;
	text-decoration:none;
}
.box-balong-bawah-dlm2 h1 a:hover {
	color:#f60;
}

.footer {
	width:100%;
	height:17px;
	padding:40px 0;
	text-align:center;
	font:normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#000;
}

.mykompas {
	height:36px;
	overflow:hidden;
}


/*quotes jokowi */

@font-face {
    font-family: 'museo_100regular';
    src: url('./fonts/museo-regular-100-webfont.eot');
    src: url('./fonts/museo-regular-100-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/museo-regular-100-webfont.woff') format('woff'),
         url('./fonts/museo-regular-100-webfont.ttf') format('truetype'),
         url('./fonts/museo-regular-100-webfont.svg#museo_100regular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'museo_500regular';
    src: url('./fonts/museo-regular-500-webfont.eot');
    src: url('./fonts/museo-regular-500-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/museo-regular-500-webfont.woff') format('woff'),
         url('./fonts/museo-regular-500-webfont.ttf') format('truetype'),
         url('./fonts/museo-regular-500-webfont.svg#museo_500regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* general : s -------------------------------------------------------------------------------- */


.left {
    float:left;
}

.right {
    float:right;
}


.box-jokowi-kal {
	background:url(../images/quotes-jokowi-kal.gif) top left no-repeat;
	width:630px;
}

.boxJokowi {
    width:620px;
    height:132px;
    background:url(../images/bg.jpg) no-repeat;
    padding:20px 0 0 0px;
	border:1px solid #dbdbdb;
}

.boxJokowi h1 {
    font:normal 15px/18px 'OpenSans-CondBold-webfont', Arial, Helvetica, sans-serif;
    color:#fff;
    margin:0;
    padding:0 0 0 165px;
    overflow:hidden;
    width:435px;
    max-height:80px;
    text-align:justify;
}

.boxJokowi h6 {
    font:bold 13px/16px 'OpenSans-CondLight-webfont', Arial, Helvetica, sans-serif;
    color:#ef2e2d;
    margin:5px 0 0 0;
    padding:0px 0 0 165px;
    overflow:hidden;
    width:435px;
    height:35px;
    text-align:justify;
}

.boxJokowi h6 a {
    color:#fff;
    font:normal 13px/16px 'OpenSans-CondLightItalic-webfont', Arial, Helvetica, sans-serif;
}



.bottomButton {
    padding:0px 0px 0 165px;
}

.prevnext span a {
    text-decoration:none;
    font:bold 11px Arial, Helvetica, sans-serif;
    color:#0f0f0f;
}

.prevnext span a:hover {
    text-decoration:underline;
}

.width560 {
	width:560px;
}
/* general : e -------------------------------------------------------------------------------- */


/* artikel style */
@charset "utf-8";
/* CSS Document */

.mr10 {
	margin-right:10px;
}
.artikel {
	width:620px;
}
.artikel {
	border-bottom:solid 0px #666;
	padding-top:5px;
	margin-bottom:20px;
}
.artikel a {
	color:#333;
	text-decoration:none;
}
.artikel a:hover {
	color:#f60;
}
.title_artikel {
	border-bottom:solid 1px #666;
}
.title_artikel h1 {
	font:normal 34px 'open_sans_lightregular', Arial, Helvetica, sans-serif;
	color:#333;
	line-height:42px;
	margin:0;
	padding:10px 0;
	overflow:hidden;
	width:620px;
	height:auto;
}
.editor_artikel_status_artikel {
	margin-top:10px;
}
.editor_artikel {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
}
.status_artikel {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#666;
}
.status_artikel strong {
	color:#000;
}
.social_plugin_artikel {
	margin-top:10px;
}
.share_plugin {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
	height:16px;
	margin:5px 0 20px 0;
}
.share_plugin a {
	margin-right:5px;
	height:16px;
	display:block;
	line-height:16px;
	float:left;
}
.share_plugin a img {
	border:none;
}
.img_artikel {
	border-top:solid 4px #f60;
	padding-top:5px;
}
.img_artikel img {
	border:none;
	width:620px;
	height:auto;
	overflow:hidden;
}
.source_img {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#666;
	margin-top:2px;
}
.title_bottom {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#666;
	margin-top:2px;
	overflow:hidden;
	height:30px;
}
.isi_artikel p {
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:20px;
	padding:10px 0;
}
.fb_tw_shared a img {
	border:none;
}
.artikel_terkait {
	width:300px;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	margin:15px 10px 10px 10px;
	padding:10px 0;
}
.artikel_terkait h2 {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#f60;
	margin-bottom:5px;
}
.artikel_terkait ul {
	list-style-type:square;
	color:#f60;
	padding-left:20px;
}
.artikel_terkait ul li a {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}
.artikel_terkait ul li a:hover {
	text-decoration:underline;
}
.left {
	float:left;
}
.right {
	float:right;
}

/*********** 0403 - update continue ***************/
.prevnext {margin-right:20px;}

.caritopik {background:url(../images/gja_search.jpg) no-repeat;width:607px; height:36px;margin:10px 0px; padding:10px 5px 5px 10px;}
.form_caritopik							{ background:none; border:0px; font:normal 14px arial; color:#666; width:460px;height:30px;margin-right:12px;}
.form_caritopik_go						{ width:120px; height:30px; background:none; border:0px;cursor: pointer;display:block;}
#caritopike {outline:none;}
.tx_sugges {font:bold 12px 'OpenSans-Regular-webfont', Arial, Helvetica, sans-serif;color:#2f2f2f;margin:15px 0px 10px 0px;}

ul.suggested {list-style:none;padding:0px;margin:0px;display:inline;}
ul.suggested li a{background:#d00000;padding:3px 8px;margin-right:5px;margin-bottom:5px;float:left;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; font:normal 12px Arial, Helvetica, sans-serif; }
ul.suggested li a:hover {background:#3c3c3c;padding:3px 8px;margin-right:5px;margin-bottom:5px;float:left;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; font:normal 12px Arial, Helvetica, sans-serif; }

.list_beritadpn {padding:20px 0; border-bottom:solid 1px #e2e2e2;font:normal 14px/20px Arial, Helvetica, sans-serif;color:#212121;height: 115px;}
.list_beritadpn img {width:222px;height:110px;padding-right:15px;padding-bottom:40px;}
.jdl_lberita {padding-bottom:5px;}
.jdl_lberita a {font:bold 20px/22px Arial, Helvetica, sans-serif;color:#212121;text-decoration:none;}
.jdl_lberita a:hover {color:#ff0000;text-decoration:none;}
.time_lberita {font:normal 12px Arial, Helvetica, sans-serif;color:#666;padding-top:8px;}
.time_lberita a{font:normal 12px Arial, Helvetica, sans-serif;color:#666;text-decoration:none;}
.time_lberita a:hover{color:#ff0000;text-decoration:none;}
.datebrt {font:bold 11px Arial, Helvetica, sans-serif;color:#fff;background:#d00000;display:block;position:absolute;z-index:12;padding:5px;}

.paginating_gja 			{font:normal 16px Arial, Helvetica, sans-serif; margin-top:30px; padding-bottom:8px;}
.paginating_gja ul			{margin:0px; padding:0px; list-style:none;}
.paginating_gja li			{display:inline;margin-right:10px;}
.paginating_gja a			{margin:0px; padding:3px 10px;  text-decoration:none; color:#212121; background:#ffffff;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}
.paginating_gja a:hover, .paginating_gja a.selected {padding:3px 10px; background:#6b6b6b; color:#fff;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}
.page_prevnext a {font:normal 14px Arial, Helvetica, sans-serif;color:#ffffff;background:#d00000;padding:5px 10px;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}

.lihatsmua01 {padding-top:10px;}
.lihatsmua01 a{font:normal 10px Arial, Helvetica, sans-serif;color:#383838;text-decoration:none;}
.lihatsmua01 a:hover{color:#ff0000;text-decoration:none;}

.boxfotovideo {width:300px;margin-top:20px;padding:5px 0px;border-bottom:solid 4px #982e26;border-top:solid 4px #982e26;}
.fotovideo-jokowi-title {
	height:24px;
	overflow:hidden;
	width:205px;
	font:normal 24px 'HelveticaNeueLTStd-BdCn', arial;
	color:#8f0a00;

}

.galvideo {width:300px;height:150px;margin-top:10px;margin-bottom:5px;}
.galvideo img {width:300px;height:149px;border:none;}

.boxlaingja {width:282px;border:solid 4px #e8e8e8;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;padding-right:10px;margin-bottom:15px;}
.boxlaingja_head {font:normal 14px 'OpenSans-Regular-webfont', arial;color:#ffffff;background:#d00000;padding:5px 10px;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}
.width600 {width:600px;}