div, p, span, h1, h2, h3, h4, img { border: none; margin: 0; padding: 0; }
body { background: #1e1e1e; width: 980px; margin: auto; font-family: Lucida Sans Unicode, Lucida Grande, Arial, Helvetica, sans-serif; font-size: 14px; color: #d5d5d5; letter-spacing: .1em; }
a { color: #325884; text-decoration: none; }
h1.box_title { font-size: 14px; font-weight: normal; color: #fff; margin-top: 0; padding: 5px 0; width: 100%; text-align: center; }
h2 { font-size: 14px; font-weight: normal; margin: 20px 0 5px 0; }
h1.gold { background: #c2a255; }
h1.purple { background: #a569a5; }
p { font-size: 12px; margin: 5px 0 10px 0; }
a.join { font-size: 20px; }
.tiny_text { font-size: 14px; }
.center { text-align: center; }
code { margin: 20px 0; }

/* Page sections */
div#header { text-align: right; border-bottom: 1px solid #7a7a7a; padding-bottom: 15px; }
div#workspace { margin-top: 10px; float: left; width: 980px; }
div#footer { margin-top: 30px; background: #2d2d2d; padding: 20px; text-align: center; float: left; clear: both; width: 940px; font-size: 11px; margin-bottom: 20px; }
div.content { margin-top: 20px; float: left; }

/* Header */
div#brand { float: left;  width: 200px; }
img#tagline { margin-top: 25px; }

/* Call to action */
div#action { float: right; width: 228px; background: #325884 url(../_img/background_action.jpg) 0 138px no-repeat; height: 480px; }
div#action h1 { color: #fff; font-size: 48px; text-align: center; font-weight: normal; font-family: Georgia, Times, Sans Serif; padding-top: 40px; }
div#action p { color: #adadad; text-align: center; margin-top: 170px; margin-left: 0; padding: 0 5px; }
div#action:hover { background-color: #687d94; }

/* Updates */
div#updates { margin-top: 15px; width: 980px; float: left; }
div#updates_sidebar { width: 220px; background: #2d2d2d; float: right; text-align: center; padding-bottom: 50px; margin-top: 20px; }
div#updates_sidebar p { text-align: left; margin-top: 10px; padding: 0 20px;  }
div#updates_sidebar img { margin: 5px; }
div#updates_sidebar h2 { color: #A569A5; }
div#updates_updates { float: left; width: 700px; min-height: 600px; margin-left: 20px; text-align: center; }
div#updates_updates img { margin: 10px; }
div#updates_updates a.update_link { font-size: 32px; color: #d5d5d5; }
div#updates_title { width: 170px; height: 26px; text-align: center; padding-top: 5px; border: 1px solid #7a7a7a; border-bottom: none; float: left; }
div#updates_tag { height: 26px; width: 500px; padding-top: 5px; padding-left: 20px; color: #7a7a7a; border-bottom: solid 1px #7a7a7a; float: left; }

/* Update block */
div.update { float: left; margin: 15px 0; padding-bottom: 15px; border-bottom: 1px solid #7a7a7a; }
div.cover { float: left; width: 240px}
div.details { float: right; width: 450px; min-height: 360px; }
div.details img { margin-left: 20px; }
div.details h1 { margin: 20px 0 0 20px; font-size: 22px; font-weight: normal; }
div.details p { margin-left: 20px; }

div#continue { float: left; width: 980px; text-align: center; padding: 40px 0; }

/* Remove halo effect in Firefox */
a:active { outline: none; }		
a:focus { outline-width: 0; }