/*
THEME NAME: Human Animal Solutions
*/
/* ------------------------ */
/* Reset Styles */
/* ------------------------ */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }


/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* ------------------------ */
/* Base Styles */
/* ------------------------ */

.clear { clear: both;}

h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.2;
  margin: 0 0 .3em;
}
h1 {
  margin-bottom: .1em;
  font: bold 3em Arial, sans-serif;
  color: #666;
}
h2 {
  font-size: 1.5em;
  margin-bottom: .1em;
}
h3 {
  font-size: 1.2em;
}
h1 small, h2 small, h3 small {
  color: #666;
  font-weight: normal;
}
em { font-style: italic; }
p, li, dt, dd {
  font: normal .8em/1.4 Verdana, sans-serif;
}
p { margin: 0 0 1em; }
p li { font-size: .9em; }
ul, ol {
  margin: 0 0 1em 1.5em;
}
ul ul {
  margin: 1em 1.5em;
  list-style: square;
}
li p, li li, dl p, dt p { font-size: 1em; }
li {
  margin: 0 0 .2em;
}
.large { font-size: 1em; }
a {
  color: #00571F;
  text-decoration: none;
}
#content a { border-bottom: 1px solid #999; }
a:hover, #content a:hover {
  border-bottom: 1px solid #00571F;
}

blockquote p {
  margin: 0 2em 1em;
  font-size: .7em;
  color: #333;
  line-height: 1.7;
}

/* ------------------------ */
/* Layout Styles */
/* ------------------------ */
body {
  background: #FCF9CE;
  padding: 0 20px;
  margin: 0;
}
#wrapper {
  width: 900px;
  background: #fff url(images/yellow_background_300.gif) repeat-y top right;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  border-bottom: 10px solid #00571F;
}
h1#logo {
  text-indent: -20000px;
  background: url(images/logo.gif) no-repeat;
  height: 134px;
  margin: 0 0 20px;
}
#menu {
  background-color: #00571F;
  color: #fff;
  padding: 0 15px;
}
#menu ul {
  margin: 0;
  list-style: none;
  width: 100%;
  height: 35px;
}
#menu li { 
  margin: 0;
  float: left;
  display: block;
  padding-right: 0;
  position: relative;
}
#menu li a {
  float: left;
  display: block;
  padding: 10px 10px;
  height: 15px;
  vertical-align: middle;
  color: #fff;
  font: normal .9em Verdana, sans-serif;
  text-decoration: none;
  margin: 0 5px;
}
#menu li a:hover, #menu ul li.over a {
  border: none;
  background-color: #2D6B34;
}
#menu li.right a, #menu li:last-child, #menu li:last-child a {
  float: right;
}
#menu a.current { color: #FFB200; }

#menu ul ul {
display: none;
background-color: #fff;
border: 1px solid #eee;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
width: 12em;
height: auto;
margin: 0 5px;
position: absolute;
top: 35px;
left: 0;
}
#menu ul li:hover ul, #menu ul li.over ul {
  display: block;
}
#menu ul ul li, #menu ul ul li:last-child {
  float: none;
}
#menu ul li:hover li a {
  background-color: #fff;
  color: #000;
  height: auto;
  float: none;
  font-size: .85em;
  padding: 5px 10px;
  margin: 0;
}
#menu ul li li a:hover {
text-decoration: underline;
}

#content {
  float: left;
  width: 540px;
  padding: 30px 30px 0;
}
#aside {
  background: #FFB200;
  float: right;
  width: 300px;
  overflow: hidden;
}
#aside p.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 270px 50px 5px 50px;
  width: 220px;
  margin: 0;
  background: url(images/tree_yellow.png) no-repeat -10px 0;
  font-size: .7em;
}
#aside p.footer a { border-bottom: 1px solid #00571F;}
#aside p.footer img {
  position: absolute;
  bottom: 0;
  right: 0;
}

#aside img.itsaboutrelationships { margin: -153px 0 0; }

/* ------------------------ */
/* Shared Styles */
/* ------------------------ */

div.content {
  clear: both;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1em;
  overflow: hidden;
  width: 100%;
}

