/*#############################################################

Name: Beautiful Night

Date: 12-01-2007

Description: A darker version of beautiful day by arcsin design

Original template Author: Viktor Persson URL: http://templates.arcsin.se
Modifications by: Rowan Cumming

Feel free to use and modify but please provide credits.

#############################################################*/

/* standard elements */

html {
  min-height: 100%;
}

* {
  margin: 0;

  padding: 0;
}

a {
  color: #963;
}

a:hover {
  color: #c60;
}

body {
  background: #ebfee8 url(img2/bg.jpg) repeat-x left bottom;

  color: #444;

  font: normal 62.5% Tahoma, sans-serif;
}

p,
code,
ul {
  padding-bottom: 1.2em;
}

li {
  list-style: none;
}

h1 {
  font: normal 1.8em Tahoma, sans-serif;

  margin-bottom: 4px;
}

code {
  background: #fff;

  border: 1px solid #eee;

  border-left: 6px solid #c1cad3;

  color: #666;

  display: block;

  font: normal 1em Tahoma, sans-serif;

  line-height: 1.6em;

  margin-bottom: 12px;

  padding: 8px 10px;

  white-space: pre;
}

blockquote {
  background: url(img2/quote.gif) no-repeat;

  display: block;

  font-weight: bold;

  padding-left: 28px;
}

h1,
h2,
h3 {
  padding-top: 6px;
}

/* misc */

.clearer {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}

/* structure */

.container {
  background: #fff;

  font-size: 1.2em;

  margin: 0 auto;

  padding: 0 10px 10px;

  width: 780px;
}

/* header */

.top {
  background: url(img2/stars.png) repeat-x;

  padding: 50px 10px 0;
}

/* title */

.header {
  background: #fff;

  font-size: 1.2em;

  height: 150px;

  margin: 0 auto;

  padding: 10px 10px 5px;

  width: 780px;
}

.header .left,
.header .right {
  background: #a4a4a0;

  color: #fff;

  height: 150px;
}

.header .left {
  background: #b3c2c7 url(img2/header.jpg) no-repeat;

  font: normal 2.8em "Trebuchet MS", sans-serif;

  line-height: 150px;

  text-align: center;

  width: 564px;
}

.header .right {
  overflow: auto;
  background: #7f955f;

  width: 212px;
}

.header .right p,
.header .right h2 {
  padding: 0 16px;
}

.header .right h2 {
  padding-top: 16px;
  font: normal 1.6em "Trebuchet MS", sans-serif;
}

/* navigation */

.navigation {
  background: #d9e1e5 url(img2/nav.gif);

  border: 1px solid #dfeef7;

  border-color: #dfeef7 #cfdee7;

  height: 41px;
}

.navigation a {
  background: #d9e1e5 url(img2/nav.gif);

  border-right: 1px solid #afbec7;

  color: #456;

  display: block;

  float: left;

  font: bold 1.1em sans-serif;

  line-height: 41px;

  padding: 0 20px;

  text-decoration: none;
}

.navigation a:hover {
  background-position: left bottom;
  color: #234;
}

/* main */

.main {
  border-top: 4px solid #fff;

  background: url(img2/bgmain.gif) repeat-y;
}

/* sub navigation */

.sidenav {
  float: right;

  width: 210px;
  background: #dbe9d5;
}

.sidenav h2 {
  color: #5a5a43;

  font-size: 1em;

  line-height: 30px;

  margin: 0;

  padding-left: 12px;
}

.sidenav ul {
  padding: 0;

  border-top: 1px solid #eaeada;
}

.sidenav li {
  border-bottom: 1px solid #eaeada;
}

.sidenav li a {
  font-size: 1.1em;

  color: #554;

  display: block;

  padding: 8px 0 8px 5%;

  text-decoration: none;

  width: 95%;
}

.sidenav li a:hover {
  background: #ebf6e6;

  color: #654;
}

.sidenav .image {
  width: 210px;
}
.image {
  width: 100%;
}

/* content */

.content {
  float: left;

  margin: 10px 0;

  padding: 0 16px;

  width: 531px;
}

.content .descr {
  color: #664;

  font-size: 0.9em;

  margin-bottom: 6px;
}

.content li {
  list-style: url(img2/li.gif);

  margin-left: 18px;
}

.content p {
  font-family: "Lucida Sans Unicode", sans-serif;
}

/* footer */

.footer {
  background: url(img2/bgfooter.gif) repeat-x;

  color: #fff;

  font: bold 1em sans-serif;

  line-height: 39px;

  text-align: center;
}

.footer a,
.footer a:hover {
  color: #fff;
}