#doc {
	background: #ffffff url(http://static.howstuffworks.com/gif/bg_stripe_topicalgui.gif) top left repeat-y;
	width: 980px;
	overflow: hidden;
}
.body {
	clear:both;
	margin: 0px;
	padding-left:0px;
	padding-right:0px;
}
.body .leftColumn
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 170px;
	float: left;
	background: #eeeeee;
	border: 0px solid white;
}
.body .leftColumn .leftColumnAds
{
	background: #dae9f3;
	margin: 0px;
	padding: 2px 1px 2px 3px;
	width: 166px;
}
/*
.body .topLeftColumn
{
	margin: 0px;
	padding: 0px 0px 0px 4px;
	width: 160px;
	float: left;
	background: #eeeeee;
	border: 0px solid white;
	display: block;
	clear: left;
}
*/
.body .centerColumn
{
	margin: 0px 4px 0px 8px;
	padding: 0px 4px 0px 0px;
	background: #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	width: 490px;
	float: left;
	border: 0px solid white;
	overflow: hidden;
}
.body .rightColumn
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 300px;
	float: left;
	border: 0px solid white;
	/*background: pink;*/
}

.topicalNav {
	background: url(http://static.howstuffworks.com/en-us/home/style/navigation-tile.gif) top repeat-x;
	font-size: 16px;
	font-weight: bold;
	height: 73px;
	padding-bottom: 0px;
}
.topicalNav .children {
	height: 25px;
	margin-top: 3px;
	padding: 8px 0 0 5px;
}

.topicalNav .children .item {
	font-size: 12px;
	float: left;
	margin-right: 5px;
}
.topicalNav .breadCrumb a {
	text-decoration: none;
}

.topicalNavArticle {
	background: url(http://static.howstuffworks.com/en-us/home/style/thin-nav-tile.gif) repeat-x scroll 0%;
	font-size: 16px;
	font-weight: bold;
	height: 57px;
}

.breadCrumb {
	font-size: 14px;
	font-weight: bold;
}

.breadCrumb a, a.cta {
	text-decoration: none;
}

.breadCrumb .leftOnly {
	float: left;
	padding: 9px 15px 12px 9px;
	background: #4E6CAC url(http://static.howstuffworks.com/en-us/home/style/tab-1-arrow.gif) right no-repeat;
}
.breadCrumb .leftOnly a {
	color: white;
}

.breadCrumb .leftTwo {
	float: left;
	padding: 9px 15px 12px 9px;
	background: #4E6CAC url(http://static.howstuffworks.com/en-us/home/style/tab-1-second-set.gif) top right no-repeat;
}
.breadCrumb .leftTwo a {
	color: white;
}

.breadCrumb .left {
	float: left;
	padding: 9px 15px 12px 9px;
	background: #4E6CAC url(http://static.howstuffworks.com/en-us/home/style/tab-1-third-set.gif) top right no-repeat;
}
.breadCrumb .left a {
	color: white;
}

.breadCrumb .middle {
	float: left;
	padding: 9px 15px 11px 9px;
	background: #dbe9f4 url(http://static.howstuffworks.com/en-us/home/style/light-blue-on-gray.gif) top right no-repeat;
}

.breadCrumb .middleTwo {
	float: left;
	padding: 9px 15px 12px 9px;
	background: #dbe9f4 url(http://static.howstuffworks.com/en-us/home/style/light-blue-on-light-blue.gif) top right no-repeat;
}

.breadCrumb .right {
	float: left;
	padding: 9px 15px 12px 9px;
	background: #eee url(http://static.howstuffworks.com/en-us/home/style/light-gray-on-dark-gray.gif) top right no-repeat;
}





#allCategories a:hover, .topicalNav .children .item a:hover {
	color: #4c52ae;
	z-index: 500;
}

#allCategories {
	visibility: hidden;
	position: absolute;
	right: 14px;
	background: #eee;
	padding: 5px;
	width: 250px;
	border-top: 2px solid #eee;
	border-left: 2px solid #eee;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	z-index: 500;
	font-size: 12px;
	font-weight: bold;
	line-height: 140%;
}

.articleCategoryIntro, .categoryIntro {
	margin: 0px;
	padding: 0px -4px 0px 4px;
	background: #eee;
	font-size: 12px;
	border-top: none;
	position: relative;
	top: -12px;
	width: 170px;
	font-size: 11px;
}

.articleCategoryIntro img, .categoryIntro img {
	margin-top: 10px;
	border: 1px solid #888888;
}

.articleCategoryIntro .description, .categoryIntro .description {
	padding: 10px;
}

.articleCategoryIntro .siblingCategories .siblingTitle, .categoryIntro .siblingCategories .siblingTitle {
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 7px;
}
.articleCategoryIntro .siblingCategories a, .categoryIntro .siblingCategories a {
	text-decoration: none;
}
.articleCategoryIntro .siblingCategories a:hover, .categoryIntro .siblingCategories a:hover {
	text-decoration: underline;
}
.topicalIntro
{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 12px;
	background: #eeeeee;
	left: -50;
}

