/* Theme Name: Creative-Plane Hypnotherapy, by Awake Media Productions
 * Description: Theme for Creative-Plane Hypnotherapy website
 * Version: 1.0
 * Author: Rob Barrett, Awake Media Productions
 * Author URI: http://www.awake-media.com */
/* =====
 * Structure Elements */
html, body {
  min-height: 100%; }

html {
  background: #a7b9c3 url('images/bg-gradient.gif') repeat-x top left fixed; }

body {
  background: url(images/bg-rays.gif) no-repeat 5px top fixed;
  font: 62.5% Arial, sans-serif;
  line-height: 20px;
  color: #333333;
  padding-top: 30px;
  padding-bottom: 30px; }

#page {
  background-color: white;
  width: 800px;
  padding-bottom: 40px;
  margin-right: auto;
  margin-left: auto;
  -moz-border-radius: 20px;
  -khtml-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  }

#header {
  background-image: url(images/header.jpg);
  background-repeat: no-repeat;
  background-color: #3a6a9b;
  width: 779px;
  height: 100px;
  padding-top: 20px;
  padding-left: 21px;
  -moz-border-radius-topleft: 20px;
  -khtml-border-top-left-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  border-top-left-radius: 20px;
  -moz-border-radius-topright: 20px;
  -khtml-border-top-right-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  border-top-right-radius: 20px; }
  #header:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0; }
  * html #header {
    zoom: 1 /* IE6 */; }
  *:first-child+html #header {
    zoom: 1 /* IE7 */; }
  
  #header #site-title {width:554px; float:left;}
  
  #header #site-title a {
    text-indent: -999em;
    display: block;
    width: 554px;
    height: 75px; }
  #header #site-description {
    text-indent: -999em;
    width: 0;
    height: 0; }

#container {
  padding-right: 20px;
  padding-left: 20px; }
  #container:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0; }
  * html #container {
    zoom: 1 /* IE6 */; }
  *:first-child+html #container {
    zoom: 1 /* IE7 */; }

#content {
  width: 500px;
  float: left; }

#sidebar,
#primary {
  width: 240px;
  float: right;
  clear: right; }

#footer {
  background-color: #3a6a9b;
  width: 780px;
  margin-right: auto;
  margin-left: auto;
  clear: both;
  padding: 10px;
  margin-top: 2em; }
  #footer p {
    color: #FFF; }
  #footer a {
    color: #77ddff; }

/* =====
 * Content Elements */
h1, h2, h3, h4, h5, h6 {
  font-family: Arial, sans-serif;
  color: #003366;
  clear: both; }

#container h1, #container h2, #container h3 {
  line-height: 30px; }
#container h1 {
  font-size: 2.8em;
  margin-top: 0.714em; }
  li #container h1 {
    font-size: 2.154em; }
#container h2 {
  font-size: 2.2em;
  margin-top: 0.909em; }
  li #container h2 {
    font-size: 1.692em; }
#container h3 {
  font-size: 1.8em;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 1.111em; }
  li #container h3 {
    font-size: 1.385em; }
#container h4 {
  font-size: 1.6em;
  font-weight: bold;
  margin-top: 1.25em; }
  li #container h4 {
    font-size: 1.231em; }
#container h5, #container h6 {
  font-size: 1.4em;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 1.25em; }
  li #container h5, li #container h6 {
    font-size: 1.231em; }
#container h5 {
  color: #000;
  text-decoration: underline; }
#container h6 {
  color: #333333; }
#container p,
#container li,
#container th,
#container td {
  font-size: 1.3em; }
#container p {
  margin-top: 1.538em; }
  #footer #container p {
    font-family: Arial, sans-serif;
    font-size: 1em;
    color: #3a6a9b; }
#container ul, #container ol {
  margin-top: 2em; }
  #container ul ul, #container ul ol, #container ol ul, #container ol ol {
    margin-top: 0.385em; }
#container ul {
  list-style: disc;
  margin-left: 15px; }
  #container ul li {
    margin-left: 4px; }
#container ol {
  text-indent: -19px;
  margin-left: 19px;
  list-style-position: inside; }
