@font-face {
        font-family: Quicksand;
        src: url('/resources/fonts/Quicksand_Bold.otf');
}

@font-face {
        font-family: Quicksand; 
        font-weight: bold;
        src: url('/resources/fonts/Quicksand_Book.otf');
}

@font-face { 
        font-family Quicksand;
        src: url('/resources/fonts/Quicksand_Bold_Oblique.otf');
        font-style: italic;
}

body { 
        background-color: #DDD;
        font-family: Quicksand, sans-serif;
        font-size: 1.25em;
}

header {
  margin: 1em auto;
  height: 4em;
}

h1,h2,h3,h4,h5,h6 {
        white-space:nowrap;
        color: #000;
}

h1 { 
        font-size: 2em;
        font-weight: bold;
        display: block;
}

h1 a, h2 a, h3 a {
        text-decoration: none;
}

blockquote {

        font-style: italic;
        padding: 1em 2em 1em 2em;
        margin: 0em 2em 0em 2em;
        background-color: #DDD;
        font-size: 0.85em;
        border: 1px solid #CCC;
         -moz-border-radius: 0em 1em 1em 1em;
         -moz-box-shadow: 0.15em 0.15em 1em 0.25em #AAA;
}

h2 { 
  font-size: 1.75em;
  border-left: 2px solid #CCC;
  border-bottom: 2px solid #CCC;
  padding-left: 0.5em;
  width: 50%;
}

h3 {
        font-size: 1.5em;
        padding-left: 0.5em;
        border-bottom: 1px solid #CCC;
        font-weight: bold;
        margin-left: 0.5em;
        width: 50%;
}

p {
        margin: 1em 0em;

}

.side-bar {
         float: right;
         margin-bottom: 1.5em;
         background-color: #DDD;
         padding: 0em 1em;
         min-width: 13em;
         margin-left: 2em;
         -moz-border-radius: 1em 0em 1em 1em;
         -moz-box-shadow: 0.15em 0.15em 0.5em 0.25em #CCC;
         -webkit-border-radius: 1em 0em 1em 1em;
         -webkit-box-shadow: 0.15em 0.15em 0.5em 0.25em #CCC;
         clear: right;
         border: 1px solid #AAA;
 }

 .side-bar > header
 {
  margin-bottom: 1em;
  text-align: center;
  height: 1em;
  cursor: pointer;
  padding-bottom: 0.5em;
  border-bottom: 2px solid #CCC;
  color: #AAA;
 }

 .minimizer:hover
 {
  background-image: url('/resources/icons/minimize-glass-24.png');
  background-position: right;
  background-repeat: no-repeat;
  }

  .maximizer:hover
  {
  background-image: url('/resources/icons/maximize-glass-24.png');
  background-position: right;
  background-repeat: no-repeat;
  }


 .side-bar a 
 {
         background-color: transparent;
         display: block;
 }

 .side-bar ul
 {
         padding-bottom: 1em;
         margin-left: 0em;
         padding-left: 0.5em;
 }

 .side-bar li
 {
 }

 .side-bar li:hover
 {
  list-style-type: disc;
 }

  .side-bar li:hover a:first-letter
 {
         text-decoration: underline;
 }

header h1 {
  text-align: right;
  font-size: 2.5em;
}

header > nav {
        float: left;
        display: block;
        width: 100%;
        margin-bottom: 1em;
}

header > nav ul {
        border-bottom: 2px solid #CCC;
        float: right;
        clear: both;
        display: block;
        width: 100%;
}

nav a:hover {
        cursor:pointer;
        color: #666;
}

nav a {
        text-decoration: none;
        color: #666;
}

nav a:visited {
        color: #666;
}

header > nav a {
        white-space:nowrap;
        float: left;
        display: block;
        clear: right;
}

header > nav ul li {
        display: inline;
        float: left;
        padding: 0.25em 1em 0px 0.75em;
        margin: 0em 0.75em;
        border: 1px solid #AAA;
        border-bottom: 1px solid transparent;
        background-color: #CCC;
        -moz-border-radius: 0.5em 0.5em 0em 0em;
        -webkit-border-radius: 0.5em 0.5em 0em 0em;
}

header > nav ul li:first-child {
        margin-left: 0em;
}



#container {
        width: 90%;
        min-width: 38em;
        margin: 1em auto;
        margin-bottom: 1em;
        border: 2px solid #AAA;
        padding: 0em 2em 0em 2em;
        background-color: #EEE;
        -moz-border-radius: 1em;
        -webkit-border-radius: 1em
}

#main {
        clear: left;
  min-height: 25em;
}

footer { 
  text-align: center;
  padding: 1em 2em;
  clear: both;
}