body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0.25%;
	/*background-color: #f3f4f8;*/
    /*background-color: #fbfbfb;*/
	background:url("../images/vichy.png") #ccc;
}

td {
	border-bottom: 1px solid #cccccc;
}

#wrapper {
	background-image: url(../images/back.jpg);
	background-repeat: repeat-y;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	/*background-image: url(../images/background01.jpg);*/
}
#wrapper #header {
	margin: 0% 1.5%;
	background-image: url(../images/pertunijateng.jpg);
	height: 90px;
	width: 970px;
	float : left;
	font-size: 24px;
	font-weight : bold;
}

#wrapper #leftcontent {
	background-color: #00477d;
	/*background-color: #ffffff;*/
	margin: 0 0.1% 0.2% 1.5%;
	float: left;
	width: 20%;
	padding-right: 8px;
	padding-left: 8px;.
}

#wrapper #middlecontent {
	background-color: #dddddd;

	margin: 0 0.1% 0.2% 0.8%;
	float: left;
	width: 48%;
	padding-right: 20px;
	padding-left: 20px;
}

#wrapper #rightcontent {
	background-color: #dbeef6;
	margin: 0 0.1% 0.2% 0.8%;
	float: left;
	width: 20%;
	padding-right: 8px;
	padding-left: 8px;
}
/*
ul {
	padding-left: 12px;
	margin-left: 100px;
}
*/

#wrapper #clearer {
	clear: both;
}
#wrapper #footer00 {
	margin: 0 1.5%;
	font-size: 10px;
	text-align: center;
	height: 200px;
	width: 970px;
}
#wrapper #footer01 {
	margin: 0 1.5%;
	font-size: 12px;
	color: #123456;
	background-color : #CCf1f2;
	text-align: center;
	height: 260px;
	width: 970px;
}
#wrapper #footer {
	margin: 0 1.5%;
	font-size: 10px;
	color: #FFFFFF;
	background-image: url(../images/footer.jpg);
	text-align: center;
	height: 26px;
	width: 970px;
	line-height: 275%;
}


#wrapper #leftcontent a:link {
	color: #EE1C24;
	text-decoration: none;
}
#wrapper #leftcontent a:visited {
	color: #EE1C24;
	text-decoration: none;
}
#wrapper #leftcontent a:hover {
	color: #6600CC;
	text-decoration: underline;
}

#wrapper #middlecontent a:link {
	color: #001C24;
	text-decoration: none;
}
#wrapper #middlecontent a:visited {
	color: #001C24;
	text-decoration: none;
}
#wrapper #middlecontent a:hover {
	color: blue;
	text-decoration: underline;
}

#wrapper #rightcontent a:link {
	color: #0000FF;
	font-weight:bold;
	text-decoration: none;
}
#wrapper #rightcontent a:visited {
	color: #0000FF;
	font-weight:bold;
	text-decoration: none;
}
#wrapper #rightcontent a:hover {
	color: #EE1C24;
	font-weight:bold;
	text-decoration: underline;
}


#menuheader {
width:100%; 
height:30px; 
background-color:#999;
}

#wrapper #garis {
	margin: 0 0.28% 0.4% 1.5%;
	padding : 0% 0% 0% 0.1%;
	color: #fffff5;
	/*color: #012345;*/
	background:#fffff5;
	height: 1px;
	width: 970px;
	float : left;
	line-height: 275%;
}

/*...............................................................................................*/
/*slide show */
/*...............................................................................................*/

#wrapper #slideshowfoto {
	margin: 0 0.28% 0.4% 2%;
	/*padding : 0% 0% 0% 0.1%;*/
	height: 282px;
	width: 970px;
	float : left;
}

/*...............................................................................................*/
/*akhir slideshow*/
/*...............................................................................................*/

/*...............................................................................................*/
/*menu dropdown satu horisontal*/
/*...............................................................................................*/

#wrapper #dropdown01 {
	/*width : 67%;*/
	width : 96.65%;
	position: relative;
	/*margin: 0.1% 1.5% 0.1% 2.2%;*/
	margin: 0% 0.1% 0% 1.7%;
	color : #0000FF;
	float : left;
	text-align : center;
}
#wrapper #dropdown01 ul {
	font-family: Open Sans;
    font-size: 12px;
	list-style:none;
	padding :0;
	background-image:-webkit-linear-gradient(top,#ebebeb,#D7D7D7);
	background-color:#D7D7D7;
	box-shadow:0 1px 3px rgba(0,0,0,.5);
	z-index:9999;
}
#wrapper #dropdown01 ul li {
	float:left;
	/*width : 200px;*/
	line-height : 18px;
	position:relative;
	z-index:9999;
}

#wrapper #dropdown01 ul:after{
	content:" ";
	display:block;
	clear:both;
}

#wrapper #dropdown01 ul li a{
	color:#444;
	display:block;
	padding:5px 15px;
	text-decoration:none;
	font-size: 12px;
}	
		
	
/* sub menu 2*/	
/*...............................................................................................*/
#wrapper #dropdown01 ul ul{
	text-align : left;
	position:absolute;
	display:none;
	top:100%;
	background:white;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}	
