/*
 * Site: Diet Advisor 101 (dietadvisor101.com)
 * File: style.css
 * 
 * The contents within this stylesheet is the sole
 * property of its owner and may not be used
 * without direct, written permission from them.
 *
 */

body {
	background: url('images/bg.gif') top center; color: #666;
	font: 12px/18px Arial, Helvetica, Sans-serif;
}

#container {
	width: 980px;
	background: url('images/center-tile.gif') top center repeat-y;
	margin: 0 auto; padding: 0;
}

#header {
	width: 938px; height: 123px;
	background: url('images/header.gif') top left no-repeat;
	margin: 0 21px;
	float: left;
}

#header img { float: left; }

/* Search */
#search {
	float: left;
	margin: 40px 0 0 310px;
}

#search form input { border: 0; }
#search form input.input { width: 227px; margin: 1px 4px 0 0; }
#search form input.button { width: 70px; height: 24px; }
#search form div.button-container { float: left; }

/* Top Navigation */
ul#top-navigation { width: 937px; height: 29px; float: left; }

ul#top-navigation li { float: left; }
ul#top-navigation li a { text-indent: -9999px; height: 29px; display: block; }

ul#top-navigation li#nutrition { width: 144px; }
ul#top-navigation li#calculators { width: 154px; }
ul#top-navigation li#fitness { width: 106px; }
ul#top-navigation li#menwomen { width: 174px; }
ul#top-navigation li#populardiets { width: 179px; }
ul#top-navigation li#mindbody { width: 180px; }

ul#top-navigation li#nutrition a, ul#top-navigation li#nutrition a:visited { width: 144px; background: url('images/topnav-nutrition.gif') top left no-repeat; }
ul#top-navigation li#nutrition a:hover, ul#top-navigation li#nutrition a:active { width: 144px; background: url('images/topnav-nutrition.gif') bottom left no-repeat; }
ul#top-navigation li#calculators a, ul#top-navigation li#calculators a:visited { width: 154px; background: url('images/topnav-calculators.gif') top left no-repeat; }
ul#top-navigation li#calculators a:hover, ul#top-navigation li#calculators a:active { width: 154px; background: url('images/topnav-calculators.gif') bottom left no-repeat; }
ul#top-navigation li#fitness a, ul#top-navigation li#fitness a:visited { width: 106px; background: url('images/topnav-fitness.gif') top left no-repeat; }
ul#top-navigation li#fitness a:hover, ul#top-navigation li#fitness a:active { width: 106px; background: url('images/topnav-fitness.gif') bottom left no-repeat; }
ul#top-navigation li#menwomen a, ul#top-navigation li#menwomen a:visited { width: 174px; background: url('images/topnav-menwomen.gif') top left no-repeat; }
ul#top-navigation li#menwomen a:hover, ul#top-navigation li#menwomen a:active { width: 174px; background: url('images/topnav-menwomen.gif') bottom left no-repeat; }
ul#top-navigation li#populardiets a, ul#top-navigation li#populardiets a:visited { width: 179px; background: url('images/topnav-populardiets.gif') top left no-repeat; }
ul#top-navigation li#populardiets a:hover, ul#top-navigation li#populardiets a:active { width: 179px; background: url('images/topnav-populardiets.gif') bottom left no-repeat; }
ul#top-navigation li#mindbody a, ul#top-navigation li#mindbody a:visited { width: 180px; background: url('images/topnav-mindbody.gif') top left no-repeat; }
ul#top-navigation li#mindbody a:hover, ul#top-navigation li#mindbody a:active { width: 180px; background: url('images/topnav-mindbody.gif') bottom left no-repeat; }

/* Content */
#content {
	width: 705px;
	margin: 0 1px 0 21px;
	float: left;
}

#content h1 {
	color: #4d4d4d;
	font: 26px/32px Arial, Helvetica, Sans-serif;
	margin: 0 25px; padding: 10px 0 0 0;
}

#content h2 {
	color: #4d4d4d;
	font: 26px/32px Arial, Helvetica, Sans-serif;
	margin: 0 25px; padding: 10px 0 0 0;
}

#content h3 {
	font: 18px/22px Arial, Helvetica, Sans-serif;
	margin: 0 25px; padding: 10px 0 0 0;
}

