/*
Theme Name: SatoeIndonesia
Theme URI: http://satoeindonesia.org/
Description: Themes for SatoeIndonesia
Version: 1.0
*/

@font-face {
  font-family: "Myriad Pro";
  src: url(MyriadPro-Regular.eot);
}

@font-face {
  font-family: "Myriad Pro";
  src: local('Myriad Pro'),
       url(MyriadPro-Regular.otf) format("opentype");
}

/*GLOBAL*/
body { margin:0px; padding:0px;  font-family:"Arial", Verdana, Helvetica, sans-serif; font-size:11px; background:url(images/bg_main.jpg) #b6b6b6 repeat-x top left; color:#333333;}
form { padding:0px; margin:0px;}
table { padding:0px; margin:0px;}
#wrapper { width:100%}
#container { margin:0px auto; position:relative; width:926px; }
#outer_page {float:left; width:100%; height:auto; background:url(images/bg_content.png) repeat-y top left;}
#page {float:left; width:869px; margin-left:29px;}

/*HEADER*/
#header { width:100%; height:292px; background:url(images/header.jpg) no-repeat top left; }
#inheader {margin:0px auto; position:relative; width:960px; }
.logo {float:left; background-image:url(images/logo.png); background-repeat:no-repeat; width:300px; height:50px;}


/*NAV*/
#nav {float:right; width:100%; background:url(images/bg_nav.jpg) repeat-x top left;}
/*#nav li { float:left; padding:10px 25px 10px 25px;  list-style-type:none; display:block; }
#nav li:hover {background:url(images/bg_nav_hover.jpg) repeat-x top left; }
#nav li a{ color:#fff; font-size:14px; text-decoration:none;  font-family:"Myriad Pro", Arial, Verdana;}
#nav li a:hover {color:#fff;}

#nav li.login {float:left; padding:5px 15px 5px 15px; margin-left:10px; list-style-type:none; background:url(images/separator_menu.png) repeat-y left;}
#nav li.login a{ color:#999999; font-size:14px; text-decoration:none;}
#nav li.login a:hover{ color:#dddddd; }*/
#nav_separator {float:left; background:url(images/nav_sep.jpg) repeat-x top left; width:2px; height:38px;}

/*home button header*/
#home_button_header {float:left; height:35px; width:100px; margin:5px 0px 0px 20px;}

/*login*/
#login_forum {float:right; height:30px; background-color:#e6e6e6; width:500px; -moz-border-radius: 0px 0px 0px 10px; -webkit-border-radius: 0px 0px 0px 10px; }
#login_forum span {color:#9d0005;}
#inlogin_forum {float:left; color:#5d5d5d; margin: 5px 0 0 20px; font-size:14px; font-weight:bold;}
#inlogin_forum a {color:#9d0005; text-decoration:none;}

.login { float:left; margin:3px 0 0 20px;}
.frmLoginLeft { float:left; width:6px; height:23px; background:url(images/l_txtbox_login.jpg) no-repeat top left;}
input.frmLoginCenter { float:left; width:100px; height:20px; background:url(images/c_txtbox_login.jpg) repeat-x top left; color:#fff; border:0px;}
.frmLoginRight { float:left; width:8px; height:23px; background:url(images/r_txtbox_login.jpg) no-repeat top left; margin-right:5px }
.frmLoginButton { float:left; width:20px; margin-left:5px}

.search { float:left; margin:5px 0 0 20px;}
.formsearchinputleft { float:left; width:6px; height:23px; padding-top:10px; background:url(images/l_search_txtbox.png) no-repeat top left;}
input.formsearchinputcenter { float:left; width:100px; height:20px; padding-top:5px; background:url(images/c_search_txtbox.png) repeat-x top left; border:0px; color:#666666;}
.formsearchinputright { float:left; width:8px; height:23px; padding-top:10px; background:url(images/r_search_txtbox.png) no-repeat top left;  }
.formsearchbutton { float:left; width:20px; margin-left:5px}


/*WELCOME Section*/
#welcome {float:left; width:620px; height:221px; background:url(images/bg_welcome.jpg) repeat-x top left;}
#welcome p.title_welcome {font-family:"Cambria", Arial, Verdana;font-size:48px; color:#fff; margin:30px 0 10px 30px;}
#welcome p { margin:0 0 10px 30px; font-size:13px; color:#fff; width:80%;}
#banner {float:left; width:249px; height:221px; background:url(images/bg_banner.jpg) repeat-x top left;}
#banner p { margin:20px 0 0 0; width:100%; text-align:center; color:#444444; font-size:14px;font-family:"Myriad Pro", Arial, Verdana;}
.banner_link {margin:20px 0 0 30px; width:100%; float:left}

/*PAGE CONTENT*/
#page_content {float:left; width:100%; background:url(images/bg_page_content.jpg) #ffffff repeat-x top left; height:auto; margin-bottom:20px}
#inpage_content {width:90%; margin:20px 0 0 30px;}
#left_page_content {float:left; width:300px;}

/*SEARCH RESULT*/
#searchresult { margin-bottom:20px;}
#searchresult a {text-decoration:none;}
#searchresult span {color:#890003; font-size: 12px; font-weight:bold;}
#searchresult p{font-size:11px;color:#333333;}

.postmetadata a {text-decoration:none;color:#890003;}

#news {width:100%; margin:20px 0 0 30px;}
.newstitle {float:left; width:100%; background:url(images/news_title.png) no-repeat top left; height:40px;}
.news_sep {float:left; width:100%; background:url(images/separator.jpg) repeat-x top left; height:2px; margin:10px 0 0px 0;}
.news_content {float:left; width:100%; overflow-y: auto; height:200px;color:#890003; margin-top:10px}
.news_content a {text-decoration:none;}
.news_content span {color:#890003; font-size: 12px; font-weight:bold;}
.news_content p{font-size:11px;color:#333333;}

#gallery {width:100%;margin:20px 0 0 30px;}
.gallerytitle {float:left; width:100%; background:url(images/gallery_title.png) no-repeat top left; height:40px;}
.img_box {float:left; width: 81px; height:74px; border:1px solid #d7d7d7; padding:2px 2px 2px 2px ; margin-right:10px}

#vertical_page_separator {float:left; width:5px; height:350px; margin:70px 0 0 40px; background:url(images/vseparator.jpg) repeat-y top left;}
#right_page_content {float:left; width:480px; margin:20px 0 0 10px;}
.programtitle {float:left; width:100%; background:url(images/our_program_title.png) no-repeat top left; height:40px;}
.programbox {float:left; width:100%;  background:url(images/bg_program.jpg) repeat-x top left; height:155px;}
.programico {float:left; width:100px; margin:20px 8px 20px 8px; text-align:center;color:#777777}
.programico p {margin-top:0;}
.programico a {text-decoration:none; color:#777777; font-size:14px; font-weight:bold;}
.programsep {float:left; background:url(images/vseparator.jpg) repeat-y top right; width:5px; height:100px; margin:20px 0 10px 0;}
.sponsor {float:left; width:auto; height:100%; margin-top:10px; }
td.imgsponsor { vertical-align: middle; border-spacing:5px;}
#footer {float:left; width:100%; background-color:#929292; height:50px; margin-bottom:10px}
#nav_footer {float:left; width:500px;margin-top: 15px;margin-left:20px; }
#nav_footer li { float:left; padding:0px 5px 0px 5px;  list-style-type:none; color:#fff; text-align:center; }
#nav_footer li a{ color:#fff; font-size:11px; text-decoration:none;}
#nav_footer li a:hover {color:#fff;}
#nav_footer .page_item {border-left:1px solid #ffffff; float:left; padding:0px 5px 0px 5px;  list-style-type:none; }

#copy_footer {float:right; width:200px; color:#fff; margin-top: 15px;}