<!--
body {
background-color:#303030;
color:#303030;
margin:0;
font-family: Arial, sans-serif;
}

a { outline:none; }

a:link,a:visited,a:hover,a:active {
color:#303030;
text-decoration:none;
}

img {
outline:none;
border:none 0;
}

.red { color:#C00; }
.green { color:#1B6F1B; }
.blue { color:#1873CC; }

div.holder { position:relative; }

#layout {
width:999px;
background-color:#F2F2F2
}

#userbar {
color:#808080;
vertical-align:middle;
text-align:right;
font-size:11px;
background: transparent url('../default/img/toplogo_subleft.jpg') no-repeat;
height:27px;
font-family: "Franklin Gothic Medium", Geneva, Arial, Helvetica, sans-serif;
}

#userbar {padding-right:4px}
#userbar div, #userbar a {color:#FFFFFF}
#userbar #signin_div, #userbar #signin_div form {display:inline}
#userbar #signin_div form a {padding-right:0px;margin-right:0px;}
#userbar span a {color:#808080}
#userbar #signin_div input {
font-size: 10px;
letter-spacing: normal;
margin: 0px 2px;
height: 9px;
}

#sidemenu { height:309px; }
#sidemenu img { padding:1px 0px; }

#sidemenu .popout_overlay {
position:absolute;
top:8px;
left:48px;
visibility:hidden;
}

#main {
vertical-align:top;
padding:2px 3px 5px 8px; 
font-size:12px;
}

#main > p {
text-align:center;
width:100%;
}

#main > p a { font-weight:bold; }

.logo_score {
position:absolute;
font-weight:bold;
font-size:22px;
width:100px;
text-align:center;
letter-spacing:1px;
font-family:"Franklin Gothic Medium", Geneva, Arial, Helvetica, sans-serif;
}

#recent_snapshots { padding:10px 0px; }

#recentactivity,#recentactivity td {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:11px;
letter-spacing:0.05em;
color:#181818;
overflow:hidden;
}

#recentactivity td a:link,#recentactivity td a:hover,#recentactivity td a:visited,#recentactivity td a:active {
color:#de5e4f;
text-decoration:none
}

#recent_activity_feed {
margin-top:20px;
padding-left:8px
}

#recent_activity_feed-top {
height:21px;
background:url('../default/img/areas/recent_activity/top.jpg') no-repeat;
}

#recent_activity_feed-bottom {
height:23px;
background:url('../default/img/areas/recent_activity/bottom.jpg') no-repeat;
}

#recent_activity_feed-isolate_bar {
text-align:right;
padding-right:20px
}

.achievement_announcement {
width:297px;
height:93px;
background-image:url('../default/img/achievementunlocked.png');
text-align:center;
margin:7px 0 0
}

.faded {
background: transparent gray;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5
} 

.video { text-align: center }

.achievement-wrapper {
cursor:default;
padding:0px;
margin:0px
}

.achievement {
width:195px;
height:50px;
line-height:normal;
background-image:url('../default/img/achievementunlocked_smaller.png')
}

.achievement .points {
width:47px;
padding-left:3px;
font-family:'Courier New', Courier, monospace;
font-size:18px;
color:#000;
font-weight:bold;
letter-spacing:-1px;
vertical-align:middle;
text-align:center
}

.achievement .text {
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
vertical-align:middle;
padding-right:10px;
color:#F2F2F2
}

.preview {
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis
}

.error {
color:#303030;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
padding-bottom:20px;
width:100%;
text-align:center;
}

.error p {font-size:12px}
.error p a {font-weight:bold}

.error h1 {
color:#C00;
font-family:"Franklin Gothic Medium", Geneva, Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:700;
padding-top:10px;
position:relative
}

#editor_toggle:before { content:'[' }

#editor_toggle:after { content:']' }

.grey_area caption {
font-family:Geneva, Arial, Helvetica, Sans-Serif;
font-size:10px;
font-weight:700;
text-align:center;
margin-bottom:3px;
color:#F2F2F2
}

.grey_area {
font-size:11px;
border:none 0;
border-spacing:0;
background-color:#F2F2F2;
color:#303030;
margin:0;
padding:0
}

.grey_area quote {
font-family:"Franklin Gothic Medium", Geneva, Arial, Helvetica;
color:#999;
font-size:9px;
text-align:justify
}

.grey_area a:link,.grey_area a:visited,.grey_area a:hover,.grey_area a:active {
color:#000;
font-family:"Franklin Gothic Medium", Geneva, Arial, Helvetica;
font-size:12px
}

.avatar img {
border:none;
width:50px;
height:50px
}

.page_nav_bar {
color:#303030;
font-family:Geneva, Arial, Helvetica, Sans-Serif;
font-size:10px;
text-align:center;
padding-top:5px
}

.page_nav_bar a {
font-weight:700
}

.page_nav_bar td {
padding:0 1px
}

.page_nav_bar .current_page {
text-align:center;
border:solid thin #000
}

.snapshot .frame_medium {
border:none;
outline:none;
width:184px
}

.thumbnail_col {
width:70px;
height:76px;
padding:4px
}

.user_snapshot .thumbnail,.user_snapshot a:link .thumbnail,.user_snapshot a:hover .thumbnail,.user_snapshot a:visited .thumbnail,.user_snapshot a:active .thumbnail {
border:solid 3px #000
}

h1 {
color:#303030;
font-size:24px;
letter-spacing:2px;
font-weight:700
}

h2,label,.major {
font-family:"Franklin Gothic Medium", Geneva, Arial, Helvetica, sans-serif;
font-size:13px;
letter-spacing:2px;
margin:0
}

h2,.major {
color:#FFF;
font-weight:700
}

.minor {
font-family:Geneva, Arial, Helvetica, "Franklin Gothic Medium", sans-serif;
font-size:10px;
padding-left:10px;
display:block
}


@font-face {
font-family:Stenciled;
src:url(../fonts/STENCIL.TTF),url(../fonts/StencilStd.otf) 
}


@font-face {
font-family:Swansea;
src:url(../fonts/SWANSE__.TTF)
}

@font-face {
font-family:Swansea;
src:url(../fonts/SWANSE_I.TTF);
font-style:italic
}

@font-face {
font-family:Swansea;
src:url(../fonts/SWANSE_B.TTF);
font-weight:bold
}

@font-face {
font-family:Swansea;
src:url(../fonts/SWANSEBI.TTF);
font-weight:bold;
font-style:italic
}

input.radio { border:none }

input[type="submit"],input[type="button"] {
color:#303030;
text-transform:uppercase;
background-color:#C0C0C0;
}

input[type="radio"],input[type="checkbox"] {
color:#F2F2F2;
background-color:#303030 !important;
border:1px solid #999 !important
}

input,select,textarea {
font-family:Geneva, Arial, Helvetica, "Franklin Gothic Medium", sans-serif;
font-size:12px;
}

input {
letter-spacing:2px
}

.post_menu_bar a img {
border:none;
text-decoration:none;
outline:none;
padding-top:5px;
position:relative;
left:-9px
}

.post_menu_bar {
position:absolute;
vertical-align:top;
text-align:center
}

#active_missions {
width:344px;
height:116px;
background: url('../default/img/activemissions/currentactivemissions.jpg') no-repeat;
margin-top:10px;
margin-left:8px;
position:relative
}

#active_missions span{
position: absolute;
width: 100px;
text-align: center;
top:33px;
right:9px;
}

-->