* {
  margin: 0;
  padding: 0;
}

html {
  min-height: 100%;
  height: 100%;
  margin-bottom: 0px;
  background: #000000 url(images/bggrad.jpg) 50% 0;
}


body {
  height: 100%;
  min-height: 100%;
}


/* Widths */

div#header {
  height: 145px;
}

div#layout {
  /* total width */
  width: 800px;
  min-height: 100%;
  background: #ffffff url(images/bgyellow.gif) no-repeat scroll top;
}

div#leftbar {
  width: 350px;
}

div#rightbar {
  width:175px;
  margin-left: -100%;! /* don't change or move */
  margin-left: -175px; /* same as width */
}

body.left div#main {
  /* width of leftbar */
  margin-left: 350px;
}

body.right div#content {
  /* total - leftbar - rightbar */
  width: 275px;
}


/* Actual structure, don't edit */

div#layout {
  text-align:left;

  /* Keeps it centered */
  margin-left: auto;
  margin-right: auto;
}

div#wrapper {
  float: left;
  width: 100%;
  height: 400px;
}

div#wrapper-inner {
  float: left;
  width: 100%;
  margin: 0 -95% 0 0;
}

body.right div#content {
  float: left;
  height: 400px;

}

div#leftbar {
  float: left;
  position: relative;
  left: -5%;
}

div#rightbar {
  float: right;
  margin: 0;
}

div#menu {
  float: right;
  clear: both;
  margin: 0;
  width: 142px;
  overflow: visible;
  border: 0px solid #0000ff; 
}

div#menu2 {
  float: right;
  clear: both;
  margin: 0;
  width: 142px;
  overflow: visible;
  border: 0px solid #0000ff; 
}

div#submenu {
  float: right;
  clear: both;
  margin: 0;
  padding: 50px 0 0 0;
  width: 135px;
  overflow: visible;
  border: 0px solid #ff0000; 
}

div#footer {
  clear: both;
}


/* markup free clearing */

    div#wrapper:after,
    div#wrapper-inner:after,
    div#content:after,
    div#main:after,
    div#main:before {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
    }

    div#wrapper,
    div#wrapper-inner,
    div#content,
    div#main,
    div#main {
      display: inline-block;
    }

    /* Hides from IE-mac \*/
    * html div#wrapper,
    * html div#wrapper-inner,
    * html div#content,
    * html div#main,
    * html div#main {
      height: 1%;
    }
    div#wrapper,
    div#wrapper-inner,
    div#content,
    div#main,
    div#main {
      display: block;
    }
    /* End hide from IE-mac */



/* Text Styles */

#content p {
  color: #000000;
  font: normal 0.7em/1.2em Trebuchet MS, Helvetica, sans-serif;
  margin: 0 20px 1em 15px;
}

#content h1 {
  color: #000000;
  font: normal bold 0.9em/1.2em Trebuchet MS, Helvetica, sans-serif;
  margin: 0 20px 1em 15px;
}

#content a:{
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

#content a:visited {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

#content a:hover {
  color: #8c8c8c;
  font-weight: bold;
  text-decoration: underline;
}


#footer p {
  color: #8c8c8c;
  font: normal 0.7em/1.2em Trebuchet MS, Helvetica, sans-serif;
  margin: 0 0 1em 10px;
}



/* Menu Styles */

#menu ul, #submenu ul, #menu2 ul {
  list-style-type: none;
  text-align: left;
  margin: 0;
  border: 0px solid #336699; 
}

#menu ul li, #submenu ul li, #menu2 ul li {
  margin: 0 0 0.4em 0;
}

#menu a, #menu2 a {
  color: #8c8c8c;
  font: normal bold 0.75em/1.3em Trebuchet MS, Helvetica, sans-serif;
  text-decoration: none;
  padding: 0 0 0 5px;
  display: block;
}

#submenu ul li {
  color: #8c8c8c;
  font: normal bold 0.75em/1.3em Trebuchet MS, Helvetica, sans-serif;
}

#submenu a {
  color: #8c8c8c;
  text-decoration: none;
  padding: 0 0 0 5px;
  display: block;
}



#menu a:visited, #submenu a:visited, #menu2 a:visited {
  color: #8c8c8c;
}

#synopsis #menu #option1 a,
#bio #menu #option2 a,
#characters #menu #option3 a,
#raspe #menu #option4 a,
#syndrome #menu #option5 a,
#buyit #menu #option6 a,
#reviews #menu #option7 a,
#bbyrne #menu #option8 a { 
  background: #ffffff;
  color: #000000;
  border-style: solid; 
  border-width: 0 0 0 2px;
  border-color: #8c8c8c; 
}

.brightside #submenu #option9 a,
.wattle #submenu #option10 a,
.ridgeway #submenu #option11 a { 
  background: #ffffff;
  color: #000000;
  border-style: solid; 
  border-width: 0 0 0 2px;
  border-color: #8c8c8c; 
}

#menu a:hover, #submenu  a:hover, #menu2 a:hover {
  color: #000000;
}

/* Form Styles */

form {
  padding: 1em 0 0 0;
}

.text input
{
  color: #000000;
  background: #ffffff;
  border: 1px solid #8c8c8c;
  padding: 1px 5px 1px 5px;
  font: normal 1em/1.2em Trebuchet MS, Helvetica, sans-serif;
  width: 200px;
}

.submit input
{
  font: normal bold 1em/1.2em Trebuchet MS, Helvetica, sans-serif;
  color: #000;
  background: #cccccc;
  border: 2px outset #d7b9c9
} 

textarea {
  width: 200px;
  height: 120px;
  border: 1px solid #8c8c8c;
  padding: 5px;
  font: normal 1em/1.2em Trebuchet MS, Helvetica, sans-serif;
}

#rightbar form {
  text-align: center;
}

#rightbar select {
  width: 150px;
  border: 1px solid #8c8c8c;
  padding: 0px;
  font: normal 0.8em/1em Trebuchet MS, Helvetica, sans-serif;
}