/*body and stuffs like links, headers, paragraphs, etc*/
body {
background-color:#58be00;
text-align:center;
font-family:Lucida Grande, Verdana, sans-serif;
font-size:12px;
margin:0 auto;
padding:0;
height:auto;
background-image:url("imgs/night/nightbg.png");
background-position:top;
background-repeat: repeat-x;
}

/* h3 is actually larger than h1 and h2, but has a much more limited usage*/
h3 {
font-weight:normal;
font-size:22px;
margin:28% 0;
color:#ffffff;
}

h1 {
clear:both;
font-weight:normal;
width:100%;
font-size:16px;
height:20px;
padding:5px 0 2px 0;
margin:0 0 5px 0;
color:#ffffff;
text-shadow:0 0 5px #000000;
border-bottom:thin solid #ffffff;
}

h2 {
font-size:12px;
text-align:left;
float:left;
width:100%;
margin:5px 0px 5px 0px;
height:15px;
color:#ffffff;
text-shadow:0 0 5px #000000;
font-weight:bold;
}

p {
margin:0 0 1em 0;
font-size:12px;
text-align:left;
color:#dddddd;
text-shadow:0 0 5px #000000;
line-height:1.5em;
}

li {
color:#dddddd;
}

blockquote {
font-style:italic;
}

q {
font-style:italic;
}

img {
border:0;
}

img.thumb {
float:left;
width:100px;
height:100px;
margin:0 5px 0 0;
}

img.centered {
margin:0 auto;
display:block;
border:thin solid #aaaaaa;
height:200px;
}

img.left {
float:left;
margin:0 5px 5px 0;
}

a {
color:#ffffff;
text-shadow:0 0 2px #ffffff;
text-decoration:none;
}

a:hover {
text-shadow:0 0 5px #ffffff;
text-decoration:none;
}

a:active {
color:#888888;
text-shadow:0 0 2px #888888;
text-decoration:none;
}

ul.spaced {
line-height:1.5em;
}

/*header*/

#header {
height:90px;
width:910px;
padding:0 25px;
margin: 10px auto -10px auto;
}

#logo {
width:300px;
height:78px; /*yeah its a weird size but i wasn't thinking about that when i made it*/
float:left;
margin:0 80px 0 30px;
background:url(imgs/header/marmphcologolight.png);
}

#logo a {
width:300px;
height:78px;
display:block;
}

#navbar {
float:left;
height:50px;
width:500px;
margin:40px 0 0 0;
font-family:Verdana;
}

#navbarcontent {
height:50px;
margin:0;
padding:0 10px 0 10px;
list-style:none;
background:url(imgs/night/Nnavbarlight.png) no-repeat;
}

#navbarcontent li {
height:50px;
width:96px;
float:left;
text-align:center;
line-height:55px;
font-size:18px;
}

#navbarcontent li a {
height:50px;
width:96px;
display:block;
color:#dddddd;
text-shadow:0 0 5px #000000;
}

#navbarcontent li a:hover {
text-shadow:0 0 2px #ffffff;
background:url(imgs/night/Nnavbarlight.png) no-repeat;
background-position: -10px -50px;
color:#ffffff;
}

#navbarcontent li a:active {
background-position: -10px -100px;
color:#ffffff;
}

/*main content*/

#shellTop {
width:960px;
height:15px;
margin:0 auto 0 auto;
background:url(imgs/night/NtopCorners.png);
}

#shellBottom {
width:960px;
height:15px;
margin:0px auto 0 auto;
background:url(imgs/night/NbottomCorners.png);
}

#shell {
width:900px;
min-height:550px;
margin:0px auto 0 auto;
padding: 10px 30px 20px 30px;
background:url(imgs/night/Nshellbg.png);
text-align:left;
overflow:auto;
}

.topmostbox {
width:890px;
height:300px;
margin:10px 5px 20px 5px;
background:url(imgs/night/Ntopmostbg.png);
}

.hugebox {
width:890px;
min-height:300px;
padding:5px;
float:left;
}

.largebox {
width:565px;
min-height:300px;
margin:0 0 0px 0;
padding:5px;
float:left;
clear:left;
}

.widecolumn {
width:280px;
min-height:300px;
margin:0 0 0 0;
padding:5px;
float:right;
}

.divisionleft {
margin:0 1% 0 0;
float:left;
width:49%;
}

.divisionright {
margin:0 0 0 1%;
float:right;
width:49%;
}

/*footer*/

#footer {
color:#ffffff;
text-shadow:0 0 5px #ffffff;
text-align:left;
margin:5px auto 10px auto;
width:900px;
font-size:10px;
}

/*game stuff, link boxes etc*/

.gameobject {
display:block;
margin:10px auto;
}

#linkboxes {
list-style:none;
padding:0;
margin:0;
}

#linkboxes li {
display:block;
width:270px;
height:100px;
float:left;
padding:0px;
margin:5px 0 5px 10px;
border:thin solid #aaaaaa;
background-color:#dddddd;
}

#linkboxes li a {
display:block;
width:270px;
height:100px;
color:#000000;
}

#linkboxes li a:hover {
background-color:#eeeeee;
}

#linkboxes li a:active {
color:#000000;
}

#linkboxes span.head {
font-size:12px;
margin:0 0 0 0;
color:#2a67a2;
font-weight:normal;
}

#linkboxes span.describe {
font-size:10px;
margin:0 0 0 0;
font-weight:normal;
display:block;
}