#wrapper #dropdown01 ul ul li {
	float:none;
	width : 150px;
	line-height : 22px;
}	

#wrapper #dropdown01 ul li ul{
	display : none;
}
#wrapper #dropdown01 ul li:hover > ul{
	display : block;
}
		
#wrapper #dropdown01 ul li:hover > a, #wrapper #dropdown01 ul ul li:hover > a  {
			color :white;
			background-image:-webkit-linear-gradient(top, #107030,#205040);
			background-color:#506def;
}

#wrapper #dropdown01 ul ul ul{
			position:absolute;
			left:100%;
			top:0;
			border-top-right-radius:3px;
}		

/*...............................................................................................*/
/* akhir satu horisontal drop down 1*/
/*...............................................................................................*/
/* form search ..............................awal */

#wrapper #caridata {
			width:29%;
			margin : 0 1% 0% 0%;
			padding : 10px 3px;
			float : right;

		}
		.search {
			/*padding: 6px 25px;*/
			/*margin : 1% 2% 0 0;*/
			padding: 6px 13px;
			background:rgba(50, 50, 50, 0.2);
			border:0px solid #dbdbdb;
			box-shadow:0 1px 3px rgba(0,0,0,.5);
			background-image:-webkit-linear-gradient(top, #efefef,#dfdfdf);
			/*background-color:#506def;			*/
		}
		.button {
			position:relative;
			padding:6px 7px;
			left:1px;
			border:0px solid #538885;
			background-color:#651234;
			color:#fafafa;
			box-shadow:0 1px 3px rgba(0,0,0,.5);
		}
		.button:hover  {
			background-color:#00cde0;
			color:#ff0000;
		}
		
		
/* form search ..............................end */



.image {
	padding: 2px;
	margin: 3px 5px 3px 0;
	float: left;
}
.judul {
	font-family: Georgia;
	font-size: 14px;
	line-height: 170%;
	font-weight: bold;
	color: #EE1C24;
}
.judul01 {
	font-family: Georgia;
	font-size: 18px;
	line-height: 170%;
	font-weight: bold;
	color: #123456;
}
.date {
	font-size: 10px;
	line-height: 135%;
	font-style: italic;
}
.posting {
	font-size: 11px;
}
.judul_head {
	font-family: Georgia;
	font-size: 12px;
}
.kategori {
	font-family: Arial;
	font-size: 15px;
	color : #00bfbf;
	line-height: 50%;
	font-weight: bold;
	padding-left: 10px;
}
.komentar {
	font-weight: bold;
}
.lengkung01 {
	font-family: Georgia;
	font-size: 15px;
	-moz-border-radius: 1em 0em 0em 0em;
	background-color: orange; 
	background-image:-webkit-linear-gradient(top, #208030,#409040);
	border-radius: 1em 0em 0em 0em; 
	border: 1.5px solid #000; 
	color: white; 
	height: auto; 
	margin: 0 auto;
	overflow: hidden;
	padding: 5px;
}
.lengkung02 {
	font-family: Georgia;
	font-size: 15px;
	margin : 0% 0% 0% 17%;
	-moz-border-radius: 1em 0em 1em 0em;
	background-color: #ffe500; 
	background-image:-webkit-linear-gradient(top, #ffe500,#707000);
	border-radius: 1em 0em 1em 0em; 
	border: 2px solid #000; 
	color: white; 
	height: auto; 
	width : auto;
	margin: 0 auto; 
	overflow: hidden;
	padding: 5px;
}
.lengkung03 {
	-moz-box-shadow: 0 0 15px #999;
	-webkit-box-shadow: 0 0 15px #999;
	-o-box-shadow: 0 0 15px #999;
	box-shadow: 0 0 15px #999;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 30px;
	-moz-border: 3px solid #009900;
	-webkit-border: 3px solid #009900;
	-o-border: 3px solid #009900;
	border: 3px solid #009900;
	-webkit-border-top-left-radius:50px; 
	-webkit-border-top-right-radius:50px; 
	

	
	border-radius:15px 15px 0px 0px;
	-moz-border-radius:15px 15px 0px 0px;
	-webkit-border-radius:15px 15px 0px 0px;
	border:2px solid grey;
	padding:13px;
		width:300px; /*panjang box*/

	height:100px; /*tinggi box*/

}
.lengkung04 {
	width:600px;  
	background: #DDD;  
	color: #222;  
	border: 2px solid blue;  
	padding: 10px;  
	border-radius: 15px; /*Kode pembuat lengkungan sudut*/ 
	
}

.lengkung05 {
	font-family: Georgia;
	font-size: 18px;
	margin : 0% 0% 0% 15%;
	color: #FFE500; 

	/*
	background-color: blue; 
	background-image:-webkit-linear-gradient(top, #809000,#707000);
	border-radius:15px 15px 0px 0px; /* CSS 3*/ 
	
	/*-khtml-border-radius:15px 15px 0px 0px; /* Untuk Linux */ 
	/*-moz-border-radius:15px 15px 0px 0px; /* Untuk Safari, Chrome, dan WebKit lainnya*/ 
	/*-webkit-border-radius:15px 15px 0px 0px; /* Untuk Firefox */ 

}

input, select, textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #993300;
}