/* - - - - - - - - - - - - - - - - - - - - -

Title : bengkel.us - codename : _soejasch || _orangeLiquid (re-design)
Author : Kadek Sudiartha
URL : http://www.bengkel.us
Client : Bengkel Media Group // www.bengkel.us

Description : re design for 21 April 2007

Created : 21 April 2007
Modified : -

- - - - - - - - - - - - - - - - - - - - - */
html,body{margin:0;padding:0}
body {
	font: 76% Helvetica, Arial, Tahoma, Trebuchet MS, Lucida Grande, Lucida Sans Unicode;
	background:#3a3fa2;
	color:#7f7f7f
	}
div#container{margin: 5px auto;width:980px;height:100%;min-height:100%;border:10px #3a3fa2 solid;background:#FFF}
div#blank{height:1px;display:block;width:100%;clear:both}

div#logo{clear:both;width:100%;height:90px;background:#fff url(/themes/_soejasch/images/header.gif) top left no-repeat}
div#home-header{clear:both;width:100%;height:250px;background:#fff}
div#club-header{clear:both;width:100%;height:250px;background:#fff url(/themes/_soejasch/images/club-header.jpg) top left no-repeat}
div#soy-header{clear:both;width:100%;height:250px;background:#fff url(/themes/_soejasch/images/soy-header.jpg) top left no-repeat}
div#prawn-header{clear:both;width:100%;height:250px;background:#fff url(/themes/_soejasch/images/prawn-header.jpg) top left no-repeat}
div#menu{clear:both;width:980px;height:30px;background:#fff}
div#submenu{clear:both;padding-left:70px;width:910px;padding-top:5px;height:22px}
div#submenu a:link, div#submenu a:visited, div#submenu a:active{text-decoration: none}
div#submenu a:hover{text-decoration: underline}

div#content p{line-height:1.4}

div#left{float:left;width:50%}
div#right{float:left;width:50%}

div#left-box{width:450px;margin:20px;font-size:12px;text-align:justify;color:#3a3fa2}
div#left-box h1{display:block;clear:both;font-size:18px;font-weight:bold;color:#00056c}
div#left-box h2{display:block;clear:both;font-size:14px;font-weight:bold;color:#00056c}
div#left-box h3{font-size:12px;font-weight:bold;color:#00056c}
div#left-box h5{font-size:10px;color:#00056c}
div#left-box p{font-size:11px;color:#3a3fa2}

div#left-box a:link{color:#3a3fa2;text-decoration: none}
div#left-box a:visited{color:#3a3fa2;text-decoration: none}
div#left-box a:hover{color:#3a3fa2;text-decoration: none}
div#left-box a:active{color:#3a3fa2;text-decoration: none}

div#left-box p a:link{color:#3a3fa2;text-decoration: none}
div#left-box p a:visited{color:#3a3fa2;text-decoration: none}
div#left-box p a:hover{color:#3a3fa2;text-decoration: none}
div#left-box p a:active{color:#3a3fa2;text-decoration: none}

div#left-box h5 a:link{color:#3a3fa2;text-decoration: none}
div#left-box h5 a:visited{color:#3a3fa2;text-decoration: none}
div#left-box h5 a:hover{color:#3a3fa2;text-decoration: none}
div#left-box h5 a:active{color:#3a3fa2;text-decoration: none}

div#gal-left-box{width:450px;margin:20px;font-size:12px;text-align:left;color:#3a3fa2}
div#gal-left-box h1{display:block;clear:both;font-size:18px;font-weight:bold;color:#00056c}
div#gal-left-box h2{display:block;clear:both;font-size:14px;font-weight:bold;color:#00056c}
div#gal-left-box h3{font-size:12px;font-weight:bold;color:#00056c}
div#gal-left-box h5{font-size:10px;color:#00056c}
div#gal-left-box p{font-size:11px;color:#3a3fa2}

div#gal-left-box a:link{color:#3a3fa2;text-decoration: none}
div#gal-left-box a:visited{color:#3a3fa2;text-decoration: none}
div#gal-left-box a:hover{color:#3a3fa2;text-decoration: none}
div#gal-left-box a:active{color:#3a3fa2;text-decoration: none}

div#gal-left-box p a:link{color:#3a3fa2;text-decoration: none}
div#gal-left-box p a:visited{color:#3a3fa2;text-decoration: none}
div#gal-left-box p a:hover{color:#3a3fa2;text-decoration: none}
div#gal-left-box p a:active{color:#3a3fa2;text-decoration: none}

div#gal-left-box h5 a:link{color:#3a3fa2;text-decoration: none}
div#gal-left-box h5 a:visited{color:#3a3fa2;text-decoration: none}
div#gal-left-box h5 a:hover{color:#3a3fa2;text-decoration: none}
div#gal-left-box h5 a:active{color:#3a3fa2;text-decoration: none}

div#right-box{width:450px;margin:20px;font-size:12px;text-align:justify;color:#3a3fa2}
div#right-box h1{display:block;clear:both;font-size:18px;font-weight:bold;color:#00056c}
div#right-box h2{display:block;clear:both;font-size:14px;font-weight:bold;color:#00056c}
div#right-box h3{font-size:12px;font-weight:bold;color:#00056c}
div#right-box h5{font-size:11px;font-weight:normal;color:#00056c;line-height:1.5}
div#right-box p{font-size:11px;color:#3a3fa2}

