/*

    ---------------
    pyebrookdiscgolf.com main sylesheet
    Copyright 2005 Mike Karolow and Roger Gagnon
    All Rights Reserved
    Last Edited: 6/21/05

*/


/*-- GWSH (http://leftjustified.net/journal/2004/10/19/global-ws-reset/) --*/

* {padding:0; margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address {margin:0.5em 0;}
ol, ul  {margin-left: 1.25em;}
table, p, dl, li, dd {margin-left: .75em;}
blockquote {margin-left: 2em;}
fieldset {padding:1em;}


/* -- Basic Bits -- */

a:link {color: #E58C3A; text-decoration: none; border-bottom: solid 1px #E58C3A}
a:visited {color: #E58C3A; text-decoration: none; border-bottom: solid 1px #E58C3A}
a:hover {color: #E6EEF2; background-color: #E58C3A; text-decoration: none;}
a img{border: 0;}

abbr, acronym {
  font-style: normal;
  border-bottom: dotted 1px #E58C3A;
  cursor: help;
}

body {
  background: #FFF;
  text-align: center;
  font: 0.8em/1.3 Verdana, Arial, sans-serif;
  min-width: 770px;
}

code, var, kbd {
  font-family: courier, monospace;
}

h2, h3, h4 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
}

h1 {
  font: 2em/1 Arial, sans-serif;
}

h2 {
  font-size: 1.6em;
}

h3 {
  color: #E58C3A;
  font-size: 1.4em;
}

h4 {
  color: #E58C3A;
  font-size: 1.2em;
}

input, textarea, checkbox {
  background: #E6EEF2;
  border: solid 1px #87C1D6;
}


/* -- Header -- */

#header {
  background: url("/images/test/header.jpg") no-repeat top;
  height: 133px;
  margin: 0 auto;
}

#header h1 {
  height: 102px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}


  /* -- Nav -- */

  #nav {
    width: 770px;
    height: 31px;
    padding: 0;
    margin: 0;
    text-align: left;
    position: relative;
  }

  html[xmlns] #nav {   /* -- Hack to prevent IE from seeing this -- */
    margin: 0 auto;
    }

  #nav li {
    list-style: none;
    position: absolute;
  }

  #nav li, #nav li a {
    margin: 0; 
    padding: 0; 
    height: 31px; 
    display: block;
  }

  #nav li a {
    text-decoration: none;
    border: none;
    text-indent: -9999px;
  }

  #nav li a span {
    padding: 0;
    margin: 0;
  }

  #menu_home {left: 150px; width: 66px;}
  #menu_news {left: 217px; width: 66px;}
  #menu_events {left: 284px; width: 65px;}
  #menu_course {left: 350px; width: 66px;}
  #menu_photos {left: 417px; width: 66px;}
  #menu_forum {left: 484px; width: 65px;}
  #menu_about {left: 550px; width: 66px;}

  #menu_home a:hover, #menu_home.active a {
    background: transparent url("/images/test/nav.jpg") -282px no-repeat;
  }
  #menu_news a:hover, #menu_news.active a {
    background: transparent url("/images/test/nav.jpg") -349px no-repeat;
  }
  #menu_events a:hover, #menu_events.active a {
    background: transparent url("/images/test/nav.jpg") -416px no-repeat;
  }
  #menu_course a:hover, #menu_course.active a {
    background: transparent url("/images/test/nav.jpg") -482px no-repeat;
  }
  #menu_photos a:hover, #menu_photos.active a {
    background: transparent url("/images/test/nav.jpg") -549px no-repeat;
  }
  #menu_forum a:hover, #menu_forum.active a {
    background: transparent url("/images/test/nav.jpg") -616px no-repeat;
  }
  #menu_about a:hover, #menu_about.active a {
    background: transparent url("/images/test/nav.jpg") -682px no-repeat;
  }


/* -- Page Layout -- */

#container-wrap {
  background: url("/images/test/background.gif") repeat-y top;
  margin: 0 auto;
}

#container-upper {
  background: url("/images/test/upper.gif") transparent no-repeat top;
  margin: 0 auto;
}

#container-lower {
  background: url("/images/test/lower.gif") transparent no-repeat bottom;
  margin: 0 auto;
}

#content {
  width: 770px;
  position: relative;
  margin: 0 auto;
  text-align: left;
}

#main {
  width: 546px;
  float: right;
  margin-top: 10px;
}

#side {
  background: #BFD5E1 url("/images/test/side_mid.png") repeat-y;
  width: 214px;
  float: left;
}

#side-upper {
  background: url("/images/test/side_top.png") transparent no-repeat top;
  padding-top: 10px;
  width: 214px;
}

#side-lower {
  background: url("/images/test/side_bottom.png") transparent no-repeat bottom;
  padding-bottom: 10px;
  width: 214px;
}

#side-content {
  float: left;
}

#flash {
  padding: 10px 0;
}

#course {
  padding: 10px;
}

/* -- Footer -- */

#footer {
  background: url("/images/test/footer.jpg") no-repeat bottom;
  height: 29px;
}


/* -- Content Styling -- */

#comment_form dt{
  font-weight: normal;
  margin-bottom: .2em;
}

#comment_form dd{
  margin-bottom: .8em;
}

#comment_form textarea {
  width: 450px;
}

#footer p {
  margin: 0;
  text-align: center;
  padding: 12px 0 0 0;
  color: #FFF;
  font-size: .8em;
}

#footer a:hover {color: #FFF; background-color: #E58C3A; text-decoration: none;}

#course img {
  padding: 0;
  margin: 0 8px 0 0;
  border: 1px solid #000;
}

#course p , #course table{
  margin-left: 1em;
}

#map {
  margin: 20px 0 20px 20px;
  float: right;
}

#course table {
  border-collapse: collapse;
  text-align: center;
}

#course td {
  vertical-align: top;
  border: 1px solid #000;
  padding: 2px;
  margin: 0;
}

#course th {
  font-weight: bold;
  border: 1px solid #000;
  padding: 2px;
  margin: 0;
}

#course th a {
  display: block;
  border: none;
}

#course .tee_view {
  float: left;
}

#course .hole_view {
  float: right;
}

#main .article {
  border-bottom: #A0A9A2 1px dashed;
  margin: 1em 0 1em 0;
  padding: 0 0 1em 0;
}

#main .article h3, #main #comment {
  margin-left: .5em;
}

#main .article h4 {
  margin-left: .5em;
}

#main .article p, #main .article table {
  margin-left: 2em;
}

#main .article h3 a, #main .article h4 a {
  border: none;
}

#main fieldset legend, #main fieldset p, #comment_form dt{
  font-size: .8em;
}

#main span.comments {
  position: absolute;
  text-align: right;
  right: 10px;
}

#side .section_link {
  font-weight: bold;
}

#side .box {
  margin: 0 10px 1.25em 10px;
}

#side .box dl {
  margin-bottom: 1em;
}

#side .box dd {
  margin-bottom: .5em;
}

#side .box .special_message {
  font-size: .8em;
}