/*
Theme Name: klubbobo.com
Theme URI: http://klubbobo.com/
Description: klubbobo.com
Version: 20090524
Author: klubbobo.com
Author URI: http://klubbobo.com/
*/

/* file: shared/default.css */
/* default css for all pages */

body { background: url(images/blue-gradient-bg.gif) repeat-x top left #dff8ff; font-family:"Comic Sans MS"; color:#848484; }



a { text-decoration: none; }

a { color:#c71f29; }
a:hover { color:#00aeef; }

img { border: none; }



h1 { font-size: 18px; padding: 5px 0; margin: 0; font-weight: normal; } /* title */

h2 { font-size: 16px; padding: 5px 0; margin: 0; font-weight: normal; } /* sub title */

h3 { font-size: 14px; padding: 5px 0; margin: 0; font-weight: normal; } /* sub title */

p { font-size: 12px; padding: 5px 0; margin: 0; }



.bobo-blue { color: #00aeef; }

.bobo-red { color:#c71f29; }

.bobo-green { color:#88cc71; }

.bobo-gray { color:#848484; }

.bobo-white {color:#ffffff; }



.clear { clear: both; }
.left { float: left; }
.right { float: right; }


/* ------------- placement ------------- */

#bobo-wrapper { width: 960px; clear: both; overflow: hidden; margin: auto; }

#bobo-header-placement {width: 960px; background: url(images/header-top-bg.jpg) no-repeat top left; min-height: 265px; }

#bobo-mainmenu-placement { width: 960px; background: url(images/main-menu-bg.gif) no-repeat top left; min-height: 85px; clear: both; overflow: hidden;  }

#bobo-content-placement { width: 960px; background: url(images/content-bg-tile.gif) repeat-y top left; clear: both; overflow: hidden; }
	#bobo-content { width: 960px; background: url(images/content-bg.gif) no-repeat top left; min-height: 264px; clear: both; overflow: hidden;  }
	
#bobo-advertise-content-placement { width: 960px; clear: both; overflow: hidden; background: url(images/kb-advertise-content-bg.gif) no-repeat top left; min-height: 179px;}
	#bobo-advertise-content-content { width: 529px; float: left; padding-left: 378px; padding-top: 49px; }
	#bobo-advertise-content-content ul { display: inline; padding: 0; margin: 0; }
	#bobo-advertise-content-content li { list-style: none; padding: 0 6px; margin: 0;  float: left;}
		.bobo-advertise-thumb { width: 164px; }		
/* file: shared/main-menu.css */
/* main menu */

#bobo-mainmenu { width:960px; height:85px; display: inline; float:left; }

#bobo-mainmenu ul { width:960px; height: 85px; margin: 0; padding: 0; list-style: none; background: url(images/navi.png) no-repeat; }
#bobo-mainmenu li { margin: 0; padding: 0; text-indent:-9999px; /*font-size:0px;*/ float:left;}
#bobo-mainmenu li a { display: block; height: 85px; text-decoration: none; }

#spacer-left { width: 126px; }

#home-button { width: 83px;  }
#home-button a:hover,
#home-button.on,
#home-button.on a:hover{ width: 83px; background: url(images/navi.png) no-repeat -126px -85px;}


#event-button { width: 83px; }
#event-button a:hover,
#event-button.on,
#event-button.on a:hover{ width: 83px; background: url(images/navi.png) no-repeat -209px -85px;}

#visi-button { width: 67px; }
#visi-button a:hover,
#visi-button.on,
#visi-button.on a:hover{ width: 67px; background: url(images/navi.png) no-repeat -292px -85px;}

#pembimbing-button { width: 151px; }
#pembimbing-button a:hover,
#pembimbing-button.on,
#pembimbing-button.on a:hover{ width: 151px; background: url(images/navi.png) no-repeat -358px -85px;}

#galeri-button { width: 90px; }
#galeri-button a:hover,
#galeri-button.on,
#galeri-button.on a:hover{ width: 90px; background: url(images/navi.png) no-repeat -509px -85px;}

#sponsorship-button { width: 138px; }
#sponsorship-button a:hover,
#sponsorship-button.on,
#sponsorship-button.on a:hover{ width: 138px; background: url(images/navi.png) no-repeat -598px -85px;}

#kontak-button { width: 103px; }
#kontak-button a:hover,
#kontak-button.on,
#kontak-button.on a:hover{ width: 103px; background: url(images/navi.png) no-repeat -736px -85px;}
/* file: shared/footer.css */
/* default footer for all pages */

#bobo-footer-placement { width: 960px; clear: both; overflow: hidden; min-height: 255px; background: url(images/footer-bg.png) no-repeat top left; }
#bobo-footer-content {width: 629px; padding-left: 153px; padding-top: 105px; }
	#bobo-footer-content ul { display: inline; padding: 0; margin: 0; }
	#bobo-footer-content li { display: block; padding: 0; margin: 0; list-style: none; float: left; }
	#bobo-footer-content p { color:#848484; font-size: 11px; font-family: Arial; padding: 5px; margin: 0; text-align: center;}	
/* file: home.css */
/* homepage CSS */

#bobo-program-placement { width: 960px; clear: both; overflow: hidden; background: url(images/kb-program-bg.gif) no-repeat top left; min-height: 387px; /*z-index: 1;*/ }
	
	#bobo-program-content { width: 960px; padding: 80px 106px 0px 67px; }
	#bobo-program-content ul { display: inline; padding:0; margin:auto; list-style: none;}
	#bobo-program-content li { list-style: none; display: block; cursor: pointer; float: left; padding:7px; /*margin: 0;*/ margin: 7px; /*background: url(images/kb-program-thumb.png) no-repeat top left;*/ text-align: center;}
		.bobo-program-thumb { /*width: 235px;*/ width: 222px; min-height: 167px; }	
		.bobo-program-thumb img { z-index: 100; }

	#bobo-program-content h1,p { text-align: center; }
	
	
	
#bobo-event-placement { width: 960px; clear: both; overflow: hidden; background: url(images/kb-event-bg.gif) no-repeat top left; min-height: 184px;  z-index: 1;}
	#bobo-event-content { width: 452px; float: left; padding-left: 163px; }
	#bobo-event-content ul { display: inline; padding: 0; margin: 0; list-style: none; }
	#bobo-event-content li { display: block; list-style: none; cursor: pointer; float: left; padding: 10px; margin: 0; }
		.bobo-event-thumb { width: 200px; height: 100px; }
	#bobo-event-content h3 { display: block; background:#bff2ff; padding: 3px; -webkit-border-radius: 5px;-moz-border-radius: 5px; margin-top: 5px; text-align: center; color: #00aeef;}
	#bobo-event-content h3:hover { display: block; background:#88cc71; padding: 3px;  margin-top: 5px; text-align: center; color: #ffffff;}
	
	#bobo-login-placement { width: 345px; float: left; background: url(images/kb-login-bg.png) no-repeat top left; /*z-index:99;*/ height: 247px; position:absolute; margin-left: 615px; margin-top: 324px; }
	#bobo-login-content { padding: 20px 25px; }
	
		#bobo-login-form { width: 241px; text-align: left; }
		#bobo-login-form p { padding: 5px 0px 5px 0px; color:#578c3a; text-align: left; }
		#bobo-login-form .row { height: 42px; /*padding-bottom: 5px;*/ }
		#bobo-login-form .col-left { width: 70px; float: left; padding-top: 4px;}
		#bobo-login-form .col-right { width: 171px; float: left; }


			.bobo-login-textarea { background-color: #FFFFFF; border: 1px solid #578c3a; font-size:13px; color: #666666; width:155px; padding:5px; height: 20px; -webkit-border-radius: 5px;-moz-border-radius: 5px; margin-right: 10px; }
			.bobo-login-button { /*background-color: #fff200;*/ font-size:14px; border: 0px; padding-left:23px; padding-right:23px; color: #578c3a; /*-webkit-border-radius: 10px;-moz-border-radius: 10px;*/ background: url(images/bt-login.gif) no-repeat top left; width: 85px; height: 40px; font-weight: bold; font-family:"Comic Sans MS"; cursor: pointer;  }
			.bobo-login-button:hover { background-color:#00aeef; font-size:14px; border: 0px; height:40px; padding-left:23px; padding-right:23px; color: #ffffff; font-weight: bold; background: url(images/bt-login-h.gif) no-repeat top left; }	
			
			
		
#bobo-advertise-placement { width: 960px; clear: both; overflow: hidden; background: url(images/kb-advertise-bg.gif) no-repeat top left; min-height: 134px;  /*z-index: 1;*/}
	#bobo-advertise-content { width: 529px; float: left; padding-left: 378px; }
	#bobo-advertise-content ul { display: inline; padding: 0; margin: 0; }
	#bobo-advertise-content li { list-style: none; padding: 0 6px; margin: 0;  float: left;}
		.bobo-advertise-thumb { width: 164px; }
	

#bobo-galeri-placement { width: 960px; clear: both; overflow: hidden; background: url(images/kb-galeri-bg.gif) no-repeat top left; min-height: 362px;}
	#bobo-video-placement { width: 319px; padding-left: 56px; padding-right: 3px; padding-top: 32px; float: left;overflow: hidden;  }
	#bobo-video-placement h3 { color:#00aded; padding: 10px 0;}
	
	#bobo-photo-placement { width: 416px; padding-left: 99px; padding-right: 67px; padding-top: 32px; float: left; overflow: hidden;}
	#bobo-photo-placement ul { display: inline; padding: 0; margin: 0;}
	#bobo-photo-placement li { list-style: none; padding: 5px 3px; margin: 0; float: left; }
		.bobo-photo-preview { width: 359px; padding-left: 46px;  padding-bottom: 12px;  }
		.bobo-photo-thumb { width: 77px; }
		

#bobo-souvenir-placement { width: 960px; clear: both; overflow: hidden; }
	#bobo-souvenir-title { /*z-index: 99;*/ background: url(images/kb-souvenir-title.png) no-repeat top left; width: 153px; height: 128px; position: absolute;  }
	#bobo-souvenir-content { padding: 72px 76px 0px 76px; width: 808px; }
	#bobo-souvenir-content .left { padding-bottom: 15px; padding-left: 80px; }
	#bobo-souvenir-content a { color:#88cc71; font-size:12px; }
	#bobo-souvenir-content a:hover { color:#c71f29; font-size:12px; }
		
	#bobo-souvenir-content ul { display: inline; padding: 0; margin: 0; }
	#bobo-souvenir-content li { float: left; padding:8px; margin: 3px; cursor: pointer; list-style: none; background: url(images/kb-souvenir-thumb.png) no-repeat top left; }
		.bobo-souvenir-thumb { width: 136px; height: 136px; text-align: center; }

#loginform { margin: 0px; }
/* file: event/event.css */
/* event css */

#col-title { width: 156px; padding-left: 10px; float: left; }

#col-event-des { width: 380px; float: left; padding: 0 20px;  }
	#col-event-des p { text-align: left; }
	#col-event-des p.date { padding: 0; margin: 0; font-size: 11px; color:#848484; }
	#col-event-des h1 { color:#00aeef; }
	#col-event-des h3 { display: block; background:#bff2ff; padding: 3px; -webkit-border-radius: 5px;-moz-border-radius: 5px; margin-top: 5px; text-align: center; color: #c71f29; width: 150px;}
	#col-event-des h3:hover { display: block; background:#88cc71; padding: 3px; -webkit-border-radius: 5px;-moz-border-radius: 5px; margin-top: 5px; text-align: center; color: #ffffff;}

#col-single-des { width: 701px; float: left; padding: 0 20px;  }
	#col-single-des p { text-align: left; }
	#col-single-des p.date { padding: 0; margin: 0; font-size: 11px; color:#848484; }
	#col-single-des h1 { color:#00aeef; }
	#col-single-des h3 { display: block; background:#bff2ff; padding: 3px; -webkit-border-radius: 5px;-moz-border-radius: 5px; margin-top: 5px; text-align: center; color: #c71f29; width: 150px;}
	#col-single-des h3:hover { display: block; background:#88cc71; padding: 3px; -webkit-border-radius: 5px;-moz-border-radius: 5px; margin-top: 5px; text-align: center; color: #ffffff;}		
	
#col-event-photo { width: 321px; padding-right: 53px; float: left; }

#event-dot { width: 854px; padding-left: 53px; padding-top: 20px; padding-bottom: 5px; clear: both;   }

#next-event-placement { padding:0 53px; }
	#next-event-placement h1 { color:#88cc71; }
	#next-event-placement ul { display:inline; padding: 0; margin: 0; }
	#next-event-placement li { list-style: none; padding: 6px; margin: 0; float: left; /*cursor: pointer;*/ width: 200px; }
	#next-event-placement h3 { display: block; background:#bff2ff; padding: 3px; -webkit-border-radius: 5px;-moz-border-radius: 5px; margin-top: 5px; text-align: center; color: #c71f29;}
	#next-event-placement h3:hover { display: block; background:#88cc71; padding: 3px; -webkit-border-radius: 5px;-moz-border-radius: 5px; margin-top: 5px; text-align: center; color: #ffffff;}
	#next-event-placement p { text-align: left; }
/* file: visi/visi.css */
/* visi css */

#col-title { width: 156px; padding-left: 10px; float: left; }

#col-image { width: 240px; float: left; }

#col-des { width: 491px; padding-right: 53px; padding-left: 10px; float: left;}
	#col-des p { text-align: left; }
/* file: pembimbing/pembimbing.css */
/* pembimbing CSS */

#col-title { width: 156px; padding-left: 10px; float: left; }

#col-pembimbing { width: 741px; padding-right: 53px; float: left; }
	.col-pembimbing-content { width: 741px; }
	.col-pembimbing-image { width: 240px; float: left; }
	.col-pembimbing-des { width: 491px; padding-left: 10px; float: left; }
	.col-pembimbing-des p { text-align: left; }

/* file: sponsorship/sponsorship.css */
/* sponsorship css */

#col-title { width: 156px; padding-left: 10px; float: left; }

#col-sponsor { width: 740px; padding-left: 1px; float: left; }
	#col-sponsor ul { display: inline; padding: 0; margin: 0; }
	#col-sponsor li { padding: 30px 6px; margin: 0; list-style: none; float: left; }

#col-des-sponsor { width: 740px; padding-left: 166px; float: left;  }

/* file: kontak/kontak.css */
/* kontak css */

#col-title-kontak { width: 156px; padding-left: 10px; float: left; }

#col-des-kontak { width: 741px;float: left; padding-right: 53px; }
#col-des-kontak p { text-align: left; }
/* file: galeri/galeri.css */
/* kontak css */

#galeri-col-title { width: 156px; padding-left: 10px; float: left; }

#galeri-col-des { width: 741px;float: left; padding-right: 53px; }

#bobo-galeri-foto { width: 719px; padding-left: 22px; float: left; overflow: hidden;}
#bobo-galeri-foto ul { display: inline; padding: 0; margin: 0; }
#bobo-galeri-foto li { list-style: none; padding: 5px 3px; margin: 0; float: left; }
#bobo-galeri-foto .bobo-photo-preview { width: 359px; padding-left: 46px;  padding-bottom: 12px;  }
#bobo-galeri-foto .bobo-photo-thumb { width: 77px; }