/* site.css
 * Copyright (C) 2009 WebTransformer.com - All Rights Reserved.
 * Used with permission at lisafritsch.com
 */

/* === Default HTML Styles === */

* {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-family: Helvetica, 'Century Gothic', Verdana, sans-serif;
}

body {
  font-size: 80%;
  color: #FFFFFF;
  background: #000000;
}

p, table, tr, td, th, a {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

ol {
  margin-left: 2.4em;
  padding-top: 0.4em;
}

ul {
  margin-left: 2.4em;
  padding-top: 0.4em;
  list-style: none;
}

li {
  padding-top: 0.2em;
}

h1, h2, h3, h4 {
  font-weight: bold;
  padding-bottom: 0.0em;
}

h1 {
  padding-top: 0.0em;
  font-size: 1.2em;
  letter-spacing: 3px;
  color: #ffc529;
}

h2 {
  padding-top: 1.2em;
  font-size: 1.0em;
  letter-spacing: 2px;
  color: #ffc529;
}

h3 {
  padding-top: 0.6em;
  font-size: 0.95em;
  letter-spacing: 1px;
}

h4 {
  padding-top: 0.4em;
  font-size: 1.0em;
  letter-spacing: 2px;
  color: #ffc529;
}

table {
  border-collapse: collapse;
}

tr, td, th {
  vertical-align: top;
}

p {
  padding-top: 1.2em;
  line-height: 156%;
}

a {
  text-decoration: none;
  color: #00aeed;
}

a:hover {
  text-decoration: underline;
  color: #00aeed;
}

/* === Custom Class Styles === */

p.highlight {
  font-size: 1.2em;
}

p.indenthigh {
  font-size: 1.1em;
  padding-left: 2em;
}

p.indent {
  padding-left: 2em;
}

input, textarea {
  border: 1px solid #585a5c;
  font-size: 1.0em;
  background-color: #000000;
  color: #ffffff;
  margin-bottom: 6px;
}

.inputform {
  color: #dddddd;
}

.submitbutton {
  padding-top: 6px;
  border: none;
  background: url('images/submit-btn.gif') no-repeat top left;
  width: 72px;
  height: 23px;
}

p.by_line {
  padding-top: 4px;
  padding-bottom: 1.2em;
  line-height: 115%;
  text-align: right;
  font-weight: bold;
}

/* === Custom ID Styles === */

#Banner {
  margin: 30px;
  text-align: center;
}

#PageBorder {
  width: 821px;
  height: 449px;
  margin-left: auto;
  margin-right: auto;
  background-image: url('images/background.gif');
  background-repeat: no-repeat;
}

#PageBorder_NoBG {
  width: 821px;
  height: 449px;
  margin-left: auto;
  margin-right: auto;
  background-image: url('images/background-blog.gif');
  background-repeat: no-repeat;
}

#Page {
  width: 817px;
  height: 445px;
  padding-left: 2px;
  padding-top: 2px;
  overflow: hidden;
  font-size: 85%;
  font-family:  'Century Gothic', Verdana, Helvetica, sans-serif;
}

#LeftNav {
  float: left;
  width: 80px;
  height: 415px;
  margin-top: 16px;
}

#Content_Home {
  float: left;
  width: 535px;
  height: 410px;
  padding-top: 35px;
  padding-right: 25px;
  padding-left: 42px;
}

#Content_Home_Noads {
  float: left;
  width: 670px;
  height: 410px;
  padding-top: 35px;
  padding-left: 42px;
  padding-right: 25px;
  overflow: hidden;
}

#Content {
  float: left;
  width: 535px;
  height: 410px;
  padding-top: 35px;
  padding-right: 25px;
  padding-left: 42px;
  overflow: auto;
  font-size: 108%;
}

#Content_Noads {
  float: left;
  width: 670px;
  height: 410px;
  padding-top: 35px;
  padding-left: 42px;
  padding-right: 25px;
  overflow: auto;
  font-size: 108%;
}

#Content_Blog {
  float: left;
  width: 715px;
  height: 445px;
  padding-left: 22px;
}

#Content_Container {
  position: relative;
}

#nav_about, #nav_writing, #nav_blog, #nav_radio, #nav_likes, #nav_book {
  display: block;
  width: 58px;
  height: 58px;
  padding-bottom: 13px;
  padding-left: 20px;
}

#nav_about a {
  display: block;
  width: 58px;
  height: 58px;
  background-image: url("images/about-i.gif");
}

#nav_about a:hover {
  display: block;
  width: 58px;
  height: 58px;
  background-image: url("images/about-m.gif");
}

#nav_writing a {
  display: block;
  width: 58px;
  height: 58px;
  background-image: url("images/writing-i.gif");
}

