@charset "utf-8";
/* CSS Document */

/*************** Main sections */
body { background: #f3f3f3 url(../images/body_bg.gif) top center repeat-x; padding: 0; margin: 0; line-height: 18px; font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #5b5b5b; }
form { margin: 0px; }

#main { width: 997px; margin: 0 auto; }

/*************** Header components */
/********** Header Top */
#header { background: #fff url(../images/search_bg.gif) 0px 105px repeat-x; border: 1px solid #64758f; border-top: 0; margin-bottom:5px; }
#headerTop { height: 107px; background: #376bb7 url(../images/logo_bg.gif) top left no-repeat; border: 1px solid #376bb7; border-top: 0; }

/***** Logo */
#logo { float: left; margin: 12px 24px; }
#logo img { display: block; }
#logo a { color: #a7e85a; font-size: 12px; text-shadow: 1px 1px 1px #44B; }

/***** Menu */
#menu { float: right; background: #1d2d3d; border: 1px solid #3b4957; color: #66737d; width: 533px; }
#menuLeft { float: left; padding: 8px 16px; margin-bottom: 18px; }
#menuRight { float: right; padding: 8px 16px; margin-bottom: 18px; }

#menu a { color: #eeeeee; }
#menu a:hover { color: #00b0f0; }
#menuLeft a, #menuRight a { padding: 0 4px; }
#menuRight a#signup { color: #ffd860; font-size: 14px; }

/***** Navbar */
#navbar { clear: both; padding: 0; margin: 0; }

#navbar li { display:block; float: left; height: 18px; padding: 12px 16px; background: #3b4957 url(../images/menu_bg.gif) top repeat-x; border-right: 1px solid #868f98; list-style-type: none; text-align: center; }
#navbar li#lastNav { background: #8db85b url(../images/menua_bg.gif) top repeat-x; border-right: 0; }

#navbar a { color: #FFF; font-size: 14px; }
#navbar a:hover { color: #a6e859; }
#navbar a:hover li#lastNav { color: #000; }

/********** Search area */
/***** Basic */
#searchBasic { color: #5b5b5b; padding: 12px; text-align: center; }

#searchBasic h2 { display: inline; }

#searchBasic input, #searchBasic select, #searchBasic img { margin: 0 4px; }
#searchBasic input { width: 250px; }
#searchBasic input[type="submit"] { width: 60px; }
#searchBasic select { width: 125px; }
#searchBasic span { margin: 0 6px; }

/***** Advanced */
#searchAdvanced { display: none; }

#searchAdvanced fieldset { float: left; width: 278px; margin-top: 12px; margin-bottom: 24px; margin-left: 0; margin-right: -1px; padding: 8px 24px; border: 0; }
#searchAdvanced .col1, #searchAdvanced .col2 { border-right: #d1d1d1 solid 1px; }
#searchAdvanced .col2, #searchAdvanced .col3 { border-left: #d1d1d1 solid 1px; }

#searchAdvanced legend { font-weight: bold; margin-bottom: 6px; }

#searchAdvanced .col1 label { float: left; width: 140px; margin: 6px 0; text-align: right; }
#searchAdvanced .col1 select { float: left; width: 100px; margin: 6px 0; }
#searchAdvanced .col2 select { display: inline-block; } 
#searchAdvanced .col2 label { display: inline-block; width: 110px; margin: 6px 0; }
#searchAdvanced .col3 textarea { display: block; width: 260px; height: 40px; margin-bottom: 16px; }

#searchAdvanced .col2 ul { margin: 0px; list-style-type: none; padding: 0px; }
#searchAdvanced .col2 li { float: left; width: 135px }

/***************** Body components *****************/
#body { margin-top: 5px;  background: #fff; border: 1px solid #64758f; }
#content { padding: 0px 0px 16px 10px; }
#sidebar { float: right; width: 302px; padding: 8px 0 8px 8px; margin: 8px; border-left: 1px solid #bebebe; border-bottom: 1px solid #bebebe; line-height: 145%; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
#sidebar2 { float: right; width: 202px; padding: 8px 0 8px 8px; margin: 8px; border-left: 1px solid #bebebe; border-bottom: 1px solid #bebebe; line-height: 145%; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
/********** Browse Page */
#sort { float: left; }

.pagination { float: right; padding-bottom: 10px; }
.pagination a { border: 1px solid #ccc; color: #376ab7; padding: 0 5px; display:block; float: left; margin: 0 2px; }
.pagination a.selected { border: 1px solid #b1b1b1; color: #5b5b5b; background: #eee; }
.pagination a.disabled { color: #ccc; }

#results .pagination { margin-top: 10px; }

#results { clear: left; padding: 8px 0; width:750px; }

/***** Individual box */
#results .recipe { display: inline-block; position: relative; float: left; width: 204px; height: 300px; padding: 12px; margin: 6px; background: #f5f5f5; border: 1px solid #ccc; overflow: hidden; }

#results .recipe h3 { margin: 0; margin-bottom: 4px; }
#results .recipe img { background: #f5f5f5; border: 1px solid #e0e0e0; padding: 1px; }
#results .recipe p { margin-top: 8px; font-size: 10px; line-height: 130%; }
#results .recipe .stats { position: absolute; left: 0; bottom: 0; width: 224px; padding: 0 12px; background: #e7e7e7; font-size: 11px; }

/********** Recipes Page */
.tabs {margin: 0 320px 0 0;}
.tabs .tabsTitle { float: left; position: absolute; left: 0px; }
.recipeTitle { float: left;  display: block; width: 70px; padding: 8px 2px 2px 2px; background: #f8f8f8; border: 1px solid #cdcdcd; text-align:center; height:78px; }
.recipeTitle2 { float: left;  display: block; width: 90px; padding: 8px 2px 2px 2px; background: #f8f8f8; border: 1px solid #cdcdcd; text-align:center; height:78px;}
.tabs .tabsTitle a { display: block; width: 88px; margin-bottom: 4px; padding: 8px 8px; background: #f8f8f8; border: 1px solid #cdcdcd; }
.tabs .tabsTitle a.startSelected { width: 94px; border-right: 0; }
.tabs .tabsTitle a h2, .tabs .tabsTitle a h3 { display: block; margin: 0; font-size: 14px; }
.tabs .tabsTitle a span { font-size: 10px; line-height: 150%; }

.tabs .tabsContent { margin-left: 110px; padding: 12px; background: #f8f8f8; border: 1px solid #cdcdcd; width: 510px; }
.tabs .tabsContent > div { display: none; }
.tabs .tabsContent > div.startSelected { display: block; }

.recipeInstructions h2 { display: inline-block; width: 36px; color: #376ab7; font-size: 14px; margin: 0; }
.recipeInstructions h3 { display: inline-block; width: 36px; color: #376ab7; font-size: 10px; margin: 0; }
.recipeIngredients h2 { display: inline-block; width: 36px; color: #376ab7; font-size: 14px; margin: 0; }

#recipeName { margin-bottom: 4px; }

#recipeDetails { margin-left: 110px; padding: 12px; width:525px; }
#recipeDetails > ul { padding: 0; }
#recipeDetails > ul > li { list-style-type: none; margin: 4px 0; }

#recipeComments { margin-left: 110px; padding: 12px; clear: left; }
#recipeComments > ul { padding: 0; }
#recipeComments > ul > li { border-bottom: 1px solid #DDD; list-style-type: none; }
#recipeComments > ul > li > h4 { margin: 0; }
#recipeComments > ul > li > span { color: #888; font-size: 10px; }
#recipeComments > ul > li > p { margin-top: 6px; }

#recipeComments > form { display: block; }
#recipeComments > form > input { display: block; }

/********** Gallery */
.recipeImages > .galleryFocus { margin: 5px; }
.recipeImages > .galleryFocus > img { max-width: 510px; padding: 1px; background: #f8f8f8; border: 1px solid #cdcdcd; }
#galleryLinks a { display: inline-block; width: 100px; height: 75px; margin: 5px; padding: 1px; background: #f8f8f8; border: 1px solid #cdcdcd; }

/***** Similar Recipes */
#sidebar .recipe { margin: 24px 0; }

#sidebar .recipe h3 { margin: 0; margin-bottom: 4px; }
#sidebar .recipe img { background: #f5f5f5; border: 1px solid #e0e0e0; padding: 1px; }
#sidebar .recipe p { margin-top: 8px; font-size: 10px; line-height: 130%; }
#sidebar .recipe .stats { position: absolute; left: 0; bottom: 0; width: 224px; padding: 0 12px; background: #e7e7e7; font-size: 11px; }


/***** Rating */
#recipeRating { margin: 0px 0px 0 50px; cursor: pointer; width: 140px; }

.rating {height: 23px; background: #FFF url(../images/rate_on.gif) top left repeat-x;  }
.ratingBg { width: 140px; height: 23px; background: #FFF url(../images/rate_off.gif) top left repeat-x; margin: 0pt 0pt 0pt 0px; }
.rating span { display: none; }


/********** Add recipe */
#addThumbs > div { position: relative; width: 200px; height: 130px; margin: 6px 0; }
#addThumbs > div > span { position: absolute; top: 0; left: 0; width: 80px; height: 20px; padding: 2px 5px; background: #fff; border: 1px solid #64758f; font-size: 10px; }
#addThumbs > div > a > img { border: 1px solid #64758f; }

/***************** Footer components *****************/
#footer { margin-top: 12px; color: #93aacc; font-size: 11px; }
#footer a { color: #d9e2ef; padding: 0 12px; }

#footerTop { background: #376ab7; border: 1px solid #376ab7; }
#footerTop div, #footerBottom div { margin: 6px; }

#footerBottom { background: #3f4e5e; border: 1px solid #3f4e5e; background: #3f4e5e url(../images/bethecook_logo_footer.gif) 99% center no-repeat; }

/***************** General *****************/
/********** Elements */
a { color: #376ab7; text-decoration: none; }
a:hover { color: #00b0f0; }
a img { border: 0; }

p { margin: 0 0 10px 0; padding: auto; }
input, option, select, textarea { font: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 11px; color: #5b5b5b; margin: 0; }
input[type="text"] { padding: 0 1px; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h2 { font-size: 18px;  position: relative; }
h3 { font-size: 13px; }
hr { border: 0; border-top: 1px solid #bebebe; }

/********** Specific */
#player { display:block; width:500px; height:330px; }

/********** Form */
.myform .field { position: relative; margin: 12px 0; }
.myform .field > label { float: left; width: 120px; text-align: right; padding-right: 12px; }
.myform .field > div { display: inline-block; width: 320px; }
.myform .field > span { display: inline-block; position: absolute; right: 0; width: 260px; padding: 2px 5px; opacity: 0; filter: alpha(opacity = 0); background: #fff; border: 1px solid #64758f; font-size: 10px; }

.myform input[type="text"], .myform input[type="password"] { width: 200px; padding: 2px; margin: 2px; }
.myform input[type="submit"], .myform input[type="button"] { padding: 4px 16px; margin: 2px;}
.myform input[type="checkbox"] { margin: 2px; }
.myform select { width: 140px; padding: 2px; margin: 2px; }
.myform textarea { width: 296px; height: 80px; padding: 2px; margin: 2px; }

.myform input.large { width: 296px; }
.myform select.large { width: 200px; }
.myform textarea.large { height: 160px; }

.myform input.small { width: 140px; }
.myform select.small { width: 60px; }
.myform textarea.small { height: 40px; }

.altButton { margin-left: 18px; }

/********** Classes */
.rounded { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0 0 4px -2px #000; -moz-box-shadow: 0 0 4px -2px #000; -webkit-box-shadow: 0 0 1px #888; }
.roundedBottom { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; box-shadow: 0 0 4px -2px #000; -moz-box-shadow: 0 0 4px -2px #000; -webkit-box-shadow: 0 0 1px #888; }
.roundedTop { border-top-left-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; box-shadow: 0 0 4px -2px #000; -moz-box-shadow: 0 0 4px -2px #000; -webkit-box-shadow: 0 0 1px #888; }

.tabs { margin-top: 12px; position: relative; }
.detail { font-size: 11px; }
.detail span { color: #aaa; }
.detail span.blackFont { color: #5b5b5b; }

.hidden { display: none; }
.clear { clear: both; }

a.example {
	display:block;
	width:640px;
	height:20px;
	text-align:left;
}

.terms {font: 10px Arial, Helvetica, sans-serif;}
.termns ul li {padding-left:30px;}
#content .policy { padding: 0px; margin:25px 15px 15px 15px; background: #f8f8f8; border: 1px solid #cdcdcd; width:590px; height:1360px;}
#content .terms { padding: 0px; margin:25px 15px 15px 15px; background: #f8f8f8; border: 1px solid #cdcdcd; width:590px; height:3280px;}
#content .policySideBar { float:right; margin-right:40px;}
.floatLeft{ float:left};
.blueColor { color:#ffffff;}
.marginButtom {margin-bottom:10px;}
div.tabsContent div.field span.frontSpan{z-index:10}


div.similarRecipes { margin-top: 10px; }
.similarRecipes a.title { display: block; padding: 5px 0; height: 35px; }
.similarRecipes a.thumb { float: left; margin-right: 10px; }
.similarRecipes a.thumb img { width: 130px; }
.similarRecipes .recipe { clear: both; margin: 5px 0; }

#rectAd { margin: auto; width: 300px; height: 250px; }

.bigBox {width: 300px; height:250px;}
.bannerCenter{ text-align:center;}