.introduction p {
  font-size: .9em;
  line-height: 1.6;
  color: #666;
  font-style: italic;
}
.content a { border-bottom: 1px solid #ccc;}

div.photo {}
div.left_captioned, div.right_captioned { width: 250px;   }
div.center { margin: 0 auto 1em; }
div.photo p {
  margin: 0;
  color: #666;
  font-size: .75em;
}
div.left, div.right {
  clear: both;
  margin-bottom: 5px;
}
div.left { 
  float: left; 
  margin-right: 10px;
}
div.right { 
  float: right; 
  margin-left: 10px;
}
dl.default {
	width: 100%;
	margin: 0 0 .25em;
}
dl.default dd, dl.default dt {
	padding: .1em .1em .1em 0;
	margin: 0;
	min-height: 1.2em;
	font-size: .75em;
}
dl.default dt {
	width: 10em;
	float: left;
	margin: 0;
	font-weight: bold;
}
dl.default dd { margin-left: 10em; }
dl.default dd.not_first { border-top: none; }

div.testimonial {
  position: absolute;
  right: 0;
  margin: 1em 0 0;
  width: 300px;
  padding: 0;
  background: #FFD480;
/*  border: 1px solid #ccc;*/
}
div.testimonial h4 {
  font: normal .8em Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  background: url(images/arrow.png) no-repeat;
  color: #666;
  margin: 0 0 -23px -18px;
  padding: 15px 0 0 32px;
  height: 40px;
}
div.testimonial p {
  padding: 0 15px;
}

ul.list {
  margin: .5em 0 1em;
  list-style: none;
}
ul.list li {
  margin: -1.25em 0 1em;
  overflow: hidden;
  width: 100%;
  padding: 0;
}
ul.list li img { 
  float: left; 
  padding: 1.5em 0 0;
  margin: 0;
}
ul.list li h3, ul.list li p {
  padding: 0;
  margin: 0 0 0 60px;
}
ul.list li h3 { font: bold .9em Verdana, sans-serif; }
ul.list li h3 a {
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid #ccc;
}
ul.list li p { font-size: .9em; }

ul.products li { margin: 0; }
ul.products li p { margin-bottom: 1em !important; }
ul.products { margin: 0 0 1em; }
ul.products li h3, ul.products li p { margin: 0; }
ul.products li h3 { 
  font: bold 1.2em Helvetica, sans-serif; 
  margin: 0 0 .2em;
}
ul.products li img { 
  float: right; 
  padding: 0 0 10px 10px;
}
ul.products li div.paypal { 
  margin: 1em 0;
}

ul.products li.ebook {
background-color: #ececff;
padding: 20px 30px 1px;
margin:  0 -30px;
}

p.notice {
  border: 1px solid #ccc;
  background-color: #ffc;
  padding: 6px 10px;
}



/* ------------------------ */
/* Home-page Specific Styles */
/* ------------------------ */
body#home #wrapper {
  background-image: none;  
  background: #fff url(images/tree_grey_trimmed.png) no-repeat bottom right;
}

body#home #content { 
  float: right;
  width: 411px; 
}
body#home #aside {
  float: left;
  width: 429px;
  padding: 0;
}
body#home p.footer { 
  width: auto; 
  padding-top: 350px;
  padding-left: 60px; 
  padding-right: 10px;
}
body#home p.footer img { left: 0; }


body#home #aside p.footer {
  position: relative;
}
#home h2 {
  font-weight: normal;
  font-size: .8em;
  text-transform: uppercase;
}
.calendar {
  background: #C6D2C1 url(images/tree_green.png) no-repeat -30px -50px;
  margin: 1em -30px;
  padding: 15px 30px 5px;
}
.calendar h2 { font-size: 1em;}
#content .calendar h2 a { color: #000; border: none; }
.calendar h2 a small {
  color: #00571F;
  text-transform: none;
  font: normal .8em Verdana, sans-serif;
}
.calendar p {
  font-size: .7em;
  margin: 0 0 .75em;
}
#content .calendar p a { border-bottom: 1px solid #00571F; }



/* ------------------------ */
/* Calendar Specific Styles */
/* ------------------------ */
p.related {
  color: #666;
  margin: -.5em 0 1em;
}
p.related a {
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}
body#calendar dd, body#calendar dt {
  border-top: 1px solid #ccc;
  padding-top: 1em;
} 
body#calendar dl {
  border-bottom: 1px solid #ccc;
  margin: 0 0 1em;
}