/* Start of CMSMS style sheet 'inner' */
/* CSS Document */

/*--------------------------------------------

				Defaults
				
---------------------------------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}

a {
color: #000;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

.no, .No, .NO {
display: none;
}

.no img, .No img, .NO img {
display: none;
}

.no div, .No div, .NO div {
display: none;
}
/*--------------------------------------------

				layout
				
---------------------------------------------*/

body {
font-size: 62.5%;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
background-color: #ffffff;
background-image: url(/images/innerBackground.gif);
background-position: center top;
background-repeat: no-repeat;
}

#container {
width: 903px;
margin: 0 auto;
text-align: left;
}

#bkg_left {

}

#bkg_right {

}

#main {
float: left;
width: 903px;
}

#header {
float: left;
width: 903px;
height: 124px;
background: url(../images/inner_header.gif) no-repeat;
}

#nav {
float: left;
width: 903px;
height: 36px;
background: url(../images/inner_nav.gif) no-repeat;
}

#content {
float: left;
width: 903px;
background: url(../images/board.jpg) repeat-y;
position: relative;
}

#footer {
float: left;
width: 903px;
text-align: center;
padding: 5px 0 25px;
}

/*--------------------------------------------

				header
				
---------------------------------------------*/

.logo {
float: left;
padding: 13px 0 0;
width:  373px;
height: 108px;
}

#header ul {
list-style: none;
float: right;
padding: 20px 10px 0 0;
margin: 0;
}

#header ul li {
float: left;
color: white;
font-family: Arial, Helvetica, sans-serif;
line-height: 20px;
font-size: 11px;
}

#header ul li.pipe {
padding: 0 5px;
}

#header ul li a.rss {
float: left;
width: 20px;
height: 19px;
margin: 0 0 0 10px;
background: url(../images/rss.gif) no-repeat;
}

#header ul li a {
color: white;
text-decoration: none;
}

#header ul li a:hover {
text-decoration: underline;
}

.search {
clear: right;
float: right;
padding: 10px;
width: 150px;
}

.search form input, .search input  {
border: 1px solid #ADADAD;
width: 148px;
font-size: 12px;
height: 15px;
margin: 0;

}

.search select {
border: 1px solid #ADADAD;
font-size: 1.2em;
color:#666666;
width: 150px;
margin: 5px 0 0;
}


/*--------------------------------------------

				Small Forms
				
---------------------------------------------*/

#search_box {
float: left;
}



#header #search_box {
margin: 5px 0 0;
}

div.preload {
position: relative;
float: left;
font-size: 0;
}
div.preload input{
font-size: 12px;
}
.search label{
display: none;
}

label.overlabel {
	color:#666;
}

label.overlabel-apply {
	position:absolute;
	top:0px;
	font-family: Tahoma;
	font: Tahoma;
	font-size: 1.2em;
	left:7px;
	z-index:1;
	color:#666;
}


/*--------------------------------------------

				nav
				
---------------------------------------------*/

#nav {
width: 572px;
padding: 0 0 0 331px;
}

#nav li {
float: left;
}

#nav li.pipe {
width: 7px;
height: 36px;
}

#nav li a {
float: left;
height: 36px;
}

#nav li.about a {
width: 83px;
background: url(../images/inner_nav_off.gif) -722px no-repeat;
}

#nav li.contact a {
width: 91px;
background: url(../images/inner_nav_off.gif) -812px no-repeat;
}

#nav li.cuisine a {
width: 144px;
background: url(../images/inner_nav_off.gif) -338px no-repeat;
}

#nav li.type a {
width: 131px;
background: url(../images/inner_nav_off.gif) -489px no-repeat;
}

#nav li.features a {
width: 88px;
background: url(../images/inner_nav_off.gif) -627px no-repeat;
}

#nav li a:hover {
background: transparent;
}

/*--------------------------------------------

				content 
				
---------------------------------------------*/

.print {
text-align: right;
font-size: 10px;
padding: 0 0 10px;
}

.print a {
color: #EE7000;
text-decoration: none;
}

.print a:hover {
text-decoration: underline;
}

.top_shadow {
position: absolute;
top: 0;
left: 0;
height: 10px;
width: 903px;
background: url(../images/shadow_top.png) repeat-x;
}

/*--------------------------------------------

				content left column
				
---------------------------------------------*/

.left_col {
float: left;
width: 631px;
padding: 10px 18px 25px 14px;
background: url(../images/right_col_shadow.png) top right repeat-y;
}

.left_col_narrow {
width: 486px;
float: left;
padding: 10px 8px 25px 14px;
}

.cuisine_bkg {
float: left;
background: url(../images/cuisine_bkg.png) repeat-y;
width: 561px;
padding: 0 35px 25px;
}

