/***************** CSS RESET *****************/ 
html, body {	margin: 0; padding: 0; }

/***************** BODY *****************/ 
body { background:#fff; color: #000; font:normal 12px/20px "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;}
.clear { clear:both; }
.clearleft { clear:left; }
.clearright { clear:right; }

/***************** BORDER RADIUS *****************/
.r1 {-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

/***************** MAIN FRAME *****************/
#top { height:115px; width:838px; margin:auto; }
#logo { float:left; width:100px; }
#logo img { margin:20px 0 0 10px; outline:none; }
#logo a { outline:none; }
#fon { float:right; width:300px; text-align:right; margin-top:-81px; margin-right:10px; font-size:10px; }
#banner { height:214px; background:url(images/banner-bg.jpg) repeat-x; }
#banner #imej { background:url(images/banner-img.jpg) no-repeat; margin:auto; height:214px; width:839px;  }
#wrapper { width:741px; margin:auto; margin-top:20px; }
h5 { text-align:center; font-size:26px; line-height:30px; margin:20px 0; margin-bottom:20px; color:#F00; font-weight:bold; }
h2 { text-align:center; color:#F00; border-top:3px solid #b2b2b2; border-bottom:3px solid #b2b2b2; font-size:16px; padding:7px 0;  }
h3 { margin:3px; text-align:center; font-size:20px;line-height:26px; }
h4 { text-align:center; color:#09F; border-top:3px solid #09F; border-bottom:3px solid #09F; font-size:16px; padding:10px 0; }
/***************** NAV *****************/ 
#nav-wrap { background:url(images/nav-bg.jpg) repeat-x; height:35px; }
#nav { width:838px; margin:auto; }
#nav ul { list-style:none; float:right; margin-top:7px}
#nav ul li { float:left; margin-right:10px; line-height:16px;  }
#nav ul li a { color:#FFF; text-decoration:none; background:#474747; padding:2px 8px 3px 8px; display:block; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; outline:none; }
#nav ul li a:hover { color:#474747; background:#959595; }
#nav ul li.daftarbut a { background:#F60; }

/***************** CONTENT *****************/
#content-top { background:url(images/content-top.jpg); height:24px; margin-bottom:-13px; }
#content { background:url(images/content-bg.jpg) repeat-y; padding:0 25px; text-align:justify; }
#content img { border:none; }
.gamba-speakers img { padding:3px; border:1px solid #CCC; margin-top:20px; }
.speakers2 { padding:3px; border:1px solid #CCC; margin-top:20px; }
#programs img { border:none; }
.button img { border:none; }
#content-bot { background:url(images/content-bot.jpg); height:31px; margin-top:-12px }
.nama { text-align:center; margin:2px 0 }
.url { text-align:center; margin:2px 0; font-size:10px; }
#programs { }
.kotak1 { width:500px; margin:10px auto; padding:10px; background:#e8f7fe; border:5px solid #cae9f7; }
.kotak2 { width:570px; margin:10px auto; padding:10px; background:#e8f7fe; border:5px solid #cae9f7; }
.kotak3 { width:500px; margin:10px auto; padding:10px; background:#f1f1f1; border:5px solid #e2e2e2; }
.kotak4 { width:300px; margin:10px auto; padding:10px; background:#f1f1f1; border:5px solid #e2e2e2; }
.kotak4 ul { list-style:none; }
.kotak4 ul li { background:url(images/delete_16.png) no-repeat 0 3px; padding-left:25px; margin-bottom:10px; }
.kotak5 { width:350px; margin:10px auto; padding:10px; background:#e8f7fe; border:5px solid #cae9f7; }
.kotak-hg { width:310px; margin:auto; }
.kotak-hg .imej-hg { float:left; width:110px; }
.kotak-hg .teks-hg { float:right; width:200px; margin-top:10px; }
.linebawah { width:300px; height:1px; background:#CCC; margin:10px auto;}
.kotakdot { width:550px; margin:auto; border:5px dashed #a90707; background:#f7f5f1; padding:10px; }
.rait ul { list-style:none; }
.rait ul li { background:url(images/tick_16.png) no-repeat 0 3px; padding:0 25px; margin-bottom:10px; }
.rait2 ul { list-style:none; }
.rait2 ul li { background:url(images/right_16.png) no-repeat 0 3px; padding:0 25px; margin-bottom:10px; }
#programs ul { list-style:none; }
#programs ul li { margin-bottom:10px; }
.terang { font-weight:bold; }
.condong { font-style:italic; }
.tengah { text-align:center; }
.kecik { font-size:10px; }
.besar { font-size:14px; }
.sikitsaja { margin-top:2px; }
.biruairlaut { color:#075d85 }
.gold { color:#C90 }
.bgkuning { background:#FF0; }
.garisbawah { text-decoration:underline; }
.merah { color:#F00; }
.kotak-speakers { width:600px; background:#eeeeee; padding:10px; margin:20px auto; border:1px solid #e0e0e0; }
.kotak-speakers .gamba-speakers { float:left; width:250px; }
.kotak-speakers .bio-speakers { float:right; width:320px; text-align:justify; padding:10px 20px 10px 10px; }
#seat img { border:none; }
.bio-speakers img { border:none; }
/***************** SLIDER *****************/
.form-reg { align:center; background:#CCC; margin:10px auto; padding:10px; width:550px; }


/***************** CONTENT *****************/



/***************** SIDEBARS *****************/ 

/***************** IMAGE & CAPTIONS *****************/ 
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }













.cover { float:left; width:300px; }
.optcode { float:right; width:150px; margin:-250px 120px 0 0 }