/*
 * Project Apollo Community Beta.
 * (c) Juppi/Project Apollo 2012
 */

*{margin:0;padding:0;}:focus,:active {outline:0}ul,ol{list-style:none}img{border:0} 

body { font-size: 0.75em; font-family: Arial, Helvetica, Verdana, sans-serif; background: #0d0d0d; width: 75em; margin: 0 auto; padding: 0; line-height: 1.6em; }
a { text-decoration: none; color: #008080; }
p { margin: 0 0 15px; }

#logo { float: left; margin-bottom: 1em; margin-top: 0.5em; color: #fff; letter-spacing: .2em; font-size: 1.9em; }
#logo a { color: #fff; }

#profilebox { float: right; margin-bottom: 1em; margin-top: 0.5em; color: #fff; }

#menu { clear: both; padding: 13px 0 0; }
#menu li { display: inline; font-size: 1.2em; }
#menu li a { float: left; padding: 0 22px 0 0; margin: 0 22px 0 0; color: #ddd; border-right: 1px solid #505052; }
#menu li.last a { border: 0; padding: 0; }
#menu li a:hover { color: #fff; }
#menu li a.current { font-weight: bold; color: #fff; }

/* Wrapper shit */
.wrap { width: auto; padding: 1em; margin: 0 auto; }
.mainwrap { width: auto; height: auto; padding: 2em; background: #1f1f1f; color: #777; border-radius: 0.3em; border: 1px solid #333; margin: 0 auto; margin-top: 3em; margin-bottom: 4em; }
.mainwrap p { margin: 0; }
.mainwrap td { padding: 0; margin: 0; }
.mainwrap .playertable { border: 1px solid #181818; border-radius: 0.3em; background-color: #262626; width: 14em; }
.mainwrap .achtable { border: 1px solid #181818; border-radius: 0.5em; background-color: #262626; width: 44em; }
.mainwrap .achtable img { float: left; display: inline; border-style: none; margin: 0; margin-top: -0.3em; padding: 0; }
.mainwrap .achtable .unlocked { float: right; font-size: 0.9em; font-style: italic; margin-right: 1em; }

/* Community stats */
.box { border: 1px solid #181818; border-radius: 0.5em; background-color: #262626; width: 18em; }
.box_title { padding: 5px; color: white; background-color: #151515; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; }
.box li { padding: 5px }

.forumbox { border: 1px solid #181818; border-radius: 0.5em; background-color: #262626; width: 51em; }
.forumbox_title { padding: 5px; color: white; background-color: #151515; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; }
.forumbox_footer { padding: 5px; color: white; background-color: #151515; border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; }
.forumbox p { padding: 5px }

.mediabox { border: 1px solid #181818; border-radius: 0.5em; background-color: #262626; width: 60em; }
.mediabox_title { padding: 5px; color: white; background-color: #151515; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; }
.mediabox_footer { padding: 5px; color: white; background-color: #151515; border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; }
.mediabox p { padding: 5px }

.mainwrap table { margin-bottom: 0em; padding: 0.5em; }
h2 { font-size: 1.4em; margin: 0 0 10px; color: #4080f0; margin-top: 0.5em; margin-bottom: 1.25em; }
h3 { font-size: 1.2em; margin: 0 0 6px; color: #4080f0; margin-top: 1em; margin-bottom: 0.5em; }
h4 { font-size: 1.0em; margin: 0 0 6px; color: #4080f0; margin-top: 0; margin-bottom: 0.75em; }

.line { clear: both; border-bottom: 1px dotted #666; padding: 1em 0 0; margin: 0 0 1.5em; width: 44em; }

/* Site header */
#header { background: #0d0d0d; padding: 0.75em; margin-bottom: 0.7em; height: 10em; color: #999; }
#header p { float: right; margin: 20px 0 0; }

/* Login box*/
#loginform { float: right; }
#loginform input[type="text"], #loginform input[type="password"] { width: 8em; margin-right: 0.75em; background-color: #bbb; }
.login { font-weight: bold; float: right; margin-left: 1em; }
.login a { font-weight: bold; }

/* Main contents */
#main { width: auto; clear: left; float: left; }
#main #profiletext { font-style: italic; font-size: 0.9em; font-family: serif; margin-top: 1em; margin-bottom: 0.9em; }

/* Left text container */
.l, .lwide { float: left; width: auto; margin-bottom: 1.5em; width: 46em; }
.lwide { width: auto; }
.l img { float: left; margin: 0 13px 5px 0; border: 2px solid #fff; }
.l .text, .lwide .text { margin: 1.5em 3em 1.5em 0; }
.l td { padding: 2px; }
.l radio { color: black; }

/* Sidebar */
#side { padding: 0; margin: 0; margin-bottom: 5em; clear: right; background: #1f1f1f; width: 18em; float: right; }
#side a { color: #008080; }
#side .actionlink { color: #444; }
/*#side li { padding: 0 0 10px; }*/
#side td { padding: 5px; }
#side td { padding: 0; padding-right: 0.5em;  margin-right: 0; }
#side table { margin-right: 0; }

.friendinfo { font-size: 0.9em; margin: 0; padding: 0.1em; margin-right: 1em; width: auto; }
.dangerouslink { color: #880000; font-size: 0.9em; }

/* Profile edit form */
input[type="text"], input[type="password"] { background-color: #bbb; }
input[type="button"] { font-size: 0.8em; }
.inputlong { width: 20em; }
.inputshorter { width: 17.8em; }

/* Footer */
#footer { width: auto; margin-top: 2em; clear: both; font-size: 0.8em; border-top: 1px dotted #666; padding-top: 1em; padding-bottom: 1em; color: #555; clear: both; }
#footer ul { float: left; width: 140px; }
#footer ul li { padding: 0 0 3px; }
#footer p { float: right; text-align: right; }