@charset "UTF-8";

/*
 * joko-santoso.com
 */

body {
	padding: 0px;
	margin: 0px;
	background-color: #e3e3e3;
	font-family : "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, sans-serif;
	font-size: 13px;
	color: #333;
	font-weight: normal;
	font-style: normal;
}

/* link properties */
a:link {
	color: #0066ff;
	text-decoration: underline;
}

a:visited {
	color: #0099ff;
	text-decoration: underline;
}

a:hover {
	color: #cc3399;
	text-decoration: underline;
}

/* HEADINGS */

h1, h2, h3, .style_6a, .style_4, #east {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style : normal;
	font-weight : normal;

}

.hdr h1 {
	font-size: 26px;
	color: #333;
	margin: 0px;
	padding: 0px;
}

.hdr2 h1 {
	font-size: 20px;
	color: #3366cc;
	margin: 0px;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

.hdrsite h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px auto;
	padding-top: 0px;
	padding-bottom: 2px;
}
.hdr2a h2 {
	font-size: 16px;
	color: #333;
	margin: 0px auto;
}

h3 {
	font-size: 18px;
	color: #333;
}


/* HEADSET */

#headSet0 {  
	margin:0px auto;   
	width: 918px;
	height: 41px;
}

.label {	/* logo container */
	padding-right: 15px;
}



#headSet1 {		/* 1st heading container */
	float: left;
	width: 100%;
	height: 60px;
	background-image: url(image/bg1.gif);
	border-bottom: 1px solid #e5e0c9;
}


#headSet1_h1 {
	margin:0px auto;
	padding-bottom: 0px;
	width: 900px;
}

#headSet1_h1 #googleSearch { /* google's search box */
	float: right;
	margin:0px auto;
	padding-bottom: 0px;
	padding-top: 17px;
	padding-right: 15px;
	width: 350px;
	text-align: right;
}




#headset1_home {	/* home's 1st heading container */
	margin:0px auto;
	padding:0px;
	float: left;
	width: 100%;
	height: 15px;
	background-image: url(../image/bg2.gif);
	background-position: top;
	border-bottom: 1px solid #ede9d8;
}

/* BODYSETS */

#bodySet_1 {
	margin:0px auto;
	width: 918px;
}

#bodySet_1 #bodySet_1a {	/* body's left column */
	float:left;
	width: 34px;
	height: 470px;
}

#bodySet_1 #bodySet_1b {	/* body's center column */
	float:left;
	width: 853px;
	height: 470px;
	background-color: #fff;
}

#bodySet_1 #bodySet_1c {		/* body's right column */
	float: right;
	width: 31px;
	height: 470px;

}

#topNav {
	width: 853px;
	height: 40px;
}

#premiere {
	width: 853px;
	height: 290px;

}

#premiere #premiere_left {
	float: left;
	width: 75px;
	height: 290px;

}

#premiere #premiere_center {
	float: left;
	width: 186px;
	height: 290px;
	background-color: #ccdd00;

}

#premiere #premiere_right {
	float: left;
	padding-top: 20px;
	padding-left: 102px;
	padding-right: 40px;
	width: 450px;
	height: 270px;
	color: #fff;
	background-image: url('image/bg1.png');
	background-position: left;
	background-repeat: no-repeat;

}

#premiereFoot {
	width: 853px;
	height: 32px;
	background-image: url('image/ff_bottom.png');
	background-position: left;
	background-repeat: no-repeat;
}

#spacer {
	width: 853px;
	height: 20px;
}
#jawa {
	width: 853px;
	height: 107px;

}

#jawa #jawa_barat {
	float: left;
	padding-left: 28px;
	padding-right: 20px;
	padding-top: 10px;
	width: 291px;
	height: 100px;
}


#jawa #jawa_timur {
	float: left;
	width: 505px;
	height: 107px;
}

#heading {
	margin: 0px auto;
/*	padding: 20px;*/
	width: 802px;
	height: 40px;
	/*background-color: #ccc;*/
}
#bodySet_2 {
	margin: 0px auto;
	padding: 20px;
	width: 760px;
	height: 250px;
	background-color: #fafafa;
	overflow: auto;
	border: 1px solid #ccc;
	border-radius: 6px;
	moz-border-radius: 6px;
}
#bodySet_wayang {
	background-image: url('image/wayang.jpg');
	background-repeat: no-repeat;
	margin: 0px auto;
	padding: 20px;
	width: 760px;
	height: 250px;
	background-color: #fafafa;
	overflow: auto;
	border: 1px solid #ccc;
	border-radius: 6px;
	moz-border-radius: 6px;
}
#bodySet_2 #bodySet_2_left {
	float: left;
	width: 653px;
	background-color: #ccc;
}

#bodySet_2 #bodySet_2_right {
	float: left;
	width: 200px;
	background-color: #ccdd00;

}

.mainNav {
	padding-top: 10px;
}

#google_api {
	width: 760px;
}

#google_api #comment {
	float: left;
	width: 460px;

}
#google_api #member {
	float: left;
	width: 300px;
}
#orange {	/* text description container */
	margin:0px auto;
	/*padding-right: 20px;*/
}
#wayang {	/* text description container */
	margin:0px auto;
}
#orange #orangejuice {	/* align left pictures container */
	float: left;
	width: 115px;
	margin: 0px 15px 0px 0px;
}

