html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { line-height: 1; color: black; background: white; }

ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

a img { border: none; }

/*@mixin border-radius($radius) { border-radius: $radius; -moz-border-radius: $radius; -webkit-border-radius: $radius;
}*/
body { font: 1em/1.3em lucida grande, sans-serif; color: #666666; }

a { color: #5f79ac; text-decoration: none; outline: none; }
a:hover { color: #ff8828; text-decoration: underline; }

.notice { margin-left: auto; margin-right: auto; text-align: center; width: 45%; color: #72db4e; font-size: 10pt; margin-top: 10px; padding: 2px; font-weight: bold; height: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; border: 1px solid #72db4e; }

.alert { margin-left: auto; margin-right: auto; text-align: center; width: 45%; border: 1px solid #23a329; color: #e13e3e; font-size: 12pt; margin-top: 10px; padding: 5px; font-weight: bold; height: 15px; }

#footer { background-color: #e0ebff; height: 300px; }

#footer_wrapper { width: 950px; margin: auto; padding-top: 30px; }

#footer_right { float: right; }

#footer_left { float: left; }
#footer_left .footer_links { float: left; padding-left: 100px; width: 120px; }
#footer_left .footer_links .footer_title { font-size: 90%; color: #627aad; font-weight: bold; }
#footer_left .footer_links ul { list-style: none; }
#footer_left .footer_links ul li { text-align: left; margin-left: 10px; }
#footer_left .footer_links ul li a { font-size: 90%; color: #627aad; }

#masthead { margin: 10px auto 0px auto; width: 950px; text-align: right; font-size: 10pt; height: 23px; }
#masthead .a_signup { color: #eb8c00; }
#masthead .welcome { float: right; width: 300px; }
#masthead .account_settings { float: right; width: 160px; }
#masthead .account_settings .account_settings_icon { width: 20px; float: right; padding-top: 2px; }
#masthead .account_settings .account_settings_link { width: 112px; float: right; }
#masthead .logout { width: 80px; float: right; }

#header { margin: auto; width: 950px; height: 60px; }
#header .select_game { float: right; padding-top: 15px; }

#logo { float: left; }

#nav_container { float: right; }
#nav_container .nav_element { float: right; padding: 10px 0px 0px 20px; }

h2 { padding: 0px 100px; color: #6079ac; font-weight: bold; font-size: 20pt; padding-bottom: 25px; }

h3 { padding: 0px 100px; font-size: 16pt; font-weight: bold; padding-bottom: 4px; }

p { padding: 0px 100px; padding-bottom: 10px; font-size: 12pt; }

#billboard_small { width: 950px; height: 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; border: 1px solid #c9c8ff; background-color: #e0ebff; margin-bottom: 30px; }

#billboard { width: 950px; height: 310px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; border: 1px solid #c9c8ff; background-color: #e0ebff; margin-bottom: 30px; }

#billboard_left { float: left; width: 410px; padding: 15px; }
#billboard_left .title { color: #6179ac; font-size: 20pt; font-weight: bold; line-height: 1.1em; }
#billboard_left .text { padding: 20px 0px; font-size: 11pt; }

#billboard_right { float: right; width: 480px; padding: 15px 15px 15px 0px; }
#billboard_right .title { font-size: 20pt; font-weight: bold; line-height: 1.2em; }
#billboard_right .text { font-size: 10pt; padding: 6px 0px; }
#billboard_right .screenshot { margin-left: 0px; }

#home_wrapper { height: 750px; }
#home_wrapper .title_col { height: 33px; margin-left: 30px; font-size: 18pt; font-weight: bold; color: #6179ac; padding-bottom: 5px; border-bottom: 1px dashed #a0cdfa; }
#home_wrapper .left_col { width: 450px; float: left; }
#home_wrapper .right_col { width: 450px; float: right; }
#home_wrapper .feature { width: 450px; float: left; padding: 15px 0px; }
#home_wrapper .feature .icon { float: left; }
#home_wrapper .feature .desc { float: right; width: 300px; }
#home_wrapper .feature .desc .title { font-size: 12pt; font-weight: bold; }
#home_wrapper .feature .desc .text { font-size: 12pt; }

#about_us_wrapper { height: 650px; }
#about_us_wrapper .about_ycombinator { height: 100px; width: 850px; margin: auto; border-bottom: 1px dashed #a0cdfa; border-top: 1px dashed #a0cdfa; }
#about_us_wrapper .about_ycombinator .yc_left { float: left; margin-left: 50px; margin-top: 30px; }
#about_us_wrapper .about_ycombinator .yc_right { float: left; font-size: 16pt; font-weight: bold; margin-top: 37px; margin-left: 20px; }

#how_it_works_wrapper { height: 1250px; }
#how_it_works_wrapper .how_item { width: 750px; height: 150px; margin: auto; }
#how_it_works_wrapper .how_item .left { float: left; padding-top: 20px; width: 150px; }
#how_it_works_wrapper .how_item .right { float: left; padding-left: 40px; padding-top: 50px; width: 500px; }
#how_it_works_wrapper .how_item .right .title { font-size: 14pt; font-weight: bold; padding-bottom: 4px; }
#how_it_works_wrapper .how_item .right .text { font-size: 12pt; color: #666666; padding-bottom: 4px; }

#documentation_wrapper { height: 550px; }
#documentation_wrapper .email { margin: 30px auto 10px auto; text-align: center; }

#content { width: 950px; margin: auto; }

.clear { width: 950px; height: 10px; }

.break { margin: auto; width: 850px; height: 20px; border-bottom: 1px dashed #a0cdfa; }