/*
      Created by Anton Hilman of KresiTek.com
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background: url(../images/bg.jpg) no-repeat top center #FFF fixed;
}
ul {
margin-left:17px;
}
ol {
margin-left:20px;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#faux {
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
 background: url(../images/bg_faux.gif) repeat-y top center #FFFFFF;
}
#header {
 color: #333;
 width: 902px;
 padding: 10px;
 height: 100px;
 margin: 8px 0px 0px 0px;
 background: url(../images/header.jpg) no-repeat #000;
}
#navigation {
 color: #fff;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 background: #25114F;
}
#leftcolumn { 
 display: inline;
 margin: 0px;
 padding: 10px;
 width: 195px;
 float: left;
}

#content { 
 float: left;
 margin: 10px 13px;
 padding: 0px;
 width: 460px;
 display: inline;
 position: relative;
}
#content2 { /* detail */
 float: right;
 color: #333;
 margin: 12px 13px;
 padding: 0px;
 width: 680px;
 display: inline;
 position: relative;
 background-color:#FFFFFF;
}
#content2 a:link {
color:#402876;
}
#content2 a:visited {
color:#402876;
}
#content2 a:hover {
color:#CB3A29;
}
#rightcolumn { 
 display: inline;
 position: relative;
 margin: 0px 10px 10px 0px;
 padding: 10px 0px 0px 10px;
 width: 200px;
 float: right;
}
#footer { 
 width: 902px;
 height:30px;
 clear: both;
 background: url(../images/bg_footer.jpg) no-repeat top center #002F9A;
 color:#FF9855;
 margin: 0px 0px 10px 0px;
 padding: 60px 10px 10px 10px;
}
.clear { clear: both; background: none; }

/* modul */

.foto_terkini {
background:#000;
margin:0px 0px 10px 0px;
}
.selayang {
margin:0px 0px 10px 0px;
background:#FCFBEC;
padding:10px;
border-top:5px solid #F1F0D9;
}
.pengumuman {
margin:0px 0px 10px 0px;
padding:10px;
color: #333333;
background-color:#C3B7DF;
border:1px solid #A695CB;
}
.pengumuman a:link{
text-decoration:none;
color:#4B259C;
}
.pengumuman a:visited{
text-decoration:none;
}
.pengumuman	ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
.pengumuman li {
	background: url(../images/panah.gif) no-repeat top left;
	padding: 0px 0px 2px 8px;
	margin: 0px 0px 0px 0px;
	border-bottom:1px dotted #9983CB;
	}

.berita {
margin:0px 0px 10px 0px;
padding:0px;
background-color:#FFFFFF;
}
.berita p {
margin:0px 0px 10px 0px;
padding:0px 0px 10px 0px;
}
.berita h3 {
font-size:13px;
color:#CC0000;
}
.berita a:link {
color:#002685;
text-decoration:none;
}
.berita a:visited {
color:#002685;
text-decoration:none;
}
.berita a:hover {
color:#307137;
text-decoration: underline;
}
.thumb_berita {
float:left;
margin:3px 10px 5px 0px;
border:1px solid #EAE0FF;
padding:2px;
background-color:#FFFFFF;
}

.box_kiri {
color:#FFFFFF;
padding:10px;
margin:0px 0px 10px 0px;
}
.box_kiri a:link {
color:#FFF;
text-decoration:none;
}
.box_kiri a:visited {
color:#FFF;
text-decoration:none;
}
.box_kiri a:hover {
color: #D33C2B;
text-decoration: underline;
}
.head_kiri {
font-size:12px;
background-color:#DFD9EC;
padding:3px 0px 3px 5px;
margin:0px 0px 0px 0px;
color:#D33C2B;
font-weight:bold;
text-transform:uppercase;
}

.head_kiri img {
float:left;
margin-right:5px;
}

.head_kanan img {
float:left;
margin-right:5px;
}

.head_kiri2 img {
float:left;
margin-right:5px;
}

.box_kiri ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
.box_kiri li {
	background: url(../images/panah.gif) no-repeat top left;
	padding: 0px 0px 2px 8px;
	margin: 0px 0px 0px 0px;
	border-top:1px dotted #503785;
	}