.cuisine_bkg p {

}

.cuisine_top {
float: left;
background: url(../images/cuisine_top.png) no-repeat;
width: 631px;
height: 28px;
}

.cuisine_bottom {
float: left;
background: url(../images/cuisine_bottom.png) bottom left no-repeat;
width: 631px;
height: 28px;
}

.recipe_bkg {
float: left;
background: url(../images/recipe_bkg.png) repeat-y;
width: 416px;
padding: 0 35px 25px;
}

.recipe_top {
float: left;
background: url(../images/recipe_top.png) no-repeat;
width: 486px;
height: 28px;
}

.recipe_bottom {
float: left;
background: url(../images/recipe_bottom.png) bottom left no-repeat;
width: 486px;
height: 28px;
}

h1 {
width: 420px;
font-size: 2.2em;
color: #9E1C29;
background: url(../images/h1_bkg.gif) bottom left repeat-x;
padding: 0 0 10px;
margin: 0 0 7px;
clear: both;
}

.recipe_bkg h1 {
width: 416px;
}

.cuisine_bkg h1 {
margin-right: 141px;
}

h3 {
font-size: 1.2em;
font-weight: bold;
}

p {
font-size: 1.2em;
line-height: 1.3em;
padding: 0 0 15px;
}

ul.recipe-category {
list-style-type: disc;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.4em;
margin: 7px 0 7px 264px;
}

ul.recipes {
padding: 20px 0 10px 0;
font-size: 1.6em;
line-height: 1.4em;
}
ul.recipes li a{
font-weight: bold;
color: #9E1C29;
}


ul.type{
clear: left;
margin-left: 0;
}
ul.recipes li {
padding: 0 0 8px 30px;
}

.left_col img, .left_col_narrow img {
border: 1px solid #EE7000;
float: left;
}

.left_col a:hover img, .left_col_narrow a:hover img {
border: 1px solid #A00019;
}

.img_right {
float: left;
position: relative;
background: url(../images/main_img_right.gif) top right no-repeat;
padding: 0 8px 0 0;
margin: 0 19px 20px 0;
overflow: hidden-y;
width: auto;
}

.img_bottom_left {
position: absolute;
top: 100%;
width: 100%;
left: 0;
font-size: 1em;
padding: 8px 0 0;
background: url(../images/img_bottom_left.gif) top left no-repeat;
}

.img_bottom_right {
position: absolute;
top: 100%;
width: 10%;
right: 0;
height: 8px;
background: url(../images/img_bottom_right.gif) bottom right no-repeat;
}

.row {
float: left;
width: 561px;
}

.row li {
float: left;
width: 280px;
line-height: 82px;
font-size: 18px;
padding: 0 0 20px;
}

.row li .img_right {
margin-bottom: 0;
}

dl.recipe {
font-size: 1.2em;
line-height: 1.3em;
padding: 0 0 15px;
clear: both;
margin-top: -10px;
}

dl.recipe dt {
font-weight: bold;
margin: 20px 0 0;
}

dl.recipe dd {
padding: 5px 0 0 0;
line-height: 1.6em;
}

/*--------------------------------------------

				content video box
				
---------------------------------------------*/

.video_box {
float: left;
padding: 18px 23px 0 25px;
width: 333px;
height: 322px;
margin-top: 10px;
background: url(../images/video_box.gif) no-repeat;
text-align: center
z-index:100;
}

.video_box h2 {
color: #444749;
font-size: 1.8em;
font-weight: normal;
line-height: 2em;
margin: 5px 20px 10px;
width: 282px;
}

/*--------------------------------------------

				content right column
				
---------------------------------------------*/

.right_col {
float: left;
width: 219px;
padding: 20px 0 86px 20px;
background: #FFFDF3 url(../images/right_col_bkg.gif) repeat-x;
}

.right_col dl {
float: left;
}

.right_col dl dt {
color: #9A1222;
float: left;
font-size: 1.7em;
margin: 0 15px 0 0;
width: 204px;
}

.right_col dd {
float: left;
padding: 10px 6px 0 0;
}

.right_col dd div.box_bottom {
float: left;
width: 210px;
height: 18px;
padding: 0;
background: url(../images/recipe_box_bottom.png) bottom left no-repeat;
}

.right_col dd div.list {
float: left;
padding: 0 8px 0 0;
background: url(../images/main_img_right.png) top right no-repeat;
}

.right_col dd ul {
float: left;
padding: 10px 15px 15px;
border: 1px solid #F4D04D;
font-size: 1.1em;
line-height: 1.3em;
width: 171px;
}

