/* Feel free to use this stylesheet to help your understanding of CSS,
   and take bits and play around with the code by all means.
   If you don't understand anything then contact me and ask.

   But please don't take huge unchanged chunks for your site
   without knowing or caring what you're doing.
   That's just silly.

   The same goes for the HTML!

   - Gem, http://killsurfcity.org */




/* HTML, TEXT */

body {
   margin: 0;
   padding: 0px;
   font: 10px Georgia, serif;
   color: #646464;
   background: #D8D8D8;
}

p {
   margin: 0px 0px 30px 0px;
   line-height: 15px;
   text-align: justify;
}

h1 {
   text-align: right;
   font: 18px Arial, sans-serif;
   font-weight: bold;
}

h2 {
   padding: 0px 0px 0px 18px;
   height: 22px;
   font: 15px Arial, sans-serif;
   font-weight: bold;
   background: url(img/bullet.gif) no-repeat;
   border-bottom: 2px solid #5BA26B;
}

h3 {
   padding: 0px;
   margin: 0px;
   line-height: 0px;
   font: 10px Georgia, serif;
   font-weight: bold;
   letter-spacing: 2px;
   text-transform: uppercase;
   color: #5BA26B;
}

a {
   padding: 0px 1px 0px 1px;
   text-decoration: none;
}

a:link, a:visited, a:active {
   color: #A0589C;
}

a:hover {
   color: #D8D8D8;
   background: #4986BF;
}

img {
   border: none;
}

.highlight {
   color: #CF4472;
}

.left {
   text-align: left;
}




/* DIVS, LAYOUT */

#container {
   margin: 0px;
   padding: 0px;
   width: 357px;
}

#header {
   width: 357px;
   height: 268px;
}

#content {
   padding-left: 5px;
}

#footer {
   padding: 10px 0px;
   text-align: center;
   font: 10px Arial, sans-serif;
   background: #CACACA;
}

#footer a:link, #footer a:visited, #footer a:active {
   color: #C6416D;
}

#footer a:hover {
   color: #646464;
   background: none;
   border-top: 2px solid #CF4472;
}

#end {
   height: 20px;
   background: url(img/end.jpg);
}