.box_kiri2 {
background: url(../images/bg_isi.gif) repeat-x top center #FFFFFF;
color:#000;
padding:10px;
margin:0px 0px 10px 0px;
}
.box_kiri2 a:link {
color:#2F185E;
text-decoration:none;
}
.box_kiri2 a:visited {
color:#2F185E;
text-decoration:none;
}
.box_kiri2 a:hover {
color: #D33C2B;
text-decoration: underline;
}
.head_kiri2 {
font-size:12px;
background-color:#200D48;
padding:3px 0px 3px 5px;
margin:0px 0px 0px 0px;
color:#FFF;
font-weight:bold;
text-transform:uppercase;
}

.box_kanan {
background-color:#FFF;
color: #000;
padding:10px;
margin:0px 0px 10px 0px;
}
.box_kanan a:link {
color:#307137;
text-decoration: none;
}
.box_kanan a:visited {
color:#307137;
text-decoration: none;
}
.box_kanan a:hover {
color: #002685;
text-decoration: underline;
}
.head_kanan {
font-size:12px;
background-color:#D0EDD3;
padding:3px 0px 3px 5px;
margin:0px 0px 0px 0px;
color:#0A310E;
font-weight:bold;
text-transform:uppercase;
}

.ads {
margin:0px 0px 10px 0px;
text-align:center;
}

.detail_foto {
float:left;
margin:3px 10px 5px 0px;
border:1px solid #F1F0D9;
padding:5px;
color: #006699;
width:302px;
border-bottom:4px solid #F1F0D9;
background-color:#FFFFFF;
}

.foto_galeri {
padding:5px;
border:1px solid #DDD;
background-color:#FFFFFF;
margin:5px 10px 5px 0px;
}

.foto_utama {
border:none;
}

.detail_galeri {
}
.galeri_list_thumb {
border:1px solid #ddd;
margin:5px 5px 0 5px;
padding:2px;
}

.lis {
margin:0px;
padding:10px;
border-top:1px dotted #ddd;
}

.garis_atas {
margin:10px 0px 10px 0px;
padding:10px 0px 10px 0px;
border-top:1px dotted #ddd;
}

.garis_bawah {
margin:10px 0px 10px 0px;
padding:10px 0px 10px 0px;
border-bottom:1px dotted #ddd;
}

.thumb_detail {
border:1px solid #000;
}

.teks_foto {
font-size:11px;
color:#666666
}

.sambutan {
width:193px;
border:1px solid #FFF;
}

h1 {
font-size:18px;
}

h2 {
font-size:16px;
}

h3 {
font-size:14px;
}

h4 {
font-size:12px;
}

/*date*/
.date {
font-size:11px;
color:#999999;
}

/* detail */
.foto_galeri {
text-align:center;
padding:4px;
border:1px solid #DDD;
margin:5px 0 10px 0;
}
.teks_fotogaleri{
background-color:#FFF;
color: #666666;
}
.detail_file {
padding:10px;
margin:3px 0 5px 0;
border:1px solid #DDD;
background:#F1F1F1;
}
.detail_foto {
float:right;
width:300px;
padding:5px;
margin:3px 0 5px 10px;
border:1px solid #DDD;
background:#F1F1F1;
}
.teks_foto {
padding:5px 0 0 0;
font-size:11px;
color:#666666;
}

.detail_box{
margin-bottom:20px;
}
.detail_head{
margin:10px 0 10px 0;
}
.detail_judul{
float:left;
width:350px;
}
.detail_tool {
float:right;
width:100px;
padding:10px 0 10px 0;
border-left:1px solid #F1F1F1;
text-align:center;
}
.detail_tool a:link, .detail_tool a:visited{
color:#CCC;
}
.detail_date {
color:#999999;
margin:10px 0 10px 0;
font-size:11px;
}
.detail_isi {
min-height:340px;
}
.detail_isi p {
margin-bottom:10px;
}
.detail_isi ul {
margin:10px 0 10px 15px;
}
.detail_isi ol {
margin:10px 0 10px 20px;
}
.detail_isi ul li{
list-style:outside;
border-bottom:1px dotted #F1F1F1;
}
.detail_isi ol li{
list-style: decimal;
border-bottom:1px dotted #F1F1F1;
}
.detail_share {
padding:5px;
background-color:#F1F1F1;
margin:10px 0 10px 0;
font-size:11px;
height:20px;
}
.detail_share img{
border:none;
float:right;
margin-left:5px;
}
.detail_lainnya {
margin:0 0 10px 0;
}
.detail_lainnya ul {
margin-left:15px;
}