#container li {
  margin-top: 0.385em; }
  #container li:first-child {
    margin-top: 0; }
  #container li li, #container li p {
    font-size: 1em; }
#container fieldset {
  width: 498px;
  padding: 10px;
  margin-top: 2em;
  border: solid 1px #CCC; }
#container legend {
  font-family: Arial, sans-serif;
  font-size: 1.2em;
  color: #333;
  padding: 0 10px; }
  #container legend + * {
    margin-top: 0; }
#container form {
  background-color: #cfd8de;
  width: 460px;
  padding: 20px;
  margin-top: 2em; }
  #container form *:first-child {
    margin-top: 0; }
  #container form fieldset {
    border-color: #999;
    width: auto; }
    #container form fieldset * {
      max-width: 426px; }
  #container form h1, #container form h2, #container form h3, #container form h4, #container form h5, #container form h6 {
    color: #000; }
  #container form label {
    display: block;
    margin-bottom: -0.769em; }
    #container form label.required {
      font-weight: bold; }
  #container form input {
    font-size: 1em;
    color: #333;
    margin-top: 1.538em; }
    #container form input[type=text],
    #container form input[type=password] {
      background-color: #FFF;
      border: solid 1px #3a6a9b; }
    #container form input[type=text],
    #container form input[type=password] {
      background-image: url(images/bg-input.gif);
      background-repeat: repeat-x;
      background-position: top left;
      width: 298px;
      padding: 5px; }
    #container form input[type=submit] {
      font-size: 1.154em;
      font-weight: bold;
      letter-spacing: 0.067em;
      color: #FFF;
      background-color: #3a6a9b;
      padding: 10px;
      border: none;
      cursor: pointer; }
      #container form input[type=submit]:hover {
        background-color: #184879; }
    #container form input[type=reset] {
      font-weight: bold;
      color: #FFF;
      background: #333;
      padding: 5px;
      border: none;
      cursor: pointer; }
    #container form input[type=radio],
    #container form input[type=checkbox] {
      margin-top: 1.538em; }
  #container form select {
    color: #333;
    background-color: #FFF;
    background-image: url(images/bg-input.gif);
    background-repeat: repeat-x;
    background-position: top left;
    width: 298px;
    padding: 5px;
    margin-top: 1.538em;
    border: solid 1px #3a6a9b; }
  #container form textarea {
    font-family: Arial, sans-serif;
    font-size: 1em;
    color: #333;
    background-color: #FFF;
    background-image: url(images/bg-input.gif);
    background-repeat: repeat-x;
    background-position: top left;
    width: 448px;
    min-height: 10.769em;
    padding: 5px;
    margin-top: 1.538em;
    border: solid 1px #3a6a9b; }
  #container form br {
    display: none; }
#container table {
  margin-top: 2em;
  border-style: solid;
  border-color: #CCC;
  border-width: 1px 0 0 1px; }
  #container table th,
  #container table td {
    padding: 5px;
    border-style: solid;
    border-color: #CCC;
    border-width: 0 1px 1px 0; }
    #container table th > ul,
    #container table td > ul {
      font-size: 0.769em; }
    #container table th > p,
    #container table td > p {
      font-size: 1em; }
    #container table th *:first-child,
    #container table td *:first-child {
      margin-top: 0; }
  #container table th,
  #container table thead td {
    font-size: 1.4em;
    font-weight: bold;
    border-bottom-width: 2px; }
#container blockquote {
  width: 480px;
  padding-left: 20px;
  border-left: solid 5px #003366;
  margin-top: 2em; }
  #container blockquote *:first-child {
    margin-top: 0; }
  #container blockquote blockquote {
    width: 460px;
    padding-left: 20px;
    border-left: solid 5px #3a6a9b; }

