/*
Crash CSS - http://crash.otamop.com
Level 03 (Hahaha awful pun)
Started Aug 31 2008
Edited Aug 31 2008
By Tracey - http://chrasy.com - http://otamop.com
*/

* {
margin: 0;
padding: 0;
}

body {
text-align: center;
color: #000;
background: #fff url(/body_002.gif) top left no-repeat fixed;
font: .7em/1.5em Arial, Tahoma, sans-serif;
}

#wrapper {
width: 800px;
margin: 0 auto;
}

#title {
padding: 30px 0 0 0;
text-align: right;
}

.navigation, #footer {
text-align: left;
background: #000 url(/background_001.gif);
font: 100%/100% Arial, Verdana, Tahoma, sans-serif;
padding: 15px;
color: #fff;
text-transform: lowercase;
}

#title a img {
border: 0;
}

#content {
text-align: left;
margin: 10px 0 0 0;
font: 110%/190% Arial, Tahoma, sans-serif;
letter-spacing: 1px;
padding: 0 0 20px 0;
}

#container {
background: url(/content_002.gif) bottom right no-repeat fixed;
}

#footer {
text-align: center;
}

.navigation ul li, #footer ul li {
display: inline;
padding: 0 20px;
}

#footer a, #footer a:visited, .navigation li a, .navigation li a:visited {
color: #fff;
font-weight: bold;
text-decoration: none;
padding: 3px 5px;
}

#footer a:hover {
background: #fff;
color: #036
}

.navigation li a:hover {
background: #fff;
color: #c06
}

#content p a, #content p a:visited, #content li a, #content li a:visited {
font-weight: bold;
color: #036;
text-decoration: none;
border-bottom: 1px dashed #036;
}

#content p a:hover, #content li a:hover {
color: #c06;
border-bottom-color: #c06;
}

/* headers */

h2 {
font: 320%/200% Arial, sans-serif;
display: inline;
padding: 5px;
}

h2.odd {
color: #fff;
background: #036;
}

h2.even {
color: #fff;
background: #c06;
}

h3 {
font: 280%/150% Arial, sans-serif;
text-align: center;
display: block;
padding: 5px;
text-transform: lowercase
}

h4 {
font: 200%/100% Arial, sans-serif;
text-align: center;
display: block;
padding: 5px;
text-transform: lowercase
}

#content ul, #content ol{
width: 700px;
margin: 0 auto;
list-style-type: square;
}


#content ol{
list-style-type: lower-roman;
}

#content ul.crash-nav {
text-align: right;
list-style-type: none;
text-transform: lowercase;
width: 800px;
}

#content ul.crash-nav li a, #content ul.crash-nav li a:visited {
font: 240%/200% Arial, sans-serif;
text-decoration: none;
color: #000;
padding: 10px;
border: 0;
}

#content ul.crash-nav li a:hover {
background: #c06;
color: #fff;
}

p {
margin: 0 0 20px 0;
}

form {
width: 450px;
margin: 0 auto;
}

#formsubmit {
background: #c06;
font: 100%/190% Arial, Tahoma, sans-serif;
letter-spacing: 1px;
color: #fff;
font-weight: bold;
}

input, textarea {
font: 100%/190% Arial, Tahoma, sans-serif;
width: 450px;
border: 1px solid #c06;
padding: 2px 1px;
}

/*.deck img {
padding: 5px;
border: 1px solid #000;
}*/