@charset "utf-8";
body {
	font: 100%/1.3 Verdana, Arial, Helvetica, sans-serif;
	background: #996;
	margin: 0;
	padding: 0;
	color: #000;
}

html, body { /* saves you from the "centering jump" on short pages */
	height: 100.1%;
	margin-bottom: 1px;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
p	{
	margin:1ex 0;	 
	padding:1px 10px;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0;	 
	padding:1px 10px;
}
h1	{	font-size:1.3em;}
h2	{	font-size:1.2em;}
h3	{	font-size:1.1em;}
h4	{	font-size:1.0em;}

.sidebar1 h1	{	font-size:1.1em;}
.sidebar1 h2	{	font-size:1.0em;}
.sidebar1 h3	{	font-size:0.9em;}
.sidebar1 h4	{	font-size:0.8em;}


a img {
	border: none;
}

a:link {
	color:#414958;
	text-decoration: underline; 
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

.container {
	width: 80%;
	max-width: 1260px;
	min-width: 780px;
	background: #fff;
	margin: 0 auto;
	position: relative;
	font-size: 0.875em;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}

.header {
	height: 80px;
	color: #030;
	position:relative;
	background-color: #030;
	background-image: url(../images/ricefield2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.header h1 {
	background-image: url(../images/bkg_light.png);
	background-repeat: repeat;
	display: inline;
	position: absolute;
	top: 0.5ex;
	left: 0.5ex;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	font-size:2.4em;
}

.header h2 {
	background-image: url(../images/bkg_light.png);
	background-repeat: repeat;
	display: inline;
	position: absolute;
	bottom: 0.5ex;
	right: 0.5ex;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	font-size:1.8em;
}


.sidebar1 {
	float: left;
	width: 20%;
	background: #030;
	padding-bottom: 10px;
	color: #fff;
	font-size: 0.875em;
}
.content {
	padding: 10px 0;
	width: 80%;
	float: left;
	background-color: #fff;
}

.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}

ul.nav {
	list-style: none; 
	border-top: 1px solid #666;
	margin-bottom: 15px; 
}
ul.nav li {
	/* [disabled]border-bottom: 1px solid #666; */ /* this creates the button separation */
}
ul.nav a, ul.nav a:visited {
	padding: 5px 5px 5px 15px;
	display: block; 
	text-decoration: none;
	background: #030;
	color: #FF0;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
	background: #040;
	color: #FFF;
}

.sidebar1 a, .sidebar1 a:visited {
	text-decoration: none;
	background: #030;
	color: #FF0;
}
.sidebar1 a:hover, .sidebar1 a:active, .sidebar1 a:focus {
	background: #040;
	color: #FFF;
}

/* ~~ The footer ~~ */
.footer {
	padding: 10px 0 5px 0;
	background: #030;
	position: relative;
	clear: both; 
	color: #fff;
	font-size: 0.875em;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-left-radius: 8px;	
	border-bottom-right-radius: 8px;
}
.footer h3	{
	color:#ff0;
}
.footer  a {
	color:#FF0;
	font-weight:normal
}
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  
	float: right;
	margin-left: 1em;
	margin-right: 1ex;
}
.fltlft {
	float: left;
	margin-right: 1em;
	margin-left: 1px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.smallcaps {
	font-variant: small-caps;
}
img {
	background-color: #CCC;
	padding: 3px;
	border: 2px solid #030;
}
p.tagline {
	color: #eee;
	background-color: #030;
	margin-top: -10px;
	border-top: 1ex solid #030;
	border-bottom: 1ex solid #030;
	text-align: center;
}
.container .sidebar1 .leftlist {
	font-size: 0.9em;
	line-height: 1.3em;
	margin-left: 2em;
	margin-right: 1ex;
}
.container .sidebar1 .leftlist li {
	margin-bottom: 1ex;
}
.clr_left	{	clear:left;}
.clr_right	{	clear:right;}
.clr_both	{	clear:both;}

#prices td {
	border-bottom: 1px solid #CCC;
	padding: 1ex 1em 1ex 1ex;
}
#nutrition td {
	border-bottom: 1px solid #CCC;
	padding: 0.5ex;
	font-size:.875em;
}
.recipe	{
	width:55%;
	font-size: 0.75em;
	background-color: #eee;
	border: solid 1px #ccc;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}
#nutrition {
	font-size: 0.875em;
	background-color: #eee;
	border: solid 1px #ccc;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	/* [disabled]width:275 px; */
}
.ricePrices {
	border: solid 1px #ccc;
	padding:0px 1%;
	margin:3px 1% 1ex 1%;
	display:inline-block;
	width:44%;
	height:140px;
	float:left;
}
.ricePrices p {
	/*margin:0;*/
	padding:0;
}
.ricePrices img {
	float:right;
	width:120px;
	height:120px;
	margin:5px;
}
.img_33 {
	width:30%;
	margin:1ex 0.5%;
}
.img_25 {
	width:23%;
	margin:1ex 0.75%;
}