body {
	text-align:center;
	background-color: #F7FFEC;
}

a {
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}
#wrap {
	width:800px;
	text-align:left;
	margin:0 auto;
	color:#333333;
}
.float-l {
	float:left;
	font-style: normal;
	text-align: left;
	clear:both;
}

.folat-r {
	float:right;
}
.clearfix {
	clear:both
}
.left {
	width: 550px; //ini buat ukuran lebar bodytext utama
}
.gallery {
	width: 800px;
	margin-left: 20px;
	margin-top: 20px;
}
.right {
	width: 200px;
	margin-top: 20px;
	height: auto;
	background-color: #5F8822;
}
.right a {
	color:#FF0099;
	text-decoration:underline;
	line-height:17px
}
#side li {
	list-style-position: outside;
	list-style-image: url(../images/ar.jpg);
}
#side {
	margin-left: 30px;
	height:auto;
	margin-right: 10px;
	clear: both;
	margin-top: 0px;
}
#side  h3{
	color: #FFFFFF;
	width: 40px;
}

#side #top {
	padding-bottom: 20px;
	display: block;
}
#side #top div{
	height: 500px;
	display: block;
	overflow: scroll;
	margin-right: 10px;
	color: #F7FFEC;
	padding-bottom: 5px;
	font-weight: lighter;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
}
#side #top div h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}

#side #bm {
	height: auto;
}

#side #bm table{
	margin-right: 10px;
}

#side #bm th{
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
	color: #F7FFEC;
}

#side #iklan {
	position: relative;
	height: auto;
	padding-bottom: 20px;
	display: block;
	padding-right: 10px;
	clear: both;
	left: -5px;
}

/* header */
#header {
	background:url(../images/hd.jpg) no-repeat right;
	height:252px
}
#logo {
	position:relative;
	top:100px;
	left:180px;
	width: 500px;
}
#iklan_baris {
	padding-left: 20px;
	padding-top: 165px;
}
#iklan_baris a:link{
color:#8619C4;
}

#iklan_baris a:hover {
color:#000000;
}

#logo h1 {
	font-size:36px;
	color:#FFFFFF;
}
#logo div {
	padding-left: 5px;
	color:#FFFFFF;
	font-size: 14px;
	font-weight: bold;
}


#menu {
	clear:both;
	left: -130px;
	position: absolute;
	width: 300px;
	top: 87px;
	font-family: Arial, Helvetica, sans-serif;
}
ul#nav li {
	display: inline;
	position:relative;
	top:127px;
	left:105px;
	width: 200px;
	padding-top: 0;
	padding-right: 22px;
	padding-bottom: 0;
	padding-left: 22px;
}
#wrap #header table {
	width: 420px;
	position: absolute;
	text-align: center;
	margin-top: 125px;
	margin-left: 2px;
}
#wrap #header #nav td {
	width: 25%;
}



/* content */

#content {
	margin-left: -20px; // dimainkan
}



#content .imagedetail{
	float:left;
	display:block;
	font-style:italic;
	font-size:11px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	margin: 0px;
}
#content .imagetop{
	padding: 10px;
	width: 530px;
	font-weight: bolder;
	font-variant: small-caps;
	text-transform: capitalize;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF8000;
	border: 1px groove #006600;
	margin-top: 20px;
	background-color: #006633;
	background-image: url(../images/info.gif);
	background-repeat: no-repeat;
	height: 135px;
}
.ultah {
	color: #000066;
	font-size: 11px;
	text-transform: capitalize;
	font-weight: 500;
}
#content .imagetop a{
	color: #FF0099;
}

#content .imagetop a:hover{
	color: #FF0099;
}



#content p {
	padding-bottom:10px;
	width: 550px;
	position: relative;
}

#content .caption {
	width: 250px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #009900;
}
#content table,tr,td {
	padding: 10px;
}

#content .left img {
	padding: 0px
}

#content .left h1 {
	color:#003366;
	font-size:24px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#content .left h2 {
	color:#006600;
	font-size:18px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

#content .left h3 {
	color:#003366;
	font-size:11px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
	line-height: 13px;
}
#content .left h4 {
	color:#000000;
	font-size:14px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
	line-height: 13px;
	background-color: #E3FFB5;
	font-weight: 600;
	padding: 5px;
}

#content .left ol,ul{
	margin-bottom: 15px;
}

#content .left li {
	list-style-position: outside;
	margin-left: 40px;
	list-style-type: circle;
}

#content .right h2 {
	font-size:20px;
	color:#FF8000;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

#content .right a:hover {
	text-decoration:none;
	color: #9999FF;
}

#content .right a {
	text-decoration:none;
	color: #EDFFD2;
}

#content a {
	color: #5F8822;
	font-weight:400
}
#content a:hover {
	color:#FF8000;
}
#content legend {
	font-size:16px;
	}
#content fieldset {
	border-width: 1px;
	border-color: #FFCC00;
	padding: 10px;

}

.left {
	padding:0 30px
}
/* footer */
#footer {
	color: #000000;
	padding-left: 20px;
	padding-top: 10px;
	clear: both;
	padding-bottom: 20px;
	font-weight: lighter;
}
#ftlink {
	clear: both;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #669999;
	color: #5F8822;
}
#ftlink a{
	text-decoration: none;
	color: #5F8822;
}
#ftlink a:hover{
	text-decoration: none;
	color: #FFCC00;
}

#footer p {
	font-size: 11px;
}

#xhtml {
	position:relative;
	top:-37px;
	left:400px;
	width: 200px;
}

#header a{
	color:#FFFFFF
}

#komentar{
	width:450px;
}


#komentar p{
	color: #000000;
}

#komentar .nama{
	color:#006600;
	font-size:14px;
	font-weight: 800;
}

#komentar .tanggal{
	color: #000099;
	font-size: 11px;
}

#komentar .tanggal a{
	color: #990099;
}

#komentar table  {
}

#komentar td  {
	padding: 5px;
	vertical-align: top;
}

#komentar div {
}

.iklan_bawah {
	padding-top: 20px;
}

#iklan_kiri {
display:block; 
position:fixed; 
top:150px; 
left:0px;
}
* html #iklan_kiri {position:absolute;}

#iklan_atas {
display:block; 
	position: absolute;
	padding-top: 10px;
	padding-left: 10px;
}
* html #iklan_atas {position:absolute;}