#nav_writing a:hover {
  display: block;
  width: 58px;
  height: 58px;
  background-image: url("images/writing-m.gif");
}

#nav_blog a {
  display: block;
  width: 58px;
  height: 58px;
  background-image: url("images/blog-i.gif");
}

#nav_blog a:hover {
  display: block;
  width: 58px;
  height: 58px;
  background-image: url("images/blog-m.gif");
}


#nav_radio a {
  display: block;
  width: 58px;
  height: 58px;
  background-image: url("images/radio-i.gif");
}

#nav_radio a:hover {
  display: block;
  width: 58px;
  height: 58px;
  background-image: url("images/radio-m.gif");
}

#nav_likes a {
  display: block;
  width: 58px;
  height: 58px;
  background-image: url("images/likes-i.gif");
}

#nav_likes a:hover {
  display: block;
  width: 58px;
  height: 58px;
  background-image: url("images/likes-m.gif");
}

#nav_book a {
  display: block;
  width: 58px;
  height: 58px;
  background-image: url("images/book-i.gif");
}

#nav_book a:hover {
  display: block;
  width: 58px;
  height: 58px;
  background-image: url("images/book-m.gif");
}

#Home_Photo1 {
  position: absolute;
  top: 0px;
  left: 375px;
  width: 119px;
  text-align: right;
  color: #a8a9ab;
  font-size: 85%;
}

#Home_PhotoD1 {
  position: absolute;
  top: -420px;
  left: 375px;
  width: 119px;
  text-align: right;
  color: #a8a9ab;
  font-size: 85%;
}

#Home_Photo2 {
  position: absolute;
  top: 120px;
  left: 241px;
  width: 119px;
  text-align: right;
  color: #a8a9ab;
  font-size: 85%;
}

#Home_PhotoD2 {
  position: absolute;
  top: -300px;
  left: 241px;
  width: 119px;
  text-align: right;
  color: #a8a9ab;
  font-size: 85%;
}

#Home_Photo3 {
  position: absolute;
  top: 238px;
  left: 375px;
  width: 119px;
  text-align: right;
  color: #a8a9ab;
  font-size: 85%;
}

#Home_PhotoD3 {
  position: absolute;
  top: -182px;
  left: 375px;
  width: 119px;
  text-align: right;
  color: #a8a9ab;
  font-size: 85%;
}

#Home_Quote1 {
  position: absolute;
  top: 10px;
  left: 20px;
  width: 296px;
  font-size: 90%;
  line-height: 115%;
  color: #9ed16a;
}

#Home_Quote2 {
  position: absolute;
  top: 135px;
  left: 0px;
  width: 220px;
  font-size: 90%;
  line-height: 115%;
  color: #ea77b0;
}

#Home_Quote3 {
  position: absolute;
  top: 265px;
  left: 50px;
  width: 266px;
  font-size: 90%;
  line-height: 115%;
  color: #f89828
}

#Home_RadioBlurb {
  position: absolute;
  top: 39px;
  left: 508px;
  width: 146px;
  line-height: 115%;
  font-size: 120%;
  color: #ffc526;
}

#Home_PromoBlurb {
  position: absolute;
  top: 150px;
  left: 390px;
  width: 275px;
  line-height: 125%;
  font-size: 150%;
  color: #ffc526;
}

#Home_FaceBook {
  position: absolute;
  top: 345px;
  left: -12px;
}

#Contact_Quote1 {
  position: absolute;
  top: 260px;
  left: 455px;
  width: 211px;
  font-size: 90%;
  line-height: 115%;
  color: #9ed16a;
}

#Illustration {
  float: right;
  width: 217px;
  text-align: right;
  padding-bottom: 18px;
  padding-left: 33px;
  color: #a8a9ab;
  font-size: 85%;
}

#Illustration_WithCaption {
  float: right;
  width: 217px;
  text-align: right;
  padding-bottom: 18px;
  padding-left: 33px;
  font-size: 90%;
  text-align: center;
}


#Video {
  width: 480px;
  height: 300px;
  border: 2px solid #585a5c;
  margin-left: 44px;
  margin-top: 30px;
}

#Ads {
  float: left;
  width: 119px;
  height: 415px;
  margin-top: 16px;
}

#Footer {
  width: 821px;
  padding-top: 10px;
  margin-left: auto;
  margin-right: auto;
  color: #a8a9ab;
  font-size: 85%;
}

#Copyright {
  float: left;
}

#FooterNav {
  float: right;
  text-align: right;
}

#FooterNav a {
  padding-left: 6px;
  padding-right: 6px;
  font-weight: bold;
  color: #a8a9ab;
  text-decoration: none;
}

#FooterNav a:hover {
  padding-left: 6px;
  padding-right: 6px;
  font-weight: bold;
  color: #a8a9ab;
  text-decoration: underline;
}