*
{
font-family: Arial, Helvetica, sans-serif;
}
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
{
margin         : 0;
padding        : 0;
border         : 0;
vertical-align : baseline;
}
input
{
margin         : 0;
}
/*
table
{
border-collapse: collapse;
border-spacing : 0;
}
*/
caption, th, td
{
text-align     : left;
font-weight    : normal;
}
a:, a:link, a:visited, a:active, a:hover, a:focus
{
font-style     : normal;
text-decoration: none;
}
a,a:visited
{
color           :#005288;
text-decoration :none;
}
a:hover
{
text-decoration :underline;
}
:focus
{
outline : 0;
}
.clear:after
{
content    : ".";
display    : block;
clear      : both;
visibility : hidden;
line-height: 0;
height     : 0;
}
.clear
{
display: inline-block;
}
html[xmlns] .clear
{
display: block;
}
* html .clear
{
height: 1%;
}
fb\:name,
fb\:profile-pic
{
background-image: none !important;
margin: 0px !important;
padding: 0px !important;
}
.line:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.unitLast:after
{
content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
visibility: hidden;
clear: both;
height: 0 !important;
display: block;
line-height: 0;
}
.line
{
*zoom:1;
}
.unit,
.left
{
float:left;
}
.size1of1
{
float:none;
}
.size1of2
{
width:50%;
}
.size1of3
{
width:33.33333%;
}
.size2of3
{
width:66.66666%;
}
.size1of4
{
width:25%;
}
.size3of4
{
width:75%;
}
.size1of5
{
width:20%;
}
.size2of5
{
width:40%;
}
.size3of5
{
width:60%;
}
.size4of5
{
width:80%;
}
.unitLast
{
display:table-cell;
*display:block;
*zoom:1;
float:none;
_position:relative;
_left:-3px;
_margin-right:-3px;
width:auto;
}
.unitRight,
.right
{
float:right;
}
.colorTextGray
{
color: #999;
}
.colorTextGrayLight
{
color: #CCC;
}
.colorTextWhite
{
color: #FFF;
}
.colorBorderGrayLight
{
border-color: #CCC;
}
/* I recommend that throughout the site, all references to #777 or #B8B8B8 (MCB 10/20/2009) */
/* should go be consolidated into one of the other grays defined here (MCB 10/20/2009) */
/* we shouldn't need more than 4 or 5 gray definitions (MCB 10/20/2009) */
.colorBorderGray
{
border-color: #999;
}
.colorBackgroundGray
{
background-color: #999;
}
.colorBackgroundWhite
{
background-color: #FFF;
}
.embedVideo
{
margin: 0 auto;
width: 450px;
}.adv
{
margin: 0;
padding: 0;
}
.grayBack
{
background-color: #D2D2D2;
}
#TopHome,
#TopBanner,
#BotBanner
{
margin: 0 auto;
width: 728px;
height: 90px;
}
#SponLogo,
#MedRectHome,
#MedRect,
#Tlink1,
#PartnerBox
{
width: 300px;
margin: 0 auto 9px auto;
}
#SponLogo
{
height: 100px;
}
#MedRectHome,
#MedRect
{
height: 250px;
}
#VidSponLogo
{
height: 30px;
}
#Tlink1
{
height: 160px;
}
#Tower
{
width: 160px;
height: 600px;
margin: 0 auto 9px auto;
}
#TopHome,
#TopBanner
{
background-color: #D2D2D2;
}
#googleAdRightRail
{
margin: 0 0 9px 0;
}
body {
background-image:url(http://static.howstuffworks.com/en-us/recipes/tlc/tlc-site-background-gradient.gif);
background-repeat:repeat-xy;
color: #5a585a;
font: 12px Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0px;
}
#TopRight
{
float: right;
margin-right: 15px;
}
html,body,form,input,img,ul,ol,li,span
{
margin : 0;
padding: 0;
}
h1,h2,h3,h4,h5,p
{
margin : 0 0 5px 0;
padding: 0;
}
.dashedList
{
padding-bottom: 20px;
}
.dashedList ul
{
list-style-type:none;
}
.bigLift
{
bottom: 48px;
}
.mediumLift
{
margin-top: -28px;
}
.smallLift
{
bottom: 18px;
}
.poweredByInner
{
position: relative;
bottom  : 10px;
color      : #8d8682;
font-weight: bold;
}
.poweredBy
{
position: relative;
float:right;
color: #8d8682;
font-weight: bold;
}
.noHoverDecoration a:hover,
.noHoverDecoration a.hover
{
text-decoration: none;
cursor: pointer;
}
.poweredBy label
{
position: relative;
bottom: 10px;
}
a,a:visited
{
color           :#660000;
text-decoration :none;
}
a:hover
{
text-decoration :underline;
}
img
{
border          : none;
}
h2
{
font-size       : 15pt;
}
h3
{
font-size       : 13pt;
margin-bottom   : 5px;
}
h4
{
font-size       : 9pt;
}
h5
{
font-size       : 9pt;
margin-bottom   : 0;
color           : #333;
}
.italic
{
font-style      : italic;
}
.error
{
color           : #FF0000;
}
.spacer
{
padding-bottom: 20px;
width: 100%;
}
.blockAlignLeft
{
margin: auto auto auto 0;
}
.blockAlignRight
{
margin: auto 0 auto auto;
}
.blockAlignCenter
{
margin         : 0 auto;
text-align     : center;
}
a, img { border: 0 none; }
img
{
border:none;
}
a
{
color:#660000;
outline:none;
}
a:hover,a:focus,a:active,li a.activeTab,li a.activeTab:visited,li a.activeTab:hover,li a.activeTab:focus,li a.activeTab:active
{
color:#660000;
}
a, a:visited { text-decoration: none; }
a:active, a:hover, a:focus { text-decoration: underline; }
a.black, a.black:visited, a.black:active, a.black:hover, a.black:focus { color: #000; }
a.white, a.white:visited, a.white:active, a.white:hover, a.white:focus { color: #FFF; }
/* ? 2008 HowStuffWorks, Inc. */
/* float clearing style*/
.clearer{display:block; margin:0; padding:0; clear:both; font-size:1px; width:1px; height:1px; overflow:hidden;}
.clearerLeft{display:block; margin:0; padding:0; clear:left; font-size:1px; width:1px; height:1px; overflow:hidden;}
/* simple margins and paddings */
.m10t{
margin-top:10px;
}
/* makes any element display inline or block */
*.inline{
display:inline;
}
*.block{
display:block;
}
*.hidden{
display:none;
}
/* generic floating classes */
.lineRight
{
float:right;
}
.lineLeft
{
float:left;
}
.lineCenter
{
float:none;
}
.center
{
text-align:center;
}
.vm
{
vertical-align:middle;
}
/* links */
a.more
{
font-weight:bold;
}
a.print
{
margin-left: 16px;
padding-left: 16px;
font-size: 10px;
}
a.email
{
padding-left: 13px;
font-size: 10px;
}
a.feedback
{
padding-left:14px;
font-size: 10px;
}
a.cite
{
padding-left:14px;
font-size: 10px;
}
a.share
{
padding-left:15px;
font-size: 10px;
}
a.shareVideo
{
background-image:url(http://static.howstuffworks.com/en-us/default/icons/icon_share.gif);
background-repeat:no-repeat;
background-position:0 center;
padding-left:13px;
}
/* list styles */
ul.plain{
list-style:none;
margin:0;
padding:0;
}
ul.relatedList,
ul.relatedList-tight{
list-style:none;
font-weight:bold;
margin:0;
padding:0;
overflow:hidden;
}
ul.left {
float: left;
width: 250px;
margin: -10px 0 0 0px;
padding: 15px 0px;
font-weight:bold;
border: 0px none;
list-style-position: inside;
list-style-type: disc;
color: #660000;
}
ul.right {
float: right;
width: 275px;
margin: -10px 0 0 30px;
padding: 15px 0px;
font-weight:bold;
border: 0px none;
list-style-position: inside;
list-style-type: disc;
color: #660000;
}
ul.relatedList li{
margin-bottom:10px;
}
ul.inline{
list-style:none;
display:inline;
}
ul.inline li{
list-style:none;
display:inline;
padding-right:4px;
}
ul.inline li .spacer{
padding-left: 6px;
}
ul.linkList{
color:#005288;
}
ol.top5{
list-style:none;
}
ol.top5 li{
list-style:none;
margin-bottom:5px;
font-weight:bold;
line-height:16pt;
}
ol.top5 li span.counter{
display:block;
float:left;
width:20px;
}
ol.top5 li.top{
font-size:13pt;
}
ol.top5 li.top span.counter{
font-size:16pt;
}
/* text stylings*/
.lg{
font-size:10pt;
}
.sm{
font-size:8pt;
}
.dark{
color:#000;
}
/* titles */
h1.libTitle{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/bg_module_title.gif);
background-repeat:repeat-x;
background-color:#fff;
color:#ff9c44;
font-size:20pt;
font-weight:normal;
padding:0 8px 0 8px;
height:34px;
margin-bottom:0px;
float:left;
text-align:left;
}
h1.mTitle{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/bg_module_title.gif);
background-repeat:repeat-x;
background-color:#fff;
color:#ff9c44;
font-size:20pt;
font-weight:normal;
padding:0 8px 0 8px;
height:34px;
margin-bottom:0px;
}
h2.title-sm{
margin:0 0 9px 0;
padding:0;
color:#ff9c44;
font-size:16.5pt;
font-weight:normal;
line-height:1em;
}
h2.title-sm-gallery{
margin:0 0 0px 3px;
padding:0;
color:#ff9c44;
font-size:16.5pt;
font-weight:normal;
line-height:1em;
}
h2.title-comm{
margin:0 0 9px 0;
padding:0;
color:#6c6363;
font-size:12pt;
font-weight:bold;
line-height:1em;
}
h1.title-lg{
margin-bottom:5px;
color:#ff9c44;
font-size:22pt;
}
h2.title-lg{
margin-bottom:10px;
padding:0;
color:#ff9c44;
font-size:20pt;
font-weight:normal;
line-height:1em;
}
h2.title-lg-sub{
margin-top: 15px;
margin-bottom:5px;
padding:0;
color:#ff9c44;
font-size:20pt;
font-weight:normal;
line-height:1em;
}
h2.title-lg-plain{
margin:0 0 9px 0;
color:#ff9c44;
font-size:20pt;
font-weight:normal;
line-height:1em;
}
h3.ptitle{
margin-bottom:0;
font-size:9pt;
font-weight:bold;
}
h3.sTitle{
margin-bottom:10px;
color:#666;
font-size: 17px;
}
h3.sTitle-tight{
margin-bottom:0;
color:#666;
}
p.intro-text{ /* used for single paragraph just below module title */
margin:0px 0px 10px 0px;
padding:0px;
}
h3.ftitle{ /* used for single paragraph just below module title */
color:#5a585a;
font-weight: normal;
display:inline;
font-size:19px;
}
/* thumbnail Images */
.thumbnail{
background-color:none;
padding:1px;
}
/* forms */
form.inline input,
form.inline label{
vertical-align:middle;
}
form label{
font-weight:bold;
color:#666;
}
input.bsize{
font-size:10pt;
height:17px;
padding:3px;
vertical-align:middle;
border:1px solid #d2d2d2;
color:#999;
}
.stacked label{
display:block;
vertical-align:middle;
margin-bottom:5px;
}
.stacked label input{
margin-right:3px;
vertical-align:middle;
}
/* miscellaneous */
.relatedContainer{
margin-left:30px;
width:235px;
float:left;
}
.relatedContainer .relatedList-tight{
font-size: 10pt;
}
.related-inset{
font-size: 10pt;
margin-bottom: 13px;
width: 210px;
}
.related-inset h4{
color:#666666;
margin-bottom:0;
font-size:10pt;
}
.related-inset p{
margin-bottom:0;
}
.related-inset li{
font-weight:bold;
}
.pagination-arrow{
vertical-align:middle;
}
.disclaimer
{
width: 600px;
font-size: 11px;
margin: 10px;
text-align: center;
}
input.text {
color: #666;
background: #FFF;
font: bold 10px/10px Verdana, sans-serif;
border: 1px solid #666;
padding: 4px 0 1px 5px;
height: 13px;
}
textarea.textarea {
color: #666;
background: #FFF;
font: bold 10px/10px Verdana, sans-serif;
border: 1px solid #666;
padding: 4px 0 1px 5px;
}
input.submit {
color: #666;
font: bold 10px/10px Verdana, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: bold;
letter-spacing: 0px;
}
/*
#footer
{
background-image:url(http://static.howstuffworks.com/en-us/recipes/tlc/tlc-site-background-gradient.gif);
background-repeat:repeat-y;
}
#header
{
background-image:url(http://static.howstuffworks.com/en-us/recipes/tlc/tlc-site-background-gradient.gif);
background-repeat:repeat-y;
}
*/
.rightSearch
{
width:310px;
height:40px;
overflow:hidden;
background:url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-right-rail-search-background.gif');
}
.rightSearch form
{
margin:0px;
padding:0px;
display:inline;
}
.rightSearch .label
{
width:90px;
float:left;
font-family:Arial,Verdana,Helvetica,San Serif;
font-weight:bold;
font-size:11px;
color:#ffffff;
text-align:center;
padding:12px 0px 0px 0px;
}
.rightSearch .entryField
{
width:150px;
height:29px;
background:transparent url('http://static.howstuffworks.com/en-us/recipes/misc/tlc-rightsearch-entry-150.gif ');
overflow:hidden;
margin:5px 0px 0px 0px;
}
.rightSearch .entryField input
{
background:none;
border:none;
height:21px;
width:143px;
margin:5px 0px 0px 3px;
display:inline;
}
.rightSearch input.submitButton
{
margin:5px 0px 0px 0px;
overflow:hidden;
width:58px;
height:29px;
position:relative;
top:-34px;
left:245px;
* left:251px;
_left:251px;
}
.adv .search-none
{
margin:10px 0 0 0;
padding-left: 140px;
width:312px;
_width:322px;
height:40px;
padding:0;
background:url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-right-rail-search-background.gif');
}
.adv .search-none .btnSkin
{
_padding-bottom: 17px;
*padding-bottom: 17px;
}
.adv .search-none .searchEntryField,
.adv .search-none .searchText
{
_margin-top: 10px;
}
.adv .search-none input,
.adv .search-none img,
.adv .search-none form
{
vertical-align:middle;
}
.adv .search-none .searchField
{
border-width:2px;
border-top-color:#c5c5c5;
border-left-color:#d8d8d8;
border-bottom-color:#ececec;
border-right-color:#d8d8d8;
background-color:#ebf3f9;
height:25px;
padding:5px;
width:270px;
font-size:15pt;
}
.adv .search-none label
{
display:inline;
color:#ffffff;
font-weight:bold;
font-size:13px;
margin:10px;
height: 40px;
}
.adv .search-none .button
{
margin:0 10px 0 5px;
}
.adv .search-none .btnSkin
{
margin: -32px 0 0 247px;
}
.adv .search-none .searchText
{
line-height:37px;
color:#ffffff;
font-weight:bold;
font-size: 11px;
margin-left:3px;
}
.adv .search-none .searchEntryBackground
{
position: absolute;
margin: -32px 0 0px 87px;
*margin-left: 96px;
_margin-left: 96px;
width: 155px;
height: 30px;
border:none;
background:transparent url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-right-rail-search-entry.gif ');
}
.adv .search-none .searchEntryField
{
position: absolute;
margin: -32px 0 0px 91px;
padding-top:5px;
*margin-left: 101px;
_margin-left: 101px;
width: 152px;
height: 30px;
border:none;
background:transparent url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-right-rail-search-entry.gif fixed');
}
.module
{
border-top:3px solid #cccccc;
padding-bottom: 15px;
margin-bottom:9px;
}
.header
{
font-size: 19px;
color: #706761;
text-transform: uppercase;
width: 60%;
}
.modHeader
{
color: #660000;
font-size: 19px;
text-transform: uppercase;
border-bottom: 1px solid #cccccc;
}
.titleWidth
{
width: 450px;
}
.head
{
border-bottom: 3px solid #cccccc;
margin-top:25px;
}
.sectionDescription
{
padding: 10px 0px 10px 0px;
}
.recipe .content .sharethisClear
{
padding: 1px 3px 1px 3px;
margin: 0 0 10px 0;
}
.recipe .content .sharethis
{
border: 1px solid #cccccc;
background-color: #ffffff;
padding: 2px 3px 3px 3px;
*padding: 0;
_padding: 0;
margin: 0 0 10px 0;
}
.article .content .sharethisClear
{
padding: 1px 3px 1px 3px;
margin: 0 0 10px 0;
}
.article .content .sharethis
{
border: 1px solid #cccccc;
background-color: #ffffff;
padding: 3px 3px 3px 3px;
*padding: 0;
margin: 0 0 10px 0;
}
.sharethisClear
{
padding: 3px 3px 1px 3px;
margin: 0 0 10px 0;
}
.sharethis
{
border: 1px solid #cccccc;
background-color: #ffffff;
padding: 3px 3px 3px 3px;
margin: 0 0 10px 0;
}
.sharethisQuiz
{
border: 1px solid #cccccc;
height: 21px;
float: right;
margin-top: -15px;
margin-bottom: 15px;
}
.sharethis li,
.sharethisClear li
{
padding: 2px 2px 0 0px;
*padding: 0;
}
.sharethis li a.on,
.sharethisClear li a.on
{
border-right: 1px solid #cccccc;
padding-right: 10px;
}
.sharethis li a.dashed,
.sharethisClear li a.dashed
{
border-right: 1px dotted #cccccc;
padding-right: 10px;
}
.sharethis li a,
.sharethisClear li a
{
color: #6a8fb0;
font-size: 12px;
}
a.chicklet img
{
border:none;
height: 14px;
width: 14px;
padding-top: 4px;
*padding: 1px;
padding-bottom: 3px;
*padding-bottom: 2px;
vertical-align: top;
}
a.chicklet
{
height: 16px;
line-height: 20px;
margin-right: 6px;
}
.moduleHeader
{
font-size: 17px;
color: #5a585a;
display: block;
}
.moduleHeaderBold
{
font-size: 17px;
color: #660000;
display: block;
font-weight: bold;
margin-top:10px;
}
.floatLeft { float: left; }
.floatRight { float: right; }
.clearfix:after {
content: ".";
height: 0;
visibility: hidden;
display: block;
clear: both;
}
.clear { clear: both; }
#footerSearch input.query {
width: 250px;
height: 13px;
background: #FFF;
color: #666;
font: bold 10px/10px Verdana, sans-serif;
border: 1px solid #666;
padding: 4px 0 1px 5px;
}
#pageCredits a, #pageCredits a:visited, #pageCredits a:hover, #pageCredits a:focus, #pageCredits a:active { color: #999; }
#footerCredits { padding: 5px 10px 8px 10px; }
#footerCredits #category {
width: 132px;
padding-right: 10px;
text-align: right;
font-weight: bold;
font-size: 9px;
}
#footerCredits #credits {
width: 831px;
padding-bottom: 3px;
font-size: 9px;
}
#footerCredits #privacy-policy, #footerCredits #copyright, #footerCredits #marketing { margin: 3px 0 3px 141px; }
#footerSearch #query { padding: 8px; }
#footerSearch #sitesearch {
font: bold 125% Helvetica, Verdana, sans-serif;
letter-spacing: 0px;
color: #666;
}
#pageCredits {
width: 980px;
_width:1020px;
height: auto;
margin-top: 0px;
/* background: #EBEBEB; */
font-size: 82%;
color: #333;
clear: left;
}
#footerNewsletter {
font-weight: bold;
text-align: center;
}
#pageCredits,#footerCredits,#footerSearch #footerNewsletter
{
color:#393939;
}
#footerCredits a ,
#footerSearch a,
#footerCredits a:visited,
#footerSearch a:visited,
#footerCredits a:hover ,
#footerSearch a:hover,
#footerSearch #sitesearch
{
color: #cc0000;
font-weight: bold;
}
#includeTophat
{
width:980px;
_width:1020px;
background-color: #FFFFFF;
margin-bottom: 10px;
margin-top: 5px;
}
#tophat-network-block #tophat-ecommerce-tile
{
float:left;
margin-top:-22px;
padding-left:28px;
}
#tophatAd
{
width:980px;
_width:1020px;
margin:0 auto;
padding:3px 0;
}
#tophat-network-block
{
height:80px;
width:980px;
_width:1020px;
background:transparent url('http://static.howstuffworks.com/en-us/recipes/tlc/tophat/tlc-tophat-main-background.jpg') no-repeat scroll left top;
}
#tophat-network-logo
{
float:left;
width:105px;
padding-top:11px;
padding-left:54px;
}
#tophat-network-logo img
{
height:55px;
width:115px;
}
#tophat-network-block #tophat-network-bar
{
float:left;
width:593px;
height:22px;
padding:10px 0 0 44px;
}
#tophat-network-block #tophat-network-button
{
float:left;
width:94px;
}
#tophat-network-block #tophat-network-list
{
float:left;
width:499px;
}
#tophat-network-block #tophat-network-list ul
{
list-style-type:none;
}
#tophat-network-block #tophat-network-button img,#tophat-network-block #tophat-network-list img,#tophat-network-block #tophat-network-logo img
{
vertical-align:bottom;
}
.bodyCont
{
margin:0 auto;
padding:0;
width:980px;
_width:1020px;
text-align: left;
}
.roundedContainer
{
color:#fff;
margin:0 10px;
background: #7E95A5;
width: 300px;
}
.rtop, .rbottom
{
display:block;
background:#fff;
}
.rtop *, .rbottom *
{
display: block;
height: 1px;
overflow: hidden;
background:#7E95A5;
}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}
.roundedText
{
margin-top: 5px;
padding: 3px; 5px 0 5px;
border: 0;
width: 138px;
height: 19px;
font-size: 10px;
background: url(http://static.howstuffworks.com/en-us/recipes/tlc/tlc-search-entry.gif) no-repeat top left;
}
.roundedTextLabel
{
padding-left: 3px;
color: #FFFFFF;
}
.roundedTextButton
{
padding-top:3px;
display:inline;
vertical-align:middle;
}
/* main content */
#mainCont
{
padding:0px 9px 0px 9px;
_padding-right:0px;
background-color:#fff;
}
.basic-container
{
border:1px solid #d6d6d6;
padding:8px;
}
.outergallery
{
background: #eee;
margin: 0;
padding: 0px;
margin-top:10px;
}
.gallery
{
background: #fff;
width: 520px;
margin:0 0 0 50px;
border-top: none;
border-bottom: dotted silver 1px;
padding: 3px 0px 3px 0px;
}
.bodyCont .fullCol
{
width:960px;
}
.bodyCont .todays
{
width:960px;
margin-bottom: 10px;
}
.bodyCont .todaysCol4
{
margin-left:2px;
width:225px;
float: left;
margin-right:2px;
}
.bodyCont .todaysCol5
{
margin-left:2px;
width:225px;
float: left;
margin-right:2px;
}
.bodyCont .todaysCol6
{
margin-left:2px;
width:225px;
float: left;
margin-right:2px;
}
.bodyCont .todaysCol7
{
margin-left:2px;
width:225px;
float: left;
}
/* column 1 */
.bodyCont .col1
{
float:left;
width:640px;
text-align: left;
padding-right: 10px;
}
.bodyCont .col1Printable
{
float:left;
width:640px;
text-align: left;
padding-right: 10px;
}
.bodyCont .tl
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/cornered/tl.gif);
background-repeat:no-repeat;
}
.bodyCont .tr
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/cornered/tr.gif);
background-repeat:no-repeat;
background-position:100% 0;
}
.bodyCont .br
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/cornered/br.gif);
background-repeat:no-repeat;
background-position:100% 100%;
}
.bodyCont .bl
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/cornered/bl.gif);
background-repeat:no-repeat;
background-position:0 100%;
padding:13px;
}
/* individual modules */
/* top videos */
.flashFlipbook
{
margin:0;
padding: 0px;
padding-left: 23px;
}
/* cornered */
.cornered
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/cornered/tl.gif);
background-repeat:no-repeat;
}
.cornered .tr
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/cornered/tr.gif);
background-repeat:no-repeat;
background-position:100% 0;
}
.cornered .br
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/cornered/br.gif);
background-repeat:no-repeat;
background-position:100% 100%;
}
.cornered .bl{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/cornered/bl.gif);
background-repeat:no-repeat;
background-position:0 100%;
padding:9px;
}
/* triplet module*/
.triplet
{
width:640px;
background-image:url(http://static.howstuffworks.com/en-us/default/layout/triplet/top.gif);
background-repeat:no-repeat;
}
.triplet .triplet-inner
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/triplet/bottom.gif);
background-repeat:no-repeat;
background-position:0 100%;
}
.topFiveTitle
{
color: #ff9c44;
font-size: 16px;
font-weight: bold;
text-align: center;
margin: 10px 0px 15px 0px;
}
.triplet .c1,
.triplet .c2
{
margin-right:10px;
}
.triplet .c1
{
float:left;
padding:12px 20px;
width:164px;
}
.triplet .c2,
.triplet .c3
{
float:left;
width:182px;
padding:12px 13px;
}
.keepAsking
{
float:left;
padding:12px 3px;
width:380px;
margin-right:10px;
}
.todaysPoll
{
float:right;
width:200px;
padding:12px 0px;
}
.keepAskingAnswers
{
margin-top:25px;
min-height:280px;
}
.keepAskingAnswers .questionContainer
{
margin-top: 3px;
text-align:justify;
}
.keepAskingAnswers .header
{
float: left;
margin-right:5px;
font-weight:bold;
}
.keepAskingAnswers .question
{
margin-left:18px;
width: 360px;
text-align:justify;
}
.keepAskingAnswers .question .author
{
color:#777;
display:inline;
}
.keepAskingAnswers .answer
{
margin-left:18px;
font-weight:bold;
width: 360px;
text-align:justify;
}
.keepAskingAnswers .answerContainer
{
margin-top: 3px;
text-align:justify;
}
.keepAskingAnswers .label
{
float:left;
width:100px;
text-align:right;
margin-right:10px;
}
.keepAskingAnswers .field
{
margin-left:10px;
margin-left:10px;
font-size:8pt;
}
.keepAskingAnswers .fieldInput
{
width:240px;
}
.keepAskingAnswers .fieldDropDown
{
width:245px;
}
.keepAskingAnswers .noLabelField
{
display:inline;
padding-left:110px;
text-align:left;
margin-right:10px;
font-size:8pt;
}
.keepAskingAnswers .responseRequired
{
font-weight:bold;
color:#B00000;
padding-top: 5px;
}
#keepAskingSuccess
{
margin-top: 25px;
}
#keepAskingSuccess .keepAskingSuccessLink {
font-weight:bold;
cursor:pointer;
}
.keepAskingAnswers .required {
color:#777;
float: left;
width: 100px;
text-align: right;
margin-right: 10px;
}
.keepAskingGoButton  {
cursor:pointer;
}
.keepAskingAnswers .counter
{
color:#777;
text-align: right;
margin-right: 38px;
}
.keepAskingButtons
{
height: 30px;
margin-top: 10px;
}
.keepAskingButtons .actions{
vertical-align:bottom;
background-color:#fff;
text-align:right;
}
.keepAskingButtons .actions h3 {
font-weight:bold;
}
.keepAskingButtons .actions h3 a {
cursor:pointer;
text-decoration: none;
}
.keepAskingButtons .required {
color:#777;
float: left;
width: 250px;
padding-left: 20px;
}
.keepAskingButtons .go {
cursor:pointer;
float: left;
}
.keepAskingCancel{
font-weight:bold;
cursor:pointer;
float: right;
}
.keepAskingAnswers .actions h3 {
font-weight:bold;
text-align: right;
margin-right: 35px;
}
.keepAskingAnswers .actions h3 a {
cursor:pointer;
text-decoration: none;
}
#talkAbout{
width:400px;
}
#talkAbout .thumbNail{
width: 127px;
margin: 0px 2px 0px 2px;
float: left;
padding: 0px;
text-align: center;
}
#talkAbout .thumbNail A{
display: block;
color:#0056a9;
font-weight:bold;
font-size: 12px;
}
#talkAbout .thumbNail A:hover{
text-decoration: none;
}
/* "balloon" module */
.balloonCont
{
min-height: 225px;
}
.balloonButtons
{
height: 30px;
}
.balloonButtons .actions{
vertical-align:bottom;
background-color:#fff;
text-align:center;
}
.balloonButtons .actions img{
margin:0 10px;
vertical-align:middle;
}
.balloonButtons .actions .action-link{
font-weight:bold;
color:#777;
}
.balloonButtons .actions .action-link span{
color:#0056a9;
}
.balloonButtons .toggle{
cursor:pointer;
}
.ballooned{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/ballooned/content.gif);
background-repeat:repeat-y;
}
.ballooned .top{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/ballooned/top.gif);
background-repeat:no-repeat;
width:142px;
padding:10px 20px 0 20px;
text-align:center;
}
.ballooned .top p{
margin:0;
color:#717171;
font-weight:bold;
}
.ballooned .bottom{
background-color:#fff;
background-image:url(http://static.howstuffworks.com/en-us/default/layout/ballooned/bottom.gif);
background-repeat:no-repeat;
width:147px;
padding:40px 20px 20px 15px;
min-height:10px;
}
.ballooned .actions{
vertical-align:bottom;
background-color:#fff;
text-align:center;
}
.ballooned .actions img{
margin:0 10px;
vertical-align:middle;
}
.ballooned .actions .action-link{
font-weight:bold;
color:#777;
}
.ballooned .actions .action-link span{
color:#0056a9;
}
.ballooned .toggle{
cursor:pointer;
}
/* this is for the rollover tabs on the About and RSS pages */
.tabbed .tabs
{
float:left;
width:156px;
margin-right:11px;
}
.tabbed .tabs ul,
.tabbed .tabs ul li
{
list-style:none;
margin:0;
padding:0;
}
.tabbed .tabs ul li a
{
display:block;
border:1px solid #e0e0e0;
background-image:url(http://static.howstuffworks.com/en-us/default/layout/tabbed/bg_tab.gif);
background-repeat:repeat-x;
background-color:#6C6B6A;
color:#fff;
font-size:10pt;
font-weight:bold;
padding:6px 0px 3px 10px;
min-height:21px;
text-decoration:none;
}
.tabbed .tabs ul li a:hover
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/tabbed/bg_tab_hover.gif);
background-color:#373737;
border-color:#fff;
}
.tabbed .tabs ul li a.on,
.tabbed .tabs ul li a.on:hover
{
background-image:url(http://static.howstuffworks.com/en-us/recipes/tlc/tlc-category-arrow.gif);
background-repeat:no-repeat;
background-position: left center;
background-color:#fff;
border-color:#fff;
color:#777;
}
/* WHATS INSIDE */
#whatsInside
{
width: 640px;
margin-bottom: 20px;
padding-bottom: 0px;
border: none;
background-color: #d8dfe4;
}
#whatsInside a
{
color: #660000;
}
#whatsInside .vTabbed .tabs
{
float:left;
width:156px;
background-color: #d8dfe4;
margin-bottom: 0px;
padding-bottom: 0px;
border-right: solid 1px #cecece;
}
#whatsInside .vTabbed .tabs ul
{
background-color: #f8f8fa;
}
#whatsInside .vTabbed .tabs ul li
{
list-style:none;
margin:0;
padding:0;
width: 150px;
}
#whatsInside .vTabbed .tabs ul li a
{
background-image:url(http://static.howstuffworks.com/en-us/recipes/tlc/tlc-category-arrow.gif);
background-repeat:no-repeat;
background-position: 145px center;
border-bottom: 2px solid #e5eaed;
background-color: #d8dfe4;
color:#660000;
font-size:10pt;
font-weight:bold;
text-align: right;
padding:6px 15px 3px 0px;
display: block;
min-height:21px;
text-decoration:none;
cursor: pointer;
}
/* active tab */
#whatsInside .vTabbed .tabs ul li a.on,
#whatsInside .vTabbed .tabs ul li a.on:hover
{
background-color: #b2bfc9;
border-right: none;
border-top: 2px solid #e5eaed;
border-bottom: 2px solid #e5eaed;
color:#660000;
}
#whatsInside .vTabbed .tabs ul li a.on#tab-wi-1,
#whatsInside .vTabbed .tabs ul li a.on:hover#tab-wi-1
{
border-top: none;
}
#whatsInside .vTabbed .tabs ul li a.tab-more-btn,
#whatsInside .vTabbed .tabs ul li a.tab-more-btn:hover
{
background-color: #e5e5e7;
background-image:url(http://static.howstuffworks.com/en-us/recipes/tlc/tlc-down-arrow.gif);
background-repeat:no-repeat;
background-position: 51px center;
color: #660000;
text-decoration: none;
width: 141px;
}
#whatsInside .vTabbed .tabs ul li a.tab-less-btn,
#whatsInside .vTabbed .tabs ul li a.tab-less-btn:hover
{
background-color: #e5e5e7;
background-image:url(http://static.howstuffworks.com/en-us/recipes/tlc/tlc-up-arrow.gif);
background-repeat:no-repeat;
background-position: 28px center;
color: #660000;
text-decoration: none;
width: 141px;
}
#whatsInside .vTabbed
{
margin-bottom:0px;
}
#whatsInside .vTabbed .tab-content
{
padding-left:25px;
padding-top: 12px;
padding-bottom: 0px;
float:left;
width:456px;
background-color: #e5eaed;
}
#whatsInside .vTabbed .tab-content .prime-item
{
padding-bottom: 15px;
margin-bottom:10px;
margin-right: 15px;
border-bottom:1px solid #b5ada6;
}
#whatsInside .vTabbed .tab-content .prime-item .thumb
{
margin-right:15px;
}
#whatsInside .vTabbed .tab-content .prime-item .content
{
width:296px;
font-weight:normal;
}
#whatsInside .vTabbed .tab-content .prime-item h2
{
margin-bottom:3px;
}
#whatsInside .vTabbed .tab-content .c1,
#whatsInside .vTabbed .tab-content .c2
{
float:left;
width:218px;
}
#whatsInside .vTabbed .tab-content .c1
{
margin-right:11px;
}
#whatsInside .vTabbed .tab-content .thumb
{
float:left;
margin-right:6px;
}
#whatsInside .vTabbed .tab-content .item
{
margin-bottom:25px;
}
#whatsInside .vTabbed .tab-content .last
{
margin-bottom:0;
}
#whatsInside .vTabbed .tab-content .content
{
float:left;
font-weight:bold;
width:138px;
}
#whatsInside .vTabbed .tab-content .off
{
display:none;
}
/* what's hot module */
#whatsHot .vTabbed .tabs
{
float:left;
width:156px;
margin-right:11px;
}
#whatsHot .vTabbed .tabs ul,
#whatsHot .vTabbed .tabs ul li
{
list-style:none;
margin:0;
padding:0;
}
#whatsHot .vTabbed .tabs ul li a
{
display:block;
border:1px solid #e0e0e0;
background-image:url(http://static.howstuffworks.com/en-us/default/layout/tabbed/bg_tab.gif);
background-repeat:repeat-x;
background-color:#6C6B6A;
color:#fff;
font-size:10pt;
font-weight:bold;
padding:6px 0px 3px 10px;
min-height:21px;
text-decoration:none;
}
#whatsHot .vTabbed .tabs ul li a:hover
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/tabbed/bg_tab_hover.gif);
background-color:#373737;
border-color:#fff;
}
#whatsHot .vTabbed .tabs ul li a.more
{
text-align:center;
}
#whatsHot .vTabbed .tabs ul li a.on,
#whatsHot .vTabbed .tabs ul li a.on:hover
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/tabbed/icon_on.gif);
background-repeat:no-repeat;
background-position: left center;
background-color:#fff;
border-color:#fff;
color:#777;
}
#whatsHot .vTabbed .tab-content
{
float:left;
width:447px;
}
#whatsHot .vTabbed .tab-content .c1,
#whatsHot .vTabbed .tab-content .c2
{
float:left;
width:218px;
}
#whatsHot .vTabbed .tab-content .c1
{
margin-right:11px;
}
#whatsHot .vTabbed .tab-content .thumb
{
float:left;
margin-right:6px;
}
#whatsHot .vTabbed .tab-content .item
{
margin-bottom:25px;
}
#whatsHot .vTabbed .tab-content .last
{
margin-bottom:0;
}
#whatsHot .vTabbed .tab-content .content
{
float:left;
font-weight:bold;
width:138px;
}
#whatsHot .vTabbed .tab-content .off
{
display:none;
}
/* related module styles */
.relatedBox
{
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.relatedBox .relatedItems
{
padding-top: 0px;
width: 360px;
margin-top: 25px;
float: left;
}
.relatedBox .relatedLinks
{
border-left: 1px solid #8d8682;
padding-left: 10px;
margin-top: 10px;
width: 200px;
float: left;
}
.relatedBox .relatedItems .item1{
margin: 0;
width: 360px;
}
.relatedBox .relatedItems .item2{
margin: 0;
width: 360px;
}
.relatedBox .relatedItems .thumb{
padding-top: 20px;
margin-right:8px;
float:left;
}
.relatedBox .relatedItems .content1{
padding-top: 20px;
float:left;
width:245px;
float:left;
}
.relatedBox .relatedItems .content2{
padding-top: 20px;
float:left;
width:245px;
float:left;
}
.relatedBox .relatedItems .noimage{
width:355px;
float:left;
}
/* thematic maps box */
.themedBox {
width: 622px;
}
.themedBox .c1{
float:left;
width:285px;
margin-right:35px;
}
.themedBox .c2{
width:285px;
float:left;
}
.mapStatsBox td {
padding: 5px;
}
.citeBox
{
width: 400px;
border: 1px solid #d2d2d2;
display: none;
z-index: 80;
margin-top: 5px;
}
.citeBox .header
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/nav/bg_tab_off.gif);
background-repeat:repeat-x;
color: #ffffff;
padding: 2px;
height: 15px;
}
.citeBox .label
{
float: left;
font-weight: bold;
font-size: 11px;
padding-left: 2px;
}
.citeBox .close
{
font-size: 10px;
float: right;
}
.citeBox .close a
{
text-decoration: none;
color: #ffffff;
}
.citeBox .citation
{
background: #ffffff;
color: #999;
font-weight: normal;
font-size: 10px;
text-align: left;
white-space: normal;
}
.citeBox .citation .text
{
color: #999;
font-size: 10px;
padding: 3px;
margin: 5px;
border: 1px dashed #999;
}
/* extra links box */
.extraLinksBox ul li a {
color: #660000;
}
.extraLinksBox .c1{
width:240px;
margin-right:30px;
float:left;
clear:left;
margin-left: 20px;
list-style: disc inside;
}
.extraLinksBox .c2{
width:320px;
float:left;
list-style: disc inside;
}
/* google ads */
.col1  .google-ads .ads{
float:left;
margin-top:15px;
}
/* feature highlight module */
.feature-highlight {
width: 622px;
}
.feature-highlight h3
{
font-size: 17px
}
.feature-highlight h4
{
font-size: 14px
}
.feature-highlight  .c1{
float:left;
width:388px;
margin-right: 8px;
margin-top: 6px;
}
.feature-highlight .c2{
float:left;
width:190px;
padding-left: 5px;
padding-top: 13px;
}
.feature-highlight .c1 .thumb{
float:left;
margin-right:10px;
}
.feature-highlight .c1 .content{
float:left;
width:270px;
}
/* library module */
.library .imageSize
{
width:108px;
height:108px;
}
.library{
width:638px;
padding-top:10px;
}
.library  .thumb{
margin-right:14px;
}
.library  .content{
width:469px;
}
.library .contentNoThumb{
width:585px;
}
.library .thumb,
.library .content{
float:left;
}
.library .gap
{
padding: 0px 9px 9px 0px;
}
.library .pagination{
padding:3px 9px;
border-top:1px solid #78716e;
border-bottom:1px solid #78716e;
background-color:#ffffff;
font-weight:bold;
}
.library .pagination h5
{
color: #5a585a;
font-weight: normal;
font-size: 12px;
}
.library .items .thumb{
margin-right:10px;
width: 100px;
}
.library .items{
padding: 0;
padding-top: 10px;
}
.library .items .content{
width:185px;
}
.library .items .noimage{
width:285px;
}
.library .items .c1,
.library .items .c2{
float:left;
width:305px;
}
.library .items .c1{
margin-right:20px;
}
.library .items .item{
margin-bottom:25px;
}
.library .items h4.title{
margin-bottom:0;
font-size:11pt;
}
.library .items h4 {
margin-bottom:0;
}
.library .pagination ul{
list-style:none;
float:right;
}
.library .pagination ul li{
display:inline;
list-style:none;
margin:0 2px;
font-weight:bold;
}
.library .pagination span{
color:#5a585e;
}
.library .recipeIndexItem {
margin: 15px;
margin-right:0px;
padding: 0px;
font-size: 12px;
width: 170px;
float: left;
font-weight: bold;
color:#5a585e;
}
.library .recipeIndexItem p
{
margin:0px;
padding:0px;
}
.library .recipeIndexItem img
{
margin:0px 0px 5px 0px;
padding:0px;
}
.library .recipeIndexItem a {
text-decoration: none;
width: 120px;
}
.library .recipeIndexItem a:hover {
text-decoration: underline;
}
.library .recipeIndexItem p {
text-align: left;
width: 120px;
}
/* article styles */
.article .head{
float: left;
width: 455px;
margin-bottom: 5px;
}
.article .foot{
background-color:#f8f8f8;
border-top:1px solid #d2d2d2;
border-bottom:1px solid #d2d2d2;
padding:5px 13px;
position:relative;
}
.article .content{
padding:0 13px 20px 13px;
}
/* pagination */
.article .pagination{
padding-bottom:3px;
margin: 10px 8px 9px 5px;
}
.article .pagination .previous{
font-weight:bold;
font-size:11pt;
padding:0 0 0 11px;
float: left;
background-image:url(http://static.howstuffworks.com/en-us/default/icons/icon_pagination_arrow_left_v2.gif);
background-repeat:no-repeat;
background-position:0 center;
}
.article .pagination .next{
font-weight:bold;
font-size:11pt;
padding:0 11px 0 0;
float: right;
background-image:url(http://static.howstuffworks.com/en-us/default/icons/icon_pagination_arrow_right_v2.gif);
background-repeat:no-repeat;
background-position:100% center;
}
.article .pagination .pages{
text-align:center;
}
.article .pagination .pages a{
color:#2d80b6;
font-weight:bold;
}
.article .pagination .pages a.on{
font-size:11pt;
color:#005288;
}
/* page listing */
.article .pageList{
margin: 20px 5px 10px 0;
font-weight:bold;
}
.article .pageList h3{
font-size:10pt;
color:#333;
}
.article .pageList .column{
margin:0 12px 0 0;
padding:0 0 0 17px;
float:left;
width: 175px;
}
.article .pageList .column li{
padding:0;
margin:0 0 5px 10px;
font-size:8pt;
}
.article .pageList .column li a.on{
color:#414141;
}
.article .pageList li.more{
list-style-type: none;
display: inline;
}
.article .pageList li.more a{
padding-right:8px;
background-repeat:no-repeat;
background-position:100% center;
}
ol.articleTOCSeeMore
{
border           : 1px solid #d2d2d2;
background-color : #fff;
padding          : 2px 20px 5px 15px;
width            : 155px;
display          : none;
font-weight      : bold;
}
.article .head .pageList .column {
width: 155px;
}
.article .foot .pageList .column {
width: 250px;
}
/* content styles */
.article .content .title{
margin-bottom:10px;
color:#333;
}
.article .content .title h1{
font-size:18px;
margin-bottom:2px;
margin-top:2px;
}
.article .content .title p{
font-size:8pt;
margin:0;
}
/* main content styles */
.article .content .body .main p{
margin-bottom:15px;
}
.article .content .body .main h3{
font-size:9pt;
}
.article .content .body .main .insert{
margin:0 0 15px 0;
}
.article .content .body .main .insert img{
margin-bottom:2px;
}
.article .content .body .main .insert p{
width:400px;
text-align:center;
}
.article .content .body .main .insert p.credit{
font-size:7pt;
margin-bottom:0;
}
.article .content .body .main .insert p.caption{
font-weight:bold;
}
.articleBody p a
{
text-decoration: none;
}
.articleBody p a:hover
{
text-decoration: underline;
}
/* icons */
.article .content .icons{
margin:0 0 9px 0px;
position:relative;
display:block;
}
.article .content .icons li{
padding-right:2px;
}
/* learn more styles */
.learnMore{
float:right;
border:1px solid #d2d2d2;
margin:0 0 10px 10px;
background-color:#eef4f6;
padding:10px;
width:150px;
}
.learnMore h3{
padding-bottom:3px;
border-bottom:1px dotted #d2d2d2;
margin-bottom:9px;
font-size:10pt;
}
.learnMore li{
font-weight:bold;
margin-bottom:10px;
font-size:8pt;
}
/* extras styles */
.articleExtras{
padding:10px;
border:1px solid #d2d2d2;
background-color:#f8f8f8;
width:190px;
margin:0 0 10px 10px;
}
.articleExtras .item{
border-bottom:1px dotted #d2d2d2;
margin-bottom:9px;
font-weight:bold;
}
.articleExtras .last{
border-bottom:none;
margin-bottom:0;
padding-bottom:0;
}
.articleExtras .item h3{
font-size:16pt;
color:#ff9c44;
font-weight:normal;
margin:0 0 5px 0;
padding:0;
}
.articleExtras .item a.text{
background-image:url(http://static.howstuffworks.com/en-us/default/icons/icon_article.gif);
background-repeat:no-repeat;
padding:0 0 0 20px;
display:block;
}
.articleExtras .item a.video{
background-image:url(http://static.howstuffworks.com/en-us/default/icons/icon_video_v1.gif);
background-repeat:no-repeat;
padding:0 0 0 25px;
display:block;
}
.articleExtras .item a span{
font-size:8pt;
}
.articleExtras .item li{
margin-bottom:10px;
}
.articleExtras .item .thumbnail{
margin-bottom:7px;
}
/* Related Ad / Reference Links */
.relatedAds{
padding: 5px 0 0 13px;
}
.relatedAds .related-inset{
width:auto;
margin-bottom:0;
}
.relatedAds .related-inset h4{
margin-bottom: 5px;
}
.relatedAds .column{
margin:0 12px 0 0;
padding:0 0 0 17px;
float:left;
}
.relatedAds .column li,
.relatedAds .column-wide li{
padding:0;
margin:0 0 2px 10px;
}
.article .relatedAds .column li,
.article .relatedAds .column-wide li{
font-size:8pt;
}
.relatedAds .column-wide{
margin:0 35px 0 0;
padding:0 0 0 95px;
float:left;
}
.relatedAds .column{
width: 250px;
}
.relatedAds .column-wide{
width: 175px;
}
.reflinksContent {
margin-top: 10px;
}
/* related video box styles */
.relatedVideoBox
{
padding:10px 10px 0px 10px;
border:1px solid #d2d2d2;
background-color:#ffffff;
width:130px;
margin: 3px 0px 35px 5px;
}
.relatedVideoBox .videoOverlay
{
position:relative;
margin: 0;
padding:0;
left:40px;
margin-top: -90px;
float: left;
width: 38px;
}
.relatedVideoBox .videoOverlay .overlayCont
{
width: 100px;
}
.relatedVideoBox .item{
margin-bottom:9px;
font-weight:bold;
}
.relatedVideoBox .item .title{
font-size:12px;
font-weight:bold;
margin:0 0 5px 0;
padding:0;
line-height: 95%;
text-align: center;
text-transform: uppercase;
}
.relatedVideoBox .item a.text{
padding:0 0 0 20px;
display:block;
}
.relatedVideoBox .item .thumbnailBox{
display:block;
padding: 2px;
width: 125px;
}
.relatedVideoBox .item .thumbnail{
display:block;
padding:0px;
margin:0px;
height: 90px;
border: none;
overflow: hidden;
}
.relatedVideoBox .item .playButton{
display:inline;
padding:0px;
margin:0px;
height: 24px;
border: none;
}
.relatedVideoBox .item li{
margin: 3px 8px 0px 0px;
padding: 0;
font-size: 10px;
font-weight: bold;
text-align: right;
}
/* map styles */
.mapBlock{
background-color:#fbfbfb;
z-index:0;
}
.mapBlock h2{
margin:0;
padding:5px 0 5px 17px;
border:1px solid #d1d1d1;
color:#ff9c44;
font-size:20pt;
font-weight:normal;
line-height:1em;
}
.mapBlock h3{
margin:0;
padding:5px 0 3px 17px;
border:1px solid #d1d1d1;
border-top:none;
font-weight:normal;
font-size:10pt;
font-weight:bold;
color:#005288;
}
/* list-block styles */
.col1 .list-block{
width:622px;
}
.list-block ul{
list-style:none;
margin:0;
padding:0;
position:relative;
}
.list-block li{
list-style:none;
width:290px;
margin:0 16px 5px 0;
float:left;
font-weight:bold;
}
/* subset-list */
.subset-list h3{
font-size:8pt;
color:#777;
display:inline;
}
.subset-list li{
font-size:8pt;
font-weight:bold;
}
/* Column 2*/
.bodyCont .col2{
float:left;
margin:0px;
width:300px;
text-align: left;
}
/* Column 2 modules */
.col2 .ad h5{
color: #C1C1C1;
font-size: 7pt;
line-height: 1em;
margin: 1px 0 1px 0;
padding: 0;
text-transform: uppercase;
text-align: center;
}
.col2 .tower-ad{
background-color:#f8f8f8;
border:1px solid #ededed;
}
.col2 .tower-ad div{
text-align:center;
padding:0 9px 9px 9px;
}
.col2 .tower-ad h5
{
margin:4px;
}
.col2 .related{
float:left;
width:300px;
margin-top:20px;
padding-top: 5px;
}
/* individual modules */
/* newsletter module */
#newsletter form input
{
vertical-align:middle;
margin:0;
}
#newsletter form input.textField
{
font-weight:bold;
width:200px;
}
/* quick stuff module */
#quickStuff{
border:1px solid #d2d2d2;
}
#quickStuff .content{
margin:9px;
}
#quickStuff select{
background-color:#eaeaea;
color:#005288;
font-weight:bold;
width:280px;
}
/* What's On Discovery Channel */
#whatsOn{
border:1px solid #149dd7;
}
#whatsOn .head{
border-bottom:1px solid #149dd7;
}
#whatsOn .content{
background-color:#eef4f6;
padding:25px 10px 15px 10px;
}
#whatsOn .item{
padding-bottom:5px;
margin-bottom:12px;
border-bottom:1px dotted #c5c9cb;
}
#whatsOn .desc{
width:155px;
margin-left:12px;
}
/* google ads */
.col2 .google-ads{
margin-top:25px;
padding:13px;
}
/* top selling */
.topSelling{
border:1px solid #eee;
margin-top: 15px;
margin-bottom: 15px;
}
.topSelling .head{
border-bottom:1px solid #d5d4d4;
}
.topSelling .head h2{
font-size:12pt;
background-color:#c7fcff;
padding:5px 10px;
border:3px solid #c9e8ff;
margin:0;
}
.topSelling .content{
padding:15px 5px;
height:270px;
overflow:auto;
}
.topSelling .content h3{
font-size:9pt;
margin:0;
padding:0;
}
.topSelling .content p{
padding:0;
margin:0;
}
.topSelling .content .item{
padding:0 5px 10px 5px;
margin-bottom:10px;
border-bottom:1px dotted #c5c9cb;
}
.topSelling .content .last{
border-bottom:none !important;
margin-bottom:0;
}
.topSelling .content .item .thumb{
margin-right:5px;
}
.topSelling .content .item .desc{
width:180px;
overflow: hidden;
}
/* symptom checker */
.symptomChecker .head h2{
background-color:#eef4f6;
}
.symptomChecker .content{
height:175px;
}
/* About/Generic Page */
.aboutNav{
float:right;
position: relative;
border:1px dotted #c5c9cb;
margin-top: 10px;
margin-bottom: 5px;
max-width: 156px;
padding:10px 5px 10px 5px;
}
.article .content .generic{
float: left;
width: 400px;
}
.article .content .generic .title{
margin-top:6px;
margin-bottom:10px;
}
.article .content .generic .title h1{
font-size:16.5pt;
color:#ff9c44;
font-weight: normal;
margin-bottom:2px;
margin-top:2px;
}
#learnmore img{
display:block;
margin-left:auto;
margin-right:auto;
}
/* 404 Page */
div.channelList{
float:left;
}
div.channelList > div{
margin-bottom:20px;
}
div.channelList ul{
list-style-type:square;
margin-left:13px;
}
div.channelList ul li a{
font-size:11pt;
}
div.channelList h3{
color:#ff9c44;
font-weight: bold;
}
div.continue{
margin-left: 25px;
margin-top: 25px;
}
div.middle{
margin-left:120px;
}
div.right{
margin-left:120px;
}
p.message{
font-size:14pt;
}
.content .register .leftColumn {
width: auto;
}
.content .register .leftColumn img {
float: left;
}
.content .register .leftColumn .text {
float: left;
width: 250px;
}
.content .register .centerColumn {
width: auto;
clear: left;
}
.content .register .step {
margin: 5px;
margin-top: 15px;
margin-bottom: 5px;
}
.content .register .step img {
float: left;
}
.content .register .step .title
{
font-size: 14px;
font-weight: bold;
color: blue;
padding-top: 2px;
margin-left: 35px;
}
.content .register .step .titleRemove
{
font-size: 14px;
font-weight: bold;
color: black;
padding-top: 2px;
margin-left: 35px;
}
.content .register .step div {
font-size: 12px;
margin: 5px;
margin-left: 35px;
}
.content .register .step .checkbox {
float: left;
font-size: 12px;
margin: 5px;
padding-left: 30px;
margin-right: 10px;
}
.content .register .step .checktext {
float: left;
width: 430px;
margin-left: 3px;
}
/* Image Galleries and SearchEnlarge */
#galleryDoc
{
margin: auto;
text-align: left;
width: 980px;
_width:1020px;
}
.galleryWrapper
{
/*
padding: 5px;
margin: 5px 10px 5px 10px;
background-color: #e2eaf5;
border: 1px solid #588dcf;
*/
}
.galleryWrapper .image
{
width: 633px;
border: 1px solid #6d8aac;
float: left;
margin-right: 10px;
background: white;
}
.galleryWrapper .image #titleBar
{
background: url(http://static.howstuffworks.com/en-us/www/style/gallery-title-background.gif) repeat-x;
height: 26px;
border: 1px solid #8ea9c7;
color: white;
font-size: 9pt;
}
.galleryWrapper .image #titleBar #prev
{
width: 80px;
float: left;
padding: 3px 0 0 5px;
}
.galleryWrapper .image #titleBar #title
{
width: 466px;
padding: 3px 0 0 0;
float: left;
text-align: center;
font-weight: bold;
}
.galleryWrapper .image #titleBar #prev a, .galleryWrapper .image #titleBar #next a
{
color: white;
text-decoration: none;
font-weight: bold;
font-size: 10pt;
}
.galleryWrapper .image #titleBar #next
{
position: relative;
top: 0px;
right: 0px;
width: 70px;
float: left;
padding: 3px 5px 0 0;
text-align: right;
}
.galleryWrapper #paginationBar
{
background: url(http://static.howstuffworks.com/en-us/www/style/gallery-title-background.gif) repeat-x;
height: 26px;
border: 1px solid #8ea9c7;
color: white;
font-size: 10pt;
text-align: center;
margin-top: 4px;
}
.galleryWrapper .rightRail
{
float: left;
width: 250px;
width: 300px;
}
.mostPopularGalleries
{
margin-top: 5px;
padding:    0  0  0 10px;
}
.galleryTitle
{
width: 620px;
border-bottom:  1px #d9d8d7 dashed;
margin-top: 8px;
padding-bottom: 8px;
margin-bottom: 4px;
}
#paginationBar ul li
{
display: inline;
}
#paginationBar ul li a
{
color: white;
text-decoration: none;
}
#paginationBar ul li .selected
{
font-weight: bold;
font-size: 11pt;
}
#paginationBar .pages
{
padding-top: 2px;
}
#paginationBar .pages .page
{
margin-left: 3px;
}
.galleryCaption
{
font-weight: normal;
background-color: white;
padding: 3px 5px 0px 5px;
}
.galleryCaption .credit
{
margin-top: 10px;
}
.frame
{
border: 1px solid #6d8aac;
margin-top: 10px;
background-color: white;
}
.frame .title
{
background: url(http://static.howstuffworks.com/en-us/www/style/gallery-title-background.gif) repeat-x;
height: 26px;
border: 1px solid #8ea9c7;
color: white;
font-size: 9pt;
font-weight: bold;
}
.frame .title .container
{
padding: 3px 0 0 5px;
}
.frame .content
{
font-size: 10pt;
padding: 5px;
}
.button {
margin-left:5px;
}
.popularImageGalleries
{
text-align: center;
font-weight: bold;
margin: 10px 4px 10px 0px;
width: 152px;
float: left;
}
/* Quiz Module */
.result
{
color:#61727a;
font-weight: bold;
font-size: 13px;
}
.copyright
{
text-align: center;
margin-bottom: 12px;
}
#videoflow .top-video-item
{
float: left;
margin: 10px 30px 10px 0px;
padding: 0px;
width: 124px;
}
#videoflow .top-video-item .top-video-thumbnail{
float: left;
padding: 0px;
text-align: center;
height: 90px;
margin: 0px;
}
#videoflow .top-video-item .top-video-thumbnail .outline
{
height: 90px;
margin: 0;
width: 120px;
height: 90px;
}
#videoflow .top-video-item .top-video-thumbnail .outline img
{
margin-top: 25px;
}
#videoflow .top-video-item  .top-video-link{
display: block;
color:#5a585a;
background: url(http://static.howstuffworks.com/en-us/recipes/tlc/tlc-video-background.gif) repeat-x;
font-weight:bold;
font-size: 12px;
padding: 4px 2px 2px 2px;
text-align: left;
width: 119px;
margin: 0;
*margin-top: 5px;
padding-bottom: 25px;
}
#videoflow .top-video-item .top-video-thumbnail .outline{
border: 2px solid white;
}
#videoflow .top-video-item .top-video-thumbnail .outline:hover {
text-decoration: none;
border: 2px solid #a00;
cursor:pointer;
}
.clearFloat:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFloat
{
height: 1%;
/*overflow: hidden;*/
}
.erp-container
{
border:1px solid #000;
}
.erp-inner
{
border:5px solid #ccc;
height:100%;
}
.erp-title
{
border-bottom:1px dashed #777;
font-weight:bold;
font-size:13pt;
padding:10px;
}
.erp-inner .title
{
font-weight:bold;
font-size:10pt;
padding:8px 0 5px 10px;
border-bottom:1px solid #9999cc;
}
.erp-inner .listing
{
background-image:url(http://static.howstuffworks.com/en-us/default/icons/erp-arrowbullet.gif);
background-repeat:no-repeat;
margin-left:20px;
margin-right: 20px;
padding-left: 11px;
margin-top: 4px;
margin-bottom: 4px;
}
.erp-inner .divider
{
border-bottom:1px solid #9999cc;
}
.erp-inner ul
{
list-style-image:url(http://static.howstuffworks.com/en-us/default/icons/erp-arrowbullet.gif);
list-style-position:inside;
}
.erp-inner ul li
{
border-bottom:1px solid #9999cc;
padding:5px 0 5px 11px;
}
.erp-inner a
{
font-weight:bold;
}
.erp-inner .content .last
{
border-bottom:none;
}
.erp-inner .content
{
padding:10px;
}
#dashed-divider
{
border-bottom:1px dashed #777;
margin-top: 5px;
margin-bottom: 5px;
}
#goButtons
{
margin-top:5px;
}
.erp-inner .content .last
{
border-bottom:none;
}
.contentThrowsTitle1
{
color:  #ff9c44;
}
.contentThrowsTitle2
{
margin-bottom: 12px;
padding-bottom: 5px;
font-size:15px;
}
.contentThrowsIndent
{
margin-left: 27px;
}
.contentThrowsDesc
{
margin: 10px 0 10px 0;
}
.singleYMALcontent
{
margin: 15px 0 0 0;
float:left;
width:245px;
}
.singleYMALcontent h3
{
font-size:17px;
}
.singleYMALitem1
{
padding: 0px 5px 0px 0px;
margin: 8px 0px 0px 0px;
width: 260px;
float:left;
}
.singleYMALitem2
{
margin: 5px 0px 20px 0px;
padding: 0 10px 0 10px;
width:   150px;
float:         left;
border-left:   silver 1px dashed;
border-right:  silver 1px dashed;
font-size: 12px;
}
.singleYMALitem2 h3
{
color:#5a585a
font-size:15px;
}
.singleYMALitem3
{
margin: 5px 0px 0px 0px;
padding: 0 0 0 10px;
width: 160px;
float: left;
}
.singleYMALTitle{
margin-bottom:8px;;
color:#666;
}
.allAbout
{
width: 622px;
overflow:hidden
}
.allAboutTitle
{
float:right;
width: 180px;
padding: 0 5px 0 5px;
font-weight: bold;
}
.allAboutDesc
{
float:right;
width: 180px;
padding: 5px;
}
.allAboutThumb
{
width: 100px;
height: 60px;
float: left;
}
.allAboutTop
{
width: 300px;
margin-bottom: 15px;
margin-right: 5px;
float: left;
}
.errorlist
{
text-align: center;
color: #990000;
font-weight: bold;
}
/* Category/Landing Page Long Description Module */
#longDescription .header
{
margin-bottom: 5px;
border-bottom: 1px dotted #c5c9cb;
}
#longDescription .catImage
{
float: left;
padding-right: 6px;
padding-bottom: 3px;
margin-top: 3px;
}
#longDescription p
{
margin: 0px 0 10px 0;
font-size: 10pt;
line-height: 14pt;
padding-top: 0px;
}
#longDescription .exploreTopicsBox
{
float: right;
padding-left: 6px;
padding-bottom: 6px;
margin: 6px 0 2px 10px;
width: 200px;
background-color: #f8f8fa;
}
#longDescription .exploreTopicsBox h3
{
margin-bottom:  4px;
padding:  0 0 3px 0;
color:  #ff9c44;
font-size:  16.5pt;
font-weight:  normal;
line-height:  1em;
text-align: center;
}
#longDescription .exploreTopicsBox ul.catsBox
{
color: #005288;
list-style-position: outside;
list-style-type: disc;
margin-top: 10px;
margin-bottom: 3px;
}
#longDescription .exploreTopicsBox ul.catsBox li
{
font-size: 11pt;
font-weight: bold;
padding-bottom: 3px;
padding-top: 3px;
padding-left: 2px;
margin-left: 20px;
}
/**
* Sprites
*/
.darkDeepSkyBlue
{
color : #005288;
}
.top10SubHead
{
margin           : 0 auto;
text-align       : left;
padding-top      :   2px;
width            : 300px;
white-space      : nowrap;
float: left;
height           : 20px; 	* float          : left;
}
.top10SubHead2
{
float            : right;
padding          : 0;
margin-top       : -3px;
width            : 300px;
}
.top10SubHead2 ul
{
list-style:none;
margin:0;
margin-left: 30px;
width: 300px;
text-align: right;
}
.top10SubHead2 ul li
{
display: inline;
padding-right:45px;
margin-right: 45px;
}
.top10body
{
margin           : 10px 10px 10px 0px;
}
/* top-list pagination */
.top10Pagination
{
padding-bottom: 0px;
margin: 3px 0 30px 0;
border-style: none;
padding: 5px;
}
.previousImage
{
font-weight        : normal;
font-size          : 11pt;
padding            : 0 5px 0 0;
float              : right;
}
.nextImage
{
padding: 0;
margin: 0;
float: right;
}
.top10Pagination .readMore
{
padding: 0 50px 0 0;
margin: 0 50px 0 0;
float: right;
}
.top10Pagination .nextVideo
{
padding: 0 10px 0 0;
margin: 0;
float: right;
background-image: url(http://static.howstuffworks.com/en-us/default/layout/nextvideo.gif);
background-repeat: no-repeat;
background-position: 0 center;
width: 96px;
height: 26px;
}
.top10Pagination .previousBottom
{
width: 35px;
float: left;
}
.top10Pagination .previousBottomLabel
{
font-weight: bold;
color: #660000;
font-size: 12px;
padding-left: 15px;
}
.top10Pagination .previousBottomDesc
{
color: #660000;
font-size: 12px;
padding-left: 85px;
*padding-left: 50px;
margin-right: 20px;
width: 250px;
float: left;
}
.nextBottom
{
padding:0 7px 0 0px;
text-align: right;
width: 45px;
float:right;
}
.top10Pagination .nextBottomLabel
{
font-weight: bold;
color: #660000;
font-size: 12px;
}
.top10Pagination .nextBottomDesc
{
color: #660000;
font-size: 12px;
padding:0 2px 0 0;
width: 220px;
display: inline;
float: left;
text-align: right;
}
.top10Pagination .pages
{
text-align:center;
}
.top10Pagination .pages a
{
color:#2d80b6;
font-weight:bold;
}
.top10Pagination .pages a.on
{
font-size:11pt;
color:#005288;
}
.top-10-thumbnail
{
width: 100px;
float: left;
margin: 10px 10px 10px 15px;
padding: 0px;
text-align: left;
}
.top-10-thumbnail A
{
display: block;
color:#660000;
font-weight:bold;
font-size: 11px;
text-align: left;
}
.top10Cam
{
width: 638px;
_width: 640px;
}
.top10Cam .top10SeeMore,
.top10Cam .top10SeeMore a
{
float:right;
color: #660000;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
}
.topPager
{
width: 100px;
float: right;
margin-bottom: 10px;
margin-right: 45px;
}
/* Slideshow CSS */
#featuredItems{
background-image:url(http://static.howstuffworks.com/en-us/recipes/tlc/tlc-slideshow-background.gif);
background-repeat:repeat-x;
height: 185px;
*height: 250px;
width: 640px;
border-top: 3px solid #cccccc;
*margin-bottom: 50px;
_height: 185px;
_margin-bottom: 0px;
_padding-bottom: 0px;
}
#featuredItems .on{
display:block;
}
#featuredItems .off{
display:none;
}
#featuredItems .item {
height: 185px;
}
#featuredItems .item .pic{
float:left;
margin:5px 25px 0 12px;
}
#featuredItems .item .thumbnail{
background-color:transparent;
margin-top:5px;
}
#featuredItems  .content{
margin-top: 0px;
*margin-top: 10px;
float:left;
width:435px;
min-height: 180px;
height: 180px;
}
#featuredItems .moduleBody
{
height: none;
}
#featuredItems .secondary-layout .content{
width:335px;
}
#featuredItems .content h3{
margin-bottom:0;
}
#featuredItems .content  .icons{
padding:8px 10px 0 10px;
width:118px;
margin:5px 17px 0 0;
float:left;
border-right: 1px solid #b5ada6;
}
#featuredItems .content  .icons a{
display:block;
height:auto;
padding-left:30px;
background-repeat:no-repeat;
font-weight:bold;
}
#featuredItems .content  .icons .videoLink{
background-image:url(http://static.howstuffworks.com/en-us/recipes/tlc/tlc-video-icon.gif);
margin-bottom:7px;
padding-bottom: 10px;
}
#featuredItems .content  .icons .pictureLink{
background-image:url(http://static.howstuffworks.com/en-us/recipes/tlc/tlc-image-icon.gif);
padding-bottom: 10px;
}
#featuredItems .refresh{
font-weight:bold;
text-align: right;
margin: 0;
padding: 5px 5px 0 0;
}
#featuredItems .reset{
font-weight:bold;
text-align: right;
margin: 0;
padding: 0;
display: none;
padding: 5px 5px 0 0;
}
#featuredItems .content .icons
{
padding-left: 0px;
}
#featuredItems .secondary-layout .content .moduleExtras .related
{
float:left;
width:180px;
padding-top:10px;
}
#featuredItems .content .moduleExtras .related
{
float:left;
width:250px;
padding-top:10px;
}
#featuredItems .content .moduleExtras .related ul
{
list-style:none;
margin:0;
padding:2px 0 0 0;
font-weight:bold;
}
#featuredItems .content .moduleExtras .related h4
{
margin-bottom:0;
font-size:9pt;
}
#featuredItems .content .moduleExtras .icons a
{
display:block;
height:auto;
padding-left:30px;
background-repeat:no-repeatrepeat;
font-weight:bold;
}
#featuredItems  .tab-content .item{
height:auto;
}
#featuredItems .content{
height:auto;
}
#featuredItems  .tab-content .notab-content .articles
{
height: 1%;
background-color:#fff;
margin: 0px 0 0 0;
position:relative;
}
#featuredItems .stabs{
float:left;
width:638px;
height:69px;
overflow:hidden;
position:relative;
z-index:1;
margin-top:5px;
border-top: solid #cccccc 1px;
margin-bottom: 20px;
_margin-bottom: 0px;
}
#featuredItems .stabs .on .thumbnail{
border: 1px solid #c00000;
}
#featuredItems .stabs ul,
#featuredItems .stabs ul li{
display:block;
list-style:none;
margin:12px 0 0 8px;
height:52px;
}
#featuredItems .stabs ul{
position:relative;
}
#featuredItems .stabs ul li{
float:left;
width:140px;
font-size:7pt;
font-weight:bold;
padding:0;
margin:0 17px 0 0;
}
#featuredItems .stabs ul li a{
display:block;
}
#featuredItems .stabs ul li .thumbnail{
margin:0 5px 0 0;
vertical-align:middle;
float:left;
}
.recipeBodyHBar
{
display:block;
border-top: solid #cccccc 1px;
margin-top:15px;
width:100%;
}
.shiftRight
{
margin-left: 60px;
}/* © 2008 HowStuffWorks, Inc. */
/* header styles */
/* header ad*/
.subnavImage
{
text-align: center;
}
.navWrapper
{
background-image:url(http://static.howstuffworks.com/en-us/recipes/tlc/tlc-banner.jpg);
background-repeat:no-repeat;
background-position: bottom center;
background-color:#660000;
width: 960px;
_width:1000px;
height: 65px;
cursor: pointer;
padding: 20px 10px 0px 10px;
}
#header .ad
{
text-align:center;
background-color:#d2d2d2;
border-bottom:1px solid white;
position: relative !important;
z-index: 90 !important;
}
/* header extras */
#header .extras
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/nav/bg_header_extras.gif);
background-repeat:repeat-x;
border-top:1px solid #d2d2d2;
border-bottom:1px solid #e7e7e7;
height:23px;
font-size:8pt;
padding:1px 10px 0 10px;
font-weight:bold;
}
#header .extras .leftLinks
{
float: left;
padding-top: 4px;
}
#header .extras .rightLinks
{
float: right;
}
#header .extras .extrasLinks
{
display: inline;
padding: 0px;
margin: 0px;
list-style-type: none;
}
#header .extras .extrasLinks li
{
display: inline;
}
#header .extras span
{
padding-right:15px;
}
#header .extras h5
{
font-size:8pt;
font-weight:bold;
padding-right:3px;
}
/* search styles */
.searchBar
{
float:right;
margin-right:50px;
}
#footer .search1
{
float:none;
width:575px;
margin:0 auto 17px auto;
}
/* secondary navigation styles */
#header #nav2{
visibility: hidden;
}
#header #nav2 ul{
margin-left:5px;
border:1px solid #0397d6;
border-top:none;
height:20px;
list-style:none;
float:left;
}
#header #nav2 ul li{
float:left;
background-color:#eef4f6;
position:relative;
list-style:none;
white-space:nowrap;
z-index:80;
}
#header #nav2 ul li a{
font-weight:bold;
display:block;
font-size:8pt;
padding:3px 2px;
}
#header #nav2 ul li:hover a{
color:#333;
text-decoration:none;
}
#header #nav2 ul li.on a,
#header #nav2 ul li a:hover,
#header #nav2 ul li.on:hover a,
#header #nav2 ul li.on a:hover{
background-color:#cfd9dc;
text-decoration:none;
}
#header #nav2.videos ul li.divider:hover,
#header #nav2.videos ul li.divider{
width:1px;
padding: 0px;
margin:0;
background-image:url(http://static.howstuffworks.com/en-us/default/layout/nav/bg_nav2_divider.gif);
background-repeat:no-repeat;
height:20px;
}
#header #nav2 ul li.divider:hover,
#header #nav2 ul li.divider{
width:1px;
padding-left:2px;
padding-right:2px;
margin:0;
background-image:url(http://static.howstuffworks.com/en-us/default/layout/nav/bg_nav2_divider.gif);
background-repeat:no-repeat;
height:20px;
}
/* pop-up nav styles */
#header #nav2.videos li .popNav,
#header #nav2 li .popNav,
#header #nav2 li .popNavShow{
display:none;
position:absolute;
top:19px;
left:-1px;
background-color:#fff;
border:1px solid #0396d5;
border-top:none;
z-index:80;
min-width:100%;
}
#header #nav2 li:hover .popNav,
#header #nav2 li:hover .popNavShow{
display:block;
border-top:none;
}
#header #nav2 .popNav ul,
#header #nav2 .popNavShow ul{
float:none;
border:none;
height:auto;
position:relative;
z-index:80;
}
#header #nav2 .popNavShow ul li{
white-space:nowrap;
float:none;
position:relative;
z-index:80;
background-color:#faf6f7;
}
#header #nav2 .popNav ul li{
white-space:nowrap;
float:none;
position:relative;
z-index:80;
background-color:#faf6f7;
}
#header #nav2 .popNavShow ul li a{
color:#005288;
background-color:#faf6f7;
}
#header #nav2 .popNav ul li a{
color:#005288;
background-color:#faf6f7;
}
#header #nav2 .popNavShow ul li a:hover{
color:#ff9c44;
border-top:none;
background-color:#faf6f7;
}
#header #nav2 .popNav ul li a:hover{
color:#ff9c44;
border-top:none;
background-color:#faf6f7;
}
#header #nav2.videos .popNav ul li a{
color:#333;
}
#header #nav2.videos .popNav ul li a:hover{
color:#ff9c44;
border-top:none;
}
/* nav 2 map styles */
#header #nav2.maps li .popNav{
border-color:#26d8c9;
}
#header #nav2.maps ul{
border-color:#36d8c9;
}
/* nav 2 video styles */
#header #nav2.videos li .popNav,
#header #nav2.videos ul{
border-color:#912b35;
}
#header #nav2.videos ul li{
background-color:#faf6f7;
color:#005288;
}
#header #nav2.videos ul li:hover a{
color:#333;
background-color:#fff;
text-decoration:none;
}
#header #nav2.videos ul li.on a,
#header #nav2.videos ul li:hover a,
#header #nav2.videos ul li a:hover,
#header #nav2.videos ul li.on:hover a,
#header #nav2.videos ul li.on a:hover{
color:#005288;
background-color:#ffffff;
text-decoration:none;
}
#header #nav2 li#nav2LastNav .popNav,
#header #nav2 li#nav2LastNav .popNavShow{
right:-1px;
left:auto;
}
/* breadcrumb styles */
.breadcrumb, .breadcrumb a, .breadcrumb a:visited
{
color:#660000;
font-size:12px;
font-weight:bold;
margin:9px 1px 9px 1px;
}
/* footer Styles */
/* nav3 - primary nav repeat */
#footer #nav3{
background-color:#d2d2d2;
text-align:center;
font-size:8pt;
color:#005288;
padding:6px 0;
margin-bottom:3px;
}
/* footer extras - legal links */
#footer .extras{
text-align:center;
background-color:#eaeaea;
color:#005288;
padding:10px 0;
}
#footer .ad{
position: relative !important;
z-index: 50 !important;
text-align:center;
margin:20px 0;
}
ul#channelNav{
font-family:Arial,Helvetica,Verdana,sans-serif;
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:30px;
font-size:8pt;
font-weight:bold;
background-color:#006699;
}
ul#channelNav li{
display:block;
float:left;
margin:0;
padding:0;
height:30px;
}
ul#channelNav li.divider{
display:block;
float:left;
width: 1px;
margin: 6px 0 6px 0;
height: 18px;
background-color: #99cccc;
}
ul#channelNav li a{
display:block;
float:left;
color:#ffffff;
text-decoration:none;
padding:7px 3px 0 3px;
_padding:7px 2px 0 2px;
margin: 1px;
height:21px;
}
ul#channelNav li a:hover, ul#channelNav li.on a{
background-color:#eaebf3;
color:#f17903;
}
ul#channelNav li.on a{
margin-bottom: 0px;
height:22px;
}
ul#subChannelNav{
font-family:Arial,Helvetica,Verdana,sans-serif;
margin:0;
padding:0 0 1px 25px;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:19px;
font-size:8pt;
font-weight:bold;
background-color:#660000;
background-position:0 100%;
text-transform: uppercase;
}
ul#subChannelNav li{
display:block;
float:left;
margin:0 5px 0 5px;
padding:0;
}
ul#subChannelNav li.divider
{
display:block;
float:left;
width: 1px;
margin: 4px 0 4px 0;
height: 11px;
background-color: #cfd9dc;
}
ul#subChannelNav li a{
display:block;
float:left;
color:#cfd9dc;
text-decoration:none;
padding:3px 4px 0 4px;
height:17px;
}
ul#subChannelNav li a:hover, ul#subChannelNav li.on a{
color:#660000;
background-color: #f3f5f7;
}
#navigation-container
{
background-color:#333;
height:20px;
border-left:1px solid #333;
border-right:1px solid #333;
padding-left: 100px;
}
#navigation-menu
{
width:753px;
height:20px;
background:transparent url('http://static.howstuffworks.com/en-us/recipes/tlc/tophat/tlc-tophat-navigation-items.gif') no-repeat 0 0;
font:bold .9em/1.2em Verdana,Arial,sans-serif;
}
#navigation-menu dd
{
cursor:pointer;
float:left;
width:110px;
text-align:left;
}
#navigation-menu dd a
{
display:block;
height:20px;
width:100%;
text-decoration:none;
}
#navigation-menu dd a span
{
visibility:hidden;
font-size:1px;
}
#navigation-menu dd ul
{
display:none;
position:absolute;
height:auto;
border:1px solid #CCC;
list-style-type:none;
}
#navigation-menu dd:hover ul
{
display:block;
background-color:#FFF;
}
#navigation-menu dd li a
{
display:block;
width:181px;
height:auto;
text-align:left;
text-decoration:none;
color:#666;
background:#FFF;
vertical-align:top;
padding:5px;
}
#navigation-menu dd li a:hover,
#navigation-menu dd li a.hover
{
display:block;
width:181px;
height:auto;
color:#FFF;
background:#999;
}
#navigation-menu dd.tv-shows
{
width:80px;
}
#navigation-menu dd.tv-shows a
{
background:transparent url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-tophat-navigation-items.gif') no-repeat 0 0;
}
#navigation-menu dd:hover.tv-shows a,
#navigation-menu dd.tv-shows a:hover
{
background-position:0 -20px;
}
#navigation-menu dd.tv-shows ul
{
z-index:11000;
}
#navigation-menu dd.tv-schedule
{
width:98px;
}
#navigation-menu dd.tv-schedule a
{
background:transparent url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-tophat-navigation-items.gif') no-repeat -80px 0;
}
#navigation-menu dd:hover.tv-schedule a,
#navigation-menu dd.tv-schedule a:hover
{
background-position:-80px -20px;
}
#navigation-menu dd.tv-schedule ul
{
z-index:11001;
}
#navigation-menu dd.video
{
width:57px;
}
#navigation-menu dd.video a
{
background:transparent url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-tophat-navigation-items.gif') no-repeat -178px 0;
}
#navigation-menu dd:hover.video a,
#navigation-menu dd.video a:hover
{
background-position:-178px -20px;
}
#navigation-menu dd.video ul
{
z-index:11002;
}
#navigation-menu dd.family
{
width:63px;
}
#navigation-menu dd.family a
{
background:transparent url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-tophat-navigation-items.gif') no-repeat -235px 0;
}
#navigation-menu dd:hover.family a,
#navigation-menu dd.family a:hover
{
background-position:-235px -20px;
}
#navigation-menu dd.family ul
{
z-index:11003;
}
#navigation-menu dd.home a
{
background:transparent url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-tophat-navigation-items.gif') no-repeat -298px 0;
}
#navigation-menu dd:hover.home a,
#navigation-menu dd.home a:hover
{
background-position:-298px -20px;
}
#navigation-menu dd.home ul
{
z-index:11004;
}
#navigation-menu dd.style a
{
background:transparent url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-tophat-navigation-items.gif') no-repeat -356px 0;
}
#navigation-menu dd:hover.style a,
#navigation-menu dd.style a:hover
{
background-position:-356px -20px;
}
#navigation-menu dd.style ul
{
z-index:11005;
}
#navigation-menu dd.food
{
width:71px;
}
#navigation-menu dd.food a
{
background:transparent url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-tophat-navigation-items.gif') no-repeat -414px 0;
}
#navigation-menu dd:hover.food a,
#navigation-menu dd.food a:hover
{
background-position:-414px -20px;
}
#navigation-menu dd.food ul
{
z-index:11006;
}
#navigation-menu dd.games
{
width:62px;
}
#navigation-menu dd.games a
{
background:transparent url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-tophat-navigation-items.gif') no-repeat -485px 0;
}
#navigation-menu dd:hover.games a,
#navigation-menu dd.games a:hover
{
background-position:-485px -20px;
}
#navigation-menu dd.games ul
{
z-index:11007;
}
#navigation-menu dd.blogs
{
width:59px;
}
#navigation-menu dd.blogs a
{
background:transparent url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-tophat-navigation-items.gif') no-repeat -547px 0;
}
#navigation-menu dd:hover.blogs a,
#navigation-menu dd.blogs a:hover
{
background-position:-547px -20px;
}
#navigation-menu dd.blogs ul
{
z-index:11008;
}
#navigation-menu dd.newsletters
{
width:90px;
}
#navigation-menu dd.newsletters a
{
background:transparent url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-tophat-navigation-items.gif') no-repeat -607px 0;
}
#navigation-menu dd:hover.newsletters a,
#navigation-menu dd.newsletters a:hover
{
background-position:-607px -20px;
}
#navigation-menu dd.newsletters ul
{
z-index:11010;
}
#navigation-menu dd.shop
{
width:51px;
}
#navigation-menu dd.shop a
{
background:transparent url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-tophat-navigation-items.gif') no-repeat -699px 0;
}
#navigation-menu dd:hover.shop a,
#navigation-menu dd.shop a:hover
{
background-position:-699px -20px;
}
#navigation-menu dd.shop ul
{
z-index:11011;
}
#navigation-menu dd.mobile
{
display:none;
width:65px;
}
#navigation-menu dd.mobile a
{
background:transparent url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-tophat-navigation-items.gif') no-repeat -755px 0;
}
#navigation-menu dd:hover.mobile a
{
background-position:-755px -20px;
}
#navigation-menu dd.mobile ul
{
z-index:11009;
}
#navigation-menu dd.tv-shows li a,#navigation-menu dd.tv-schedule li a,#navigation-menu dd.video li a,#navigation-menu dd.family li a,#navigation-menu dd.home li a,#navigation-menu dd.style li a,#navigation-menu dd.food li a,#navigation-menu dd.games li a,#navigation-menu dd.blogs li a,#navigation-menu dd.mobile li a,#navigation-menu dd.newsletters li a,#navigation-menu dd.shop li a
{
background-image:none;
}
#network-search-container
{
float:left;
width:415px;
height:22px;
padding:16px 0 0 223px;
}
#network-search-container fieldset
{
border:0;
}
#network-search-container #site-search
{
vertical-align:bottom;
padding:7px 8px 0 0;
}
#network-search-container #site-search span
{
visibility:hidden;
}
#network-search-container label#search-label
{
width:283px;
height:22px;
background:url('http://static.howstuffworks.com/en-us/recipes/tlc/tophat/tlc-tophat-search-box.gif') no-repeat 0 0;
padding:0 4px;
}
#network-search-container label#search-label input#search-query
{
width:255px;
height:14px;
border:none;
font:.8em/1.2em Verdana,sans-serif;
color:#666;
background:#FFF none repeat scroll 0 0;
margin:6px 5px 5px 6px;
padding:0 5px 0 0;
}
#network-search-container #submit-query
{
padding-top:1px;
}
#tophat-network-block #tophat-network-list li,#network-search-container div,#network-search-container label
{
float:left;
}
#navigation-menu dd.home,#navigation-menu dd.style
{
width:58px;
}
/* 2008 HowStuffWorks, Inc. */
/* Overrides from other css */
#doc
{
background: #ffffff url(http://static.howstuffworks.com/en-us/www/layout/bg_stripe_BG.gif);
}
.content, .articleBody, .content .articleBody
{
color: #5a585a;
}
.article .pagination .previous
{
background-image:url(http://static.howstuffworks.com/en-us/default/icons/icon_pagination_arrow_left_tlc.gif);
background-repeat:no-repeat;
background-position:0 center;
}
.article .pagination .next
{
background-image:url(http://static.howstuffworks.com/en-us/default/icons/icon_pagination_arrow_right_tlc.gif);
background-repeat:no-repeat;
background-position:100% center;
}
.content .articleBody ol li, .content .articleBody ul li
{
color: #5a585a;
}
.moduleYMAL
{
margin: 5px 0px 10px 0px;
}
.moduleYMAL .header
{
width: 100%;
color: #706761;
border-bottom: 3px solid #cccccc;
}
.moduleYMAL .recipes, .moduleYMAL .articles
{
border-right: 1px solid #cccccc;
width:66%;
float:left;
margin-top:15px;
}
.moduleYMAL .thumb
{
float:left;
width: 100px;
margin-bottom: 15px;
}
.moduleYMAL .text
{
color: #706761;
float:right;
width:305px;
padding:0px 5px 5px 5px;
}
.moduleYMAL .textWide
{
width:405px;
}
.moduleYMAL .related
{
color: #706761;
width:31%;
float:right;
margin-top:15px;
padding:0px 5px 0px 10px;
}
.moduleYMAL .related h3
{
color: #5a585a;
margin:0px;
}
.lineRight .relatedVideoBox
{
margin-bottom:3px;
}
/* new styles */
.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
}
/* *****************************************
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: #5a585a;
font-size: 16px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #d2d2d2;
font-style: normal;
word-wrap: break-word;
}
.sideBoxRight .titleBlue em
{
font-style: normal;
}
.sideBoxRight .subTitleBlue
{
color: #5a585a;
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,
.aboutUsTitle
{
margin: 2px 0 0px 0px;
font-size: 24px;
color: #660000;
}
p.articleByLine
{
font-size: 10px;
padding: 0px 0px 0px 0px;
color: #58585e;
}
.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: #5a585a;
font-size: 11px;
padding-top: 10px;
padding-bottom: 15px;
}
.pageToolsReturn a {
text-decoration: none;
color: #660000;
}
.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;
}
.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 .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: #5a585a;
width: 550px;
padding: 0px 0px 10px 0px;
_padding-top: 10px;
display: block;
overflow: hidden;
}
.recipeBody div {
}
.recipeBody .topSection
{
width: 265px;
float: left;
font-size: 12px;
margin-top: 10px;
}
.recipeBody .yield {
width: 265px;
float: left;
font-size: 12px;
margin-top: 15px;
}
.recipeBody .yieldPrintable {
width: 265px;
float: left;
font-size: 12px;
}
.recipeBody .video {
width: 265px;
float: left;
font-size: 12px;
padding: 5px 0px 12px 0px;
}
.recipeBody .video a, .recipeBody .video a:visited
{
color: #660000;
}
.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 solid #b5ada6;
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 .methods {
width: 475px;
display: block;
float: left;
color: #5a585a;
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-weight: bold;
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: #cccccc;
font-size: 10px;
font-weight: normal;
margin: 0px 10px 0px 0px;
padding: 5px;
float: left;
}
.recipeBody .dietary {
float: left;
background: #cccccc;
font-size: 10px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 5px;
float: left;
}
.recipeBody .parentRecipes {
float: left;
background: #cccccc;
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;
}
.recipeBody .otherCategories  a {
color: #660000;
}
.redLeftArrow
{
background-image: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-position: 0px 0px;
position: absolute;
width: 30px;
height: 150px;
}
.redLeftArrowOff
{
background-image: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-position: 0px -150px;
position: absolute;
width: 30px;
height: 150px;
}
.redRightArrow
{
background-image: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-position: 0px -315px;
position: absolute;
width: 30px;
height: 150px;
}
.redRightArrowOff
{
background-image: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-position: 0px -475px;
position: absolute;
width: 30px;
height: 150px;
}
.iconGrayCheck
{
background-image: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-position: 0px -640px;
position: absolute;
width: 24px;
height: 19px;
}
.iconRedX
{
background-image: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-position: 0px -670px;
position: absolute;
width: 24px;
height: 20px;
}
.iconSmallGrayX
{
background-image: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-position: 0px -698px;
position: absolute;
width: 19px;
height: 19px;
}
.iconPhoto
{
background-image: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-position: 0px -732px;
position: absolute;
width: 26px;
height: 21px;
}
.btnMoreVideos
{
background-image: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-position: 0px -788px;
position: absolute;
width: 118px;
height: 27px;
}
.iconVideo
{
background-image: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-position: 0px -758px;
position: absolute;
width: 30px;
height: 28px;
}
.btnNext
{
background-image: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-position: 0px -827px;
position: absolute;
width: 62px;
height: 28px;
}
.btnPrevious
{
background-image: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-position: 0px -867px;
position: absolute;
width: 93px;
height: 28px;
}
.btnNextQuestion
{
background-image: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-position: 0px -908px;
position: absolute;
width: 119px;
height: 28px;
}
.btnResults
{
background-image: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-position: 0px -948px;
position: absolute;
width: 80px;
height: 28px;
}
.btnReadMore
{
background-image: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-position: 0px -988px;
position: absolute;
width: 100px;
height: 28px;
}
.btnSearchBig
{
background: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-repeat:no-repeat;
background-position: 0px -1028px;
position: absolute;
width: 67px;
height: 33px;
border:none;
}
.roundedTextLarge
{
background: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-repeat:no-repeat;
background-position: 0px -1068px;
position: absolute;
width: 163px;
height: 36px;
border:none;
}
.btnSearchSmall
{
background-image: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-position: 0px -1108px;
position: absolute;
width: 60px;
height: 22px;
}
.roundedTextSmall
{
background-image: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-position: 0px -1137px;
position: absolute;
width: 149px;
height: 22px;
}
.btnStartQuiz
{
background-image: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-position: 0px -1167px;
position: absolute;
width: 119px;
height: 28px;
}
.btnStartQuizWithArrow
{
background-image: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-position: 0px -1207px;
position: absolute;
width: 136px;
height: 28px;
}
.videoPlaceholder
{
background-image: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-position: 0px -1245px;
position: absolute;
width: 127px;
height: 96px;
}
.imagePlaceholder
{
background-image: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-position: -4px -1357px;
position: absolute;
width: 108px;
height: 108px;
}
.iconPrint
{
background-image: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-position: 0px -1479px;
position: absolute;
width: 22px;
height: 18px;
}
.redLeftArrowSmall
{
background-image: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-position: 0px -1497px;
position: absolute;
width: 10px;
height: 15px;
}
.redRightArrowSmall
{
background-image: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-position: 0px -1519px;
position: absolute;
width: 10px;
height: 15px;
}
.barRaisedGray
{
background-image: url('http://static.howstuffworks.com/en-us/recipes/tlc/tlc-sprite.gif');
background-position: 0px -1537px;
position: absolute;
width: 241px;
height: 34px;
}