/* Theme Name: Body Glove Filtration Systems
   Theme URI: http://bodyglove.waterinc.com
   Description: Custom Body Glove Filtration Systems theme.
   Author: Michael Prikryl
   Author URI: http://www.webmike.com */

/* Main classes */

body {background: url(images/bg.jpg) center top repeat; border: 1px; border-color: #666666; color: #444444; font-family:Helvetica, Verdana, Arial, sans-serif; font-size: 13px; margin: 0; padding: 0;}

a {outline: none;}

h1 {color: #6d9d30; font-size: 23px; font-weight: 400; letter-spacing: -1px; margin-bottom: 4px; 
line-height: normal;  margin-top: 10px;}

h2 {color: #515d24; font-size: 23px; font-weight: 400; letter-spacing: -1px; margin-bottom: 0px;}

h3 {color: #6c9d31; font-size: 17px; font-weight: 500; letter-spacing: -1px; margin-bottom: 0px; 
padding-bottom: 0px; padding-top: 3px; margin-top: 0px;}

h4 {color: #009999; font-weight: bold; font-size: 17px; background-color: transparent; margin-top: 0px;}
h4 a:link {text-decoration: underline;}

blockquote {font-size: 16px; color: #009999; margin-left: 0px; margin-right: 0px; margin-top: 10px; margin-bottom: 20px; background-color: transparent; }

blockquote a:link {text-decoration: underline;}

form {margin: 0px;}

img {border: 0px; text-decoration: none;}
img a {border: 0; text-decoration: none;}

.small {font-size: 12px;}


/* Header */

#trim {margin: 0 auto; width: 962px;}
#trim div.recent {color: #333333; text-decoration: none; font-weight: normal;}
#trim div.recent a {color: #333333; text-decoration: none; font-weight: bold;}

#head {margin-top: 5px; margin-bottom: 0px !important; margin-bottom: 12px;}
#head a {text-decoration: none; color: #999999;}
#head span a img {padding-left: 5px; margin-right: 0px;}

#logo {background: url(images/logo.png); width: 300px; height: 79px;}

#tel {font-size: 16px; color: #999999;}

#tel span {color: #CCCCCC;}

#wrap {background: url(images/frame-top.jpg) top repeat-x; background-color: #FFFFFF; width: 962px; clear: both;}
#wrap div.content div.nextnavigation ul {list-style: none;}
#wrap div.content ul {line-height: 1.5em;}
#wrap div.content-home a img {padding-bottom: 10px;}
#wrap div.content-home a:hover img {background-color: #FFFFFF;}
#wrap div.content-home ul {padding-left: 4px !important; padding-left: 10px; margin-left: 10px; list-style: circle;}


/* Content */

#content {clear: both;}

.content {background: url(http://bodyglove.waterinc.com/wp-content/themes/v1/images/wavebg.jpg) top repeat-x; color: #000000; font-family: Helvetica, Arial, sans-serif; float: left; font-size: 14px; margin-top: 6px; overflow: hidden; padding-left: 30px; text-align: left; width: 580px; margin-top: 20px;}

.content-home {color: #666666; float: left; font-family: Helvetica, Arial, Helvetica, sans-serif; font-size: 14px; margin-top: 6px; overflow: hidden; padding-left: 30px; text-align: left; width: 450px; line-height: 18px}

.content2 {background: url(images/wavebg.jpg) top repeat-x; color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin-top: 6px; overflow: hidden; padding-left: 30px; padding-right: 30px; text-align: left; margin-top: 20px;}

#wrap a {color: #39c; text-decoration: none;}
#wrap a:hover {background-color: #39c; color: #FFFFFF; text-decoration: none;}
#wrap p {line-height: 26px; padding: 0; margin-top: 5px;}


/* Sidebar */

#sidebar {color: #888888; display: inline; float: right; font-size: 13px; line-height: 1.4em; list-style: none; margin-top: 14px; padding: 4px 2px; text-align: left; width: 290px; margin-right: 30px;}

#sidebar ul {line-height: 19px; list-style: none; margin: 0; padding-left: 0; text-align: left;}
#sidebar ul a {color: #666666; text-decoration: none;}

#sidebar-home {color: #888888; display: inline; float: right; font-size: 13px; list-style: none; margin-left: 25px; margin-top: 5px; padding: 4px 2px; text-align: left; width: 425px; margin-right: 20px;}

#sidebar-home ul {line-height: 19px; list-style: none; margin: 0; padding-left: 0; text-align: left;}
#sidebar-home ul a {color: #666666; text-decoration: none;}


/* Footers */

#footlogos {font-family: Helvetica, Arial, sans-serif; font-size: 14px; padding-left: 30px; padding-bottom: 18px}

#footer {background: url(images/bottom.png) center bottom no-repeat; color: #734a2c; margin: 0 auto; padding-bottom: 0px !important; padding-bottom: 20px; width: 962px;}

#footertxt {color: #7F7F7F; font-size: 13px; margin-left: 20px; margin-right: 20px; text-align: center; line-height: 14px; padding-bottom: 30px;}

#footertxt a {color: #999999; text-decoration: none;}
#footertxt a:hover {color: #FFFFFF; text-decoration: underline;}


/* Menu */

#menu {line-height: normal; width: 100%; text-decoration: none;}

#menu a {display: block; background: url(images/tab-r.png) no-repeat right top; float: left; margin: 0; text-decoration: none; font-size: 14px; cursor: pointer;}

#menu a span {background: url(images/tab-l.png) no-repeat left top; color: #999999; display: block; float: left; float: none; font-weight: 700; padding: 17px 21px 10px 21px; cursor: pointer;}

#menu a:hover span {background: url(images/tab-l.png) no-repeat left -125px; color: #FFF200;}

#menu li {display: inline;}
#menu ul {list-style-type: none; padding: 0; margin: 0;}

#menu #current a span {background: url(images/tab-l.png) no-repeat left -125px; color: #000000;}
#menu #current a,#menu a:hover {background: url(images/tab-r.png) no-repeat right -125px;}

* + html #menu {margin-top: -12px;}
* html #menu {margin-top: -12px;}
* html #menu a:hover span {background: url(images/tab-r-ie6.png) no-repeat left -125px;}

/* IE8 fixes */

a:hover img {vertical-align: bottom;} /* so hover over images doesn't produce the bottom line */

img:active {outline: none} /* to remove outline on map */


/* Specific classes */

.alignright {float: right;}

.block2 {font-size: 1.2em; color: #009999; padding-top: 10px; padding-bottom: 2px; margin-left: 20px; margin-right: 50px; margin-top: 10px; margin-bottom: 0px; background-color: transparent;}

.contact {float: left; font-size: 14px; overflow: hidden; text-align: left; width: 580px;}

.category ul li a,.archive ul li a,.page ul li a {line-height: 18px; padding-left: 20px;}

.homepostname {color: #2a6c81; font-size: 13px; font-weight: bold; line-height: normal; list-style: none; margin-bottom: -10px; text-align: left;}

.imgbottom {padding-bottom: 50px}

.mewtwo {border-top: 1px dashed #ccc; color: #ccc; font-size: 10px; padding-bottom: 7px; text-align: left;}

.misc ul li a {line-height: 18px; padding-left: 18px;}

.navigation {display: block; font-size: 17px; list-style: none; padding-top: 20px; text-align: center; text-transform: capitalize;}

.navigation a {color: #666; letter-spacing: -1px; margin-bottom: 15px; margin-top: 15px; padding: 12px 10px; text-decoration: none;}

.nextnavigation a {color: #666666; text-decoration: none;}

.nocal {padding-left: 110px}

.post-divider {border-bottom: 1px dashed #E6E6E6; padding-bottom: 2px;}

.post-time p {padding-left: 2px;}

.postname {color: #81943a; font-size: 1.2em; font-weight: 400; letter-spacing: -1px; line-height: normal; list-style: none; padding-bottom: 0px; padding-top: 4px; text-align: left;}

.postname a {color: #81943a; text-decoration: none;}

.recent {color: #666; font-size: 1.2em; font-weight: bold; padding-bottom: 6px; padding-top: 0px; margin: 0 auto; margin-right: 13px; text-align: right; width: 960px;}

.search {border: solid #666 1px; color: #999; font-size: 12px; padding: 2px; background-color: #333;}

.searchbutton {border: ridge #666666 1px; color: #333333; font-size: 11.5px; padding: 2px; background-color: #999999;}

.support li {margin-bottom: 7px;}

.title {padding-top: 6px;}

.title li {list-style: none; padding-top: 2px;}

.topmeta {margin-top: 25px;}

.topmetatxt {color: #ccc; font-size: 12px; margin-top: -10px; padding-left: 100px; padding-bottom: 0px; text-align: left;}

.trackback {background: #E5F4FD; border-bottom: 3px solid #A8BFD6; border-top: 3px solid #A8BFD6; color: #444; font-size: 14px; margin: 0 auto; padding: 4px 6px; text-align: center;}

.user {list-style: none; padding-top: 4px;}

.wp-smiley {background: transparent; border: none; margin: 0; padding: 0;}

div.bottom {color: #ccc; font-size: 1.2em; letter-spacing: -1px; text-align: center; padding-top: 20px; padding-bottom: 20px;}

img.post1 {float: left; padding: 1px; border: solid 1px #ccc; margin-right: 5px; margin-bottom: 0px; margin-top: 5px;}

li.alt {background: #FBFBFB; border: 1px solid #999; margin-bottom: 6px; padding: 4px 8px;}

li.oddcomment {background: #fff; border: 1px solid #999; margin-bottom: 6px; padding: 4px 8px;}

ul.commentlist {background: transparent; color: #000; font-size: 0.9em; list-style: none; margin: 0; padding: 8px 8px 8px 20px;}

.vertdivider {border-left: 1px dashed #CCCCCC; padding-right: 20px}


/* Div classes */

#about {background: url(images/wavebg.jpg) top repeat-x; border: 1px solid #e5e5e5; font-size: 13px; margin-top: 20px; color: #333; padding: 9px; margin-bottom: 20px; line-height: 1.5em;}

#abouthome {background: url(images/wavebg.jpg) bottom repeat-x; border: 1px solid #e5e5e5; font-size: .9em; margin-top: 20px; padding: 9px; line-height: 1.7em; margin-right: 15px; color: #333;}

#abouthome img {margin-top: 14px; margin-right: 10px;}

#categories {width: 170px; background: url(images/wavebg.jpg) top no-repeat; border: 1px solid #e5e5e5; font-size: 13px; margin-top: 20px; padding: 10px; line-height: 1.5em; margin-left: 230px;}

#categories a {text-decoration: none; color: #333;}

#comment {width: 460px;}

#featuredhome {border: 1px solid #e5e5e5; padding: 8px; margin-top: 10px; margin-bottom: 18px;}

#featuredside {border: 1px solid #e5e5e5; font-size: 13px; margin-top: 0px; color: #333; padding: 7px; line-height: 1.5em;}

#featuredside a img {padding-top: 5px; margin-left: 0px;}

#featuredside strong {line-height: 1.8em; text-transform: uppercase; color: #008000;}

#featuredside ul {float: right; position:absolute; top: 250px; padding-left: 110px; width: 160px}

#featuredside ul li {padding-bottom: 10px;}

#featuredside ul li a {color: #6d9d30;}

#homeposts {border: 1px solid #e5e5e5; font-size: 12px; margin-top: 10px; padding: 9px; margin-bottom: 20px; color: #333333;}

#imgcenter {display: block; margin-left: auto; margin-right: auto;}

#imgleft {float: left; padding-left: 0px; padding-right: 5px;}

#imgright {float: right; padding-left: 20px; padding-right: 0px;}

#latest {background: url(images/wavebg.jpg) top repeat-x; border: 1px solid #e5e5e5; font-size: 13px; margin-top: 20px; padding: 9px; margin-bottom: 20px; line-height: 1.5em;}

#latest li {margin-top: 8px;}

#minifeatured {color: #333; margin-left: 0px; margin-bottom: 40px;}

#minifeatured img {padding-bottom: 15px;}

#minifeatured ul {margin-top: -200px; padding-left: 200px;}

#minifeatured ul li {padding-bottom: 5px;}

#navigation li a {list-style-type: none;}

#products img {margin-right: -4px;}

#register {float: left; border: 1px solid #e5e5e5;}

#respond, h3.commentstatus {color: #666; font-size: 1.4em; font-weight: 400; text-align: center;}

#stickers {text-align: center; margin-right: 15px;}

#stickers img {padding: 10px;}

#subscribe {margin-top: 20px; padding-bottom: 5px; padding-top: 30px;}

#subscribe form {margin-left: 15px; margin-top: 20px;}

#tech {background: url(images/wavebg.jpg) top repeat-x; border: 1px solid #e5e5e5; font-size: 13px; margin-top: 20px; padding: 9px; margin-bottom: 20px; line-height: 1.5em; text-align: center;}

#ul.commentlist a,.subscribe a,.trackback a {color: #000;}

#video {font-size: 12px; text-align: center;}

#videosm {background: url(images/bg.jpg) top repeat-x; border: 1px solid #CCCCCC; color: #FFFF00; font-size: 13px; padding-top: 10px; padding-bottom: 10px; padding-left: 9px; padding-right: 9px; text-align: center;}


/* Other div classes */

#categories a:hover {text-decoration: underline; color: #333;}

#featuredhome a:hover {color: #666;}

#head a:hover {color: #fff;}

#trim div.recent a:hover {color: #fff;}

.footer a {text-decoration: none;}

.writer a:hover {text-decoration: underline;}

.navigation a:hover {color: #fff; letter-spacing: -1px; margin-bottom: 15px; margin-top: 15px; padding: 12px 10px; text-decoration: none;}

.nextnavigation a:hover {color: #000; text-decoration: none;}