@import url(http://fonts.googleapis.com/css?family=Alegreya+Sans);

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body {
    background: #131314;
    color: #7F847C;
    font-family: "Alegreya Sans", sans-serif;
    font-size: 22px;
    line-height: 24px;
    text-shadow: 1px 1px #140c1c
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

.text {
    text-align: justify
}

.text p {
    margin-bottom: 20px
}

.text p.special {
    font-size: 24px;
    color: #ECA11E
}

.text a {
    color: #d27d2c
}

.text a:hover {
    color: #ff5500
}

.text strong {
    color: #ECA11E
}

.text em {
    font-style: italic
}

.text ul {
    list-style-type: circle;
    list-style-position: inside;
    padding-left: 20px
}

.header {
    box-sizing: border-box;
    background: url(header.jpg) center top;
    padding-top: 20px;
    overflow: hidden
}

.header .logo {
    display: block;
    margin: 0 auto
}

.header .nav {
    overflow: hidden;
    padding: 8px 4px;
    text-align: center
}

.header .nav ul {
    display: inline-block
}

.header .nav li {
    float: left;
    margin-right: 30px
}

.header .nav a {
    color: #7F847C
}

.header .nav a:hover {
    color: #ff5500
}

.footer {
    text-align: center;
    color: #4e4a4e
}

.footer a {
    color: #4e4a4e;
    text-decoration: none
}

.footer a:hover {
    color: #ff5500
}

.section {
    overflow: hidden;
    padding: 40px 0
}

.section .content {
    width: 1000px;
    margin: 0 auto
}

.thumb {
    margin: 5px;
    border: solid;
    border-size: 3px;
    border-color: white;"
    width:256px;
    height:144px;
}

.section h2 {
    font-size: 30px;
    color: #806041;
    margin-bottom: 20px
}

.section.odd {
    background-color: #19191B
}

.trailer .main {
    float: left;
    margin-right: 40px
}

.humble .main {
    float: right
}

.humble .aux {
    float: left;
    width: 700px
}

h2 {
    text-align: center;
    margin-bottom: 40px
}

.seen ul {
    display: block;
    text-align: center;
    width: 720px;
    margin: 0 auto
}

.seen li {
    float: left;
    margin-right: 40px
}

li {
    margin-bottom: 12px
}

.seen li img:hover {
    opacity: .75;

}

.screenshots h2 {
    text-align: center;
    margin-bottom: 40px
}

.screenshots ul {
    display: block;
    width: 800px;
    margin: 0 auto
}

.screenshots li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}

.screenshots li img {
    border: solid 2px
}

.screenshots li img:hover {
    border-color: #ECA11E
}

.faq h2 {
    text-align: center;
    margin-bottom: 40px
}

.faq dt {
    color: #ECA11E;
    margin-bottom: 10px
}

.faq dd {

    margin-bottom: 40px
}

.press-kit-page {
    width: 1200px;
    margin: 0 auto
}

.press-kit-nav {
    position: fixed;
    float: left;
    width: 300px
}

.press-kit-nav img {
    display: block;
    margin-bottom: 20px
}

.press-kit-nav a {
    color: #d27d2c
}

.press-kit-nav a:hover {
    color: #ff5500
}

.press-kit-info {
    box-sizing: border-box;
    float: right;
    width: 200px;
    padding: 10px;
    border: solid 2px #806041
}

.press-kit-info h2 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 20px;
    color: #806041
}

.press-kit-info a {
    color: #d27d2c
}

.press-kit-info a:hover {
    color: #ff5500
}

.press-kit-info dl dd {
    margin-bottom: 10px
}

.press-kit-info dl:last-child {
    margin-bottom: 0
}

.press-kit-body {
    margin-left: 300px;
    margin-right: 220px
}

.press-kit-body h1 {
    font-size: 40px;
    color: #ECA11E;
    margin-bottom: 40px
}

.press-kit-body .section a {
    color: #d27d2c
}

.press-kit-body .section a:hover {
    color: #ff5500
}

.press-kit-body .section p {
    margin: 20px 0
}

.press-kit-body .screenshots ul {
    width: 540px
}