/*
Theme Name: Vita H2o
Theme URI: http://www.vitah2oonline.com
Description: Vita H2o theme is based on a fixed width, 2 column, with left side nav from http://www.tomorrows-laundry.com
Author: Green Bird Media
Author URI: http://www.greenbirdmedia.com

/*-----------Block Level Elements--------------*/
* {margin:0;padding:0;}
body {background:#f60; font-size:100%; font-family:Arial, Helvetica, sans-serif;}
#page {width: 946px; margin: 0 auto; background:#fff url(images/page_top.png) no-repeat top left; position:relative;}
#phone {color:#fff;font-size:1.25em; position:absolute; top:30px; right:70px;}
#header {width: 850px; height:310px; margin:0 auto; position:relative; border-bottom: solid 2px #f60; background:url(images/header_bg.jpg) no-repeat 365px bottom;}
#header1 { }
#header1 h1 {color:#009fda; font-size:1.375em; text-align:center; width:375px; padding:103px 0 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif;}
#header1 h1, #header h1 a:link, #header h1 a:visited {color:#009fda; text-decoration:none;}
#header h1 a:hover, #header h1 a:active { color:#009fda; text-decoration:none; }
.description { color:#f60; font-size:1.3125em;font-family:Tahoma, Arial, Helvetica, sans-serif; width:375px; text-align:center; padding: 30px 0 0 0;}
#header ul#buttons { position:absolute; top:103px; right:0px;}
#header ul#buttons li { background: url(images/btn_bg.png) no-repeat left top; width:181px; height:43px; list-style-type:none; text-align:center; padding:12px 0 0 0; margin:0 0 20px 0; text-transform:uppercase; color:#fff;font-size:1em; font-weight:normal;}
#header ul#buttons li a { color:#fff; text-decoration:none;}
#header ul#buttons li a:hover {color:#f60; text-decoration:none;}
#wrapper {width: 850px; margin:0 auto;}
#midsection { width:850px; border-bottom: solid 2px #f60; padding: 30px 0 30px 0; position:absolute; top:300px; left:48px;}
#midsection div.blue {width:183px;float:left;margin: 0 36px 0 0;background:url(images/vita_blue.png) no-repeat left top;}
#midsection div.orange {width:183px;float:left;margin: 0 36px 0 0;background:url(images/vita_orange.png) no-repeat left top;}
#midsection div.green {width:183px;float:left;margin: 0 36px 0 0;background:url(images/vita_green.png) no-repeat left top;}
#midsection div.brown {width:183px;float:left;margin: 0 0px 0 0;background:url(images/vita_brown.png) no-repeat left top;}
#midsection div.blue2 {width:183px;float:left;margin: 0 36px 0 0;}
#midsection div.orange2 {width:183px;float:left;margin: 0 36px 0 0;}
#midsection div.green2 {width:183px;float:left;margin: 0 36px 0 0;}
#midsection div.brown2 {width:183px;float:left;margin: 0 0px 0 0;}
#midsection p.desc { font-size:.75em; color:#4d4d4d; padding:10px 8px 8px 8px; height:80px; text-align:left;}
#midsection p.learn { font-size:.75em; color:#fff; text-align:center; background:url(images/learn_more.gif) no-repeat left top; text-transform:uppercase; width:97px; height:20px; padding:3px 0 0 0; margin:12px auto 0 auto;}
#midsection p.learn2 { font-size:.75em; color:#fff; text-align:center; background:url(images/learn_more.gif) no-repeat left top; text-transform:uppercase; width:97px; height:20px; padding:3px 0 0 0; margin:12px auto 0px auto;}
#midsection p.learn a, #midsection p.learn a:hover, #midsection p.learn2 a, #midsection p.learn2 a:hover { color:#fff; text-decoration:none;}
#content {float: right;width: 74%;padding:354px 0 0 0;}
#sidebar {width: 22%;margin-right: 74%;padding:354px 0 0 0;}
#content2 {float: right;width: 74%;padding:210px 0 0 0;}
#sidebar2 {width: 22%;margin-right: 74%;padding:210px 0 0 0;}
#sidetxt { width:183px; height:305px; background:url(images/side_bg.png) no-repeat left top;}
#footer {width: 100%; height:100px; background:#fff url(images/footer_btm.png) no-repeat left bottom; clear: both; text-align:center; padding: 28px 0 0 0; font-size:.75em; color:#ccc;}
#footer a {color:#ccc; text-decoration:none;}
#footer a:hover {color:#009fda; text-decoration:none;}
#footer ul { display:inline;}
#footer li { display:inline;list-style-type:none; padding: 0 4px 0px 4px;}

/*-------------Headings-------------*/
h1 {color:#009fda; font-size:1.375em; padding:0 0 10px 0; font-family:Tahoma, Arial, Helvetica, sans-serif;}
h2 {color:#009fda; font-size:1.25em; padding:0px 0 10px 0; font-family:Tahoma, Arial, Helvetica, sans-serif;}
h3 {color:#8dc842; font-size:1em; padding:0px 0 10px 0; font-family:Tahoma, Arial, Helvetica, sans-serif;}
h4 {color:#8dc842; font-size:.875em; padding:0px 0 10px 0; font-family:Tahoma, Arial, Helvetica, sans-serif;}
h5 {color:#8dc842; font-size:.75em; padding:0px 0 10px 0; font-family:Tahoma, Arial, Helvetica, sans-serif;}
/*-------------The Post-------------*/
h2 a:hover, h2 a:visited, h2 a {color:#009fda; font-size:1.25em; width:375px; padding:0px 0 10px 0; font-family:Tahoma, Arial, Helvetica, sans-serif;}
.post {}
.post p { color:#4d4d4d; font-size:.8125em; padding:0 0 20px 0; text-align:justify;}
.post a {color:#8dc842; text-decoration:none}
.post a:hover {color:#f60; text-decoration:none}
.post p.edit { margin: 0px 0 20px 0;font-size:75%; }
.post p.edit a:link, .post p.edit a:visited {color:#f60;text-decoration:none;background:url(images/edit.png) no-repeat left top;padding:2px 0 4px 18px;}
.post p.edit a:hover, .post p.edit a:active {color:#009fda;text-decoration:none;background:url(images/edit.png) no-repeat left top;padding:2px 0 4px 18px;}
.post table { margin: 0 0 20px 30px;}
.post td {color:#4d4d4d; font-size:.8125em; padding: 2px 0;}
.post td.uline {border-bottom:1px solid #4d4d4d;}
.post ul, .post ol {color:#f60; font-size:.8125em; padding:0 0 20px 30px;}
.post li { list-style-type:none; padding:0 0 4px 0;}
.entry {}
.entrytext .postmetadata {}
.postmetadata alt {}
.postmetadata a {}
.navigation {}
.alignleft {}
.alignright {}
.center {}
.pagetitle {}
blockquote {color:#f60; font-size:.8125em; padding:0 0 20px 30px; font-style:italic;}
cite {color:#f60; font-size:.8125em; padding:0 0 20px 30px; font-style:italic;}
a img { border:none;}
acronym, abbr {}
/*--------------Sidebar------------*/
#sidetxt h2 {color:#009fda; font-size:1.25em; width:181px; padding:10px 0px 10px 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center;}
#sidetxt ul li {color:#f60; font-size:1em; padding:0 0 2px 0px; text-align:center; list-style-type:none;}
#sidebar2 p.learn { font-size:.75em; color:#fff; text-align:center; background:url(images/learn_more.gif) no-repeat left top; text-transform:uppercase; width:97px; height:20px; padding:3px 0 0 0; margin:12px 0 0 40px;}
#sidebar2 p.learn a, #sidebar p.learn a:hover { color:#fff; text-decoration:none;}
#sidebar ul {}
#sidebar ul h2 {color:#009fda; font-size:1.25em;  padding:0px 0 10px 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; }
#sidebar ul li { list-style-type:none;}
#sidebar ul ul {}
#sidebar ul ul li {}
#sidebar ul ul ul {}
#sidebar2 p {color:#009fda; font-size:1em; width:181px; padding:0px 0px 10px 0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-align:center;}
#sidebar a {}
#sidebar a:hover {}
#sidebar a:visited {}
form#searchform {}
/*--------------Comments--------------*/
ol.commentlist {}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist a {}
small.commentmetadata {}
textarea#comment { width:80%;}
/*--------------Search Form-------------*/
#searchform {}
#searchform input {}
#searchform #s {}
/*-------------Calendar-----------------*/
#wp-calendar {}
#wp-calendar th {}
#wp-calendar a {}
#prev a, #next a {}
#wp-calendar caption {}
/*-------------Images------------------*/

/*-------------Other------------------*/
hr {display: none;}
.clear { clear:both; height:1px;}
.divider {border-bottom: solid 2px #f60; height:2px; width:850px; margin:0 auto 10px auto;}
/*-------------Suckerfish Menu-------------*/
 /* all lists */
ul#nav {list-style: none;line-height: 1;background: url(images/nav_bg.png) no-repeat left top;width: 559px; height:25px; position:absolute; left:0px; top:34px; padding: 8px 0 0 35px; text-transform:uppercase; font-size:.875em;}
ul#nav li a {display: block; color:#f60; text-decoration:none;padding: 0 10px 10px 10px; background:url(images/nav_divider.png) no-repeat left top;}
ul#nav li:first-child a {display: block; color:#f60; text-decoration:none;padding: 0 10px 10px 10px;background:none;}
ul#nav li.first a {display: block; color:#f60; text-decoration:none;padding: 0 10px 10px 10px;background:none;}
/* all list items */
ul#nav li {float: left; text-align:left; /* width needed or else Opera goes nuts */}
/* second-level lists */
ul#nav li ul { position: absolute;padding:0px 0 0 0;background: #f1f8fb;border:solid 1px #c9d5e1;border-top:none;width: 100px; height:auto;left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
ul#nav li ul li { list-style-type:none; text-align:left;}
ul#nav li ul li a { padding:5px 0 5px 10px;width: 90px;background:none;}
ul#nav li ul li:first-child a { padding:5px 0 5px 10px;width: 90px;background:none;}

ul#nav li ul li a:hover { padding:5px 0 5px 10px;width: 90px;background:#c9d5e1;}
ul#nav li:hover ul, ul#nav li.sfhover ul { /* lists nested under hovered list items */left: auto;}