/*
Theme Name: indexstyletest
Theme URI: http://www.laurelight.com/
Description: Theme dissection example
Version: 1.0
Author: eezeepeezee
Author URI: http://www.laurelight.com/
*/



#wrapper
{
  margin: 0px auto;
  width: 685px;
  width:expression(document.body.clientWidth < 605 ? “600px” : “85%” );
  }

div>#wrapper

{
  margin: 0 auto;
  min-width: 400px;
  width: 75%;
}

#header
{
  width: 75%;
  margin: 20px auto 20px auto;
  background-color: #666633;
   }

#header a
{
  text-decoration: none;
  color: #FFFFFF;
  }

h1 {
    width: 685px;
    margin: 5px auto;
    clear: both;
    padding: 0.5em;
    font-family: Georgia, Times, serif;
    color: white; 
    background: #663;
  }

h3 {
    margin: 10px auto;
    clear: both;
    padding: 0.5em;
    font-family: Arial, Verdana, Sans-Serif;
     }

.left {
  float: left;
  text-align: left;
  font-weight: bold;
  color: #fff;
  background: #663;
  width:675px;
  }

.right {
  float: right;
  text-align: right;
  color: #fff;
  background: #663;
  width: 100%;
  }



div.spacer {
  clear: both;
  }

body {
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 80%;
    color: white;
    background: #330 
    }

p {
    margin: 10px 20px 10px 20px;
    word-spacing: 3px;
    line-height: 1.3
    }

p.links {
    margin: 20px 20px 40px 20px;
    padding: 0.2em;
    word-spacing: 95px;
    text-align: center;
    background: #33001A
   }

p#quote {
    padding: 0.2em;
    text-align: center;
    word-spacing: normal;
    line-height: normal;
    font-size: 113%;
    font-style: italic;
    }

p#sig {
    text-align: right;
    margin: 5px 130px 20px 0px;
    word-spacing: normal;
    line-height: normal;
    font-size: 115%;
    }

.floatleft {
    float: left;
    margin: 25px 20px 5px 10px;
    text-align: center;
    background: #F2FFE5;
    }

.floatright { 
    float: right;
    margin: 25px 20px 5px 10px;
    text-align: center;
    background: #F2FFE5;
    }

.lrgfont {
   font-size: 16pt;
   font-variant: small-caps;
   font-weight: bold
    }

a {
  text-decoration: none;
    }

a img:hover {
  color: #f90;
   }
   
a:link {
    color: #FF9;
   }

a:visited {
    color: #FF8C1A
   }

#content a:link {
   color: #330;
   text-decoration: none;
   }

#content a:visited {
   color: #663;
   text-decoration: none;
   }

hr {
    height: 5px;
    width: 400px;
    background-color: #33001A
    }

.footer {
  margin: 2em auto;
  clear: both;
  text-align: center;
  width: 685px;
  color: #D4D4D4;
  padding: 5px;
  background-color: #33001A;
    }

#nav {
      width: 20%;
      float: left;
      margin-top: 20px;
      background-color: #33001A;
      border: 1px solid #FDE5C3;
      text-align: left;
      color: #FFFFFF;
      }

#nav ul h2
  {
   background-color: #70003A;
   border-bottom: 1px solid #FADA96;
   border-top: 1px solid #FADA96;
   font-size: 1.2em;
   font-weight: normal;
   padding:0;
   margin:5px 0px 5px 0px;
      }

#nav p
  {
   padding: 0;
   margin: 8px 5px 10px 3px;
   }

#nav ul
{
  list-style: none;
  padding:0;
   margin:5px 0px 5px 2px;
   }

#nav ul ul ul
{
  padding: 0;
  margin: 5;
 }

#content
 {
  width:75%;
  float: right;
  margin-top: 20px;
  color: #000000;
  background-color: #F2FFE5;
  }

#content ol
{
   list-style: none;
   padding:5px;
   margin:5px 0px 5px 2px;
   }

.spacer 
 {
  clear: both;
  }