@charset "utf-8";

@import url(menu.css);

@import url(fancybox.css);

@import url(tabs.css);

@import url(headline.css);

@import url(ticker.css);

@import url(tipsy.css);

@import url(headslideshow.css);

                                  

html, body {border: 0; margin: 0; padding: 0;}



body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	background: url(../images/bg_repeat.jpg) repeat 0 0;

    line-height: 130%;

 	width: 100%;

 	min-width: 960px;

}



p {margin: 0; padding: 0 0 18px 0;}

ul {list-style: none; margin: 0; padding: 0;}



a {

  	text-decoration: none;

  	color: #2B2B2B;

}



a:hover {text-decoration: none; color: #65C80B;}



#container {

 	width: 100%;

 	height: 100%;

 	text-align: center;

 	background: url(../images/bg.jpg) repeat-x 0 0;

	position: relative;

}



#wrapper {

 	width: 960px;

 	background: url(../images/bg_content.gif) repeat-y top left;

 	margin: 0 auto;

 	text-align: left;

	position: relative;

}



#top {

	height: 34px;

	padding: 0px 0px;

    background: url(../images/bg.jpg) repeat-x 0 0;

}



#header {

	width: 100%;

	height: 207px;

	background: url(../images/header.jpg) no-repeat;

	position: relative;

	color: white;

	font-family: "Trebuchet MS",Tahoma, Arial, sans-serif;

}



#header .intro {

	padding: 190px 0 0 17px;

}



#header .intro p {

	font-size: 1.2em;

	padding: 0;

	margin: 0;

	color: #FFFFFF;

	font-weight: bold;

	position: absolute;

    left: 705px;

	top: 178px;

}        



#header #searchform {

	position: absolute;

	z-index: 2;

	left: 753px;

	top: -29px;

	width: 205px;

}

      

#header #searchform .searchField {

	border: none;

	background: transparent;

	color: #2B2B2B;

	width: 158px;

	height: 23px;

	line-height: 23px;

}



#header #searchform .searchSubmit {

	background: transparent url(../images/searchButton.jpg) no-repeat 0 0;

	width: 40px;

	height: 26px;

	border: none;

	cursor: pointer;

}



#content {

	display: block;

	float: left;

	clear: left;

	width: 700px;

	padding: 20px;

	margin: 0 0 30px 0;

	clear: both;

	text-align: justify;

	font-size: 0.9em;

}



#content p {

	padding: 5px 0  5px 15px;

}



#content a img {

    border: none;

    background-color: #fff;

	padding: 2px;

	margin: 3px 5px 3px 0;

	border: 1px solid #999999;

	float: left;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

}



#content .garisbawah {

	padding-bottom: 5px;

	border-bottom: 1px dotted #CCC;

	padding-left: 10px;

	padding-right: 5px;

    padding-top: 5px;

}



#content .judul {

	font-family: Georgia;

	font-size: 14px;

	line-height: 170%;

	font-weight: bold;

	color: #E1B360;

}



#content .tanggal {

	font-size: 10px;

	line-height: 135%;

	font-style: italic;

}



#content .posting {

	font-size: 11px;

}



#content .kategori {

	font-family: Georgia;

	line-height: 175%;

	font-weight: bold;

	padding-left: 10px;

}



#content .judulhead {

	font-size: 1.2em;

	font-variant: small-caps;

	color: #E1B360;

	font-weight: bold;

}



#content .judul_head {

	font-family: Georgia;

	font-size: 12px;

}



#content .image {

	background-color: #fff;

	padding: 2px;

	margin: 3px 5px 3px 0;

	border: 1px solid #CCC;

	float: left;

}



#content-kiri-headline{

	float: left;

	width: 625px;

}



#content-kiri{

	float: left;

	width: 430px;

}



#content-kanan{

	float: right;

	width: 260px;

}



#content-detail{

	float: left;

	width: 690px;

}



input, select, textarea{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}



#kotakjudul{

	background: url(../images/mainnav-bg.gif) repeat-x;

	margin: 0px;

	padding: 5px;

	border-top: 1px solid #CCC;

	border-left: 1px solid #CCC;

	border-right: 1px solid #CCC;

    border-bottom: none;          

}



#kotakdalam{

	color: #666;

	display: block;

	position: relative;

	width: auto;

	padding: 6px 0;

	padding-left: 7px;

	text-decoration: none;

	width:246px;

	height:16px;

	background-image:url(../images/left_cat_bg.gif);

	background-repeat:repeat-x;

	margin-left:1px;

}



#kotakisi{

	padding: 0px;

	border: 1px solid #CCC;

	text-align: justify;

}



#sidebar {

	display: block;

	float: left;

	width: 190px;

	padding-left: 15px;

	margin-bottom: 30px;

	font-size: 0.8em;

	background: url(../images/sidebar_bg.jpg) no-repeat 0 0;

}



#sidebar h2 {

	font-size: 1.4em;

	font-variant: small-caps;

	color: #E1B360;

	border-bottom: 4px solid #ccc;

	width: 190px;

	font-weight: bold;

	margin: 30px 0 10px 0;

}



#listsidebar{

	width:190px;

	overflow:hidden;

	border:solid 1px #DEDEDE;

	padding-bottom: 13px;

}



#listsidebar .news-title{

	font-weight:bold;

	margin-bottom:4px;

	font-size:12px;

	color:#2B2B2B;

	padding-left:5px;

	padding-top: 5px;

}



#listsidebar .news-text{

	font-size:12px;

	color:#333;

}



#listsidebar .news-title2{

	font-weight:bold;

	padding-left:80px;

	font-size:12px;

}



#footer {

	clear: both;

	width: 960px;

	height: 45px;

	background: url(../images/footer_bg.gif) no-repeat center top;

	color: #E1B360;

	font-size: 0.9em;

	font-weight:bold;

}



#footer .foot_content {

	display: block;

	clear: none;

	width: 640px;

	float: left;

	clear: none;

	padding: 0px 0 0 0;

	text-align: center;

}



#footer .foot_content p {

	margin: 0;

	padding: 0;

}



#footer ul li {

	display: inline;

}