@charset "utf-8";
/* CSS Document */
/*  
Theme Name: acstf_vx
Theme URI: http://acstf.org
Author: Kropos08
Author URI: http://acstf.org
*/

body {
	background: #3fabd9 url(images/html-bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	font: 8pt Verdana, arial;
	color: #333333;
}
a {
	color: #006699;
	text-decoration: none;
}
a:hover {
	color: #5EAFD7;
	text-decoration: underline;
}
p {
	margin: 0px 0px 15px;
}
img {
	border: none;
}
h1 {font-size:30px;}
h2 {font-size:26px;}
h3 {font-size:21px;}
h4 {font-size:17px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

small {
	font-size: 90%;
}

/* General Layout */
#background{
	background:url(images/main-bg.jpg) no-repeat center top;
}
#container{
	width:900px;
	margin:0px auto;
	border-bottom: 1px solid #d5e6eb;
	border-left: 2px solid #d5e6eb;
	border-right: 2px solid #d5e6eb;
	background-color:#FFFFFF;
}
#top{
	margin:0px;
	padding:0px;
	height:80px;
	text-align:right;
	background:url(images/top-bg.gif) no-repeat;
}
#header{
	margin:0px;
	padding:0px;
	width:900px;
	height:200px;	
	border-top:2px solid #fd5a0a;
	background:url(images/header4th.jpg) no-repeat;
}
#nav{
	height:28px;
	border-top:2px solid #006699;
	background:url(images/bgnv2_06.gif) repeat-x;
}
#page_up{
	background:url(images/bg_body_01.png) no-repeat;
	height:17px;
}
#page_in{
	background:url(images/bg_body_02.png) repeat-y;
}
#page_bott{
	background:url(images/bg_body_03.png) no-repeat;
	height:13px;
}
#page_ups{
	background:url(images/bg_bodys_01.png) no-repeat;
	height:17px;
}
#page_ins{
	background:url(images/bg_bodys_02.png) repeat-y;
}
#page_botts{
	background:url(images/bg_bodys_03.png) no-repeat;
	height:13px;
}
#footer{
	border-top:2px solid #fd5a0a;
	height:80px;
	background:url(images/footer-bg.gif) no-repeat;
	line-height:1.3;
}
#clear{
	clear:both;
}
.clear {
	clear: both;
}
/* Top Nav */
#top ul {
	list-style:none;
	margin:0px;
	padding:0 10px 0 3px;
}
#top ul li {
	font-size:11px;
	display:inline;
	letter-spacing:-1px;		
}
#top ul li a{
	color:#cccccc;
	text-decoration:none;
}
#top ul li a:hover{
	color:#ffffff;
	text-decoration:blink;
}

/* Main Nav */
ul#menu {
	margin:0px;
	margin-left:30px;
	padding:0px;
	list-style: none;
	height:28px;
	background:url(images/bgnv2_06.gif) repeat-x;
}

ul#menu li {
	float: left;
	height:27px;
	padding-left:4px;
	background:url(images/bgnv1_03.gif) no-repeat left top;
}

ul#menu ul li {
	float: none;
	margin-left: 10px;
	padding:0px;
	height:auto;
	border-bottom: 1px solid #7EAED7; /* fixes gap problem in IE */
	z-index:1000;
	background:none;
}

ul#menu ul {
	margin: 0;
	padding: 0;
	display:none;
	list-style: none;
	position: absolute;
}
ul#menu ul ul{
	margin-left: 5px;
	padding:0px;
	position: absolute;
	top: 0; /* if using borders, -1px to align top borders */
	left: 100%;
}

ul#menu li a{
	display: block;
	padding:6px 15px 6px 15px;
	text-transform:uppercase;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align: center;
	font-weight:bold;
	color: #48a2c0;
	text-decoration: none;
	line-height: 1.5;
	background:url(images/bgnv1_02.gif) repeat-x;
}
ul#menu li a:hover{
	color: #fd5a0a;
	background:url(images/bgnv2_02.gif) repeat-x !important;
}

ul#menu ul li a {
	display: block;
	padding: 3px;
	text-align:left;
	text-decoration: none;
	text-transform:none;
	letter-spacing:0px;
	font-weight:normal;
	background: #5587B3;
	color: #FFFFFF;
	line-height: 1.2;
	width:120px;
}
ul#menu ul li a:hover{
	background:#9cdbfb !important;
	color: #fd5a0a;
}

