/*
	Theme Name: KotPorto
	Theme URI: http://koti.web.id
	Description: KotPorto is adapted by www.koti.web.id <BR>&radic; Designer <a href="http://koti.web.id/">koti</a>
	Version: 1.0
	Author: koti
	Author URI: http://koti.web.id
*/

/********************************************
   LAYOUT
********************************************/

h4 {
	font-size: 100%;
}

dl {
	margin: 0;
	padding: 0;
	float: right;
	width: 210px;
	
}

dt {
	margin-top: 5px;
	padding: 0;
}

dd {
	margin: 0;
	padding: 0;
	color: #003708;
}

a img {
	border: 1px solid #B1B1B1;
	margin-top: 5px;
	margin-bottom: 5px;
}
a:hover img {
	border: 2px solid #A9D4EF;
	margin-bottom: 3px;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity: 0.70;
}

#wrap1 {
	width: 790px;
	background: #CCC url(images/content1.jpg) repeat-y center top;
	margin: 0 auto;
	text-align: left;
}
#content-wrap1 {
	clear: both;
	width: 778px;
	margin: 1px auto;
	padding: 0;
}

/* Kotak Kolom */
#kiri {
	float: left;
	width: 388px;
	margin: 0 0 1px 0; padding: 0;
	border: 1px solid #8EC738;
	border-right-width: 0;
}

#kanan {
	float: right;
	width: 388px;
	margin: 0 0 1px 0; padding: 0;
	border: 1px solid #8EC738;
	border-left-width: 0;
}

#kotak {
	float: left;
	background: #E5F0FB;
	width: 376px;
	height: 280px;
	margin: 0; 
	padding: 5px 5px 5px 5px;
	border: 1px solid #8EC738;
	text-decoration: none;
	color: #3B5E0B;
	cursor: default;
}

#kotak:hover {
	background: #DDE9F9;
}

#gambar {
	float: left;
	width: 154px;
	margin: 0;
	padding: 0;
}

#gambar img {
	float: left;
	background: none;
	padding: 1px;
{

#kotak h4 {
	float: right;
	padding: 0;
}