/*
Theme Name: Sakalima Versi 3
Theme URI: http://sakalima.com
Description: Sakalima Theme Versi 3
Version: 3
Author: Andreas Fendri
Author URI: http://andreasfendri.tumblr.com/
*/
/* -------- Eric Meyer CSS Reset -------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100.01%;
	font-family:inherit;
	vertical-align:baseline;
}
:focus 	{outline:0;}
body 	{line-height:1em; color:black; background:white;}
ol, ul 	{list-style:none;}

/*YAML*/
h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
	line-height:1em;
}

h1 {font-size: 250%;}                       /* 30px */
h2 {font-size: 220%;letter-spacing:-0.05em;}                       /* 24px */
h3 {font-size: 140%;letter-spacing:-0.05em;}                       /* 18px */
h4 {font-size: 133.33%;}                    /* 16px */
h5 {font-size: 116.67%;}                    /* 14px */
h6 {font-size: 116.67%;}                    /* 14px */

/* Lists */
/*
ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
ul li { list-style-type: disc; }
ul ul li { list-style-type: circle; }
ol li { list-style-type: decimal; }
ol ol li { list-style-type: lower-latin; }
li { margin-left: 0.8em; line-height: 1.5em; }
*/
dt { font-weight: bold; }
dd { margin: 0 0 1em 0.8em; }

strong {font-weight:bold}
em {font-style:italic}
small {font-size:80%;}
p {margin:0 0 1em 0;}
img {border:none;}

a {text-decoration:underline;color:#006699;}
a:hover {text-decoration:none;}
a:visited {}

.hidden {
	position:absolute;
	left:-9000px;
}

.alignleft {
	float:left;
	margin:0 10px 10px 0;
}
.alignright {
	float:right;
	margin:0 0 10px 10px;
}
/* =========== START CUSTOM STYLES =========== */
body {
	margin:0;
	background:#fff url(images/top.png) top repeat-x;
	font-family:verdana,sans-serif;
	font-size:90%;
	line-height:135%;
}
.clear {
	clear:both;
}
/* =========== LAYOUT =========== */
#wrapper {
	width:910px;
	margin:0 auto;
}
#header {
	position:relative;
	margin:0 0 10px 0;
}
#logo {
	padding:10px 0 10px 120px;
	background:url(images/sakalima.png) left center no-repeat;
}
#logo h1,#logo h4 {
	margin:0;
}
#logo h1 {
	font-weight:normal;
	font-size:300%;
	font-family:arial,sans-serif;
	color:#333;
	text-transform:uppercase;
}
#logo h4 {
	font-weight:bold;
	font-size:90%;
	color:#444;
	letter-spacing:-0.03em;
}
#hotline {
	position:absolute;
	right:0;
	top:30px;
	font-family:arial,sans-serif;
	color:#555;
}
#content,#sidebar1,#sidebar2 {
	border:0px solid #ccc;
}
#content {
	float:left;
	margin:0 0 0 10px;
	width:460px;
}
#sidebar1 {
	float:left;
	width:220px;
}
#sidebar2 {
	float:right;
	width:200px;
}
/** TOP NAVIGATION **/
#topnav {
	background:url(images/topnav-glossy-blue1.png) center repeat-x;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	margin:0 0 4px 0;
	padding:5px 10px;
}
#topnav ul {
	margin:0;
	padding:0;
}
#topnav li {
	float:left;
	list-style:none;
	margin:0 10px 0 0;
	padding:0;
}
#topnav a {
	display:block;
	padding:8px 18px;
	text-decoration:none;
	color:#444;
	font-family:verdana,sans-serif;
	font-size:90%;
	background:url(images/topnav-glossy-blue2.png) center repeat-x;
	border:1px solid #e6f5fc;
}
#topnav a:hover {
	color:#fff;
}
a#currentpage {
	color:#444;
	background:url(images/topnav-glossy-blue3.png) center repeat-x;
}
a:hover#currentpage {
	color:#fff;
}
/** TOP ELEMENTS **/
#introbanner {
	background:#7abcff url(images/gradient-main.png) bottom repeat-x;
}
#introtext {
	width:280px;
	padding:10px;
	color:#fff;
}
#introtext h2 {
	font-weight:normal;
	margin:0 0 10px 0;
}
#introtext p{
	margin:0;
	font-size:90%;
}
#ikon-layanan {
	padding:15px 0;
	background:#99dff5 url(images/gradient-sub.png) top repeat-x;
	margin:0 0 10px 0;
}
#ikon-layanan ul,#ikon-layanan ul li {
	margin:0;
	padding:0
}
#ikon-layanan ul li {
	list-style:none;
	width:100px;
	float:left;
	margin:0 22px;
}
#ikon-layanan a {
	display:block;
	padding-top:110px;
	font-size:0.8em;
	line-height:135%;
	text-align:center;
	color:#333;
	text-decoration:none;
}
#ikon-layanan a:hover {
	text-decoration:underline;
	color:#fff;
}
.i-rumah {
	background:url(images/icon-bangunrumah.png) top center no-repeat;
}
.i-apartemen {
	background:url(images/icon-apartemen.png) top center no-repeat;
}
.i-komersial {
	background:url(images/icon-komersial.png) top center no-repeat;
}
.i-taman {
	background:url(images/icon-taman.png) top center no-repeat;
}
.i-kolam {
	background:url(images/icon-kolamrenang.png) top center no-repeat;
}
.i-interior {
	background:url(images/icon-interior.png) top center no-repeat;
}
/* Introduction Box */
#introbox {
	padding:5px;
	background:#efefef;
	border:1px solid #ccc;
}
#introbox h2 {
	font-weight:normal;
	padding:5px;
	margin:0 0 1px 0;
	color:#fff;
	font-size:120%;
	line-height:120%;
	letter-spacing:-0.1em;
	background:#111;
}
#introbox p {
	font-size:80%;
	color:#444;
}
#introbox p strong- {
	font-weight:normal;
}
/** EASY SLIDER jQuery **/
#introbanner-col1 {
	width:240px;
	float:left;
	border:1px;
}
#introbanner-col2 {
	padding-right:40px;
	float:right;
}