#content h4 {
	font: 14px/18px Arial, Helvetica, Sans-serif;
	margin: 0 25px; padding: 5px 0 0 0;
}

#content a, #content a:visited {
	color: #4d4d4d;
	text-decoration: underline;
}

#content a:hover, #content a:active {
	color: #4d4d4d;
	text-decoration: underline;
}

#content p {
	margin: 0 25px; padding: 6px 0;
}

#content ul {
	margin: 0 25px; padding: 6px 0 6px 20px;
	list-style-type: circle;
}

#content ul li {
	padding: 0 0 0 5px;
}

#content ul.advertisement { list-style-type: none; font-size: 14px; margin: 0 0 0 25px; padding: 0; }
#content ul.advertisement a { color: #4d4d4d; text-decoration: none; }
#content ul.advertisement a:hover { text-decoration: none; }
#content ul.advertisement a span.title { color: #FF0000; font: 14px/22px Arial, Helvetica, Sans-serif; font-weight: bold; text-decoration: underline; }
#content ul.advertisement a:hover span.title { color: #bd0000; font: 14px/22px Arial, Helvetica, Sans-serif; font-weight: bold; text-decoration: underline; }
#content ul.advertisement a span.description { color: #4d4d4d; font: 12px/16px Arial, Helvetica, Sans-serif; }
#content ul.advertisement a span.domain { color: #8d8d8d; font: 11px/11px Arial, Helvetica, Sans-serif; text-decoration: underline; }
#content ul.advertisement li { background: url(images/apple2.jpg) top left no-repeat; padding: 1px 0 2px 31px; }
#content ul.advertisement li.ad-title {
	background: none; color: #74ace4;
	font: 12px/16px Arial, Helvetica, Sans-serif;
	margin: 0; padding: 4px 0;
}

#content ul.search-advertisement { list-style-type: none; font-size: 14px; margin: 0 0 0 25px; padding: 0; border-bottom: 1px solid #ff0000; }
#content ul.search-advertisement a { color: #4d4d4d; text-decoration: none; }
#content ul.search-advertisement a:hover { text-decoration: none; }
#content ul.search-advertisement a span.title { color: #FF0000; font: 14px/22px Arial, Helvetica, Sans-serif; font-weight: bold; text-decoration: underline; }
#content ul.search-advertisement a:hover span.title { color: #bd0000; font: 14px/22px Arial, Helvetica, Sans-serif; font-weight: bold; text-decoration: underline; }
#content ul.search-advertisement a span.description { color: #4d4d4d; font: 12px/16px Arial, Helvetica, Sans-serif; }
#content ul.search-advertisement a span.domain { color: #8d8d8d; font: 11px/11px Arial, Helvetica, Sans-serif; text-decoration: underline; }
#content ul.search-advertisement li { background: url(images/apple2.jpg) top left no-repeat; margin: 5px 0 0 0; padding: 0 0 5px 31px; }
#content ul.search-advertisement li.ad-title {
	background: none; color: #74ace4;
	font: 12px/16px Arial, Helvetica, Sans-serif;
	margin: 0; padding: 4px 0;
	border: 0;
}

#content ul.search-results { list-style-type: none; font-size: 14px; margin: 0 0 0 25px; padding: 0 20px 0 0; }
#content ul.search-results a { color: #4d4d4d; text-decoration: none; }
#content ul.search-results a:hover { text-decoration: none; }
#content ul.search-results a span.title { color: #FF0000; font: 14px/22px Arial, Helvetica, Sans-serif; font-weight: bold; text-decoration: underline; }
#content ul.search-results a:hover span.title { color: #bd0000; font: 14px/22px Arial, Helvetica, Sans-serif; font-weight: bold; text-decoration: underline; }
#content ul.search-results a span.description { color: #4d4d4d; font: 12px/16px Arial, Helvetica, Sans-serif; }
#content ul.search-results li { margin: 10px 0 0 0; padding: 0 0 10px 0; }
#content ul.search-results li p { padding: 0; }
#content ul.search-results li strong { color: #000; font-weight: bold; }
#content ul.search-results li.ad-title {
	background: none; color: #74ace4;
	font: 12px/16px Arial, Helvetica, Sans-serif;
	margin: 0; padding: 4px 0;
}