/*.longcategory
{
	width: 488px;
	margin-bottom: 7px;
	padding-left: 14px;
}
.longcategory .title
{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}*/
.longcategory
{
	width: 476px;
	margin: 0px 5px 7px 5px;
	padding-left: 10px;
	padding: 3px 0px 2px 0px;
	background: #4E6CAC;
}

.longcategory .title
{
	font-size: 14px;
	font-family: Arial, Helvetica, Verdana;
	font-weight: bold;
	color: #ffffff;
	padding-left: 5px;
}

.longcategoryRecipe
{
	width: 488px;
	margin-bottom: 7px;
	padding-left: 14px;
}
.longcategoryRecipe .rule
{
	width: 470px;
	height: 3px;
	margin: 0px 10px 3px 0px;
	border-bottom: 1px solid black;
}
.longcategoryRecipe .title
{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.subCatIntro {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 478px;
}
.channelLandingCenterColumn .title, .subCatIntro .title {
	border-bottom: 1px solid black;
	padding-bottom: 2px;
	font-size: 14px;
	font-weight: bold;
	color: #4E6CAC;
}

.channelLandingCenterColumn .title .seeAll, .subCatIntro .title .seeAll {
	float: right;
	font-size: 12px;
	text-decoration: underline;
}

.channelLandingCenterColumn .imageBlurbPopular {
	font-size: 10px;
	margin-top: 5px;
}

.subCatIntro .title a, .channelLandingCenterColumn .title a {
	text-decoration: none;
}
.subCatIntro .title a:hover {
	text-decoration: underline;
}

.subCatIntro .title .seeAll {
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}

.subCatIntro .imageBlurbPopular .popular .seeMore {
	margin-left: 9px;
	margin-top: 4px;
}
.subCatIntro .imageBlurbPopular .popular .seeMore a {
	font-weight: normal;
}

.subCatIntro .imageBlurbPopular {
	font-size: 11px;
}

.channelLandingCenterColumn .imageBlurbPopular .image, .subCatIntro .imageBlurbPopular .image {
	margin: 15px 15px 15px 0;
	float: left;
}

.channelLandingCenterColumn .imageBlurbPopular .image img, .subCatIntro .imageBlurbPopular .image img {
	border: 1px solid #888;
}

.channelLandingCenterColumn .imageBlurbPopular .blurb, .subCatIntro .imageBlurbPopular .blurb {
	padding: 0 5px 0 0;
	float: left;
	width: 160px;
	margin-top: 15px;
}

.subCatIntro .imageBlurbPopular .popular {
	margin-left: 5px;
	border-left: 1px solid black;
	padding-left: 5px;
	float: left;
	width: auto;
	margin-top: 15px;
}

.subCatIntro .imageBlurbPopular .popular a {
	text-decoration: none;
	font-weight: bold;
}

.subCatIntro .imageBlurbPopular .popular a:hover {
	text-decoration: underline;
}

.articleFeature {
	margin-bottom: 10px;
}

.articleFeature .left {
	width: 14px;
	float: left;
}

.articleFeature .left .tl {
	background: url(http://static.howstuffworks.com/en-us/home/style/top-left-rounded-corner.gif) top left no-repeat;
	height: 14px;
	width: 14px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.articleFeature .left .ml {
	height: 142px;
	border-left: 1px solid #aaa;
	margin: 0;
	padding: 0;
}
.articleFeature .left .bl {
	background: url(http://static.howstuffworks.com/en-us/home/style/bottom-left-rounded-corner.gif) bottom left no-repeat;
	height: 14px;
	margin: 0;
	padding: 0;
}

.articleFeature .middle {
	float: left;
	width: 455px;
	height: 163px;
	font-size: 11px;
	padding-top: 5px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

.articleFeature .middle .blurb {
	width: 325px;
	float: left;
}

.articleFeature .middle .blurb .title {
	font-size: 14px;
}

.articleFeature .middle .blurb a {
	text-decoration: none;
}

.articleFeature .middle .blurb .blurbTitle {
	font-weight: bold;
	margin-bottom: 5px;
}

.articleFeature .middle .blurb a:hover {
	text-decoration: underline;
}

.articleFeature .middle .image {
	float: right;
	padding: 21px 13px 8px 13px;
	margin: 0 0 3 15px;
	height: 130px;
	overflow: hidden;
}

.articleFeature .middle .image img {
	border: 1px solid #999;
}

.articleFeature .right {
	float: left;
	width: 14px;
}
.articleFeature .right .tr {
	background: url(http://static.howstuffworks.com/en-us/home/style/top-right-rounded-corner.gif) top right no-repeat;
	height: 14px;
	margin: 0; padding: 0;
	overflow: hidden;
}
.articleFeature .right .mr {
	height: 142px;
	border-right: 1px solid #aaa;
	margin: 0; padding: 0;
	overflow: hidden;
}
.articleFeature .right .br {
	background: url(http://static.howstuffworks.com/en-us/home/style/bottom-right-rounded-corner.gif) bottom right no-repeat;
	height: 14px;
	margin: 0; padding: 0;
}

.articleIndexItem {
	margin: 10px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #aaa;
	font-size: 11px;
}

.articleIndexItem a {
	text-decoration: none;
}
.articleIndexItem a:hover {
	text-decoration: underline;
}

.articleIndexItem img {
	border: 1px solid #ddd;
}

.recipeIndexItem {
	margin: 5px;
	padding: 0px;
	font-size: 11px;
	width: 145px;
	float: left;
}

.recipeIndexItem a {
	text-decoration: none;
}
.recipeIndexItem a:hover {
	text-decoration: underline;
}
.recipeIndexItem p {
	text-align: center;
}

.recipeIndexItem img {
	border: 1px solid #ddd;
}

.pageNav {
	font-size: 12px;
}

.pageNav .previous {
	float: left;
	text-align: left;
	width: 100px;
}

.pageNav .page {
	float: left;
	text-align: center;
	width: 280px;
}

.pageNav .next {
	float: right;
	width: 100px;
}

/*********************
Footer links near bottom
*********************/

.footerNav
{
	background: white;
	padding: 4px 0 4px 4px;
	font-size: 11px;
}

.footerNav a
{
	text-decoration: none;
}
.footerNav a:hover
{
	text-decoration: underline;
}

.footerNav ul
{
	margin-left: 15px;
}

.footerNav ul li
{
	list-style: disc;
}

.footerNav .howstuffworks,
.footerNav .video,
.footerNav .home,
.footerNav .reference,
.footerNav .consumerguide
{
	background: #ccc;
	float: left;
	height: 140px;
}

.footerNav .howstuffworks
{
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	width:   217px;
}

.footerNav .howstuffworks .leftLinks
{
	float: left;
}

.footerNav .howstuffworks .rightLinks
{
	float: left;
	margin-left: 10px;
}

.footerNav .video
{
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	width: 150px;
}

.footerNav .prices
{
	float: left;
	margin-left: 5px;
	margin-top: 5px;
}

.footerNav .subject
{
	font-weight: bold;
}

.footerNav .subjectSpace
{
	font-weight: bold;
	margin-top: 5px;
}

.footerNav .home
{
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	width: 263px;
}

.footerNav .home .leftLinks
{
	float: left;
	width: 110px;
}

.footerNav .home .rightLinks
{
	float: left;
	margin-left: 10px;
	width: 140px;
}

.footerNav .consumerguide
{
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	width:   295px;
}

.footerNav .consumerguide .leftLinks
{
	float: left;
}

.footerNav .consumerguide .rightLinks
{
	float: left;
	margin-left: 10px;
}

.footerNav .reference
{
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	width: 263px;
}

.footerNav .reference .encyclopedia
{
	margin-left: 5px;
	margin-top: 5px;
}

.footerNav .divider
{
	height: 145px;
	float: left;

	padding-left: 4px;
	margin-right: 4px;

	background: white;
	border-right: 1px solid #333;

}

/*********************
Did You Know tab block
*********************/

.didYouKnow
{
	width: 455px;
	margin: 10px 0 10px 5px;
	padding-right: 20px;
}

.didYouKnow .left
{
	float: left;
	width: 6px;
	height: 30px;
	background: url(http://static.howstuffworks.com/en-us/reference/style/featured-entry-tab-left.gif) no-repeat top left;
}

.didYouKnow .center
{
	float: left;
	background-color: #eaeaea;
	height: 30px;
}

.didYouKnow .center .label
{
	margin: 8px 5px 5px 0;
	font-size: 13px;
	font-weight: bold;
}

.didYouKnow .right
{
	float: left;
	width: 20px;
	height: 30px;
	background: url(http://static.howstuffworks.com/en-us/reference/style/featured-entry-tab-right.gif) no-repeat top right;
}

.didYouKnow .content
{
	float: left;
	clear: both;
	width: 100%;
	background: #eaeaea;
	font-size: 12px;
	padding: 0px 15px 5px 5px;
}

.didYouKnow .content .article
{
	margin: 15px 0 10px 0;
}

.didYouKnow .content .article a
{
	text-decoration: none;
}

.didYouKnow .content .article a:hover
{
	text-decoration: underline;
}

.SRTFullCategory
{
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid #000000;
	width: 480px;
}
.SRTFullCategory .items
{
	width: 230px;
	padding: 5px;
	font-size: 12px;
	float: left;
}
.SRTFullCategory .items a
{
	text-decoration: none;
}
.SRTFullCategory .items li {
	color: black;
	font-size: 12px;
	list-style-position: outside;
	margin: 0 0 0 30px;
}
.SRTFullCategory .items ul li {
	list-style-image: url(http://static.howstuffworks.com/gif/arrow_bullet.gif);
}
/*overrides of css set in other files*/
.scrollerFeature
{
	margin-bottom: 10px;
}