#slider-wrapper {
	position:relative;
	width:540px;
	height:214px;
}
.slider-content {
	padding:0;
}
#slider h3 {
	font-size:130%;
	font-weight:normal;
	line-height:120%;
	margin:0 0 10px 0;
	color:#fff;
}
#slider p {
	color:#fff;
	font-size:80%;
}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider li{ 
	width:540px;
	height:214px;
	overflow:hidden; 
}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:90px;
	}	
#nextBtn{ 
	left:550px;
}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:19px;
	height:37px;
	background:url(images/slide-arrow-left.png) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(images/slide-arrow-right.png) no-repeat 0 0;	
	}	
.graphic, #prevBtn, #nextBtn{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}
/* Slider Content */
.slider-content-data {
	width:540px;
	height:214px;
	overflow:hidden;
}
.slider-content-text {
	width:35%;
	padding:10px;
}
.slide01 {
	background:url(images/slider5.jpg) bottom right no-repeat;
}
.slide02 {
	background:url(images/slider6.jpg) bottom right no-repeat;
}
.slide03 {
	background:url(images/slider4.jpg) bottom right no-repeat;
}
#content h2 {
	font-weight:normal;
	font-size:200%;
	margin:0 0 10px 0;
}
#content h2 a {
	text-decoration:none;
}
#content h2 a:hover {
	text-decoration:underline;
}
.post {
	padding:5px;
	border-bottom:1px dotted #ccc;
	margin:0 0 10px 0;
}
#content .post h2 {
	font-size:160%;
	line-height:135%;
	letter-spacing:-0.05em;
}
#content .post h3 {
	margin:0 0 15px 0;
}
.postmetadata {
	margin:0;
	font-size:90%;
	line-height:140%;
	letter-spacing:-0.04em;
}
.postmetadata a {
	text-decoration:none;
}
.postmetadata a:hover {
	text-decoration:underline;
}
.entry {
	padding:10px 0;
	font-size:0.9em;
}
#sidebar {
	padding:5px;
	font-size:90%;
}
#sidebar h2 {
	/*background:url(images/topnav-glossy-blue1.png) center repeat-x;*/
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	font-size:100%;
	margin:0 0 10px 0;
	padding:10px 0;
	color:#333;
}
#sidebar p {
	font-size:90%;
}
#sidebar .widget {
	margin:0 0 20px 0;
}
/** FOOTER **/
#footer {
	padding:10px 0;
	margin:20px 0 0 0;
	text-align:center;
	border-top:1px solid #ccc;
}
#footer p {
	margin:0;
	font-size:80%;
	color:#555;
}