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

.pageHeader {
	
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;	
	font-weight: bold;
	font-size: 26px;
	margin-bottom: 20px;
}

.sectionLeft {
	
	position: relative;
	width: 150px;
	border-bottom: dotted #B4B2B2 thin;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.removeBorder {
	
	border-bottom: none;
}

.headerContent {
	
	position: relative;	
}

.subscribeHeader {
	
	position: absolute;
	left: 623px;
	top: 5px;
	z-index: 100;
}

.logoHeader {
	
	position: absolute;
	top: 28px;
	left: 27px;
	z-index: 200;
}

.footerContent {
	
	position: relative;	
}

#whatsnewLeft {
	
	width: 150px;
}

#whatsnewLeft a, #whatsnewLeft a:visited {
	
	color: #49c5e8;
}

#whatsnewLeft .whatsnewSection {
	
	border: #E9E9E9 1px solid;
}

#whatsnewLeft .whatsnewSection .content {
	
	padding: 8px 5px;
	background-color: #F4F9FC;
}

#whatsnewLeft .whatsnewSection .title {
	
	font-weight: bold;
	color: #000;
}

#whatsnewLeft .whatsnewSection .date {
	
	font-weight: bold;
	font-size: 10px;
	margin-top: 5px;
}

#whatsnewLeft .whatsnewSection .more {
	
	padding: 3px 3px 3px 5px;
	background-color: #cce6f1;
	margin: 0;
	text-decoration: none;
}

#whatsnewLeft .whatsnewSection .more a {
	
	color: #58595B;
	text-decoration: none;
}

.leftArrow {
	position: absolute;
	left: 154px;
	z-index: 200;
	bottom: 10px;	
	
}

.navMain {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 142px;
	width: 816px;
	left: 50%;
	margin-left: -408px;
}

.navMain a.navButton {
	display: block;
	float: left;
	height: 29px;
}

.navMain a.navButton:hover {
	
	background-position: 0 -29px;
}

.navMain a.navButton span {
	
	display: none;	
}

.navMain a.celebrity {
	width: 106px;
	background: url(/images/nav/celebrity.png) no-repeat 0 0;
}

.navMain a.health {

	width: 94px;
	background: url(/images/nav/health.png) no-repeat 0 0;
}

.navMain a.fitness {
	
	width: 91px;
	background: url(/images/nav/fitness.png) no-repeat 0 0;
}

.navMain a.food {

	width: 82px;
	background: url(/images/nav/food.png) no-repeat 0 0;
}

.navMain a.family {

	width: 86px;
	background: url(/images/nav/family.png) no-repeat 0 0;
}

.navMain a.style {
	
	width: 147px;
	background: url(/images/nav/style.png) no-repeat 0 0;
}

.navMain a.green {

	width: 85px;
	background: url(/images/nav/green.png) no-repeat 0 0;
}

.navMain a.kidz {
	
	width: 125px;
	background: url(/images/nav/kidz.png) no-repeat 0 0;
}

.hotTopic {
	
	width: 130px;
	float: left;
	margin: 10px 0 10px 0;
	padding: 0;
}

.hotTopicMiddle {
	
	margin: 10px 6px;	
}

.hotTopic img {
	
	border: solid #E2E4E5 thin;
	display: block;
	margin-bottom: 5px;
}

.hotTopic .title {
	
	font-weight: bold;
	padding: 0 2px;
}

.hotTopic .description {
	
	padding: 0 2px;	
}

.hotTopic .description p {
	
	margin: 0;
	padding: 0;
}



.search-field {
	
	width: 200px;
	color: #CCC;
}

#recipeSection {
	
	position: relative;
	
}

#recipeSection a {
	
	color: #58595B;	
}

#recipeSection .titleImg {
	
	position: absolute;
	left: 275px;
	z-index: 10;
	
}

#recipeSection .centre {

	width: 406px;
	margin: 0;
	padding: 0;

}

#recipeSection .title {
	

}

#recipeSection .title a:hover{
	
	color: #FF6600;	
}


#recipeSection .centreImg {
	
	border: solid #E2E4E5 thin;
	display: block;
	margin-bottom: 5px;
}

#recipeSection .hotTopic {
	
	width: 130px;
	float: left;
	margin: 10px 0 10px 0;
	padding: 0;
}

#recipeSection .hotTopicMiddle {
	
	margin: 10px 6px;	
}

#recipeSection .hotTopic img {
	
	border: solid #E2E4E5 thin;
	display: block;
	margin-bottom: 5px;
}