div#right-box p a:link{color:#3a3fa2;text-decoration: none}
div#right-box p a:visited{color:#3a3fa2;text-decoration: none}
div#right-box p a:hover{color:#3a3fa2;text-decoration: none}
div#right-box p a:active{color:#3a3fa2;text-decoration: none}

div#right-box h5 a:link{color:#3a3fa2;text-decoration: none}
div#right-box h5 a:visited{color:#3a3fa2;text-decoration: none}
div#right-box h5 a:hover{color:#3a3fa2;text-decoration: none}
div#right-box h5 a:active{color:#3a3fa2;text-decoration: none}

div#footer{clear:both;margin-top:20px;width:960px;height:50px;background:#fff url(/themes/_soejasch/images/h-div.jpg) top left no-repeat}

div#footer-left{float:left;width:450px;margin-top:10px;padding:0 0 0 20px;font-size:11px;color:#3a3fa2}
div#footer-left a:link, a:visited, a:active{color:#3a3fa2;text-decoration: none}
div#footer-left a:hover{color:#3a3fa2;text-decoration: underline}

div#footer-right{float:right;width:450px;margin-top:10px;padding:0 0 0 20px;font-size:11px;color:#3a3fa2}
div#footer-right h1{font-size:14px;font-weight:bold;color:#00056c}
div#footer-right a:link, a:visited, a:active{color:#3a3fa2;text-decoration: none}
div#footer-right a:hover{color:#3a3fa2;text-decoration: underline}

.ImageCenter {display: block;margin-left: auto;margin-right: auto;border:0px}
.ImageTextRight {margin-right:5px;margin-bottom:5px;padding:5px;background:#f1f1f1;border:1px solid #ccc}
.ImageThumbs {margin-right:1px;margin-bottom:1px;padding:4px;background:#f1f1f1;border:1px solid #ccc}
.ImageThumbs a:link, .ImageThumbs a:visited, .ImageThumbs a:active {padding:5px;background:#f1f1f1;border:1px solid #ccc}
.ImageThumbs:hover img {margin-right:1px;margin-bottom:1px;background:#fff;border:1px solid #bf0005}
.Images {padding:5px;background:#f1f1f1;border:1px solid #ccc}

/*---  CALENDAR ---*/
#cal-prev-month {
	width: 160px;
	float:left;
}
#cal-this-month {
	width: 200px;
	float:left;
	margin-bottom:20px;
}
#block-calendar {
	width:450px;
	clear:both;
	display:block;
}
#calendar {
	margin-right: 20px;
}
.header {
	vertical-align: middle;
	font: bold 10px/18px Helvetica, sans-serif;
	letter-spacing: 0px;
	text-align: center;
	color: #fff;
	background: #b20c15;
}
.prev-weekdays {
	text-align: center;
	width: 18px;
	height: 18px;
	font: bold 10px Helvetica, sans-serif;
	color: #373737;
	background:#f3f3f3;
}
.prev-monthdays {
	text-align: center;
	width: 18px;
	height: 18px;
	font: bold 10px Helvetica, sans-serif;
	color: #373737;
	background:#f3f3f3;
}
.prev-monthdays a {
	display: block;
	width: 18px;
	height: 18px;
	font: bold 10px Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}
.prev-monthdays b {
	display: block;
	width: 18px;
	height: 18px;
	text-align: center;
	font: bold 10px Helvetica, sans-serif;
	background: transparent url(/themes/_shadowsoft/images/dot-on.jpg) no-repeat top left;
	color: #FFFFFF;
}
.prev-monthdays a:link {
	width: 18px;
	height: 18px;
	color: #fff;
	background:#b20c15;
	text-decoration:none;
}
.prev-monthdays a:visited {
	width: 18px;
	height: 18px;
	color: #fff;
	background:#b20c15;
	text-decoration:none;
}
.prev-monthdays a:hover {
	width: 18px;
	height: 18px;
	color: #999999;
	background:#373737;
	text-decoration:none;
}
.prev-monthdays a:active {
	width: 18px;
	height: 18px;
	ccolor: #fff;
	background:#b20c15;
	text-decoration:none;
}

.this-weekdays {
	text-align: center;
	width: 20px;
	font: bold 10px/20px Helvetica, sans-serif;
	color: #373737;
	background:#f3f3f3;
}
.this-monthdays {
	text-align: center;
	width: 20px;
	font: 10px/20px Helvetica, sans-serif;
	color: #373737;
	background:#f3f3f3;
}
.this-monthdays a {
	display: block;
	width: 20px;
	height: 20px;
	font: bold 10px/20px Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}
.this-monthdays b {
	display: block;
	width: 20px;
	height: 20px;
	text-align: center;
	font: bold 10px/20px Helvetica, sans-serif;
	background: transparent url(/themes/_shadowsoft/images/dot-on.jpg) no-repeat top left;
	color: #FFFFFF;
}
.this-monthdays a:link {
	color: #fff;
	background:#b20c15;
	text-decoration:none;
}
.this-monthdays a:visited {
	color: #fff;
	background:#b20c15;
	text-decoration:none;
}
.this-monthdays a:hover {
	color: #999999;
	background:#373737;
	text-decoration:none;
}
.this-monthdays a:active {
	color: #fff;
	background:#b20c15;
	text-decoration:none;
}
/* ------------------------------------ */