/*
 * Bali Capital Connection
 *
 * Author : Angga Negara <dispedia@gmail.com>
 * Date : Feb 13, 2009
 */

@import url('reset.css');
@import url('menu.css');

body {
	font: 62.5%/1.3em arial, sans-serif;
	color: #333;
	background: #c3ff43 url('../images/bodybg.png') right top no-repeat;
}

.cleaner { clear: both; }

.wrapper {
	margin: 0 auto;
	width: 1043px;
	background-color: white;
	overflow: hidden;
	padding-bottom: 20px;
}

#top-bit {
	background: transparent url('../images/top-bit.png') left top no-repeat;
	width: 1043px;
	height: 8px;
	margin: 30px auto 0 auto;
}

#header { 
	background: transparent url('../images/header.jpg') left top no-repeat;
	width: 1043px;
	height: 279px;
	text-indent: -999999px;
	display: hidden;
}

#sidebar_left {
	float: left;
	width: 233px;
	background: transparent url('../images/leftshadow.jpg') right top repeat-y;
	min-height: 400px;
}

#sidebar_right {
	float: left;
	width: 223px;
	background: transparent url('../images/rightshadow.jpg') left top repeat-y;
	min-height: 400px;
}

#mainpage {
	float: left;
	width: 587px;
}

#advertise {
	width: 1043px;
	margin: 0 auto;
	background: #e7e7e7 url('../images/advertisingshadow.jpg') center top no-repeat;
}

#footer {
	width: 1043px;
	margin: 0 auto 10px auto;
	background: #c3ff43 url('../images/footshadow.jpg') center top no-repeat;
	padding: 30px 0 0 0;
}

#mainpage .innerwrap { padding: 0 15px; display: block; position: relative; }
#mainpage h2 { color: #653366; border-bottom: 1px dotted #a9a9a9; margin-bottom: 10px; padding-bottom: 10px; font-size: 1.8em; }
#mainpage h3 { color: #653366; margin: 10px 0; font-size: 1.4em; font-weight: bold; }
#mainpage p { font-size: 1.2em; line-height: 150%; margin-bottom: 5px; text-align: justify; }
#mainpage p a { background-color: #fffcb3; color: #333; border-bottom: 1px dotted #d5d274; font-family: 'lucida grande', tahoma, sans-serif; font-size: 1em; }
#mainpage p a:hover { background-color: #fbf78a; border-bottom: 1px dotted #d7d367; }
#mainpage p.en { color: #222; }
#mainpage p.id { color: #777; font-style: italic; }

#sidebar_left .innerwrap,
#sidebar_right .innerwrap
	{ padding: 0 15px; display: block; }
	
#sidebar_left h2,
#sidebar_right h2 
	{ color: #653366; border-bottom: 1px dotted #a9a9a9; margin-bottom: 10px; padding-bottom: 10px; font-size: 1.4em; text-transform: uppercase; letter-spacing: 1px; }

#sidebar_left p,
#sidebar_right p
	{ font-size: 1.1em; line-height: 150%; margin-bottom: 5px; text-align: justify; }

#sidebar_left p a,
#sidebar_right p a
	{ background-color: #fffcb3; color: #333; border-bottom: 1px dotted #d5d274; font-family: 'lucida grande', tahoma, sans-serif; font-size: .9em; }

#sidebar_left p a:hover,
#sidebar_right p a:hover
	{ background-color: #fbf78a; border-bottom: 1px dotted #d7d367; }

#advertise .innerwrap { padding: 10px; display: block; }

.list-num { font-size: 1.2em; margin-bottom: 10px; }
.list-num li { list-style-type: decimal; margin-left: 25px; padding-bottom: 3px; line-height: 150%; font-style: italic; text-align: justify; }
.list-num-procedure { font-size: 12px; margin-bottom: 10px; }
.list-num-procedure li { list-style-type: decimal; margin-left: 25px; padding-bottom: 3px; line-height: 150%; text-align: justify; }
.list-num-procedure li em { font-size: 1em; }
.list-num-procedure-bold { font-size: 12px; margin-bottom: 10px; }
.list-num-procedure-bold li { list-style-type: decimal; margin-left: 25px; padding-bottom: 3px; line-height: 150%; text-align: justify; font-weight: bold; }
.list-num-procedure-bold li em { font-size: 1em; }
.list-circle { font-size: 12px; margin-bottom: 10px; }
.list-circle li { list-style-type: circle; margin-left: 25px; padding-bottom: 3px; line-height: 150%; text-align: justify; }
.list-circle li em { font-size: 1em; }
.list-name { font-size: 12px; margin-bottom: 10px; }
.list-name li { list-style-type: lower-latin; margin-left: 25px; padding-bottom: 3px; line-height: 150%; text-align: justify; }
ul.list-num-procedure ul.list-num-procedure ul.list-name { margin-bottom: -5px; }
.white-border { border: 1px dotted #AAA; padding: 4px; }
.warnbox-wrap { border: 1px dotted #CCC; display: block; }
.warnbox { padding: 10px; font-family: Georgia, serif; background-color: #F0F0F0; border: 5px solid #FFF; display: block; }
.warn { color: #990000; font-style: italic; }
.warnblue { color: #000099; font-style: italic; }
.protectionlayer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url('../images/trans.gif') left top repeat; }

.form input.i { font-size: 11px; font-family: Arial, Tahoma, sans-serif;}
.form textarea.t { font-size: 11px; font-family: Arial, Tahoma, sans-serif;}
.form input.cr { font-size: 15px; font-family: 'Andale Mono', monospace; border: 0; padding: 0; margin: 10px 0; letter-spacing: 3px; }
.form input.ci { font-size: 15px; font-family: 'Andale Mono', monospace; border: 1px solid #CCC; padding: 3px; margin: 10px 0; letter-spacing: 3px; }

#footer p { text-align: center; font-size: 1em; color: #324111; }
#footer p a { color: #658323; font-weight: bold; border-bottom: 1px dotted #658323; }
#footer p a:hover { color: #324111; border-bottom: 1px dotted #324111; }
#footer p.georgia { font-family: georgia, serif; }