/* 
Theme Name: afRevolition IV
Theme URL: http://www.ayifahmi.com/
Description: Template untuk Gerakan Pemuda Ansor oleh <a href="http://www.ayifahmi.net/">Ayi Fahmi</a>.
Version: 1.0
Author: Ayi Fahmi
Author URI: http://www.ayifahmi.net/
Tags: AF Template

	 afRevolition IV
	 http://www.ayifahmi.net/	
*/
* {margin:0;padding:0;}

body {margin: 0;padding: 0;font-family: "Tahoma", "Trebuchet MS" ;font-size: 12px;  color: #222222;  background: #d6d6b1 url(images/bg.png) repeat-x top;}
abbr[title], acronym[title] {border-bottom:thin dotted;cursor:help;}
.clear 				{clear:both;}
.top 				{top: 0;left: 0;}
.bottom 			{bottom: 0;left: 0;}

a 					{text-decoration:none;color:#003300;}
a:hover 			{color:#cc0000;}
ul 					{ list-style-type: none;}
h2 					{font-size: 13px;}
h3 					{font-size: 12px;}
h2, h3 				{line-height:120%;}


#main-warp {width:964px;margin:0 auto; }
#main {width:960px; margin-top:0px;margin-bottom:32px;}
#warp {width:100%;margin:0; padding:0px; }

#header {height: 102px; width: 960px;background: url(images/header-logo.png) top left no-repeat;}
#header .frontpage-left {float:left;height: 102px;width:509px;}
#header .frontpage-left a {}
#header .frontpage-right {float:right;width:180px;margin-top:0px;height:35px;padding-top:8px;}
#header .frontpage-right input[type=text]#search_term {background-color:#283408;border:1px solid #334503;width:180px;}

#navigasi {padding-left:5px;margin:0;padding:0;height:34px;display:block;position:relative;}
#navigasi #menu {float:left;color:#192202;padding-top:10px; text-shadow: 1px 1px #668d03;}
#navigasi #menu a {color:#192202;}
#navigasi #menu a.home {background: url(images/home.gif) 0 50% no-repeat; padding-left:18px;}
#navigasi #nav-right {float:right;}
#content-warp {margin:0;padding:0;border-left:1px solid #b3b0b0;border-right:1px solid #b3b0b0;border-bottom: 1px solid #b3b0b0;margin-top:0px;}
#content {margin:0;padding:0px;border: 1px solid #ffffff;margin-top:1px;min-height:400px;background: #efeeee url(images/container-bg.png) top left repeat-x;}

#content #bagian-kiri {width:300px;float:left;border-right: 1px solid #b3b0b0;}
#content #bagian-kanan {width:658px;float:right;}
#content #bagian-kiri .nav-left {background: url(images/h2-green-bg.png) left top repeat-x;padding-top:10px;padding-bottom:10px;}
#content #bagian-kiri .nav-left .title {background: url(images/h2-green.png) no-repeat; height:48px;margin-left:-8px;}
#content #bagian-kiri .nav-left .title h3, 
#content #bagian-kiri .nav-left2 .title h3, 
#content #bagian-kiri .nav-left3 .title h3,
#content #bagian-kiri .nav-left4 .title h3 {
	padding-top:10px;color:#dddcea;padding-left:55px;
	background: url(images/bintang-kuning.png) top left no-repeat; 
	padding-bottom:10px;
}
#content #bagian-kiri .nav-left .title #loading {float:right;margin-right:15px;}
#content #bagian-kiri .nav-left ul {width:249px; margin: 0px auto;	border-bottom: 1px solid #f2f2f2;
	border-top: 1px solid #d9d8d8;} 
#content #bagian-kiri .nav-left li a {display:block;background: url(images/af_arrow_1.png) 0 50% no-repeat;padding-left:18px;
	padding-top:4px; padding-bottom:4px;
	border-bottom: 1px solid #d9d8d8;
	border-top: 1px solid #f2f2f2;
} 
#content #bagian-kiri .nav-left li a.selected {display:block;background: url(images/af_arrow_1.png) 0 50% no-repeat;padding-left:18px;
	padding-top:4px; padding-bottom:4px;
	border-bottom: 1px solid #d9d8d8;
	border-top: 1px solid #f2f2f2;
	background-color: #c8d2c5;
}

#content #bagian-kiri .nav-left2 {background:#7589cd url(images/h2-blue-bg.png) left top repeat-x;padding-top:10px;padding-bottom:10px;}
#content #bagian-kiri .nav-left2 .title {background: url(images/h2-blue.png) no-repeat; height:48px;margin-left:-8px;}

#content #bagian-kiri .nav-left3 {background-color:#976767;padding-top:10px;padding-bottom:10px;}
#content #bagian-kiri .nav-left3 .title {background: url(images/h2-red.png) no-repeat; height:48px;margin-left:-8px;}

