/*FORMAT IS AS FOLLOWS

thing {
display
float
width/height
margin/padding/border
background
text/font stuff
}
through h2 so far
*/

/*body and stuffs like links, headers, paragraphs, etc*/
body {
height:auto;
margin:0 auto;
background-color:#333333;
text-align:center;
font-family:"Lucida Grande", "Tahoma", "Lucida Sans Unicode", sans-serif;
}

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

h1 {
width:100%;
height:20px;
margin:0 0 10px 0;
padding:5px 0 2px 0;
border-bottom:thin solid #aaaaaa;
font-weight:normal;
font-size:16px;
color:/*#2a67a2*/#000000;
}

h2 {
font-size:12px;
text-align:left;
float:left;
margin:2px 0px 10px 0px;
width:100%;
height:15px;
font-weight:bold;
}

p {
margin:0 0 1em 0;
font-size:0.7em;
text-align:left;
color:#222222;
line-height:1.5em;
}

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.left {
float:left;
margin:0 5px 5px 0;
}

div.post img {
max-width:545px;
}

a {
color:#0066ff;
text-decoration:none;
}

a:hover {
color:#0099FF;
text-decoration:none;
}

a:active {
color:#0000FF;
text-decoration:none;
}

ul.spaced {
font-size:0.7em;
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/header/navbarlight.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:#181818;
text-shadow:0 1px 0 #cccccc;
}

#navbarcontent li a:hover {
color:#333333;
text-shadow:0px 1px 0px #dddddd;
background:url(imgs/header/navbarlight.png) no-repeat;
background-position: -10px -50px;
}

#navbarcontent li a:active {
background-position: -10px -100px;
text-shadow:0px 1px 0px #666666;
}

/*main content*/

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

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

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

.topmostbox {/*no padding, use whole section*/
width:890px;
height:300px;
margin:10px 5px 20px 5px;
background:url(imgs/topmostbg.png);
}/*The cool looking thing with the gradient at the top of some pages*/

.hugebox {
width:890px;
min-height:300px;
padding:5px;
float:left;
}/*takes up the whole page*/

.largebox {
width:565px;
min-height:200px;
margin:0 0 0px 0;
padding:5px;
float:left;
clear:left;
}/*takes up a large section, left side column*/

.widecolumn {
width:280px;
min-height:200px;
margin:0 0 0 0;
padding:5px;
float:right;
}/*just the right side column, not really wide*/

.divisionleft {
margin:0 1% 0 0;
float:left;
width:49%;
}/*dividing stuff in half*/

.divisionright {
margin:0 0 0 1%;
float:right;
width:49%;
}/*dividing stuff in half*/

/*footer*/

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

/*game stuff, link boxes, specific stuff etc*/

.post {
float:left;
width:100%;
display:block;
margin:0px 0px 50px 0px;
}

#topText {
font-weight:normal;
font-size:22px;
margin:28% 0;
text-shadow:0 1px 0 #ffffff;
}

#development {
display:block;
height:200px;
width:200px;
background:url(imgs/mLibLogo.png);
float:left;
margin-right:10px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

#development a {
height:200px;
width:200px;
display:block;
}

#development a:hover {
opacity:0.8;
}

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

/*linkboxes*/

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

#linkboxes li {
display:block;
float:left;
width:435px;
height:110px;
padding:0 0 5px 0;
margin:5px;
border-bottom:thin solid #aaaaaa;
}

#linkboxes li img {
margin:5px;
}

#linkboxes li a {
display:block;
float:left;
width:435px;
height:110px;
color:#000000;
}

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

#linkboxes li a:active {
background-color:#cccccc;
}

#linkboxes span.head {
font-weight:normal;
font-size:16px;
display:block;
margin:5px 0;
color:#000000;
}

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