/* Breadcrumbs */
#breadcrumbs {
	width: 680px; height: 13px;
	background: #95CC52;
	font: 11px/11px Arial, Helvetica, Sans-serif;
	font-weight: bold;
	padding: 5px 3px 3px 20px;
}

#breadcrumbs a, #breadcrumbs a:visited { color: #fff; text-decoration: none;}
#breadcrumbs a:hover, #breadcrumbs a:active { text-decoration: underline; }

/* Menu */
#menu {
	width: 222px;
	margin: 0 21px 0 0;
	float: left;
}

#menu h4 {
	width: 212px;
	color: #4d4d4d;
	font: 19px/19px Arial, Helvetica, Sans-serif;
	margin: 20px 0 5px 10px; padding: 0;
	font-weight: normal;
	text-decoration:none;
}

#menu h5 {
	width: 212px;
	color: #74ace4;
	margin: 5px 0 0 0; padding: 0 0 10px 10px;
	border-bottom: 1px dotted #ccc;
}

#menu ul, #menu ul li {
	width: 222px;
}

#menu ul li a, #menu ul li a:visited {
	color: #4d4d4d;
	padding: 4px 0 4px 10px;
	display: block;
	text-decoration: none;
}

#menu ul li a:hover, #menu ul li a:active { background: #74ace4; }

#menu ul.menu-advertisements { width: 213px; border-bottom: 3px solid #f02b3d; list-style-type: none; font-size: 14px; margin: 0; padding: 5px 0; }
#menu ul.menu-advertisements li { width: 213px; }
#menu ul.menu-advertisements a, ul.menu-advertisements li a { background: #fff; color: #4d4d4d; text-decoration: none; }
#menu ul.menu-advertisements a:hover, ul.menu-advertisements li a:hover { background: #fff; text-decoration: none; }
#menu ul.menu-advertisements a span.title { color: #FF0000; font: 14px/22px Arial, Helvetica, Sans-serif; font-weight: bold; text-decoration: underline; }
#menu ul.menu-advertisements a:hover span.title { color: #bd0000; font: 14px/22px Arial, Helvetica, Sans-serif; font-weight: bold; text-decoration: underline; }
#menu ul.menu-advertisements a span.description { color: #4d4d4d; font: 12px/16px Arial, Helvetica, Sans-serif; }
#menu ul.menu-advertisements a span.domain { color: #8d8d8d; font: 11px/11px Arial, Helvetica, Sans-serif; text-decoration: underline; }
#menu ul.menu-advertisements li.ad-title {
	background: none; color: #74ace4;
	font: 12px/16px Arial, Helvetica, Sans-serif;
	margin: 0 0 0 10px; padding: 4px 0;
}

li.ad-title {
	color: #74ace4;
	margin: 0; padding: 4px 0 4px 10px;
}

/* Footer */
#footer {
	width: 778px; height: 35px;
	background: url('images/footer.gif') no-repeat;
	margin: 20px 0 0 2px; padding: 0 0 0 200px;
	float: left;
}

#footer ul li { float: left; }

#footer a, #footer a:visited {
	color: #fff;
	font: 14px/14px Arial, Helvetica, Sans-serif;
	text-decoration: none;
	padding: 10px 10px;
	font-weight: bold;
	display: block;
	float: left;
}

#footer a:hover, #footer a:active { text-decoration: underline; }

/* Clear
 * With table-less designs, a clear property helps backgrounds and content extend to their potential.
 */
.clear { clear: both; }

/*h4 {margin:0px; padding:0px; border-bottom:none; padding-bottom:0px;width:220px;}
ul { list-style-type: none; font-size: 14px; }
ul a { text-decoration: none; }
ul li { background: url(images/apple2.jpg) top left no-repeat; padding-left: 31px; }*/

#linker { margin: 0 25px; }

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

#content .sitemap {
  list-style-type: square;
  width: 70%;
  margin: 0 auto;
}
#content .sitemap li {
  margin: 0.6em 0 0;
  padding: 0;
}
#content .sitemap h3,
#content .sitemap p {
  font-size: 12px;
  margin: 0;
  padding: 0;
}