/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, code, del, em, font, img, ins, small, strike, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
body { line-height: 1.3em; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { text-align: left; }
.hidden { display: none; }

/* Clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* CE Nation */
body { background: #202020; color: #fff; font-family: arial,helvetica,sans-serif; overflow-y: scroll; }
a { color: yellow; }
h3 { font-size: 1.2em; margin: 0 0 10px 0; }

#header { background: transparent url(../img/headerbg.gif) repeat-x scroll 0 21px; width: 100%; }
#headwrap { width: 910px; margin: 0 auto; position: relative; }
#header .title { position: absolute; font-family: Arial, sans-serif; top: 63px; left: 180px; }
#header h1 { font-size: 2.5em; text-shadow: 1px 1px 5px #fff; color: #fff; line-height: 1em; }
#header h1 a { color: #fff; text-decoration: none; }
#header h2 { margin: 10px 0 0 20px; }
#header .celogo { background-image: url(../img/celogo.png); width: 127px; height: 157px; margin: 15px 0 0 25px; }

#menu { line-height: 1.3em; padding-bottom: 20px; }
#menu li { margin-left: 25px; list-style-type: circle; }
#menu li.header { margin: 0; margin-top: 0.8em; }
#menu li.first { margin-top: 0 !important; }
#menu li.space { margin-bottom: 0.8em; }
#menu a { text-decoration: none; }
#menu a:hover { text-decoration: underline; }
#content a { color: #ffef3f; }

#s-servers #content ul { margin: 10px 0; }
#s-servers #content ul li { list-style-type: disc; margin-left: 25px; padding: 3px 0; }
#s-servers #fancybox-outer { background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.9); color: #fff; }
#s-servers .fancybox-ie #fancybox-inner { background: #000; width: 380px !important; }
#s-servers .fancybox-ie #fancybox-hide body { background: #000; }
#s-servers .fancybox-ie { width: 400px !important; }
#servers { font-size: 0.9em; margin-bottom: 10px; }
#servers td.center { text-align: center; }
#servers th, #servers td { border: 1px solid #fff; padding: 3px; }
#servers .even td, #servers .even th { background: #2f2f2f; }
#servers .players { width: 100%; }
#servers .additionalInfo { padding: 5px 10px; font-size: 0.8em; background: #000; }

#serverInfo { padding: 20px; }
#serverInfo h2, #serverInfo .join { background: url(../img/celogo-small.gif) no-repeat scroll 8px 50% #000; color: #fff; display: block; line-height: 32px; margin: 0 auto; padding: 5px 0 5px 48px; text-decoration: none; width: 250px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
#serverInfo .players { width: 300px; margin-bottom: 10px; }
#serverInfo .players th { background: #111; }
#serverInfo .players td, #serverInfo .players th { border: 1px solid #ddd; padding: 2px; }
#serverInfo .flag { width: 200px; line-height: 47px; background: transparent url(../img/flags.png) no-repeat; font-size: 1.5em; text-align: right; }
#serverInfo .flagRed { background-position: 0 -47px; }
#serverInfo .join { font-size: 1.5em; }
#content #serverInfo h2, #content #serverInfo .join { margin: 0; }
#serverInfo p { margin-bottom: 10px; }
#serverInfo h2 { font-size: 1.6em; background-position: right center; padding: 5px 48px 5px 5px; }

#s-about p { margin: 10px 0; line-height: 1.2em; }
#s-about p.footnote { font-size: 0.7em; }
#s-about #video { display: block; width: 425px; height: 344px; margin: 0 auto; }

#s-maps h4 { margin-top: 30px; margin-bottom: 10px; }
#s-maps a.center { display: block; text-align: center; width: 547px; }

#s-sysreq #content h4 { margin-bottom: 1.2em; }
#s-sysreq #content ul { margin: 10px 0; }
#s-sysreq #content ul li { list-style-type: disc; margin-left: 25px; padding: 3px 0; }

#s-concept #content li { margin-bottom: 10px; width: 100%; }
#s-concept #content li a { float: left; margin-right: 10px; }
#s-concept #content li p { line-height: 110px; }

#s-console h4, #s-hosting h4 { margin: 10px auto; color: sandyBrown; text-decoration: underline; }
#s-console dl { line-height: 1.4em; }
#s-console dt { float: left; width: 150px; font-weight: bold; }
#s-console dt.double { height: 3em; }
#s-console .var, #s-hosting .var { color: #a6c628; }

#s-cheats dl { line-height: 1.4em; margin-top: 10px; }
#s-cheats dt { float: left; width: 150px; font-weight: bold; }
#s-cheats dt.double { height: 3em; }

#s-story p { margin: 15px 0; }

#s-vehicles .clear { clear: both; }
#s-vehicles h4 { margin: 10px 0; }
#s-vehicles #content a { float: left; display: block; width: 290px; text-align: center; }
#s-vehicles #content ul { margin: 15px 0; float: left; }
#s-vehicles #content ul.nomargin { margin: 0; }
#s-vehicles #content ul li { list-style-type: disc; margin-left: 25px; padding: 3px 0; }

#s-celauncher ol { list-style-type: decimal; }
#s-celauncher .downloadIt, #s-tools .downloadIt, #s-demo .downloadIt, #s-patches .downloadIt { display: block; background: #30bb29 url(../img/buttonbg.gif) repeat-x; color: #000; width: 200px; text-align: center; line-height: 48px; font-weight: bold; text-decoration: none; font-size: 1.2em; float: right; -moz-border-radius: 7px; -webkit-border-radius: 7px; -moz-box-shadow: 0 0 2px #000; -webkit-box-shadow: 0 0 2px #000; }
#s-celauncher .downloadIt:hover, #s-tools .downloadIt:hover, #s-demo .downloadIt:hover, #s-patches .downloadIt:hover { text-decoration: underline; }
#s-celauncher #content li { margin-left: 25px; line-height: 1.4em; }

#s-missions #images { background: #000; text-align: center; }
#s-missions p, #s-nation p, #s-celauncher p, #s-demo p, #s-hosting p { margin: 10px 0; }

#s-tools #content h4 { margin-bottom: 5px; }
#s-tools #content .clearfix { margin-bottom: 30px; }
#s-tools #content .author { font-size: 0.8em; font-style: italic; }
#s-tools #content .author a { color: #fff; }

#s-demo h3 { margin-bottom: 30px; }
#s-demo .downloadIt { line-height: 1.8em; }
#s-demo #content li { list-style-type: disc; margin-left: 25px; padding: 3px 0; }
#s-demo #content .clearfix { margin-bottom: 30px; }

#s-patches .readme { width: 690px; height: 200px; overflow: auto; border: 2px inset #ccc; margin: 10px 0 40px 0; background: rgba(0, 0, 0, 0.3); }
#s-patches .noreadme { margin-bottom: 40px; }
#s-patches .multi .downloadIt { clear: both; margin-bottom: 10px; }

#as-frontpage #news, #s-news #article { width: 602px; }
#s-frontpage #news { float: left; }
#s-frontpage #news, #s-news #article { width: 540px; }
#s-frontpage #news h4, #s-news #article h4, #onlinePlayers li.header { padding: 5px 0 5px 45px; background: #000 url(../img/celogo-small.gif) no-repeat scroll 8px 50%; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#s-frontpage #news .posted, #s-news #article .posted { font-size: 0.7em; color: #777; font-weight: normal; }
#s-frontpage #news .posted a, #s-news #article .posted a { color: #777; }
#s-frontpage #news .article, #s-news #article .article { padding: 5px; font-size: 0.9em; }
#s-frontpage #news .article p, #s-news #article .article p { line-height: 1.2em; text-align: justify; margin: 5px 0 15px 0; }

#onlinePlayers { float: right; }
#onlinePlayers li.header { line-height: 37px; padding-right: 10px; list-style: none; margin: 0; float: right; }
#onlinePlayers li { list-style: square inside; line-height: 1.7em; margin-left: 10px; clear: both; }
#onlinePlayers li.footnote { list-style: none; width: 132px; line-height: 1.1em; border-top: 1px solid #303030; border-bottom: 1px solid #303030; padding: 5px 0; text-align: center; }

#s-hosting #content li { list-style-type: disc; margin-left: 25px; padding: 3px 0; }
#s-hosting #content .code { border: 1px solid #303030; width: 500px; display: block; font-family: monospace; padding: 3px; margin: 5px 0; background: rgba(0, 0, 0, 0.3); line-height: 1.2em; max-width: 440px; margin: 10px; }

#s-news .linkBack { margin-bottom: 15px; }
#s-news .linkBackBottom { margin-top: 25px; }

#footer { text-align: center; padding-bottom: 20px; font-size: 0.8em; color: #ccc; }
#footer a { color: #ddd; }