/* page layouts*/
#sidebar_kiri{
	float:left;
	width:190px;
	padding:0px 5px 5px 8px;
}
#main{
	float:left;
	padding: 0px 4px 15px 2px;
	width: 466px;
	overflow: hidden;
}
#single{
	float:left;
	width: 676px;
	overflow: hidden;
}
#sidebar_kanan{
	float: right;
	padding: 0px 14px 20px 10px;
	width: 200px;
	color:#FFFFFF;
	overflow: hidden;
}
/* sidebar kiri layouts */
#sidebar_kiri {color:#333333;}
#sidebar_kiri a{color:#333333; text-decoration:none;}
#sidebar_kiri a:hover {color:#048db4; text-decoration:underline;}
#sidebar_kiri p {
	padding:10px 10px 12px;
}
#sidebar_kiri h4 {
	color: #ffffff;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	height:22px;
	text-align:center;
	margin: 8px 0px 0px 0px;
	padding: 8px 0px 4px 0px;
	text-transform:uppercase;
	background:url(images/side_kiri.png) no-repeat 0 0;
}
ul#listkiri{
	list-style-type: none; 
	margin: 0 0 30px; 
	padding: 0; 
	font-size: 10px;
}
ul#listkiri li{
	margin: 0 0 3px 3px; 
	padding: 0 0 3px 15px; 
	background: url(images/bg_sb_arrow.gif) no-repeat left 3px; 
	text-align:left;
	border-bottom:1px dotted #999999;
}
ul#listkiri li a{
	color:#666666;
}
ul#listkiri li a:hover{
	text-decoration:underline;
}

/* sidebar kanan layouts */
#sidebar_kanan h4 {
	font-family: Geneva, Helvetica, sans-serif;
	font-size: 12px;
	margin: 5px 0 0;
	padding-top: 10px;
	font-weight: bold;
	color: #9cdbfb; 
	border-bottom: 1px solid #CFE1AC;
	text-transform:uppercase;
}
#sidebar_kanan ul, #sidebar_kanan ul ol {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
#sidebar_kanan li ul {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px; 
}
#sidebar_kanan li ul a {
	text-decoration: none;
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px; 
	color: #ffffff;
}
#sidebar_kanan li ul a:hover {
	text-decoration: underline; 
	color: #9f9f9f;
}
#sidebar_kanan ul p, #sidebar_kanan ul select {
	margin: 5px 0 8px; 
	color: #ffffff;
}
#sidebar_kanan ul ul, #sidebar_kanan ul ol {
	margin: 5px 0 0 5px; 
	color: #ffffff;
}
#sidebar_kanan ul ul ul, #sidebar_kanan ul ol{
	margin: 0 0 0 10px; 
	color: #ffffff;
}
#sidebar_kanan ul ol li { 
	list-style: decimal outside; 
	color: #ffffff;
}
#sidebar_kanan ul ul li, #sidebar_kanan ul ol li{
	margin: 3px 0px 0px;
	padding: 0px; 
	color: #ffffff;
}

#searchform {
	margin: 10px auto;
	padding: 5px 3px; /* text-align: center; */
}
#sidebar_kanan #searchform #s {
	width: 160px;
	padding: 2px;
	color: #333333;
	background-color: #9cdbfb;
	border: 1px solid #006699;
	font-size: 11px;
	margin-right: 4px;
}
#sidebar_kanan #searchsubmit{
	padding: 1px 5px 1px 5px;
	background: url(images/search.jpg);
	font-size: 11px; 
	border: none; 
	height: 20px; 
	width: 23px;
	cursor:pointer;
}