#sidebar .box,
#sidebar .widget-box,
#primary .box,
#primary .widget-box {
  font-size: 1em;
  background-color: #a7b9c3;
  width: 240px;
  padding: 0 0 2em;
  margin-top: 2em;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  overflow: hidden;
  -moz-border-radius: 20px;
  -khtml-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px; }
  #sidebar .box > *,
  #sidebar .widget-box > *,
  #primary .box > *,
  #primary .widget-box > * {
    padding-right: 20px;
    padding-left: 20px; }
  #sidebar .box h3,
  #sidebar .widget-box h3,
  #primary .box h3,
  #primary .widget-box h3 {
    font-size: 1.6em;
    font-weight: bold;
    color: #FFF;
    background-color: #003366;
    line-height: 1.25em;
    padding: 20px;
    margin-top: 0;
    margin-bottom: 1.25em;
    -moz-border-radius-topleft: 20px;
    -khtml-border-top-left-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    border-top-left-radius: 20px;
    -moz-border-radius-topright: 20px;
    -khtml-border-top-right-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px; }
#sidebar form,
#primary form {
  background: none;
  width: auto;
  padding: 0px; }

#footer p {
  font-size: 1.3em;
  margin-top: 1.538em; }
#footer > *:first-child {
  margin-top: 0; }

/* =====
 * Generic Styles */
a {
  color: #006699; }
  a:hover {
    text-decoration: none; }
  a:hover img {
    border-color: #AAA; }

sup {
  font-size: 0.833em;
  vertical-align: super; }

sub {
  font-size: 0.833em;
  vertical-align: sub; }

cite {
  font-size: 1.3em;
  font-style: italic;
  font-variant: small-caps;
  display: block;
  margin-top: 0.769em; }
  p cite {
    font-size: 1em;
    display: inline; }

acronym, abbr {
  border-bottom: dotted 1px #999999;
  cursor: help; }

pre {
  white-space: pre-wrap /* css-3 */;
  white-space: -moz-pre-wrap !important /* Mozilla, since 1999 */;
  white-space: -pre-wrap /* Opera 4-6 */;
  white-space: -o-pre-wrap /* Opera 7 */;
  word-wrap: break-word /* Internet Explorer 5.5+ */; }

small {
  font-size: 1em;
  display: block;
  margin-top: 2em; }

hr {
  color: transparent;
  background-color: #CCC;
  height: 1px;
  margin-top: 2em;
  border: 0px none #CCC; }

.normal {
  font-weight: normal; }

.hidden {
  display: none; }

.clear {
  clear: both; }
  div.clear {
    height: 0px; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0; }
* html .clearfix {
  zoom: 1 /* IE6 */; }
*:first-child+html .clearfix {
  zoom: 1 /* IE7 */; }

.float-right, .alignright {
  float: right;
  margin: 0 0 10px 20px; }

div.float-right, div.alignright {
  margin-right: 20px; }

.float-left, .alignleft {
  float: left;
  margin: 0 15px 10px 0; }

.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.larger {
  font-size: 1.143em /* 14px x 1.149 = 16px */; }
  #content p.larger {
    font-size: 1.6em; }

.smaller {
  font-size: 0.857em /* 14px x 0.857 = 12px */; }
  #content p.smaller {
    font-size: 1.2em; }

.subtle, .disclaimer {
  color: #666; }
  .subtle a, .disclaimer a {
    color: #666; }
  #sidebar p.subtle, #sidebar p.disclaimer {
    font-size: 1.1em;
    margin-top: 1.818em; }

.nowrap {
  white-space: nowrap; }

input[type=hidden] {
  display: none; }
  
  
  /* === secondary navigation === */
  
  #sec-nav {
/*bottom:20px;
position:absolute;
right:36px;*/
float:right;
padding-right:10px;
margin-top:55px;
}
#sec-nav  {
}
#sec-nav li {
	float:left;
	font-size:1.4em;
	font-weight:bold;
}
#sec-nav li a {
	background-color:#A7B9C3;
	color:#003366;
	padding:8px;
	text-decoration:none;
}
#sec-nav li a:hover {
	background-color:#003366;
	color:#fff;
}
#sec-nav li:first-child {
}
#sec-nav li:first-child a {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-topleft:5px;
}
#sec-nav li:last-child a {
-moz-border-radius-bottomright:5px;
-moz-border-radius-topright:5px;
}