* {
  margin: 0px;
  padding: 0px;
}

header, footer, section, aside, nav {
        display: block;
        clear: both;
}

@font-face {
           src: url('fonts/texgyreadventor-regular.otf');
           font-family: Tex Gyre Adventor;
}

@font-face {
           src: url('fonts/texgyreadventor-bold.otf');
           font-family: Tex Gyre Adventor;
           font-weight: bold;
}

@font-face {
           src: url('fonts/texgyreadventor-bolditalic.otf');
           font-family: Tex Gyre Adventor;
           font-weight: bold;
           font-style: italic;
}

@font-face {
           src: url('fonts/texgyreadventor-italic.otf');
           font-family: Tex Gyre Adventor;
           font-style: italic;
}

body {
     background: #000 url('images/back.jpg') no-repeat top center;
     color: #fff;
     font-family: arial;
     font-size: 0.9em;
}

h1,h2,h3,h4,h5,h6 {
                  font-family: Tex Gyre Adventor;
                  font-weight: bold;
                  line-height: 1em;
                  color: #fff;
}

h1 {
   font-size: 3em;
   color: #fff;
}

h2 {
   font-size: 2.5em;
}

p {
  margin: 1em 0;
  line-height: 1.5em;
}

a:link, a:visited {
        color: #aaa;
}

a:hover, a:active {
         color: #fff;
         text-shadow: 0px 0px 5px #fff;
}

nav {
    float: right;
}

ol, ul {
    list-style-position: inside;
}

form {
     padding: 10px;
     margin: 10px;
     border: 1px solid #111;
}

input, textarea, select {
       padding: 5px;
       font-size: 1.3em;
       font-family: arial;
       background: #000;
       color: #7B8DA1;
       border: 1px solid #333;
}

#welcome {
         width: 630px;
         height: 220px;
         padding: 10px;
         margin: 5px auto;
         background: url('images/welcome.jpg');
         text-shadow: 1px 1px 1px #000;
}

#greeting {
          width: 60%
}

#content {
         background: #000;
}

#main {
      width: 470px;
      padding: 10px;
      margin: 5px 0;
      float: left;
}

#side {
       width: 170px;
       padding: 10px;
       margin: 5px 0;
       float: right;
}

.case {
      width: 650px;
      margin: 0 auto;
      clear: both
}

#header img {
        padding: 10px
}

#nav ul {
     overflow: hidden;
}

#nav li {
     float: left;
     list-style-type: none;
}

#nav li a {
     display: block;
     padding: 10px;
     font-size: 1.25em;
     font-family: Tex Gyre Adventor;
     text-decoration: none
}