.detail_video{
text-align:center;
margin:10px 0 10px 0;
background-color:#000000;
}

.komentar_list{
margin-bottom:10px;
}
.komentar_item1{
background-color:#FAFAFA;
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px dotted #DDD;
}
.komentar_item2{
background-color:#F1F1F1;
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px dotted #DDD;
}
.komentar_nama{
float:left;
width:120px;
padding:10px;
}
.komentar_isi{
float:right;
width:290px;
padding:10px;
}
.komentar_balasan{
background-color:#FFF;
margin:10px;
padding:10px;
}
.komentar_kirim{
background-color:#F1F1F1;
padding:10px;
}

.list_box{
}
.list_item{
padding:5px 0 10px 0;
border-bottom:1px solid #F1F1F1;
}

.waktu_tempat{
font-size:14px;
}

.teksfoto {
font-size:11px;
color:#666666;
text-align:center;
}

.ads {
margin:5px 0 5px 0;
text-align:center;
}

.succ {
background-color:#F8FFF0;
color:#005CAD;
border:1px solid #A0DC11;
padding:10px 10px 10px 30px;
margin:0px 0px 10px 0px;
}

.err {
background-color:#FFF9D7;
color:#005CAD;
border:1px solid #E2C822;
padding:10px 10px 10px 30px;
margin:0px 0px 10px 0px;
}

/*new pagination*/
div.pagination {
	padding: 3px;
}

div.pagination a {
	padding: 1px 2px 1px 2px;
}
div.pagination a:hover, div.pagination a:active {
	color: #000;
}
div.pagination span.current {
	padding: 1px 4px 1px 4px;
}
div.pagination span.disabled {
	padding: 1px 4px 1px 4px;
}

/*berita list*/
.berita_list {
border-bottom:1px dotted #DDD;
padding:10px 0 0 0;
}

/* video */
.video {
margin-bottom:10px;
}

/* TABEL KALENDER */
.tabel_data{
border:1px solid #DDD;
background-color:#FDFDFD
}
.tabel_data th{
border:1px solid #DDD;
background-color:#CCC
}
.tabel_data td{
border:1px solid #DDD;
background-color:#F1F1F1
}
.tabel_data a:link, .tabel_data a:visited{
color:#FF0000
}
.hariini {
color: #FF0000
}

/* KURS */
.row1{
background-color:#E3E3E3;
}
.row2{
background-color:#F1F1F1;
}
#valas{
width:200px;
border:none;
}

/* ------------------------- isi galeri ------------------------- */
.galeri_foto {
border-top:2px solid #F1F1F1;
min-height:230px;
}
.isi3 {
float:left;
width:90px;
margin:10px 9px 0px 0;
background-color:#2B2B2B;
}
.isi3 p, .isi4 p, .isi5 p{
margin:0 5px 5px 5px;
font-size:11px;
color: #999999;
}
.isi4 {
float:left;
width:90px;
margin:10px 0 0 0;
background-color:#2B2B2B;
}
.isi5 {
float:right;
width:90px;
margin:10px 0 0 0;
background-color:#2B2B2B;
}
.isi6 {
float:left;
width:90px;
margin:10px 25px 0 0px;
background-color:#2B2B2B;
}
.isi6 p {
color:#666666;
font-size:11px;
margin:0 0 5px 3px;
}

/*foto*/
.thumb {
float:left;
margin:3px 10px 0 0;
padding:1px;
border:1px solid #CCC;
}
.med {
width:300px;
height:150px;
padding-bottom:10px;
}
.noborder {
border:none;
}
.foto_headline {
float:left;
height:100px;
margin:3px 5px 0 0;
border:1px solid #CCC;
}
.garis {
margin:10px 0 5px 0;
border-bottom:1px solid #DDD;
/* end */

.foto_cabup {
width:647px;
padding:5px;
border:1px solid #DDD;
background-color:#FFFFFF;
margin:5px 10px 5px 0px;
}
.noborder {
border:none;
}

.tr_judul {
  font-weight : bold;
  text-align : center;
  background : #90F8FD;
}
.tr_terang {
  text-align : center;
  background : #F0EAFE;
}
.tabel_data {
  background : #90F8FD;
}

/*waktu*/
.waktu {
text-align:center;
font-size:11px;
color:#666666;
}