#orange #orangejuices {		/* align right pictures container */
	float: right;
	width: 115px;
	margin: 0px 0px 0px 15px;
}

#orange #orangeMedia1 {		/* align right media container */
	float: right;
	width: auto;
	margin: 0px 0px 25px 25px;
	padding: 5px;
	border: 1px solid #e6ebf2;
}

#orange #orangeMedia2 {		/* align left media container */
	float: left;
	width: auto;
	margin: 0px 25px 25px 0px;
	padding: 5px;
	border: 1px solid #e6ebf2;
}


/* section's styles */
.intro {
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	padding-right: 20px;
	padding-top: 5px;
}

/* 	BREADCUMBS */

.breadcrumbs{
    	font-size: 10px;
	color: #ccc;
	padding-top: 6px;
	padding-bottom: 6px;
}

/* IMAGE THUMBNAIL PROPERTIES */

.thumb img{
	padding: 3px;
    	border:1px solid #ecf3e6;
}

.thumb a:link img{
    	border: 1px solid #ecf3e6;
}

.thumb a:visited img{
	border:1px solid #f5f8f1;
}

.thumb a:hover img{
	border:1px solid #33cc00;
}

/* FOOTSETS */

#footSet_1 {
	margin:0px auto;
	width: 918px;
	height: 49px;
}

#footSet_1  #footSet_1a {		/* copyright container */
	float: left;
	vertical-align: top;
	width: 38%;
	padding-top: 8px;
}

#footSet_1 #footSet_1b {
	float: right;
	width: 60%;
	text-align: right;
	vertical-align: top;
	padding-top: 8px;
	font-size: 11px;
	color: #ccc;
}

#footSet_2 {
	margin:0px auto;
	width: 918px;
}
/* MOD RESOURCES */
#java {	/* text description container */
	margin:0px auto;
	padding-right: 20px;
}

#java #east {	/* align left pictures container */
	float: right;
	width: 250px;
	margin: 0px 0px 20px 20px;
	font-size: 16px;
	padding: 15px;
	background-color: #f4fafb;
	color: #3366cc;
	border: 1px dashed #bcd9f7;
}

#java #west {		/* align right pictures container */
	float: left;
	width: 250px;
	margin: 0px 25px 25px 25px;
	padding: 20px;
	background-color: #f4fafb;
	color: #3366cc;
	border: 1px dashed #bcd9f7;
}




/* STYLES */

.style_0 { /* ground address & copyright info */
	font-size: 10px;
	color: #666;
}

.style_1 {
	font-size:12px;
	color: #ccc;
	font-weight: normal;
}

.style_2 {
	font-size: 11px;
	font-weight: normal;
	color: #009900;
	padding-top: 2px;
	padding-bottom: 5px;
}

.style_3 {
	font-size: 20px;
	color: #ff6600;
	margin: 0px;
	padding-top: 15px;
}

.style_4 {
    font-size: 16px;
	color: #ff0000;
}

.style_5 {
    font-size: 14px;
	color: #3366cc;
}

.style_6 {
    font-size: 14px;
	color: #ff9900;
}

.style_6a {
    	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.style_7 {
	font-size: 16px;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 5px;
	color: #3366cc;
}

.style_8 {
	padding: 5px;
	background-color: #ECF5FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0066ff;
}

.style_9 {
    font-size: 11px;
	padding-top: 3px;
	padding-bottom:3px;
	font-weight: normal;
	color: #666633;
	text-decoration: none;
}





/*  UL */
ul.ulstyle1
{
	margin: 0;
	padding-left: 0px;
	display: block;
	list-style-type: none;
	cursor: default;
	width: auto;
	font-size: 12px;
}

ul.ulstyle1 li {
	padding-top: 4px;
		padding-bottom: 4px;
}

ul.ulstyle2 { /* site map main level */
	margin: 0px auto;
	padding-left: 0px;
	display: block;
	list-style-type: none;
	cursor: default;
	width: auto;
	font-size: 13px;
	font-weight: bold;
}

ul.ulstyle2 li {
	padding-bottom: 4px;
}


ul.ulstyle2a { /* site map main level */
	margin: 0px auto;
	padding-left: 20px;
	display: block;
	list-style-type: none;
	cursor: default;
	width: auto;
	font-size: 12px;
	font-weight: normal;
}

ul.ulstyle2a li {
	padding: 4px;
}

ul.ulstyle3 { /* rsc category */
	margin: 0px auto;
	padding-left: 0px;
	display: block;
	list-style-type: none;
	cursor: default;
	width: auto;
	font-size: 12px;
	font-weight: bold;
}


ul.ulstyle3 li {
	padding: 4px;
	border-bottom: 1px solid #d5cfb3;
}


/* google stuff */

.gConnComm {
	padding-top: 10px;
}


/* MOD RESOURCES */
#java {	/* text description container */
	margin:0px auto;
	padding-right: 20px;
}

#java #east {	/* align left pictures container */
	float: right;
	width: 250px;
	margin: 0px 0px 20px 20px;
	font-size: 16px;
	padding: 15px;
	background-color: #f4fafb;
	color: #3366cc;
	border: 1px dashed #bcd9f7;
}

#java #west {		/* align right pictures container */
	float: left;
	width: 250px;
	margin: 0px 25px 25px 25px;
	padding: 20px;
	background-color: #f4fafb;
	color: #3366cc;
	border: 1px dashed #bcd9f7;
}