/*
Theme Name: The ZLife
Theme URI: http://www.thezlife.com
Description: Custom theme by PHPoet
Version: 1.0
Author: Lee Blue
Author URI: http://www.PHPoet.com
*/

/* Reset for at least some hope of cross browswer consistency */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,
em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {font-size:100%;background:transparent;padding:0;border:0;margin:0;outline:0;vertical-align:baseline;}
html {overflow-y:scroll;}
body {line-height:1em;}
/* div {overflow:auto; overflow:hidden;} */
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}
abbr {cursor:help;}
img {vertical-align:bottom;}


body {
  background-image: url(images/bg_body.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #659EAD;
  margin: 0px;
  padding: 0px;
  font-family: helvetica;
  font-size: 14px;
}

/* Page layout */
#page {
  width: 946px;
  height: auto;
  margin: 0px auto;
}



#header {
  width: 946px;
  height: 330px;
  background-image: url(images/bg_header.png);
  background-repeat: no-repeat;
  position: relative;
}

#header_phone {
  display: block;
  float: right;
  color: #FFFFFF;
  padding: 78px 10px 0px 0px;
  font-size: 18px;
}

#header_message {
  color: #002961;
  font-size: 24px;
  text-align: center;
  width: 270px;
  position: absolute;
  top: 170px;
  left: 650px;
  line-height: 1em;
}

#logo_link {
  position: absolute;
  width: 325px;
  height: 200px;
  left: 330px;
  top: 0px;
  cursor: pointer;
}

#content {
  width: 946px;
  min-height: 500px;
  background-color: #FFFFFF;
  padding: 10px 0px;
  font-size: 14px;
  color: #454545;
  line-height: 1.3em;
  border: none;
  overflow: hidden;
}

#footer {
  width: 906px;
  height: 144px;
  background-image: url(images/bg_footer.png);
  background-repeat: no-repeat;
  padding: 0px 20px;
  margin: 0px;
}

#footer img {
  float: right;
  margin: 5px 10px 0px 0px;
}

#footer_copy {
  margin: 20px 0px 0px 0px;
  float: left;
  font-size: 11px;
  color: white;
  width: 100%;
}

#footer ul {
  list-style-type: none;
  float: right;
}

#footer ul li {
  float: left;
}

#footer a {
  color: white;
  text-decoration: none;
}

#footer a:hover {
  color: #999;
  text-decoration: underline;
}

#footer ul li a {
  display: block;
  margin: 0px 10px 0px 0px;
}

/* Navigation */
#header ul{
  padding-left:0px;
  margin:0;
}

#nav_top {
  list-style-type: none;
  margin: 30px 0px 0px 0px;
  padding: 30px 0px 0px 10px;
}

#nav_top > li {
  float: left;
}

#nav_top li a {
  display: block;
  padding: 0px 5px 0px 10px;
  color: #EEEEEE;
  text-decoration: none;
  height: 22px;
  font-size:12px;
}

#nav_top li a span{
  height:23px;
  display:block;
}

#nav_top a:hover {
  color: #C3C3C3;
}

#nav_top li,
#nav_top li.current_page_item span {
  height: 23px;
  display: block;
  margin: 1px 0px 0px 0px;
  line-height: 1em;
}

#nav_top li, #nav_top li.current_page_item {
  padding: 0px 10px 0px 5px;
}

#nav_top li.current_page_item a {
  color: #fff;
}

#nav_top > li > ul {
  position: absolute;
  list-style-type: none;
  display: none;
}
#nav_top > li > ul > li{
  float:none;
  display:block;
  padding:5px 10px 5px 5px;
}

#nav_top li ul li a{
  height:auto;
}

/* Navigation bottom */
#nav_bottom {
  position: relative;
  list-style-type: none;
  left: 0px;
  top: 205px;
  clear: both;
  margin: 0px;
  padding: 0px 0px 0px 10px;
  font-size: 12px;
}

#nav_bottom li {
  float: left;
}

#nav_bottom li a {
  display: block;
  padding: 0px 5px 0px 10px;
  color: #EEEEEE;
  text-decoration: none;
  height: 22px;
}

#nav_bottom li a:hover {
  color: #CECECE;
}

#nav_bottom > li > ul {
  position: absolute;
  list-style-type: none;
  display: none;
}

#nav_bottom li ul li, #nav_top li ul li {
  float: none;
  min-width: 135px;
  background-image: url(images/bg_subnav.jpg);
  line-height: 2em;
}

#nav_bottom li ul li a {
  height: 33px;
}

#nav_bottom li ul li ul {
  display: block;
}

#nav_bottom li ul li ul li a {
  padding: 0px 0px 0px 20px;
}

/* Feature */
#feature {
  display: block;
  margin: 0px auto 10px auto;
  width: 906px;
  height: 262px;
  background-image: url(images/bg_feature.png);
}

#feature_copy {
  margin: 25px 0px;
  float: left;
  width: 510px;
  line-height: 1.3em;
}

#feature h2 {
  color: #002961;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
}

/* Main Column */
#main {
  width: 520px;
  float: left;
  margin-left: 20px;
}

.page_preview {
  padding: 5px 10px;
}

.page_preview h2 {
  color: #002961;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0px 0px 10px 0px;
}

.page_preview p.continue {
  background-image: url(images/bg_continue.jpg);
  height: 29px;
  line-height: 2em;
  padding: 0px 10px;
  margin: 7px 0px;
}



.page_preview p.continue a {
  color: #0083B4;
  text-decoration: none;
  font-size: 12px;
}

/* Sidebar */
#sidebar {
  width: 348px;
  float: right;
  margin-right: 20px;
  background-image: url(images/bg_sidebar.jpg);
  padding: 0px;
}

#sidebar_content {
  padding: 10px 20px;
}

.post p{
margin:1em 0px;
}

.post h2{
margin-top:20px;
font-size:20px;
}

h2 a{
  text-decoration:none;
  color:#002961;
}

h3{
margin:15px 0px 7px 0px;
}

td{
padding:5px;
}

.more-link{
  color:#333;
}

.entry img { padding: 10px 0px; }

.dotted-line {font-size:1px; line-height:1px; height:1px; border-bottom:1px #333333 dashed; margin-bottom:8px; }

/* Image styles for WordPress editor */
img { border: none; }
img.alignright {float:right; margin:10px 0 1em 1em}
img.alignleft {float:left; margin:10px 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* TESTS */