* { margin: 0; padding: 0; }

body {
  background: #555;
  text-align: center;
  font-size: 0.8em;
  font-family: verdana, arial, sans-serif;
}

hr { clear: both; visibility: hidden; }
#wrap {
  margin: 0 auto;
  text-align: left;
  width: 620px;
  background: #000;
}
#header {
  height: 58px;
  width: 330px;
  float: left; 
}
h1 { 
  font-size: 1em;
  background: url(images/header.png) 10px .5em no-repeat;
  height: 70px;
  text-align: right;
}
#menu { 
  float: left; 
  width: 140px;
  padding-left: 150px;
  padding-top: .5em;
}
a { color: #fff; text-decoration: none; }
a:hover { color: #9df; }
#menu li { list-style: none; float: right; margin-right: 1em; }

#content { padding: 10px; }

#names li { list-style: none; }

.quote, #names {
  width: 600px;
  background: url(images/mid_q.png);
  margin-bottom: 15px;
}
.quote h3, #names h2 { 
  height: 15px;
  background: url(images/top_q.png);
  padding-left: 7px;
  padding-top: 5px;
  padding: .5em .7em;
  font-size: 1em;
}

.quote p, #names ul { 
  font-family: verdana, arial, sans-serif;
  font-size: 1em;
  padding-bottom: 1em;
  background: url(images/bot_q.png) bottom no-repeat;  
  padding-left: 10px;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important; /* stupid Mozilla */
  word-wrap: break-word; /* stupid Microsoft */
  _white-space: pre; /* More Microsoft crap */
}
.quote a, #names a { color: #000; }
.quote a:hover, #names a:hover { color: #9df; }

#footer {
  clear: both;
  height: 2em;
  color: #fff;
  text-align: right;
  padding-top: 3em;
  padding-right: 1em;
}
span { display: block; margin: 5px 0; }
span label { display: block; width: 150px; }
textarea, input { background: #6A94AD; border: 1px solid #333; }
textarea { margin-left: 0px; }
form img { float: right; margin-right: 290px; }
label { color: #fff; }

/* Tango Icons used =) */

#error { background: #eb6d6d url(images/error.png) no-repeat 1em 50%; border: 1px solid #f49191; }
#error, #note { width: 300px; padding: 1em 3em; margin: 1em auto; text-align: center; }
#note { background: #bedba2 url(images/note.png) no-repeat 1em 50%; border: 1px solid #7cba3f; }
#pageselect { margin: 0 auto; width: 350px; text-align: center; }
#pageselect a { padding: 0 .25em; }
a.active { font-weight: bold; color: #9df; }