body { 
color: #505050; 
background: #fdfce7; 
text-align: center; 
font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
text-align: left;
}

a { color: #08579e; }

a:hover { 
color: #FDB40C; 
text-decoration: underline; 
}

p {padding: 0px 0px 7px 0px; }

/** LAYOUT **/

ul#navi { 
height: 325px; 
list-style: none; overflow: hidden; margin: 0px; 
}

ul#navi li { 
height: 27px;
margin: 0px 0px 5px 0px; padding: 4px 6px 0px 14px; font-size: 1.0em; font-weight: bold;
background: url('../img/layout/bg-link.gif') no-repeat; 
}

ul#navi li a { 
display: block; 
width: 100%; 
color: #08579e; 
text-decoration: none; 
}

ul#navi li a:hover { 
color: #08579e; 
text-decoration: underline; 
}

ul#navi li.lion a { 
height: 100%; 
padding-left: 30px; 
color: #ee3b33; 
background: url('../img/layout/redlion-logo.png') no-repeat 0px 1px; 
text-decoration: none; 
}

ul#navi li.lion a:hover { 
color: #ee3b33 !important; 
text-decoration: underline; 
}

ul#navi li span { 
display: none; 
}

div#bodyWrap { 
width: 906px; 
margin: auto; 
}

div#side { 
clear: both; float: left; overflow: hidden; 
height: 594px; width: 260px; 
padding: 0px 15px 0px 15px; 
background: url('../img/layout/nav-bg.png') no-repeat 0px 135px; 
}

div#side img.logo { margin: 0px -15px 0px -15px; }

div#comp { 
width:260px; 
clear:both; 
float: left; 
margin: 0px 0px -12px -15px; 
}

div#main { 
float: right; 
padding-top: 10px; 
width: 609px; 
overflow: hidden; 
margin-bottom: 10px; }

div#footer { clear: both; }

div#footer ul { display: inline; list-style: none; }

div#footer ul li { 
display: inline; margin: 0px; 
text-transform: lowercase; 
font-weight: bold; 
color: #00529b; 
}

div#footer ul li a { 
color: #00529b; 
font-size: 1.4ex; }

div#footer ul#navi-top { float: left; }

div#footer ul#navi-bottom { float: right; }
div#footer a {text-decoration: none;}

a.more { 
color: #08579e; 
float:right; 
text-transform: uppercase; 
text-decoration: none;
margin: 10px 10px 0px 0px;
font-family: 'cocon-light', arial, verdana;}

/** HOMEPAGE **/

div#home-left {
width: 265px; 
height: 546px; 
background: url(../img/home/bg.png) no-repeat; 
float:left; 
display:inline;
font-size: 12px;
padding: 0px 20px 0px 10px;
margin: 30px 0px 0px 0px;
}

div#home-left img.shift {margin: 0px -21px 0px -10px;}

div#home-right {
width:311px; 
height:546px;
float:left;
display:inline;
font-size: 12px;
}

div#recipe-intro {
width:280px;
height:119px;
background: url(../img/home/recipe-blurb-bg.png) no-repeat;
padding: 0px 20px 0px 10px;
margin: 30px 0px 0px 0px;
}

div#recipe-intro img {margin: 10px 0px 0px 0px;}

.recipe-ind {
width: 311px;
height: 56px;
margin: 5px 0px 5px 0px;
background: url(../img/home/recipe-bg.png) no-repeat;
}

.recipe-ind img { float:right; display:inline; }

.recipe-title {
font-family: 'cocon-light', arial, verdana;
text-transform: lowercase;
text-decoration: none;
font-size: 16px; 
line-height: 16px; 
color:#faae33;
width: 180px;
float:left;
display:inline;
margin: 9px;
}

.single {
margin: 15px 0px 0px 9px;
}

/**CONTENT**/

div#maincontent {
width: 613px;
margin-right: 10px;
margin-top: 10px;
float:left;
display:inline;
}

div#titlebar {
width:593px;
height:25px;
background: url(../img/layout/title-bg.png) no-repeat;
padding: 15px 10px 10px 10px;
margin: 0px 0px 10px 0px;
font-family: 'cocon-light', arial, verdana;
text-transform: lowercase;
text-decoration: none;
font-weight: bold;
font-size: 16px; 
line-height: 16px; 
color:#23408f;
}

.recipe-ind-big {
width: 303px;
height: 100px;
float:left;
display:inline;
margin: 5px 3px 0px 0px;
background: url(../img/recipes/recipe-bg-big.png) no-repeat;
}

.recipe-center {margin:5px 0px 0px 160px;}

.recipe-ind-big img { float:right; display:inline; }

.recipe-title-big {
font-family: 'cocon-light', arial, verdana;
text-transform: lowercase;
text-decoration: none;
font-size: 16px; 
line-height: 16px; 
color:#faae33;
width: 170px;
float:left;
display:inline;
margin: 30px 0px 0px 15px;
}

.single-big {
margin: 40px 0px 0px 15px;
}

ol {
	list-style: decimal;
	padding: 5px 0px 5px 0px;
}

h2 {
	color:#23408f;
	font-weight: normal;
	font-size: 1.2em;
}

ul {
	list-style: disc;
	padding: 5px 0px 5px 0px;
	color:#23408f;
	font-weight: bold;
}

ul.nobold {
	list-style: disc;
	padding: 5px 0px 5px 0px;
	color:#505050;
	font-weight: normal;
}


ul ul { 
list-style: circle;
}

ul ul.nothing { 
list-style: none;
}

li {
	margin-left: 30px;
	color:#505050;
	font-weight: normal;
}


/**recipes**/

div#ingredients {
width:205px; 
height:100%; 
float:right; 
border-left: #fcef90 dotted 3px;
padding: 0px 0px 0px 10px;
margin: 0px 0px 20px 10px;
}

img.recipe-full {
margin: 0px 0px 10px 0px;
}

img.right {
float:right; margin:6px;
}

li {padding: 0px 0px 15px 0px}

sub { vertical-align: sub; font-size: 80%; }