/* * { margin: 0; padding: 0; } */ body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #6ab url(../images/bodybg.jpg) no-repeat; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #000000; } #container { width: 800px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ border: 0px; padding: 0px; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ text-align: left; /* this overrides the text-align: center on the body element. */ } .header {background: #FFF; padding: 0; } .horList ul li {list-style-type: none; display: inline;} /* rotate header image */ #header_image {background-image:url(../images/header_dadsonkayack.jpg); width:467px; height:214px; } /* end rotate header image */ .aligncenter {text-align:center;} #languages {width: 380px; float:right; margin: 0px auto; padding-top: 5px; background: #8cc1ce url(../images/bg_languages.gif) bottom left no-repeat;} #languages ul {padding: 5px; margin: 0 auto; text-align:center} #languages li {width: 40px; height: 40px; font: bold 7pt Verdana, Arial, Helvetica, sans-serif; display:inline;} #languages li a img {padding-left: 5px;} #languages a img {border: 0px;} /* #nav {border-bottom: #fff 1px solid; background: url("../images/nav_mout.gif") repeat-x 800px; } #nav ul li {list-style-type: none; padding: 0; margin: 0; display: block; float: left; font: 11px/20px "Lucida Grande", verdana, sans-serif; text-align: center;} #nav a {color: #fff; text-decoration: none; display: block; padding-left: 6px; padding-right: 6px; border-right: 1px solid #fff; padding-top: 0; padding-bottom: 0; margin: 0; height: 25px;} #nav ul li a {display:block;} #nav ul li a:active {background: url("../images/nav_mover.gif") repeat-x 20px; color: #036 } #nav ul li a:hover {background: url("../images/nav_mover.gif") repeat-x 20px; color: #036} #nav ul li.nav_left {background:url("../images/nav_leftcorner.gif"); width: 15px; height: 25px;} #nav ul li.nav_right {background:url("../images/nav_rightcorner.gif"); width: 15px; float: right; height: 25px;} #nav ul li.nav_last a {border-right: 0px;} */ /* top navigation */ #nav {height: 25px; width: 800px; border-bottom: #fff 1px solid; background: url("../images/navigation_bg800.gif") top left no-repeat; margin: 0px auto;} #nav ul {margin: 0; padding: 0; list-style:none; } #nav li {display: inline;} #nav a {display: block; float:left; height: 25px; margin: 0; padding: 0px 8px 0px 8px; background: url("../images/nav_mout.gif") repeat-x; text-align:center; text-decoration: none; font: 11px/20px "Lucida Grande", verdana, sans-serif; color: #fff; border-right: 1px solid #fff;} #nav a:active {height 25px; background: url("../images/nav_mover.gif") repeat-x 20px; color: #036; } #nav a:hover {background: url("../images/nav_mover.gif") repeat-x 20px; color: #036} #nav li.nav_first a {margin-left: 42px;} #nav li.nav_last a { border-right: 0px;} body#aboutme a#aboutme, body#drugs a#drugs, body#nutrition a#nutrition, body#fitness a#fitness, body#toxicity a#toxicity, body#vitamins a#vitamins, body#acaijuice a#acaijuice, body#quicktips a#quicktips, body#resources a#resources, body#monthly_article a#monthly_article, body#contact a#contact {background: url("../images/nav_active.gif") repeat-x 20px; color: #036;} #centerContent {width: 800px; margin:0 auto;} #headerImgs {border-top: 1px solid #fff; width: 214px; width: 800px;} #header {margin: 0; padding: 10px 0;} #mainContent {padding: 0 20px; background: #f2f5f4; font: 10pt "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;} .bold {font-weight: bold;} .Geo9Ilue {font: oblique 12pt Georgia, "Times New Roman", Times, serif; color: #369;} .Geo9IBlue {font: bold oblique 12pt Georgia, "Times New Roman", Times, serif; color: #369;} #mainContent h1 {font: bold oblique 18pt Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif; color: #027e9f; text-transform:capitalize; background: url("../images/headlines_bg.gif") top center repeat-y; display:block; text-align:center;} #mainContent span.nographic {font: bold 18pt Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif; color: #027e9f; text-transform:capitalize; display:block; text-align:center;} #mainContent h2 {font: bold oblique 15pt Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif; text-transform:capitalize; background: url("../images/headlines_bg.gif") top center repeat-y; color: #c60; text-align:center; display:block;} #mainContent span.nographic2 {font: bold oblique 15pt Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif; color: #c60; text-align:center; line-height:15pt; display:block;} #mainContent p {text-align:left;} #mainContent a {font-weight: bold; color: #06f;} #mainContent a:hover {font-weight: bold; color: #c60;} .sidebarheader {font: bold 9pt Verdana, Arial, Helvetica, sans-serif; color: #CC6600;} .sidebartext {font: bold 8pt Verdana, Arial, Helvetica, sans-serif; color: #3366CC;} .clear {clear: both;} .firstLetter {font: bold 16pt Georgia, "Times New Roman", Times, serif; } .blue_table {background:#fff; border: 3px double #99adc2; padding: 5px;} .blue_table th {background-color: #069; color: #fff; font: 14pt bold Verdana, Arial, Helvetica, sans-serif; border: 1px dotted #fff; text-align:center;} .blue_table td {font: bold 8pt Verdana, Arial, Helvetica, sans-serif; color: #006699; border: 1px dotted #ccc; text-align:center;} .orange_table {background:#fff; border: 3px double #C60; padding: 5px; width: 71%;} .orange_table th {background-color: #C60; color: #fff; text-align:center; font: 14pt bold Verdana, Arial, Helvetica, sans-serif;} .orange_table td {font: normal 8pt Verdana, Arial, Helvetica, sans-serif; padding: 5px; text-align:left;} .flushleft {float:left; padding-right: 10px;} .flushright {float:right; padding-left: 10px;} .flushright_c {float:right; padding-left: 10px; clear:left;} /* Shadow Box */ .sidebar_container {width: 260px; float: right; position: relative; margin-left: 10px;} .shadow, .shadow_content{ position: relative; bottom: 4px; right: 4px; } .shadow{ background-color: #ccc; border:0; } .shadow_content{ background-color: #fff; color: #036; border: 1px solid #eee; padding: 0.5em;} /* Shadow Box Ends */ #footer_img {background:url("../images/img_bgbottom.gif") no-repeat; } .footer_nav {text-align:center; margin: 0px; padding: 0px;} .footer_nav ul li {padding: 0; margin: 0px; display: inline; font: 10px/20px "Lucida Grande", verdana, sans-serif; text-align: center; float:left;} .footer_nav ul li a {color:#0e3661; border-right: 1px solid #d5f2f9; padding-left: 8px; padding-right: 9px;} .footer_nav ul li.last a {border-right: 0px;} .footer_nav a:hover {color: #0e3661;} #siteby {font: 8pt normal Verdana, Arial, Helvetica, sans-serif; color: #437cb9; text-align:center;} #siteby a {color: #437cb9;} /* sign up rounded box */ .joinbox {background:url("../images/rounded.png") bottom left repeat; height: 65px;} .boxhead {text-align:center; color: #fff; font: 14pt bold Geneva, Arial, Helvetica, sans-serif; padding: 2px; background:#2f6fb3;} .boxinfo {padding: 5px; margin: 0px; height: 35px; } .textinfo {font: bold 9pt Geneva, Arial, Helvetica, sans-serif;} /* end */