/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	color: #222;
	font: x-small/1.5em "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	background: #272C41 url(../images/bg.png) repeat fixed;
}
/* COMMON */
code {
	color: #999;
	font-family: Courier, Monaco, monospace;
	}
abbr, acronym {
	cursor:	help;
	font-style: normal;
	}
em {
	font-style: italic;
	color: #363B65;
	}
strong {
	font-weight: bold;
	color: #1B3F95;
	}
u {
	color: #363B65;
	text-decoration: underline;
}
strike {
	text-decoration: line-through;
	}
address {
	margin: 0;
	padding: 0;
	font-style: normal;
	}
form {
	margin: 0;
}
h2, h3, h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-shadow: #eee 0.15em 0.15em;
}
h2 {
	color: #ff7200;
	font-size: 170%;
	line-height: 1.2em;
	background: url(../images/h2_bullet.png) no-repeat left 50%;
	padding-left: 20px;
}
h3 {
	color: #933;
	font-size: 160%;
	padding-left: 5px;
}
h4 {
	color: #09c;
	font-size: 140%;
	padding-left: 5px;
}

ul {
	margin: 0;
	padding: 0 20px;
}
li, dt, dd {
	color: #632001;
	padding: 3px 0;
	font-size: 110%;
}
li {
	background: url(../images/li_bullet.png) no-repeat left 6px;
	padding-left: 20px;
	list-style: none;
	margin: 0;
}
p {
	font-size: 110%;
}
	
/* LINK */
a:link, a {
	color: #C84D1C;
	text-decoration: none;
}
a:visited {
	color: #9A2006;
	text-decoration: none;
}
a:hover {
	color: #FF6324;
	text-decoration: underline;
}
a:active {
	color:#9A2006;
	text-decoration: underline;
}
a.none, a:hover.none, .none {
	border-bottom: none;
	text-decoration: none;
}
#container {
	width: 780px;
	margin: 0 auto;
	background: #fff url(../images/sidebarbg.png) repeat-y right top;
	border-right: 2px solid #24283b;
	border-left: 2px solid #24283b;
}

.title {
	background: #ff7200 url(../images/rotate/rotator.php) no-repeat left top;
	margin: 0;
	padding: 30px;
	font: bolder 300% Georgia, "Times New Roman", Times, serif;
	color: #fff;
	text-shadow: #df5a01 0.1em 0.1em;
}

.title em {
	color: #abe5ff;
}
.border {
	background: #fff;
	padding: 3px;
	border: 1px solid #9AA0C4;
}
#menu {
	float: left;
	width: 780px;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #9AA0C4;
	border-bottom: 4px solid #363B65;
	background: #556296 url(../images/menubg.png) repeat-x left top;
	}
#menu li {
	float: left;
	margin: 0;
	padding: 0 2px 0 0;
	list-style: none;
	background: url(../images/menu_li_right.png) no-repeat right top;
	}
#menu a {
	float: left;
	padding: 7px 5px 12px;
	text-decoration: none;
	border-bottom: none;
	color: #fff;
	font: 11px "Trebuchet MS", Helvetica, sans-serif;
	white-space: nowrap;
	}
#menu a:hover, #menu a.active {
	color: #abe5ff;
	background: #556296;
	}
#menu a.active {
	font-weight: bold;
	}
li#t-home a {
	margin-left: 10px;
	background: url(../images/menu_li_right.png) no-repeat top left;
	}
#body {
	width: 490px;
	float: left;
	padding-left: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
	background: #fff;
}
#sidebar {
	width: 230px;
	float: right;
	background: #D8EAFB url(../images/sidebarbg.png) repeat-y right top;
	margin: 0;
}
#sidebar p {
	margin-left: 15px;
	margin-right: 15px;
}
.sbbox {
	background: url(../images/sb_box_bottom.png) no-repeat left bottom;
	width: 190px;
	margin: 20px auto;
	padding-bottom: 10px;
}
.sbbox h4 {
	background: url(../images/sb_box_top.png) no-repeat left top;
	padding: 10px 10px 0;
	margin: 0;	
}

.sbbox form {
	margin: 0;
	cursor: default;
	padding-right: 15px;
	padding-left: 15px;
}
.sbbox .input {
	width: 150px;
	border: 1px solid #A4AAC5;
	margin-bottom: 5px;
	background: #F6F6F5;
}
.btn {
	cursor: pointer;
	border: none;
}
.submit {
	cursor: pointer;
	border: none;
}
.red {
	background: url(none);
	color: #c00;
}
.photolist {
	background: #9fa5c1 url(../images/photoboxbg.jpg) no-repeat left bottom;
	margin: 0 0 0 10px;
	padding: 0 0 10px;
	width: 453px;
}
.photolist li {
	background: url(../images/bullet_shaddow.png) no-repeat left 50%;
	list-style: none;
	padding-left: 20px;
	font: bold 120% "Trebuchet MS", Helvetica, sans-serif;
	color: #fff;
	margin-right: 20px;
	margin-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-shadow: 0.1em 0.1em #363B65;
}
ul.listcolumn {
	float: left;
	display: block;
	list-style:circle;
	line-height: 1.8em;
	margin: 0 0 10px;
	width: 130px;
	padding-left: 10px;
}
.ingredients {
	line-height: 1.3em;
}
.ingredients th {
	text-align: left;
	border-bottom: 1px dotted #D8EAFB;
	color: #09c;
	padding: 3px;
	font: 110% Georgia, "Times New Roman", Times, serif;
	text-shadow: #eee 0.15em 0.15em;
}
.ingredients tr td {
	border-bottom: 1px solid #D8EAFB;
	padding: 3px;
	color: #555;
}
.ingredients tr:hover {
	background: #FFFFF1;
}
.ingredients h1 {
	font-size: 140%;
	margin: 0;
	padding: 0 0 2px;
	background: url(none);
	border: none;
}
.ingredients h4 {
	font-size: 120%;
	margin: 0;
	padding: 0 0 2px;
	color: #933;
}
#footer {
	clear: both;
	border-top: 4px solid #9AA0C4;
}