/* Main layout */
#berita_foto {
	width: 465px;	
	margin:0px 2px 10px 2px;
	padding:0px 0px 10px;
	border:1px solid #2788bf;
	background:url(images/grad.png) repeat-x top;
}
#berita_utama {
	width: 466px;	
	margin:0px 2px 10px 2px;
	padding:0px 0px 10px;
	background:url(images/post_bot.png) no-repeat bottom;
}
#artikel {
	width: 466px;	
	margin:0px 2px 10px 2px;
	padding:0px 0px 10px;
	background:url(images/post_bot.png) no-repeat bottom;
}
/* berita_foto layout */
#berita_foto .top h2 {
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#2788bf;
	letter-spacing:-1px;
	margin:10px 10px 10px 10px;
	padding:5px;
	text-transform:uppercase;
}
#berita_foto .foto{
	float:left;
	padding:0px 10px 10px;
}
#berita_foto .ket{
	padding:2px 10px 2px 2px;
}
#berita_foto .bottom{
	text-align:right;
	padding:5px 20px 0px;
}
#berita_foto .bottom a{
	color:#FF3300;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
#berita_foto .bottom a:hover{
	color:#999999;
	text-decoration:underline;
}

/* berita_utama layout */
#berita_utama .top {
	width: 466px;	
	background:url(images/post_top.png) no-repeat top;
}
#berita_utama .top h2{
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
	margin:0px 10px 5px 10px;
	padding:10px 5px 5px 5px;
	text-transform:uppercase;
	border-bottom:2px solid #2788bf;
}
#berita_utama .judul h3{
	color: #666666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	letter-spacing:-1px;
	margin:0px 5px 2px 10px;
	padding:20px 5px 5px 5px;
	background:url("images/ln.gif") repeat-x bottom ;
}
#berita_utama .judul h3 a {
	color: #279EF5;
	font-weight:normal;
	text-decoration: none;
}
#berita_utama .judul h3 a:hover {
	color:#999999;
}
#berita_utama .date {
	background: url("images/mini-calendar.gif") no-repeat;
	height:16px;
	padding: 3px 0px 2px 20px;
	margin:2px 5px 15px 15px;
	color:#FF3300;
	font: 10px verdana;	
	letter-spacing:-1px;
}
#berita_utama .entry {
	font: 12px Tahoma;
	color: #333333;			
	padding: 0 10px 0 10px;
	text-align:justify;
}
#berita_utama .entry  a {
	color: #E98E26;
	text-decoration: none;
}
#berita_utama .entry  a:hover {
	text-decoration: underline;
}
#berita_utama .entry  blockquote {
	border-left: 6px solid #999999;
	margin: 0px 20px;
	padding-left: 10px;
	font-style:italic;
}
#berita_utama .entry img {
	padding: 5px;
	border: 0px;
}
#berita_utama .bottom{
	text-align:right;
	padding:30px 20px 10px;
}
#berita_utama .bottom a{
	color:#FF3300;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
#berita_utama .bottom a:hover{
	color:#999999;
	text-decoration:underline;
}
/* artikel layout */
#artikel .top {
	width: 466px;	
	background:url(images/post_art.png) no-repeat top;
}
#artikel .top h2 {
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:-1px;
	margin:0px;
	padding:12px 5px 12px 10px;
	text-transform:uppercase;
}
#artikel .judul h3{
	color: #666666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	letter-spacing:-1px;
	margin:0px 10px;
	padding:5px 5px 0px;
}
#artikel .judul h3 a {
	color: #666666;
	font-weight:normal;
	text-decoration: none;
}
#artikel .judul h3 a:hover {
	color:#fd5a0a;
}
#artikel .grs {
	clear:both;
	border-bottom:1px solid #cccccc;
	margin:0px 10px;
}
#artikel .pic {
	float:left;
	padding:0px 10px 10px 15px;
}
#artikel .date {
	background:url(images/calendar_icon.png) no-repeat;
	padding: 0px 0px 5px 20px;
	margin:0px 5px 3px 15px;
	color:#999999;
	font: 10px verdana;	
	letter-spacing:-1px;
}
#artikel .entry {
	font: 12px Tahoma;
	color: #333333;			
	padding: 0 10px 0 10px;
	text-align:justify;
}
#artikel .entry  blockquote {
	border-left: 6px solid #999999;
	margin: 0px 20px;
	padding-left: 10px;
	font-style:italic;
}
#artikel .entry img {
	padding: 5px;
	border: 0px;
}
#artikel .bottom{
	text-align:right;
	padding:30px 20px 10px;
}
#artikel .bottom a{
	color:#FF3300;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
