@charset "UTF-8";

html, body {
  background:#232323;
  color:#fff;
  font:normal 12px Arial,sans-serif;
}
a { color: #fff; text-decoration:none; }
h1 { font-size:24px; font-weight:bold; }
h2 { font-size:20px; font-weight:bold; }
h3 { font-size:18px; font-weight:bold; }
h4 { font-size:16px; font-weight:bold; text-transform:uppercase; text-shadow:0px 1px 0px #999; }
h5 { font-size:14px; font-weight:bold; }
#container { margin:10px auto; width:1100px; }
#top-menu { float:right; margin:5px 0 10px 0; }
#header {
	background-color: #121212;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999999), to(#000000));
	background-image: -webkit-linear-gradient(top, #999999, #000000);
	background-image:    -moz-linear-gradient(top, #999999, #000000);
	background-image:     -ms-linear-gradient(top, #999999, #000000);
	background-image:      -o-linear-gradient(top, #999999, #000000);
  border:1px solid #888;
  padding:10px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
}
#header #logo {
	filter: dropshadow(color=#000,offX=0,offY=-1);
  float:left;
  font:normal bold 36px 'Droid Sans', Tahoma, Arial, sans-serif;
  letter-spacing:-1px;
  margin-top:-10px;
  margin-right:360px;
  text-shadow:0px -1px 0px #333;
}
#header ul { float:left; padding:0; }
#header ul li {
	background-color: #121212;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#333333));
	background-image: -webkit-linear-gradient(top, #000000, #333333);
	background-image:    -moz-linear-gradient(top, #000000, #333333);
	background-image:     -ms-linear-gradient(top, #000000, #333333);
	background-image:      -o-linear-gradient(top, #000000, #333333);
  border:1px solid #888;
  float:left;
  font-size:16px;
  font-weight:bold;
  margin:0 5px;
  padding:5px 10px;
  text-shadow:0px 1px 0px #333;
}
#content {
  background:#000;
  border:1px solid #888;
  padding:10px;
}
#content h4 { margin:10px 0; }
#content .item {
  border:1px solid #000;
  float:left;
  padding:10px;
  width:200px;
}
#content .item:hover { border:1px solid #333; }
#content .item img {
  background:#000;
  float:left;
  height:120px;
  margin-right:10px;
  width:90px;
}
#content table.makanan { width:200px; }
#content td.first { color:#999; width:60px; }
#content td { padding:5px 0; }
#content p { margin-bottom:10px; text-align:left;  }
.simple { margin:5px 0; }
.simple label { float:left; width:130px; }
.mingguan fieldset { border:1px solid #666; padding:10px; margin-bottom:10px; }
.mingguan legend { margin-left:10px; padding:0 5px; }
.mingguan table { width:800px; }
.mingguan .hari { width:200px; }
#footer {
	background-color: #121212;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999999), to(#000000));
	background-image: -webkit-linear-gradient(top, #999999, #000000);
	background-image:    -moz-linear-gradient(top, #999999, #000000);
	background-image:     -ms-linear-gradient(top, #999999, #000000);
	background-image:      -o-linear-gradient(top, #999999, #000000);
  border:1px solid #888;
  padding:10px;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  text-shadow:0px -1px 0px #333;
}
.bold { font-weight:bold; }
.more {
	background-color: #121212;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999999), to(#000000));
	background-image: -webkit-linear-gradient(top, #999999, #000000);
	background-image:    -moz-linear-gradient(top, #999999, #000000);
	background-image:     -ms-linear-gradient(top, #999999, #000000);
	background-image:      -o-linear-gradient(top, #999999, #000000);
	border:1px solid #666;
	margin:5px 5px 5px 0;
  padding:5px;
  text-align:center;
}
.more a {
	color:#ddd;
	font-weight:bold;
  text-shadow:0px 1px 0px #666;
}
.allrounded {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  -khtml-border-radius:5px;
  border-radius:5px;
}
.clear { clear:both; }