#recipeSection .hotTopic .title {
	
	font-weight: normal;
	padding: 0 2px;
}

#recipeSection .hotTopic .description {
	
	padding: 0 2px;	
}

#recipeSection .hotTopic .description p {
	
	margin: 0;
}

.sectionCategory {
	
	position: absolute;
	left: 451px;
	top: 15px;
}

.sectionIcon {
	
	position: absolute;
	left: 678px;
	top: 20px;
	z-index: 100px;
}

.basicFrame {
	
	position: relative;
	margin-top: 10px;
	padding: 2px 4px 0 2px;
	background-image:url(/images/layout-assets/article-frame.png);
	background-repeat: no-repeat;
	height: inherit;
}

#basicSection {
	position: relative;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	height: inherit;
	
}

#basicContent {
	width: 426px;
	background-color: #FFF;	
	padding: 75px 10px 5px 10px;
	float: left;
}

#basicContent .title {
	
	font-family: Garamond, Georgia, serif;
	font-size: 28px;
	margin-bottom: 22px;
	
}

#basicContent .subtitle {
	
	font-family: Helvetica, Arial, sans-serif;
	color: #58595b;
	font-size: 14px;
	margin-bottom: 22px;
	line-height: 1.5;
}	


#basicContent .entry {
	
	margin-bottom: 20px;	
}


#basicContent .credits {
	
	font-family: Helvetica, Arial, sans-serif;
	color: #919191;
	font-size: 12px;
	font-style: oblique;
	margin-bottom: 22px;
}

.articleCategory {
	
	position: absolute;
	top: 1px;
	left: 14px;
		
}

.articleIcon {
	
	position: absolute;
	top: 24px;
	left: 345px;
		
}

#adSection {
	width: 274px;
	float: left;
	background-color: #e0dedf;	
}

.formError {
	
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
}

ul.centre-nav-list {
	list-style-type: none;	
	margin: 0;
	padding: 0;
	
	
}

ul.centre-nav-list li {

	display: inline;
	line-height: 2;
	padding: 0.2em 0;
	
}

ul.centre-nav-list li a {
	color: #000;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	padding: 0.2em 0.8em;
}

ul.centre-nav-list li a:hover {

	background-color: #ffe5b6;
	
}

ul.centre-nav-list li a.selected {
	
	background-color: #ffe5b6;	
}

ul.centre-nav-list li a.bordered {
	
	border-right: 1px solid #999;	
}

.category-archive {
	
	display: block;
	clear: both;
}

.category-archive .archive-tbl {
	
	width: 408px;
}

.category-archive .archive-tbl td {
	
	width: 136px;
	padding-right: 5px;
}

.category-archive ul.archive-list {
	
	list-style-type: none;	
	margin: 0;
	padding: 0;
	
}

.category-archive ul.archive-list li {

	display: block;
	line-height: 1.2;
	padding: 0.2em 0;
	
}

.category-archive ul.archive-list li a {

	text-decoration: none;
	font-size: 12px;
	padding: 0.2em 0.8em 0.2em 0em;
}

.category-archive ul.archive-list li a:hover {

	
}

.archive-title {
	
	font-weight: bold;
	color: #666;
	font-size: 12px;
	margin-bottom: 10px;
}

.footer-centre {
	
	position: absolute;
	left: 0;
	top: 30px;
	width: 100%;
	text-align: center;
}

.footer-copyright {
	
	position: absolute;
	left: 0;
	top: 60px;
	width: 100%;
	text-align: center;
}


ul.footer-nav {
	list-style-type: none;	
	margin: 0;
	padding: 0;
	
	
}

ul.footer-nav li {

	display: inline;
	line-height: 2;
	padding: 0.2em 0;
	
}

ul.footer-nav li a {
	color: #000;
	text-decoration: none;
	font-size: 10px;
	font-weight: 500;
	padding: 0.2em 0.8em;
}

ul.footer-nav li a:hover {

	color: #FFF;
	
}

ul.footer-nav li a.bordered {
	
	border-right: 1px solid #999;	
}

.divide-bar {
	
	margin-top: 30px;
	width: 406px; 
	background-repeat: repeat-x;
	background-position: 10px 0; 
	height: 30px; 
	clear: both;
	
	
}

.dotted-line {
	height: 1px;
	border-bottom: dotted #B4B2B2 thin;	
	margin: 30px 0;
	clear: both;
}

.hideElement {
	
	display: none;	
}