#content #bagian-kiri .box {width:250px; margin: 0px auto;}
#content #bagian-kiri .box-fot, #content #bagian-kiri ul {width:250px; margin: 0px auto;padding-top:5px;}
#content #bagian-kiri .box-fot  a {Background: url(images/af_arrow_1.png) 0 50% no-repeat;padding-left:18px;color:#000;display:block;text-decoration:underline;margin:5px 0px;}

#content #bagian-kiri .nav-left4 ul {width:250px; margin: 0px auto;	border-bottom: 1px solid #f2f2f2;
	border-top: 1px solid #d9d8d8;}
#content #bagian-kiri .nav-left4 .title {background: url(images/h2-red.png) no-repeat; height:48px;margin-left:-8px;}	
#content #bagian-kiri .nav-left4 ul li {display:inline;}
#content #bagian-kiri .nav-left4 ul li a {display:block; border-bottom:1px solid #cecece; padding:3px 5px;}


.border1-a {border-bottom:1px solid #6073b5;}
.border1-b {border-top:1px solid #8fa1df;}
.border2-a {border-bottom:1px solid #784e4e;color:#f7bda1;}
.border2-b {border-top:1px solid #ba8585;color:#f7bda1;}
.border3-a {border-bottom:1px solid #d9d8d8;}
.border3-b {border-top:1px solid #f2f2f2;}

/*-----------------------------------------------------------------------------------------------*/
/*  KONTEN STYLES                                        										 */
/*  A. Headline News																			 */
/*-----------------------------------------------------------------------------------------------*/
#konten-headline{background: #cad6bf url(images/headline-bg3.png) top right no-repeat;
	border-bottom:2px solid #b1bfa5;
}
#konten-headline .aksi-top {height:103px;background: url(images/headline-tgl-2.png) 0 50% no-repeat;padding-top:19px;margin-left:-11px;display:block;}
#konten-headline .aksi-top .tgl {float:left;width:90px;padding-top:0px;margin-right:20px;padding-left:5px;} 
#konten-headline .aksi-top .tgl .tgl-a {font-size:28px;font-weight:bold;text-shadow:1px 1px #c1a37d;}
#konten-headline .aksi-top .tgl .tgl-b {font-size:13px;text-shadow:1px 1px #b28957;}
#konten-headline .aksi-top .tgl .tgl-c {font-size:14px;text-shadow:1px 1px #b28957;}
#konten-headline .aksi-top .judul {float:right;width:548px;} 
#konten-headline .aksi-top .judul h2 {padding:0;display:block; padding-bottom:5px;margin:0;color:#000;font-size:20px;margin-top:-10px;margin-right:10px;} 
#konten-headline .aksi-top .judul h2 a {padding:0;display:block; padding-bottom:5px;margin:0;color:#003300;} 
#konten-headline .aksi-top .judul h2 a:hover {display:block; padding-bottom:5px;margin:0;color:#000;} 
#konten-headline .aksi-top .judul .act {margin-top:3px;}
#konten-headline .post {margin:10px;padding:5px;font-size:14px;  letter-spacing: 1px; }

/*  B. Index News/ Daftar tulisan per kategori                                                   */
/*-----------------------------------------------------------------------------------------------*/
#konten-list {padding-top:10px;background:#f5f4f4 url(images/post-bg.png) top left repeat-x;}
#konten-list #konten-kiri {width:428px; float:left;padding:0px 15px 20px;background-color:#f5f4f4;}
#konten-list #konten-kiri h3 {padding-top:5px; padding-bottom:5px;border-bottom:1px solid #987878;margin-bottom:20px;font-size:13px; letter-spacing: 2px;color:#660000;  text-transform: uppercase; }
#konten-list #konten-kiri p {margin:0;padding:0;}
#konten-list #konten-kiri ul li {padding: 5px 0px; border-bottom:1px dotted #cdcdcd;}
#konten-list #konten-kiri ul li .isi .judul a {padding: 0px 0px 5px;font-weight:bold;padding-bottom:5px;display:block;color:#4b97cf;}
#konten-list #konten-kiri ul li .isi .tgl {background: url(images/date-button.gif) 0 50% no-repeat; padding-left:18px;color:#a0a0a0;font-size:11px;}
#konten-list #konten-kiri ul li .isi .judul a:hover {color:#ff0000;text-decoration:underline;}
#konten-list #konten-kiri ul li img {float:left;margin-right:10px;}

#konten-list #konten-kanan {width:200px; float:right;}
#konten-list #konten-kanan h3 {padding-top:5px; padding-bottom:5px;background-color: #b50101;color: #fff;padding-left:15px;
	-moz-border-radius: 7px 0 0 0;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #8f0303;
	font-variant: small-caps;  letter-spacing: 2px;
}
#konten-list #konten-kanan .box1, 
#konten-list #konten-kanan .ngg-widget {background-color:#ffc3c3;padding:10px;margin: 0 auto;}
#konten-list #konten-kanan ul {padding: 10px 0px;}
#konten-list #konten-kanan ul li {padding: 5px 0px;}
.thumbnail {float:left;margin-right:10px;}
.alignleft {float:left;margin-right:10px;}
.alignright {float:right;margin-left:10px;}
.post p {padding:5px 0px; line-height: 138%;}
.post li {	list-style-position:inside; list-style-type: square;}
.post a {color:#993300;}
.post a:hover {text-decoration:underline;}
.post a.more-link {color: #ff0000;background: url(images/arrow-content.gif) 0 50% no-repeat;padding-left:12px;margin-left:5px;}
.post a.more-link:hover {color: #0066ff;}
.post ul li, 
.post ol li {
	list-style-position:inside; padding-left:15px; padding-top: 8px;
}
.post img {border: 1px solid #a4a4a4; padding:4px;}
.post ul, .post ol {padding-bottom:15px;}
#posts .box2 {margin:10px;padding:5px;}
#posts .box-judul {background: #97cb7d url(images/grn-single.png) top left repeat-x;
	margin-bottom:0px;margin:-16px;padding:15px;
	border-bottom:1px solid #648f4f;	
}
.box2 h1 {text-shadow:1px 1px #bbf0a0;}
.box2 .tgl {background: url(images/date-button.gif) 0 50% no-repeat; padding-left:18px;color:#1a1a1a;font-size:12px;}
.box-judul div.atas {margin-top:25px;background-color:#87ba6d;padding:5px 5px;	
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;font-size:11px;}
.kategori a {background: url(images/page.png) 0 50% no-repeat; padding:2px 0px 2px 20px;}
a.komen {background: url(images/comments.png) 0px 50% no-repeat;padding:2px 0px 2px 20px;}
span.komen {background: url(images/comment-off.gif) 0 50% no-repeat;padding-left:18px;color:#808080;}
.komen-mati {background: url(images/comment-off.gif) 0 50% no-repeat;padding-left:18px;}
.wp-polls {padding:5px;}
/*-----------------------------------------------------------------------------------------------*/
/*                                         TOOLTIP STYLES                                        */
/*-----------------------------------------------------------------------------------------------*/
.tTip {width: 200px; position: absolute; cursor: pointer; color: #666; font-weight: bold;}
.tip {color: #333;}
.tip {
	width: 212px;
	padding-top: 37px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	background: transparent url(images/tipTop.png) no-repeat top;}
	
.tipMid {background: transparent url(images/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
.tipBtm {background: transparent url(images/tipBtm.png) no-repeat bottom; height: 32px;}
/*-----------------------------------------------------------------------------------------------*/
/*                                         FOOTER STYLES                                        */
/*-----------------------------------------------------------------------------------------------*/
#footer-warp {background: #0c0c0c url(images/footer-bg.gif) left top repeat-x; min-height:137px;margin-top:20px;padding-top:7px;}
#footer {width:960px;margin:0 auto;color:#90918e;font-size:14px;padding-bottom:10px;}
#footer a {font-size:14px; color:#90918e;}
#footer a:hover {font-size:14px; color:#66ff33;}
#footer .f-kiri {float:left;max-width:500px;padding-top:33px;height:60px;}
#footer .f-kanan {float:right;width:400px;height:60px;padding-top:10px;}
#footer .f-kanan1 {float:left;height:60px;} 
#footer .f-kanan2 {float:right;height:60px;margin-right:10px;padding-top:5px;}
#footer .f-kanan1 ul {margin:0;padding:0;list-style: none;margin-left:10px; margin-top:20px;}
#footer .f-kanan1 li {display:inline;}
#footer .f-kanan1 ul li a {display:inline;padding-left:25px;background-image: url(images/global_sprite_kecil.png);background-repeat: no-repeat;padding-bottom:7px;padding-top:3px;font-size:11px;}
#footer .f-kanan1 ul li a.fb {background-position: -180px 0px;}
#footer .f-kanan1 ul li a.tw {background-position: -180px -30px;}
#footer .f-kanan1 ul li a.blog {background-position: -180px -120px;}
#footer .f-kanan1 ul li a.fb:hover {background-position: -1px 0px;}
#footer .f-kanan1 ul li a.tw:hover {background-position: -1px -30px;}
#footer .f-kanan1 ul li a.blog:hover {background-position: -1px -120px;}
.wp-polls {	
	padding-bottom:5px;
	padding-left:5px;padding-right:5px;max-width:205px; 
}

img.arsip {width:100px;height:75px; border:none; }
/************************************************
*	Post Navigasi  								*
************************************************/
.wp-pagenavi {
	font-family: Tahoma, Verdana, Arial;  font-size: 10px;
        margin:0;padding:0;margin-top:30px;margin-bottom:15px;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	background-color: #FFFFFF;	
	color: #B5B5B5;  border: 1px solid #B6B6B6;
}

.wp-pagenavi a:hover {	
	border: 1px solid #E05A5A;
	color: #000000;
	background-color: #FFDFDF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #B22222;
	color: #249125;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #6E6E6E;  
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	background-color: #E7EEBB;	
	color: #B22222;  border: 1px solid #9ACD32;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #6E6E6E;  
}

#post-container {
	display: none;
}

.post img.semua {padding:4px;display:block;}