* { margin: 0; padding: 0; border: 0; font-size: 10px; line-height: 100%; }
a { text-decoration: none; font: 1em verdana; color: #134960; }
body { background: #fff url(../images/bg.gif) top repeat-x; }
h1 { font: 1.2em tahoma; font-weight: bold; color: #306387; }
hr { height: 2px; background: #bacfde; border: none; }
img.border { padding: .2em; border: 1px solid #b9b9b9; }
ol li { font: 1.2em tahoma; color: #333; }
p { margin: .8em 0 .8em 0; font: 1.2em tahoma; line-height: 1.5em; color: #515862; text-align: justify; }
p:first-letter { font-weight: bold; }
p a { font-size: 1em; }
p b { font-size: 1em; }

/*LAYOUT*/
#wrapper { width: 87.6em; margin-right: auto; margin: auto; background: #deedf8; }
#content { margin: 0 .5em 0 .5em; padding: .5em 1em 0 1em; background: #fff; }
#logo { display: block; float: left; width: 30.2em; height: 10.8em; background: url(../images/logo.gif) center center no-repeat; }
#mine { display: block; float: right; width: 15.9em; height: 10.6em; background: url(../images/mine.gif) center center no-repeat; }
#marines { display: block; float: right; width: 33.1em; height: 9.3em; margin-left: 2em; background: url(../images/marines_commando.jpg) center center no-repeat }
#menu { margin-top: 1em; }
#menu .item { float: left; width: 12.26%; border-top: 1px solid #798084; border-right: 1px solid #839098; border-bottom: 1px solid #c8c8c8; border-left: 1px solid #c5c5c5; }
#menu .item:hover { border: 1px solid #00648a; }
#menu .item a { display: block; height: 1.8em; background: #f1f1f1 url(../images/menu_bg.gif) bottom repeat-x; border-top: 1px solid #fff; font: 1.1em tahoma; line-height: 1.8em; text-align: center; font-weight: bold; }
#menu .item a:hover { background: #046b93 url(../images/menu_hover_bg.gif) top repeat-x; border: 1px solid #74aed8; border-bottom: none; color: #fff; }
#menu .bottom { border-top: 1px solid #04678e; border-right: 1px solid #00648a; border-bottom: 1px solid #005a76; border-left: 1px solid #00648a; }
#menu .bottom .inner { height: .3em; background: #00688e; border-top: 1px solid #608dab; border-right: 1px solid #608dab; }
#media, #sponsor { position: relative; }
#medias, #sponsors { display: none; position: absolute; width: 10.4em; }
#medias a, #sponsors a { border: 1px solid #798084; }
#medias a:hover, #sponsors a:hover { border: 1px solid #798084 !important; }
#scene img { width: 84.4em; height: 29em; margin: 1.5em 0 1.5em 0; border: 1px solid #005a76; }
#col_left { float: left; width: 17.8em; margin-right: 1em; padding: 2em; background: #ecf0f3; border: 1px solid #d1e1ed; }
#col_left  img { display: block; margin-right: auto; margin-left: auto; }
#col_right { float: right; width: 61.6em; }
#footer { margin-top: 1em; border: 1px solid #00648a; border-bottom: none; }
#footer .inner { height: 5em; background: #428cbd url(../images/footer_bg.gif) bottom repeat-x; border: 1px solid #68a6d1; border-bottom: none; }
#footer p { font: 1em tahoma; color: #c6dde7; line-height: 4em; text-align: center; }
#footer a { color: #f1f1f1; }

/*WordPress maybe be a big name OS app, but the coding standard is crap, use templates*/
#col_left h2 { padding: .8em 0 .8em 0; font: 1.5em verdana; font-weight: bold; }
#col_left ul { list-style-type: none; font: 1.2em verdana; }
#col_left ul li a { font: 1.2em verdana; line-height: 1.5em; }
#col_left ul li a:hover { text-decoration: underline; color: #cf0000 !important; }

#col_right h2, #col_right h2 a, #col_right h3 a { display: block; margin-bottom: 1em; font: 1.8em verdana; font-weight: bold; }
#col_right h2 a { font-size: 1em !important; }
#col_right a:hover { text-decoration: underline; color: #cf0000 !important; }
#col_right small { font: 1.3em verdana; font-weight: bold; }
#col_right p { font: 1.2em verdana; line-height: 1.5em; color: #222; }

#comments, #respond { padding: .8em 0 .8em 0; font: 1.5em verdana; font-weight: bold; }
.commentlist li { padding: 1em; list-style-position: inside; font: 1.2em verdana; }
.commentlist li.alt { background: #deedf8; }
.commentlist li span { font-size: 1em; }
.commentlist li span a { font-size: 1em; }
.commentlist li p { font-size: 1em !important; }
.commentlist li p:first-letter { font-weight: normal !important; }
#commentform { font-size: .8em !important; }

/*Google Maps*/
#map_canvas { width: 100%; height: 100em; }
#popup { width: 20em !important; font: 1.1em tahoma; }
#popup { width: 20em !important; font: 1.1em tahoma; }
#popup h1 { font: 1.2em tahoma; font-weight: bold; }

/*RE-USEABLE ELEMENTS*/
.head { border: 1px solid #798084; }
.head .inner { padding: .6em; background: #eceded url(../images/head_bg.gif) bottom repeat-x; border: 1px solid #f1f1f1; }

.box { width: 25em; padding: 2em; border: 1px solid #ececec; }

/*Forms*/
button { display: block; margin-top: 1em; background: #f9f9f9; border-top: 2px outset #b4b4b4; border-right: 2px ridge #dbdbdb; border-bottom: 2px ridge #dbdbdb; border-left: 1px solid #b4b4b4; font: 1.2em arial; font-weight: bold; color: #222; }
form { margin: 0; padding: 0; }
input { height: 1.6em; margin: 0 0 .5em 0; padding: .4em .3em .0em .3em; background: #fff url(../images/input_bg.gif) bottom repeat-x; border-top: 1px solid #b4b4b4; border-right: 1px solid #bbb; border-bottom: 2px ridge #dbdbdb; border-left: 1px solid #b4b4b4; font: 1.3em arial; font-weight: bold; color: #444; }
input:focus { background: #fff url(../images/input_bg_hover.gif) bottom repeat-x; border-top: 1px solid #c2d5e9; border-right: 1px solid #c2d5e9; border-bottom: 2px dotted #c2d5e9; border-left: 1px solid #c2d5e9; }
label { font: 1.7em verdana; font-weight: bold; line-height: 1em; color: #222; }
option { background: #f9f9f9; }
select { height: 1.8em; margin: 0 0 .5em 0; padding-top: .2em; background: url(../images/input_bg.gif) bottom repeat-x; border-top: 1px solid #b4b4b4; border-right: 1px inset #dbdbdb; border-bottom: 2px ridge #dbdbdb; border-left: 1px solid #b4b4b4; font: 1.3em arial; line-height: 1.6em; font-weight: bold; color: #444; }
select:focus { border-color: #c2d5e9; }
textarea { width: 97%; padding: .4em .3em .0em .3em; background: #fff url(../images/input_bg.gif) bottom repeat-x; border-top: 1px solid #b4b4b4; border-right: 1px solid #dbdbdb; border-bottom: 2px ridge #dbdbdb; border-left: 1px solid #b4b4b4; font: 1.3em arial; line-height: 1.6em; font-weight: bold; color: #444; }
textarea:focus { background: #fff url(../images/input_bg_hover.gif) bottom repeat-x; border-top: 1px solid #c2d5e9; border-right: 1px solid #e4eef9; border-bottom: 2px dotted #c2d5e9; border-left: 1px solid #c2d5e9; }

/*MARGINS*/
.mt5 { margin-top: .5em; }
.mb5 { margin-bottom: .5em; }
.ml15 { margin-left: 1.5em; }
.mr15 { margin-right: 1.5em; }
.mt10 { margin-top: 1em; }
.mt20 { margin-top: 2em; }

/*THUMBS*/
.thumb { width: 30em; height: 20em; }

/*CLASSES*/
.auto_margin { margin-right: auto; margin-left: auto; }
.block { display: block; }
.center { text-align: center; }
.clear { clear: both; }
.gallery_img { float: left; width: 20em; }
.gallery_img img { display: block; margin-right: auto; margin-left: auto; }
.left { float: left; }
.right { float: right; }

#mdseo,#mdseo a { background-color: #eee; color: #999; font-size: 9px; text-align: center; }