#artikel .bottom a:hover{
	color:#999999;
	text-decoration:underline;
}

/* singel layout */
#single .top_post {
	width: 670px;
	padding:0px 2px 15px;
	background:url(images/post_bots.png) no-repeat bottom #FFFFFF;
}
#single .top_post .post_title {
	width: 670px;
	color: #666666;
	height:85px;
}
#single .top_judul {
	background:url(images/post_tops.png) no-repeat top;
	padding: 0px 2px ;
}
#single .top_judul h1 {
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:-1px;
	margin:0px 5px 2px 10px;
	padding:15px 5px 2px 5px;
	text-transform:uppercase;
	border-bottom:2px solid #0033FF; 
}
#single .top_judul h1 a {
	color:#fd5a0a;
	text-decoration:none
}
#single .top_judul h1 a:hover {
	color:#666666;
}
.post_title h2 {
	color: #666666;
	font: 20px tahoma;
	letter-spacing:-1px;
	margin:0px 5px 2px 10px;
	padding:20px 5px 5px 5px;
	background:url("images/ln.gif") repeat-x bottom ;
}
.post_title h2 a {
	color: #279EF5;
	font-weight:500;
	text-decoration: none;
}
.post_title h2 a:hover {
	color:#333333;
}
.meta_date {
	float:left;
	background:url(images/calendar_icon.png) no-repeat;
	height:16px;
	padding: 3px 0px 2px 20px;
	margin:2px 5px 15px 15px;
	color:#FF3300;
	font: 10px verdana;	
	letter-spacing:-1px;
}
.meta_print {
	float:right;
	padding: 0px 20px 0px 0px;
	margin:0px 0px 0px 0px;
	font: 10px verdana;	
}
.post-entry {
	font: 12px Tahoma;
	color: #333333;			
	padding: 0 12px;
	text-align:justify;
}
.post-entry a {
	color: #E98E26;
	text-decoration: none;
}
.post-entry a:hover {
	text-decoration: underline;
}
.post-entry blockquote {
	border-left: 6px solid #999999;
	margin: 0px 20px;
	padding-left: 10px;
	font-style:italic;
}
.post-entry img {
	padding: 5px;
	border: 0px;
}

/* Comments */
#comments{margin:30px; padding:30px; background:url(images/ln.gif) repeat-x top;}
.commentlist li, #commentform input, #commentform textarea {font-size: 0.9em;color: #181818;}
.commentlist li {font-weight: bold;color: #181818; background:#f3f3f3}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;color: #181818;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;color: #181818;}
#commentform p {font-family: 'Geneva', Verdana, Arial, Sans-Serif;color: #181818;}
.commentmetadata {font-weight: normal;color: #181818;}
small, .nocomments {color: #181818;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps{ font-size: 0.9em;letter-spacing: .07em;}
h3.comments {padding: 0;margin: 40px auto 20px ; font-size:14px}
h3.respond {padding: 0;margin: 40px auto 20px ; font-size:14px}
#commentform input {font-size: 11px; color: #181818; width: 170px;padding: 2px;margin: 5px 5px 1px 0;background-color: #f3f3f3;border: 1px solid #cccccc;}
#commentform textarea {font-size: 11px; color: #181818; width: 99%;padding: 2px;background-color: #f3f3f3;border: 1px solid #cccccc;}
#commentform #submit {background: #999999; color: #181818; margin: 0;float: right; width: 110px; border: 1px solid #666666;}

.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0;text-align: justify;}
.commentlist li {margin: 15px 0 3px;padding: 5px 10px 3px;list-style: none;}
.commentlist p {margin: 10px 5px 10px 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}

/* footer */
#footer .alamat{
	margin-top:10px;
	width:320px;
	float:right;
}
#footer .logo{
	width:60px;
	height:60px;
	float:left;
}
#footer .atas{
	width:auto;
	float:right;
	color:#ffffff;
	text-align:left; 
	font-size:11px; 
	letter-spacing:-1px;
	padding:2px;
	border-bottom:1px solid #fd5a0a; 
}
#footer .bawah{
	width:250px;
	float:right;
	text-align:center;
	padding:2px; 
	color:#aaaaaa; 
	font-size:9px; 
	letter-spacing:-1px; 
}