/* 
Title:Weight Loss Genius
URL:https://weightlossgenius.com
Created:1st Oct 2009
Version:1.0	
*/
body {
margin:0 auto;
padding:0;
background:#E6DDD4;
color:#222;
font-size:16px;
font-family:Verdana,Arial,Helvetica,Sans-Serif;
}
a,a:visited {
color:#000099;
text-decoration:none;
}
a:hover {
color:#000033;
text-decoration:none;
}
.small_text {
font-size:0.86em;
line-height:14px;
border:none;
margin-right:10px;
margin-bottom:10px;
}
.smalltext {
font-size:0.86em;
line-height:14px;
border:none;
margin-right:10px;
margin-bottom:10px;
}
.small_italic {
font-size:0.9em;
font-style:italic;
line-height:14px;
border:none;
margin-right:10px;
margin-bottom:10px;
}
.disclose {font-family:Arial,Sans-Serif;font-size:0.78em;text-align:left;margin:0}
.bordered {
background:#fff;
border:solid 1px #666;
padding:10px 5px 5px 5px;
margin-bottom:10px;
}
.breadcrumb {
font-size:0.9em;
padding:8px 0 0 0;
}
.alignleft {
float:left;
padding:6px 10px 4px 0;
border:none;
}
.alignright {
float:right;
padding:6px 0 4px 10px;
border:none;
}
.aligncenter {
display:block;
text-align:center;
margin:0 auto 0;
padding:10px 0;
border:none;
}
/*
header section
*/
#header {
background:#fff url('https://weightlossgenius.com/img/header.jpg') top center no-repeat;
width:100%;
max-width:850px;
height:100px;
margin:0 auto;
padding:0;
}
#header h2,#header h2 a,#header h2 a:visited {
font-family:inherit;
font-size:28px;
text-align:center;
color:#0000cc;
text-decoration:none;
text-shadow:#999 2px 2px 3px;
padding:40px 0 0 6px;
margin:auto;
font-weight:bold;
}
#header h2 a:hover {
color:#000;
text-decoration:none;
}
/*
Top navigation bar
*/
#navtop {
background:#fff url('img/nav.jpg') top center no-repeat;
width:100%;
max-width:850px;
height:22px;
text-align:right;
margin:10px auto 0;
padding:0;
}
#navtop ul {
margin:0;
padding:2px 8px 0 0;
}
#navtop li {
display:inline;
list-style-type:none;
margin:0;
padding:0;
}
#navtop ul li a,#navtop ul li a:visited {
font-family:inherit;
background:#E6DDD4;
border-top:1px solid #999;
border-right:1px solid #444;
border-bottom:1px solid #444;
border-left:1px solid #999;
font-size:0.9em;
font-weight:bold;
color:#0000cc;
padding:0 5px;
margin:0;
text-decoration:none;
}
#navtop ul li a:hover {
color:#0000ff;
background:#fff;
text-decoration:none;
font-weight:bold;
font-style:italic;
}
/*
Content
*/
@media screen and (max-width:800px) {
#content {
width:100%;
margin:0 auto;
background:#fff;	
padding:0;
}
}
@media screen and (min-width:801px) {
#content {
width:97%;
max-width:850px;
margin:0 auto;
background:#fff;	
padding:0;
}
}
/*
left column section
*/
@media screen and (max-width:800px) {
#contentleft {
background:#FBFBFB;
float:left;
width:97%;
margin:0;
padding:0 20px 10px 10px;
}
}
@media screen and (min-width:801px) {
#contentleft {
background:#FBFBFB;
float:left;
width:64%;
max-width:540px;
margin:0;
padding:0 20px 10px 10px;
}
}
#contentleft p {
padding:0 0 15px;
margin:0;
line-height:20px;
text-align:justify;
}
#contentleft h1 {
color:#0000cc;
font-size:24px;
font-family:inherit;
font-weight:bold;
margin:10px 0 0;
padding:0 0 10px;
}
#contentleft h2 {
color:#0000cc;
font-size:20px;
font-family:inherit;
font-weight:normal;
margin:10px 0 0;
padding:0 0 10px;
}
#contentleft h3 {
color:#0000cc;
font-size:18px;
font-family:inherit;
font-weight:normal;
margin:10px 0 0;
padding:0 0 5px;
margin:0;
}
#contentleft h5 {
color:#222;
font-size:14px;
font-family:inherit;
font-weight:bold;
margin:10px 0 0;
padding:0 0 10px;
margin:0;
}
#contentleft h1 a{
color:#0000cc;
text-decoration:none;
}
#contentleft h1 a:hover {
color:#000033;
text-decoration:none;
}
#contentleft ol{
margin:0 0 0 20px;
padding:0;
}
#contentleft ol li{
margin:0 0 0 20px;
padding:10px 0 0;
}
#contentleft ul{
margin:0 0 0 20px;
padding:0 0 10px;
}
#contentleft ul li{
list-style-type:square;
margin:0 0 0 20px;
padding:10px 0 0;
}
#contentleft img {
max-width:540px;
}
/*
right column section
*/
@media screen and (max-width:800px) {
#contentright {
width:97%;
margin:0;
padding:10px 0 10px 10px;
}
}
@media screen and (min-width:801px) {
#contentright {
float:right;
width:30%;
max-width:260px;
margin:0;
padding:10px 0 10px 10px;
}
}
#contentright h3 {
color:#0000cc;
font-size:14px;
font-family:inherit;
font-weight:bold;
padding:6px 0;
margin:6px 0 0;
}
#contentright ul {
margin:0;
padding:0;
}
#contentright ul li {
display:block;
padding:0 0 2px;
margin:0;
}
#contentright ul li a {
display:block;
margin:0 0 2px;
padding:1px 0 1px 3px;
background:#E6DDD4;
width:95%;
border-top:1px solid #999;
border-right:1px solid #555;
border-bottom:1px solid #555;
border-left:1px solid #999;
text-decoration:none;
list-style:none;	
}
#contentright ul li a:hover {
background-color:#fff;
font-style:italic;
}
#contentright p {
padding:3px 10px 0 0;
margin:0;
line-height:20px;
}
#contentright img {
max-width:254px;
border:none;
margin-bottom:6px;
}
/*
Full page section
*/
#contentall {
width:97%;
max-width:830px;
margin:0;
padding:0 10px 10px 10px;
}
#contentall p {
padding:0 0 15px;
margin:0;
line-height:20px;
text-align:justify;
}
#contentall h1 {
color:#0000cc;
font-size:24px;
font-family:inherit;
font-weight:bold;
margin:10px 0 0;
padding:0 0 10px;
}
#contentall h2 {
color:#0000cc;
font-size:20px;
font-family:inherit;
font-weight:normal;
margin:10px 0 0;
padding:0 0 10px;
}
#contentall h3 {
color:#0000cc;
font-size:18px;
font-family:inherit;
font-weight:normal;
margin:10px 0 0;
padding:0 0 5px;
margin:0;
}
#contentall h5 {
color:#222;
font-size:14px;
font-family:inherit;
font-weight:bold;
margin:10px 0 0;
padding:0 0 10px;
margin:0;
}
#contentall h1 a {
color:#0000cc;
text-decoration:none;
}
#contentall h1 a:hover {
color:#000033;
text-decoration:none;
}
#contentall ol {
margin:0 0 0 20px;
padding:0;
}
#contentall ol li {
margin:0 0 0 20px;
padding:10px 0 0;
}
#contentall ul {
margin:0 0 0 20px;
padding:0 0 10px;
}
#contentall ul li {
list-style-type:square;
margin:0 0 0 20px;
padding:10px 0 0;
}
/*  
Date Field
*/
#tod {
float:right;
font-size:0.9em;
margin-top:-30px;
padding-bottom:10px;
}
/*  
Social Buttons
*/
#socialbox {
float:right;
width:120px;
height:90px;
margin:0;
padding:0 0 5px;
}
#socialbox ul {
margin:0;
padding:0;
}
#socialbox li {
list-style-type:none;
display:block;
margin:0;
padding:0;
}
/*
footer section
*/
#footer {
background:#fff;
width:100%;
max-width:850px;
height:80px;
color:#333;
font-family:inherit;
font-size:12px;
margin:0 auto 10px;
padding:10px 0;
text-align:left;
}
#footer p {
padding:0 0 4px 10px;
margin:0;
line-height:16px;	
}
#footer a,#footer a:visited {
color:#000099;
text-decoration:none;
}
#footer a:hover {
color:#000033;
text-decoration:none;
}