/*
Theme Name: Life Check
Theme URI: http://www.lifecheck.co.za/
Description: Site theme for lifestyle company Life Check.
Version: 0.1
Author: Hit Delete
Author URI: http://www.hitdelete.com/
*/
html {
font-size: 100%; /* IE hack */
}
body {
background: url(images/grad.gif) repeat-x #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
color: #333;
margin: 0;
padding: 0;
text-align: center;
}
p {
line-height: 1.3em;
}
h1 {
font-size: 2em;
margin: 0 0 17px 0;
font-weight: normal;
font-family: Georgia;
}
h2 {
font-size: 1.5em;
font-weight: normal;
font-family: Georgia;
}
h3 {
font-size: 1.2em;
font-weight: bold;
font-family: Georgia;
}
h4 {
font-size: 1em;
font-weight: bold;
font-family: Georgia;
}
h1 a, h2 a, h3 a, h4 a {
color: #333;
}
h1 a:hover, h1 a:visited, h2 a:hover, h2 a:visited, h3 a:hover, h3 a:visited, h4 a:hover, h4 a:visited {
color: #333;
}
ul, ol {
list-style: circle;
}
a img {
border: none;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:visited {
color: #0000EE
}
p {
line-height: 1.4em;
}
#container {
width: 826px;
margin-left: auto;
margin-right: auto;
padding: 0;
}
#outer-top {
width: 826px;
height: 297px;
margin: 0;
padding: 0;
background: url(images/bdy-shadow.gif);
}
#outer-middle {
width: 826px;
float: left;
background: url(images/rpt-shadow.gif) repeat-y;
}
#outer-footer {
width: 826px;
height: 20px;
float: left;
background: url(images/ftr-shadow.gif);
}
#header {
width: 810px;
margin-left: auto;
margin-right: auto;
background: #FFF;
}
#header-top {
width: 790px;
height: 35px;
margin: 0 10px 0 10px;
position: relative;
background: url(images/hdr-grad.gif) repeat-x;
}
#header-top-left {
width: 148px;
height: 35px;
position: absolute;
top: 0;
left: 0;
background: url(images/top-bar-pills.jpg);
}
#header-top-right {
width: 3px;
height: 35px;
position: absolute;
top: 0;
right: 0;
background: url(images/hdr-grad-right.gif) no-repeat;
}
#header-links {
width: 150px;
font-size: 0.9em;
position: absolute;
top: 8px;
right: 30px;
color: #CCC;
}
#header-links a {
color: #CCC;
}
#header-links a:visited {
color: #CCC;
}
#header-links-tick {
width: 17px;
height: 18px;
font-size: 0.9em;
position: absolute;
top: 7px;
right: 17px;
}
#header-main {
width: 790px;
height: 238px;
margin: 0 10px 0 10px;
position: relative;
}
#logo {
width: 213px;
height: 114px;
position: absolute;
top: 11px;
right: 27px;
}
#nav {
width: 790px;
height: 29px;
background: #E8E8E8;
border-bottom: 1px solid #656565;
}
ul.menu {
width: 775px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
right: -2px;
bottom: -1px;
}
ul.menu li {
float: left;
margin: 0 6px 0 0;
}
ul.menu li a:link, ul.menu li a:visited {
display: block;
width: 103px;
height: 29px;
}
#home {
width: 103px;
height: 29px;
background: url(images/home.gif);
}
#home a:hover {
width: 103px;
height: 29px;
background: url(images/home.gif) 0px -30px;
}
#products {
width: 103px;
height: 29px;
background: url(images/products.gif);
}
#products a:hover {
width: 103px;
height: 29px;
background: url(images/products.gif) 0px -30px;
}
#ailments {
width: 103px;
height: 29px;
background: url(images/ailments.gif);
}
#ailments a:hover {
width: 103px;
height: 29px;
background: url(images/ailments.gif) 0px -30px;
}
#protocols {
width: 103px;
height: 29px;
background: url(images/protocols.gif);
}
#protocols a:hover {
width: 103px;
height: 29px;
background: url(images/protocols.gif) 0px -30px;
}
#articals {
width: 103px;
height: 29px;
background: url(images/articals.gif);
}
#articals a:hover {
width: 103px;
height: 29px;
background: url(images/articals.gif) 0px -30px;
}
#about {
width: 103px;
height: 29px;
background: url(images/about.gif);
}
#about a:hover {
width: 103px;
height: 29px;
background: url(images/about.gif) 0px -30px;
}
#contact {
width: 103px;
height: 29px;
background: url(images/contact.gif);
}
#contact a:hover {
width: 103px;
height: 29px;
background: url(images/contact.gif) 0px -30px;
}
#footer {
width: 810px;
font-size: 0.9em;
margin-left: auto;
margin-right: auto;
}
#footer a {
color: #333;
text-decoration: none;
}
.img-space {
margin: 10px 0 10px 0;
}
#inner-middle {
width: 810px;
padding-bottom: 11px;
margin-left: auto;
margin-right: auto;
background: #FFF;
}
#body {
width: 760px;
text-align: left;
margin: 0 25px 0 25px;
}
#left-col {
width: 213px;
font-size: 0.9em;
text-align: justify;
margin-bottom: 10px;
margin-right: 25px;
float: left;
}
#left-col h2 {
font-weight: bold;
font-size: 1em;
text-align: justify;
padding: 13px 0 0 0;
margin: 0;
font-family: Arial;
}
#news-hdr {
width: 213px;
height: 24px;
margin-bottom: 2px;
background: url(images/news-hdr.gif);
}
#products-hdr {
width: 213px;
height: 24px;
margin-bottom: 2px;
background: url(images/products-hdr.gif);
}
#ailments-hdr {
width: 213px;
height: 24px;
margin-bottom: 2px;
background: url(images/ailments-hdr.gif);
}
#protocols-hdr {
width: 213px;
height: 24px;
margin-bottom: 2px;
background: url(images/protocols-hdr.gif);
}
#news-bdy {
padding: 0 15px 15px 15px;
background: #F4F4F4;
}
#sidebar-nav {
padding: 0 15px 15px 15px;
background: #F4F4F4;
line-height: 1.5em;
}
#sidebar-nav a, #sidebar-nav a:visited  {
color: #333;
}
#sidebar-nav ul {
margin: 0 15px 0 15px;
list-style: circle;
padding: 15px 0 0 0;
}
#news-bdy a, #news-bdy a:hover {
}
#news-nav {
color: #0869AE;
padding: 0 0 0 0;
text-align: left;
}
.align-left {
float: left;
}
.align-right {
float: right
}
#mailing-hdr {
width: 213px;
height: 24px;
margin: 10px 0 2px 0;
background: url(images/mailinglist-hdr.gif);
}
#mailing-bdy {
width: 183px;
padding: 15px;
font-size: 1em;
position: relative;
background: #F4F4F4;
}
.form {
margin: 0;
}
#firstname {
background: #FFF;
border: #CDCDCD 1px solid;
font-size: 1em;
width: 110px;
height: 17px;
padding: 3px 3px 0 3px;
margin: 0;
}
#email, #lastname {
background: #FFF;
border: #CDCDCD 1px solid;
font-size: 1em;
width: 110px;
height: 17px;
padding: 3px 3px 0 3px;
margin-left: 1px;
}
.form-button {
width: 80px;
height: 25px;
margin: 5px 0 0 102px;
padding: 0;
background: url(images/button-bg.gif) repeat-x;
border: 1px solid #CDCDCD;
font-size: 1em;
font-weight: bold;
color: #585858;
}
.form-checkbox {
border: 1px solid #CDCDCD;
color: #585858;
}
.form-item {
width: 183px;
height: 20px;
padding: 0;
margin-bottom: 7px;
}
.form-item-pad {
width: 154px;
height: 20px;
padding: 0;
margin: 0 0 7px 29px;
}
#violator {
width: 69px;
height: 71px;
position: absolute;
top: -50px;
right: -20px;
}
#did-you-know-hdr {
width: 213px;
height: 24px;
margin: 10px 0 2px 0;
background: url(images/did-you-know-hdr.gif);
}
#did-you-know-bdy {
width: 183px;
padding: 15px;
position: relative;
background: #F4F4F4;
}
#wp_quotes {
width: 115px;
margin-left: 68px;
}
#light-bulb {
width: 53px;
height: 77px;
position: absolute;
left: 15px;
top: 12px;
background: url(images/light-bulb.gif) no-repeat;
}
#right-col {
width: 522px;
margin-bottom: 10px;
float: left;
}
#right-col-top {
position: relative;
}
#right-col-bottom {
position: relative;
}
#right-col-product-single img {
float: left;
padding: 7px;
border: 1px #ccc solid;
margin: 0 40px 5px 0;
}
#right-col-product-single ul, #right-col-product-single ol {
}
.top-pad {
padding-top: 15px;
}
.bottom-margin {
margin-bottom: 3px;
}
#wheel {
width: 465px;
height: 703px;
height: 703px;
position: absolute;
top: 56px;
right: 0;
}
#wheel-link{
font-size: 0.9em;
position: absolute;
top: 341px;
right: 0;
}
blockquote {
background: #F4F4F4;
margin: 25px 0 25px 0;
padding: 1px 15px 1px 15px;
font-size: 1.2em;
font-weight: bold;
display: block;
}
#protocol {
font-size: 0.9em;
position: absolute;
top: 80px;
right: 120px;
}
.ddsg-sitemap ul {
padding-left: 20px;
}
.ddsg-sitemap li {
padding: 4px 0 0 15px;
}
.img-right {
float: right;
padding: 7px;
border: 1px #ccc solid;
margin: 0 0 10px 20px;
}
.img-left {
float: left;
padding: 7px;
border: 1px #ccc solid;
margin: 0 20px 5px 0;
}
.brd {
padding: 7px;
border: 1px #CCC solid;
}
#top {
float: left;
width: 522px;
}
.prod-ind {
float: left;
text-align: center;
width: 110px;
height: 250px;
margin: 0 0 0 10px;
padding: 0;
display: block;
}
.prod-ind-row {
margin: 0 0 20px 0;
float: left;
}
#no-indent {
padding: 0 0 0 20px;
margin-left: 0;
}
fieldset {
border: none;
padding: 0;
border: 0;
}