dd.cuisine ul {
background: #fff url(../images/fork.jpg) bottom right no-repeat;
}

dd.type ul {
background: #fff url(../images/seafood.jpg) bottom right no-repeat;
}

dd.popular ul {
background: #fff url(../images/chicken.jpg) bottom right no-repeat;
min-height: 132px;
height: auto !important;
height: 132px;
}

.content_bottom {
position: absolute;
bottom: 0;
left: 0;
height: 20px;
width: 903px;
background: url(../images/footer.png) no-repeat;
}

/*--------------------------------------------

				content contact
				
---------------------------------------------*/

div.contact {
float: left;
width: 842px;
padding: 10px 28px 25px 32px;
}

.iframe {
width: 506px;
padding: 0 123px 0 143px;
}

.contact_bkg {
float: left;
background: url(../images/contact_bkg.png) repeat-y;
width: 772px;
padding: 10px 35px 25px;
}

.contact_top {
float: left;
background: url(../images/contact_top.png) no-repeat;
width: 842px;
height: 28px;
}

.contact_bottom {
float: left;
background: url(../images/contact_bottom.png) bottom left no-repeat;
width: 842px;
height: 28px;
}

form label {
clear: both;
float: left;
width: 195px;
font-size: 1.2em;
line-height: 1.4em;
margin: 0 0 10px;
}

form label.full {
width: 100%;
}

form label.radio {
clear: none;
width: 60px;
}

form input { 
float: left;
width: 166px;
margin: 0 0 10px;
}

form input.phone { 
width: 49px;
margin-right: 5px;
}

form input.radio {
width: 10px;
height: 10px;
margin: 4px 5px 0 0;
}

form input.image { 
width: auto;
margin: 25px 50px 10px;
}

form select {
float: left;
width: 170px;
margin: 0 0 10px;
}

form textarea {
float: left;
width: 100%;
margin: 0 0 10px;
}

form p {
float: left;
font-size: 0.9em;
padding: 0 20px;
}

form .col {
float: left;
width: 375px;
}


/*--------------------------------------------

				site map
				
---------------------------------------------*/

.site_map {
font-size: 1.2em;
line-height: 1.4em;
}

.site_map ul ul {
padding: 0 0 0 20px;
}

.ratingTop{
background-image: url(../images/upperCurve.gif);
height: 19px;
width: 362px;
overflow: hidden;
}
.ratingBottom{
background-image: url(../images/lowerCurve.gif);
height: 19px;
width: 362px;
overflow: hidden;
}
#ratingBox{
float: left;
margin-left: 10px;
width: 362px;
}
.ratingContent{
background-color: white;
padding: 0 35px;
text-align: center;
font-weight: bold;
font-size: 14px;
color: #444749;
margin-left: 1px;
overflow: hidden;
height: 60px;
}
.ratingShare{
float: left;
height: 27px;
width: 72px;
overflow: hidden;
margin-left: 45px;
_margin-left: 10px;
}
.ratingFavorites{
float: right;
height: 27px;
width: 93px;
overflow: hidden;
margin: 4px 49px 0 0;
}
.ratingViews img{
margin:10px 2pt -3px 0;
}
.ratingViews{
float: left;
margin-top:-3px;
}
#voteOnThis{
float: left;
}
.lightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 10%;
	left: 50%;
	margin-left: -276px;
	width: 500px;
	height: 300px;
	padding: 15px;
	border: 1px solid #B8B8B8;
	background-color: white;
	text-align: left;
	z-index:1001;
	overflow: auto;	
}
.lightbox input{
width: 200px;
}
.lightbox .buttonSubmit{
width: auto;
}
#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }

.stars{
float: left;
width: 112px;
margin: 5px;
}

.stars div{
float: left;
cursor: pointer;
cursor: hand;
text-align: left;
height: 19px;
width: 15px;
overflow: hidden;
position: relative;
}
.stars div img{
position: absolute;
top: 0px;
left: 0px;
}
.stars div.check{
display: none;
background-image: url(/images/check.jpg);
height: 19px;
width: 15px;
float: left;
}

















/* End of 'inner' */

/* Start of CMSMS style sheet 'sIFR-screen' */
/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}

.sIFR-active #homeInfoBoxContainer dt, .sIFR-active .right_col dt {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	font-size: 18px;
}

h1, h1 span {
float: left;
}
 h1 span {
width: 420px;
}

h1.bowl {
float: none;
}

h2.video {
float: left;
line-height: 20px;
font-size: 18px;
margin: 5px 50px 0;
}

.sIFR-active #rightColumn h1 {
width: 275px;
margin: 0;
line-height: 25px;
}


/* End of 'sIFR-screen' */

