/* � 2008 HowStuffWorks, Inc. */
#doc
{
background: #ffffff url(http://static.howstuffworks.com/en-us/www/layout/bg_stripe_BG.gif);
}
.imageCentered
{
margin: auto;
text-align: center;
margin-top: 12px;
margin-bottom: 12px;
}
.sideBarRight
{
float: right;
width: 200px;
border: 1px solid #000000;
background: #eef4f6;
padding: 5px;
margin-left: 3px;
}
.sideBarCenter
{
background: #eef4f6;
width: 400px;
border: 1px solid #000000;
text-align: center;
padding: 5px;
margin: auto;
margin-top: 12px;
margin-bottom:  12px;
}
.sideBarRight .title
{
color: #000000;
font-size: 16px;
font-weight: bold;
word-wrap: break-word;
}
.sideBarRight .body
{
color: #000000;
font-size: 10pt;
word-wrap: break-word;
}
.sideBarCenter .title
{
color: #000000;
font-size: 16px;
font-weight: bold;
word-wrap: break-word
}
.sideBarCenter .body
{
color: #000000;
font-size: 10pt;
word-wrap: break-word
}
.aboutUsTitle
{
margin: 2px 0 0px 0px;
font-weight: bold;
font-size: 24px;
font-family: Georgia, Times, Times New Roman, Serif;
color: #FF9C44;
}
/* *****************************************
New Article Sidebars ('Related Links', 'Editorial')
***************************************** */
.sideBoxRight
{
float: right;
background: #ffffff;
width: 300px;
border: 1px solid #000000;
text-align: left;
padding: 5px;
margin-left: 10px;
margin-top: 5px;
}
.sideBoxRight .titleBlue
{
color: #005288;
font-size: 16px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #d2d2d2;
word-wrap: break-word;
}
.sideBoxRight .subTitleBlue
{
color: #005288;
font-size: 16px;
font-weight: normal;
word-wrap: break-word;
}
.sideBoxRight .body
{
padding: 5px;
color: #000000;
font-size: 10pt;
word-wrap: break-word;
}
.articleBody table td
{
padding         : 3px;
}
.articleBody .sideBoxRight  ul
{
position: relative;
left: 0;
margin:10px 10px 8px 28px;
padding: 0;
}
.articleBody .sideBoxRight  li
{
position: relative;
left: 0px;
margin: 0;
padding: 0;
}
.sideBoxLeft
{
float: left;
width: 200px;
border: 1px solid #000000;
margin-right: 20px;
background: #ffffff;
padding: 5px 5px 0 5px;
}
.sideBoxLeft .titleGray
{
color: #555555;
font-size: 16px;
font-weight: bold;
margin: 0 6px 0 6px;
padding: 5px;
border-bottom: 1px dashed #d2d2d2;
word-wrap: break-word;
}
.sideBoxLeft .body
{
padding: 5px;
color: #000000;
font-size: 10pt;
word-wrap: break-word;
}
.articleBody .sideBoxLeft  ul
{
position: relative;
left: 0;
margin:10px 10px 8px 28px;
padding: 0;
}
.articleBody .sideBoxLeft  li
{
position: relative;
left: 0px;
margin: 0;
padding: 0;
}
.articleBody .sideBoxLeft  a
{
font-weight: bold;
text-decoration: none;
}
.articleBody .sideBoxLeft  a:hover
{
font-weight: bold;
text-decoration: underline;
}
/* ********************************* */
.articleTitle
{
margin: 2px 0 0px 0px;
font-weight: bold;
font-size: 24px;
font-family: Georgia, Times, Times New Roman, Serif;
}
p.articleByLine
{
font-size: 12px;
padding: 0px 0px 0px 5px;
}
.articleBody
{
font-size: 10pt;
color: black;
padding: 0px;
margin: 0px;
}
.articleBody p
{
margin: 0px 0 10px 0;
font-size: 10pt;
line-height: 14pt;
}
.articleBody a
{
text-decoration: underline;
}
.articleBody h1
{
margin: 0px 0 5px 0;
font-weight: bold;
font-size: 16px;
}
.articleBody a img
{
border: 0px;
}
.articleBody li
{
color: black;
font-size: 10pt;
list-style-position: outside;
margin-left: 25px;
padding-right: 14px;
line-height: 14pt;
}
.articleBody ul li
{
list-style-type: disc;
}
/* must be present to override layout.css.  CSS for site layout conflicts with editor HTML */
.articleBody ol li
{
list-style-type: decimal !important;
}
.articleBody ul, .articleBody ol
{
margin: 14px 20px 14px 20px;
}
/*WYSIWYG STYLES - BG*/
/*THESE STYLES NEED TO BE MIMICKED IN THE STYLESHEET USED BY THE ETB WYISIWYG*/
.articleBody ul .unindent, .articleBody ol .unindent
{
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.articleBody ul .unindent li, .articleBody ol .unindent li
{
padding-right:	0;
padding-left:   5px;	/* added for ie6 */
margin-left:	5px;	/* added for ie  */
width:		450px;	/* added for ie  */
display:  list-item;	/* added for ie  */
}
.articleBody .heading1
{
font-size: 20px;
font-weight: bold;
color: #000000;
}
.articleBody .heading2
{
font-size: 18px;
font-weight: bold;
color: #000000;
}
.articleBody .heading3
{
font-size: 16px;
font-weight: bold;
color: #000000;
}
.articleBody .heading4
{
font-size: 14px;
font-weight: bold;
color: #000000;
}
/*END WYSIWYG STYLES - BG*/
.articleTOC
{
margin: 0px;
padding: 8px 0px 10px 0px;
font-size: 12px;
display: block;
width: 475px;
}
.articleTOC a
{
text-decoration: none;
color: #181C80;
}
.articleTOC .items
{
width: 220px;
float: left;
margin: 0px 10px 0px 0px;
display: block;
}
.articleTOC .items .number
{
color: #181C80;
width: 20px;
text-align: right;
float: left;
margin: 0px 0px 0px 0px;
}
.articleTOC .items .entry
{
width: 200px;
float: left;
margin: 0px 0px 0px 0px;
}
.articleTOC .items .activeentry
{
color: #990000;
font-weight: bold;
width: 200px;
float: left;
margin: 0px 0px 0px 0px;
}
.articleTOC .label
{
display: block;
font-size: 12px;
font-weight: bold;
color: #4e6bac;
padding-bottom: 3px;
}
.breadCrumbs
{
color: #4E6CAC;
font-size: 11px;
padding-top: 3px;
padding-bottom: 10px;
width: 488px;
display: block;
}
.breadCrumbs a
{
color: #4E6CAC;
text-decoration: none;
}
#hpad
{
display: none;
position: absolute;
background-color: white;
text-decoration: none;
top: -53px; left: -5px;
}
.pageToolsContainer
{
margin: 0px 20px 0px 20px;
}
.pageTools
{
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
height: 60px;
margin: 0px;
background: url(http://static.howstuffworks.com/en-us/www/layout/page-tool-right-full2.gif) top right no-repeat;
background-color: #e2eff9;
padding: 0px;
width: 100%;
}
.pageTools img {
float: left;
margin: 0px 0px 0px 0px ;
padding: 0px;
display: block;
}
.pageTools a
{
color: #181C80;
text-decoration: none;
display: inline;
vertical-align: bottom;
margin: 0px;
padding: 0px;
}
.pageTools a sup
{
font-size: 7pt;
}
.pageTools div
{
display: block;
margin: 0px;
padding: 5px 0px 0px 0px;
}
.pageToolsLabel
{
font-weight: bold;
color: gray;
font-size: 8pt;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
}
.pageToolsReturn {
color: black;
font-size: 11px;
padding-top: 10px;
padding-bottom: 15px;
}
.pageToolsReturn a {
text-decoration: none;
}
.pageToolsReturn a.hover,
.pageToolsReturn a:hover
{
text-decoration: underline;
}
.formlabel
{
width: 150px;
font-size: 12px;
float: left;
padding: 3px 0px 0px 0px;
}
.formdata
{
width: 150px;
font-size: 12px;
float: left;
}
.forminstructions
{
margin: 10px 0px 10px 0px;
font-style: italic;
font-size: 12px;
}
.citation
{
padding: 5px;
font-size: 11px;
}
.citationtext
{
padding: 5px;
font-size: 10px;
border: 1px dashed black;
}
.pageNav
{
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
clear: both;
border-top: 1px dotted gray;
border-bottom: 1px dotted gray;
margin: 10px 0 15px 0;
padding: 2px;
}
.pageNav a
{
text-decoration: none;
color: #181C80;
}
.pageNav .prev, .pageNav .intro, .pageNav .next
{
float: left;
width: 33%;
color: #181C80;
}
.pageNav .prev
{
text-align: left;
}
.pageNav .prev a, .pageNav .intro a, .paveNav .next a
{
color: #181C80;
}
.pageNav .intro
{
text-align: center;
}
.pageNav .next
{
text-align: right;
}
.pageNav .prev img
{
vertical-align: bottom;
}
.pageNav .next img
{
vertical-align: bottom;
}
.error
{
border: 1px solid red;
background: #FBB;
padding: 10px;
color: black;
font-weight: bold;
font-size: 16px;
text-align: center;
}
.videoSelection
{
display: block;
border: none;
padding: 0;
margin: 0;
}
.videoSelection .image
{
display: block;
float: left;
width: 90px;
}
.videoSelection .item
{
display: block;
float: left;
font-weight: normal;
width: 190px;
}
.videoSelection img
{
border: 0;
float: left;
}
.videoSelection .even
{
background: white;
display: block;
height: 100%;
border-bottom: 1px solid #cccccc;
}
.videoSelection .odd
{
background: #ffffdd;
display: block;
height: 100%;
border-bottom: 1px solid #cccccc;
}
span.printable
{
background: url(http://static.howstuffworks.com/en-us/www/icons/print.gif) center left no-repeat;
padding-left: 14px;
padding-right: 10px;
}
span.email
{
background: url(http://static.howstuffworks.com/en-us/www/icons/email.gif) center left no-repeat;
padding-left: 20px;
padding-right: 10px;
}
span.cite
{
background: url(http://static.howstuffworks.com/en-us/www/icons/cite_icon2.gif) center left no-repeat;
padding-left: 17px;
}
a:hover span.cite, a:hover span.email, a:hover span.printable
{
color: #4E6CAC;
text-decoration: underline;
}
.caption
{
font-size: 10pt;
font-weight: bold;
}
.credit
{
font-size: 8pt;
}
.articleBody .imageBox
{
text-align: center;
}
.articleBody .imageBoxRight
{
float: right;
margin-left: 8px;
}
.relatedTopics
{
border: 1px solid #4e6cac;
margin: 10px 0px 0px 0px;
}
.relatedTopics .header
{
padding: 5px;
color: #ffffff;
background: #4e6cac;
font-family: Arial, Helvetica, Verdana;
font-size: 10pt;
font-weight: bold;
text-align: left;
}
.relatedTopics .content
{
padding: 5px;
color: #000000;
font-family: Arial, Helvetica, Verdana;
font-size: 10pt;
}
.relatedTopics .content .title
{
margin-top: 10px;
color: #4e6cac;
font-weight: bold;
font-family: Arial, Helvetica, Verdana;
font-size: 10pt;
}
.relatedTopics .content .seeMore a
{
font-size: 10pt;
color: #4e6cac;
text-decoration: none;
font-weight: normal;
}
.relatedTopics .content .seeMore a:hover
{
text-decoration: underline;
}
.relatedTopics .content a
{
text-decoration: underline;
}
.relatedTopics .content .thumb
{
border: 1px solid #888888;
}
/* Sharing Tools */
.shareTools
{
padding: 10px;
overflow: auto;
}
.shareTools p
{
font-weight: bold;
padding-bottom: 6px;
border-bottom: 1px dashed #D2D2D2;
}
.shareTools ul
{
list-style-type: none;
width: 100%;
float: left;
}
.shareTools li
{
display: block;
float: left;
padding-top: 12px;
padding-left: 34px;
padding-right: 34px;
width: 135px;
}
.shareTools a
{
text-decoration: underline;
}
/* © 2008 HowStuffWorks, Inc. */
.article .head{
float: left;
margin-bottom: 20px;
width: 620px;
}
.recipeCategories {
font-family: Arial, Helvetica, Verdana, san-serif;
font-size: 12px;
background: #ffffff;
width: 488px;
display: block;
overflow: hidden;
}
.recipeCategories .pane {
float: left;
padding: 0px 0px 0px 10px;
width: 145px;
display: block;
}
.recipeList img {
padding: 10px;
}
.recipeCategories .top {
width: 488px;
}
.recipeCategories .heading {
font-size: 12px;
font-weight: bold;
margin: 10px 0px 10px 0px;
display: block;
}
.recipeIngredients tr td {
border-bottom: thin dashed grey;
}
.recipePhoto {
float: left;
padding: 0px 5px 5px 0px;
text-align: center;
}
.recipePhoto img {
border: 1px solid black;
}
.recipePhoto .caption {
font-style: italic;
font-size: 10px;
}
.recipeTiming {
float: left;
}
.recipeYield span {
font-weight: bold;
}
.recipeMethods, .recipeIngredients {
padding: 15px;
}
.recipeMethods .heading, .recipeIngredients .heading {
font-weight: bold;
margin: 15px;
}
.recipeMethods ol {
padding: 0;
}
.recipeMethods ol li {
list-style-type: decimal;
padding: 0px;
margin-bottom: 8px;
}
.recipeRunins .runinType {
font-weight: bold;
}
.recipeNutriInfo {
background: #fef;
float: left;
font-size: 12px;
margin: 15px;
}
.recipeNutriInfo .heading {
font-weight: bold;
color: white;
background: #007;
padding: 2px;
}
.recipeNutriInfo .nutriItemEven {
background: #ddf;
}
.recipeNutriInfo .nutriItemOdd {
background: #fff;
}
.recipeSearchContainer {
width: 300px;
display: block;
margin: 0px 0px 15px 0px;
}
.recipeSearchContainer .top {
background: url(http://static.howstuffworks.com/en-us/www/layout/recipes/search/search_right.gif) top right no-repeat;
height: 74px;
width: 300px;
display: block;
}
.recipeSearchContainer .top .left {
background: url(http://static.howstuffworks.com/en-us/www/layout/recipes/search/search_left.gif) top left no-repeat;
width: 186px;
height: 74px;
float: left;
display: block;
}
.recipeSearchContainer .mid {
background: #dbe9f4;
width: 300px;
display: block;
}
.recipeSearchContainer .bot {
background: #dbe9f4 url(http://static.howstuffworks.com/en-us/www/layout/recipes/search/bottom-right-corner-recipe.gif) top right no-repeat;
height: 10px;
width: 300px;
}
.recipeSearchContainer .bot .left {
background: url(http://static.howstuffworks.com/en-us/www/layout/recipes/search/bottom-left-corner-recipe.gif) top left no-repeat;
width: 10px;
height: 10px;
display: inline;
float: left;
}
.recipeSearch {
font-size: 12px;
color: black;
padding: 5px;
}
.recipeSearch p {
margin: 0px 0px 5px 0px;
padding: 0px;
}
.recipeSearch select {
margin: 0px 0px 5px 0px;
padding: 0px;
}
.recipeSearch a {
color: black;
text-decoration: underline;
font-weight: bold;
}
.recipeSearch .goButton {
color: white;
font-size: 10px;
font-family: Verdana, Arial, Helvetica;
background: #333399;
border-top: 2px solid #0000cc;
border-right: 2px solid #000066;
border-bottom: 2px solid #000066;
border-left: 2px solid #0000CC;
text-decoration: none;
font-weight: bold;
margin: 0px 0px 1px 0px;
}
.recipeSearch .goButton a {
text-decoration: none;
}
#slideshow {
margin: 10px;
clear: all;
display: block;
height: 50px;
background: #eeeeee;
border-top: 3px #4e6cac solid;
border-right: 3px #b3d1fc solid;
border-bottom: 3px #b3d1fc solid;
border-left: 3px #4e6cac solid;
}
#slideshow .pix {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
height: 43px;
width: 50px;
position: relative;
left: 0px;
top: 0px;
}
#slideshow .title {
font-family: Verdana, Arial, Helvetica, san-serif;
font-size: 10px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
height: 43px;
width: 200px;
position: relative;
left: 0px;
top: 0px;
}
#slideshow .title a {
font-weight: normal;
}
.featuredRecipes {
width: 300px;
font-family: Verdana, Arial, Helvetica, san-serif;
font-size: 11px;
font-weight: bold;
}
.featuredRecipes a {
text-decoration: none;
}
.featuredRecipes a:hover {
text-decoration: underline;
}
.recipeFoodArticles {
width: 480px;
font-family: Arial, Helvetica, Verdana, san-serif;
font-size: 12px;
font-weight: normal;
display: block;
}
.recipeFoodArticles .heading {
font-size: 12px;
font-weight: bold;
margin: 10px 0px 10px 0px;
display: block;
}
.recipeFoodArticles .pane {
float: left;
padding: 0px 0px 0px 10px;
width: 195px;
display: block;
}
.recipeFoodArticles .toplink {
float: right;
padding: 0px;
width: 40px;
display: block;
}
.recipeFoodArticles ul li {
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}
.recipeFoodArticlesDivider {
padding: 0px;
margin: 0px 0px 25px 0px;
border-right: 1px black solid;
border-bottom: 1px black solid;
width: 488px;
height: 10px;
}
.recipesLandingDivider {
padding: 0px;
margin: 5px 0px 10px 0px;
border-right: 1px black solid;
border-bottom: 1px black solid;
width: 488px;
height: 10px;
}
.recipeBody {
font-size: 12px;
color: black;
width: 500px;
padding: 0px 0px 10px 0px;
display: block;
overflow: hidden;
}
.recipeBody div {
}
.recipeBody .yield {
width: 265px;
float: left;
font-size: 12px;
}
.recipeBody .video {
width: 265px;
float: left;
font-size: 12px;
padding: 0px 0px 12px 0px;
}
.recipeBody .timings {
width: 265px;
float: left;
font-size: 12px;
}
.recipeBody .blurb {
width: 265px;
float: left;
font-size: 12px;
padding: 0px 0px 12px 0px;
}
.recipeBody .ingredients {
width: 265px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
font-size: 12px;
}
.recipeBody .ingredients .line {
padding: 0px 3px 0px 3px;
margin: 0px 0px 3px 0px;
width: 265px;
display: block;
}
.recipeBody .ingredients .line .qty {
float: left;
padding: 0px 0px 0px 0px;
width: 35px;
display: block;
}
.recipeBody .ingredients .line .item {
float: left;
padding: 0px 0px 0px 0px;
width: 225px;
display: block;
}
.recipeBody .ingredients .line .divider {
border-bottom: 1px dashed gray;
width: 265px;
height: 1px;
padding: 3px 0px 0px 0px;
margin: 0px;
display: block;
overflow: hidden;
}
.recipeBody .photo {
width: 205px;
float: left;
margin: 0px 5px 10px 0px;
padding: 0px 20px 0px 0px;
text-align: center;
}
.recipeBody .photo img {
border: 1px black solid;
padding: 0px 0px 0px 0px;
}
.recipeBody .methods {
width: 475px;
display: block;
float: left;
color: black;
margin: 0px 0px 10px 0px;
padding: 0px 0px 12px 0px;
overflow: hidden;
}
.recipeBody .methods .number {
width: 20px;
float: left;
}
.recipeBody .methods .item {
width: 450px;
float: left;
margin: 0px 0px 5px 0px;
}
.recipeBody .methods .note {
font-size: 11px;
font-style: italic;
width: 450px;
float: left;
margin: 0px 0px 5px 20px;
}
.recipeBody .photo .caption {
font-size: 10px;
text-align: center;
width: 200px;
font-style: italic;
padding: 0px 0px 0px 0px;
display: inline;
}
.recipeBody .heading {
font-size: 12px;
font-weight: bold;
margin: 10px 0px 10px 0px;
text-transform: uppercase;
display: inline;
}
.recipeBody .runins {
display: block;
width: 480px;
font-weight: normal;
margin: 10px 0px 0px 0px;
}
.recipeBody .nutritional {
float: left;
background: #eeeeee;
font-size: 10px;
font-weight: normal;
margin: 0px 10px 0px 0px;
padding: 5px;
float: left;
}
.recipeBody .dietary {
float: left;
background: #eeeeee;
font-size: 10px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 5px;
float: left;
}
.recipeBody .parentRecipes {
float: left;
background: #eeeeee;
margin: 10px 0px 15px 0px;
padding: 0px;
float: left;
}
.recipeBody .otherCategories {
float: left;
font-weight: normal;
margin: 10px 0px 15px 0px;
padding: 0px;
float: left;
}