/* www.bon-appetit.biz CSS Document */
/* last update: Thursday, 19.11.07 - 14:44 PM */

#container {
	width: 781px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background-color: #FFFFFF;
}

/* digunakan untuk top menu main page  */
#menu {
	float: left;
	width: 508px;
	height: 15px;
	background-image: url(../images/jp_01.gif);
	padding-top: 10px;
	padding-bottom: 4px;
	color: #999999;
}

/* digunakan untuk language  */
#lang {
	float: left;
	width: 273px;
	height: 15px;
	background-image: url(../images/jp_02.gif);
	padding-top: 10px;
	padding-bottom: 4px;
	text-align: right;
	color: #999999;
}

/* digunakan untuk menampilkan image pada header serta mengatur letak search top  */
#head_img {
	float: left;
	width: 781px;
	height: 30px;
	background-image: url(../images/head01.jpg);
	text-align: right;
	padding-top: 90px;
	border-bottom: 1px solid #8E2005;
}

/* pengaturan style untuk top banner  */
#topbanner {
	float: left;
	width: 779px;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	margin-top: 3px;
	margin-bottom: 3px;
	text-align: center;
}

#topbanner1 {
	float: left;
	width: 388px;
	text-align: center;
}

#topbanner2 {
	float: left;
	width: 388px;
	text-align: center;
}

#spacer {
	float: left;
	width: 781px;
	background-color: #FFFFFF;
	font-size: 9px;
}

/* membungkus semua kontent  */
#content_container {
	float: left;
	width: 781px;
	background-color: #FFFFFF;
}

/* digunakan untuk membungkus isi kontent per bagian khusus halaman satu kolom  */
#content_full_i {
	float: left;
	width: 759px;
	_width: 760px;
	background-color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 10px;
}

/* digunakan untuk membungkus kontent pada kolom kiri  */
#content_left {
	float: left;
	width: 508px;
	_width: 503px;
	background-color: #FFFFFF;
	margin-right: 7px;
}

/* digunakan untuk membungkus isi kontent pada kolom kiri per bagian khusus kolom kiri  */
#content_left_i {
	float: left;
	width: 488px;
	_width: 484px;
	height: 150px;
	overflow: auto;
	background-color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 5px;
}

#content_noscroll {
	float: left;
	width: 488px;
	_width: 484px;
	background-color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 5px;
}

/* digunakan untuk membungkus isi kontent pada kolom kiri berisi welcome di resto page  */
#content_left_ii {
	float: left;
	width: 498px;
	_width: 484px;
	background-color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	border-right: 1px solid #EDEDED;
	margin-bottom: 10px;
}

* html #content_left
{
	display: inline;
}

/* digunakan untuk membungkus isi kontent pada kolom kanan  */
#content_right {
	float: left;
	width: 266px;
	background-color: #FFFFFF;
	border: 0;
}

/* digunakan untuk membungkus isi kontent pada kolom kanan pada bagian banner  */
#content_right_b {
	float: left;
	width: 246px;
	background-color: #FFFFFF;
	padding: 10px 10px 8px 10px;
	margin-bottom: 10px;
}

/* digunakan untuk membungkus isi kontent pada kolom kanan per bagian khusus kolom kanan  */
#content_right_i {
	float: left;
	width: 244px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
}

/* digunakan untuk membentuk kolom komentar pada kolom kanan halaman utama  */
#comments {
	width: 244px;
	height: 350px;
	float: left;
	overflow: auto;
	background-color: #FFFFFF;
	border: 1px solid #DEDEDE;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
}

/* Start Mac IE5 filter \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
#content_left, #content_right
{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
}
/* End Mac IE5 filter */
#wrapper
{
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'s probably fine to just remove it, but it\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'s left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
}
/* easy clearing */
#wrapper:after
{
	content: \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'[DO NOT LEAVE IT IS NOT REAL]\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#wrapper
{
	display: inline-block;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
#wrapper
{
	display: block;
}
/* end easy clearing */
#footer
{
	clear: both;
}
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output
{
	position: relative;
	z-index: 1000;
}

#published {
	background-color: #F0F0F0;
	border: 1px solid #999999;
	padding: 7px 7px 7px 7px;
	margin-bottom: 10px;
}

#foot {
	float: left;
	width: 779px;
	height: 40px;
	background-color: #BC3300;
	border: 1px solid #8E2005;
	color: #FFFFFF;
	text-align: center;
	padding: 3px 0 4px 0;
}

#container:after {
	content: \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\".\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}