html {
    background-color:#131518;
}

iframe {
    width:100%;
    height:100%;
}

body {
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size:13px;
    background: #131518 url("../img/hexgrid2.png") repeat scroll;
    margin:0px;
}

h1 {
    color:#eee;
    font-size:2em;
}
h2 { 
    font-size:1.5em;
    color:#eee;
}
h3 {
    font-size:1.25em;
    color:#333;
}
h4 { 
    font-size:1.125em;
    color:#333;
}
h1,h2,h3,h4 {
    padding: 0px 0px 0px 4px;
    margin: 0px 0px 4px 0px;
}

p,a,ul {
    font-size:1em;
    padding: 0px 0px 4px 4px;
}
a {
    /*color:#ADBDFF;*/
    color: rgba(41,137,216,1);
}
a:hover {
    text-decoration: none;
}
ul {
    list-style:circle inside;
    margin-left:8px;
    margin-bottom:16px;
}
ul>li>ul {
    list-style:disc inside;
    margin-bottom:0px;
}
.clear {
    clear:both;
}

/* Font Trickery */
.smallCaps,h3,h4 {
    text-transform: uppercase;
}
.smallCaps:first-letter,
h3:first-letter,
h4:first-letter
{
    font-size:1.25em;
}
.alert {
    color:#FFEB00;
}

/* LIGHT GRADIENT */
.facebook,.moduleHover,
.formflow,.sessionGUI,.gallery-tile,.masters-tile,.showCreateAccountForm,.showLoginForm {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/* BLACK GRADIENT */
.information,.system,.preorderEID,.moduleInner,input[type="submit"],.mobile>div>p>a {
    background: rgb(149,149,149); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(78,78,78,1) 76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(149,149,149,1)), color-stop(46%,rgba(13,13,13,1)), color-stop(50%,rgba(1,1,1,1)), color-stop(53%,rgba(10,10,10,1)), color-stop(76%,rgba(78,78,78,1)), color-stop(87%,rgba(56,56,56,1)), color-stop(100%,rgba(27,27,27,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
}

/* BLUE GRADIENT */
.info,.sys,nav>div>p>a,.menu>div>p>a {
    background: rgb(30,87,153); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}

/* ROUNDED */
.topNavigation,
header,.leftPromo,.rightPromo,.preorderEID,.information,.system,
nav>div,nav>div>p>a,.menu>div,.menu>div>p>a,
.info,.sys,.facebook,.module,.moduleInner,.moduleHover,.jack,
.formflow,input,.gallery-tile,.masters-tile,.nav-tiles a {
    /* Rounded Corners */
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

/* SHADOW */
header,.leftPromo,.rightPromo,.nav-tiles a,
nav>div,nav>div>p>a,.menu>div,.menu>div>p>a,
.info,.sys,.facebook,.preorderEID,.module,.jack,
.formflow,input[type="submit"] {
    -webkit-box-shadow: 0px 3px 9px 0px #000000;
    box-shadow: 0px 3px 9px 0px #000000;
}

/* WHITE SHADOW */
.module:hover,.jack:hover,.sessionGUI,.gallery-tile,.masters-tile,.mobile>div>p>a:hover {
    -webkit-box-shadow: 0px 3px 9px 0px #ffffff;
    box-shadow: 0px 3px 9px 0px #ffffff;
}

/* BLUE SHADOW */
nav>div>p>a:hover,.menu>div>p>a:hover,
.moduleHover,input[type="submit"]:hover,
.gallery-tile:hover,.masters-tile:hover {
    -webkit-box-shadow: 0px 3px 9px 0px rgba(125,185,232,1);
    box-shadow: 0px 3px 9px 0px rgba(125,185,232,1);
}

/* BRASS SHADOW */
.b {
    -webkit-box-shadow: 0px 3px 9px 0px #995522;
    box-shadow: 0px 3px 9px 0px #995522;
}

/* TOP BLEND SHADOW */
footer.legal {
    -webkit-box-shadow: 0px 0px 16px 8px #202429;
    box-shadow: 0px 0px 16px 8px #202429;
}

/* PRIMARY LAYOUT */
.centerAllContent {
    min-width: 90%;
    max-width: 90%;
    margin: 0px auto 56px auto;
    background-color:#202429;
    -webkit-box-shadow: 0px 0px 16px 4px #202429;
    box-shadow: 0px 0px 16px 4px #202429;
}

.logo {
    display:inline-block;
    margin: 6px;
    cursor: pointer;
    height: 97px;
    width: 97px;
    background:url("../img/AusukusaBall.gif") no-repeat scroll;
}

header {
    margin:10px auto;
    color:#eeeeee;
    background:url("../img/limbo.jpg") repeat scroll;
}

header>h1 {
    display:inline-block;
    max-width:200px;
    vertical-align: top;
}

footer.legal {
    position:fixed;
    width:100%;
    left:0px;
    bottom:0px;
    background-color:#131518;
}
.legal>div {
    color:#eeeeee;
    clear:both;
    text-align:center;
    margin-top:8px;
    margin-bottom:8px;
}

.location {
    position:relative;
    font-size:2em;
    color:#eeeeee;
    padding-top:2px;
    text-indent: 10px;
}

.breadcrumb {
    position: relative;
    color: rgb(30,87,153);
}

.breadcrumb>a {
    font-size: 0.9em;
    text-decoration: none;
    padding-right:4px;
    color: rgb(30,87,153);
}

.overlay {
    position:relative;
    width:1000px;
    height:40px;
    margin:0px auto;
    top:10px;
}

.information,.system {
    color:#eeeeee;
    height:20px;
}

.information {
    float: left;
    margin-left:60px;
}

.info {
    float:left;
}

.sys {
    float:right;
}

.sys,.info {
    margin: -2px 0px -2px 4px;
    padding: 4px 8px;
    font-size:0.9em;
}

.infoLabel {
    float:left;
    font-size:0.75em;
    margin:4px 10px 0px 4px;
}

.system {
    float: right;
    margin-right:60px;
}

.leftPromo,.rightPromo,.locationContent {
    margin-bottom:4px;
}

/* BRACE */

.brace {
    position: relative;
    margin: 16px 8px;
    width: auto;
}

.left-brace {
    float: left;
    top: 0px;
    left: 0px;
    width: 23px;
    height: 80px;
    background: url(../img/leftMenuBrace.gif) no-repeat;
}

.right-brace {
    float: right;
    top: 0px;
    right: 0px;
    width: 23px;
    height: 80px;
    background: url(../img/rightMenuBrace.gif) no-repeat;
}

.top-brace {
    float: none;
    width: auto;
    height: 15px;
    background: url(../img/topMenuBrace.gif) repeat-x;
    overflow:hidden;
}

.brace>p {
    margin: 8px 28px;
}

/* NAVIGATION */

nav {

}

nav.mobile {
    display:none;
    float:left;
    margin-top: -10px;
}

nav>div {
    display:inline-block;
    padding:4px;
    margin-bottom:4px;
}

.menu>div {
    display:block;
    padding:4px;
    margin-bottom:4px;
}

nav>div>p {
    display:inline-block;
    padding:2px;
    color:#222222;
}

.menu>div>p {
    display:block;
    padding:2px;
    color:#222222;
}

nav>div>p .selected, .menu>div>p .selected {
    color:#eee;
    text-shadow:0px 0.5px #eee;
}

nav>div>p>a, .menu>div>p>a {
    display: block;
    padding: 4px 16px;
    margin: 2px;
    text-decoration: none;
    color:#111;
}

.menu {
    display:none;
    position: absolute;
    border-spacing: 0px 4px;
    z-index: 1000;
    background-color:#131518;
}

/* PAGE LOAD */

.locationContent {
    padding:4px 0px;
    color:#eeeeee;
}

.smallCaps {
    font-size:0.80em;
}

.para {
    padding:10px;
    color:#222222;
    font-size:1.25em;
}

.likeUsPlease {
    margin-bottom:4px;
}

.facebook {
    padding:4px;
}

.locationContent>p {
    padding: 0 8px 12px;
}

.preorderEID {
    display:inline-block;
    width:300px;
    color: #EEEEEE;
    line-height: 1.5em;
    padding:8px;
}

.preorderEID>input {
    margin-left: 100px;
    margin-top: 10px;
    width: 100px;
}

.preorderEID>p {
    text-align:center;
}

.bold {
    text-shadow:#333 1px 0px;
}

.promoBar {
    margin:64px auto;
    width:316px;
}
.promoBar h4 {
    color:#eee;
    text-align:center;
}

.module {
    float:left;
    width:300px;
    margin:8px;
    padding:8px;
    cursor:pointer;
    font-size:14px;
    margin-left: 57px;
}

.moduleHover {
    display:none;
    position: absolute;
    width: 255px;
    padding: 10px;
    margin-left: 13px;
    color:#444;
}

.gallery-tile {
    display:inline-block;
    width:300px;
    margin: 8px;
}

.masters-tile {
    margin:8px;
    padding-left:4px;
    padding-right:8px;
    width:300px;
}

.masters-tile p {
    color: black;
}

.nav-tiles {
    max-width: 1024px;
    margin: auto;
    margin-bottom:1em;
}

.nav-tiles>div {
    display:inline-block;
    margin: 0px 8px;
}

.nav-tiles a {
    display:block;
    width: 190px;
    margin: 4px auto;
    padding:20px;
    text-indent:64px;
}

.story {
    margin: 0px 8px;
}

.story p {
    max-width: 1024px;
    margin: auto;
    margin-bottom:1em;
}

.story p:first-letter {
    font-size:1.25em;
}

/* -- MEDIA QUERIES -- */
@media screen and ( min-width: 1792px ) {
    .centerAllContent {
        max-width:1600px;
        min-width:1600px;
    }
}

@media screen and ( max-width: 1599px ) {
    .module {
        margin-left:75px;
    }
}

@media screen and ( max-width: 1279px ) {
    .module:nth-child(even) {
        margin-left:8px;
    }
    .module {
        margin-left:8px;
    }
}

@media screen and ( max-width: 1023px ) {
    .module:nth-child(even) {
        margin-left:45px;
    }
    .module {
        margin-left:8px;
    }
    .nav-tiles a {
        width:310px;
    }
}

@media screen and (max-width: 767px ) {
    nav.desktop {
        display:none;
    }
    nav.mobile {
        display:inline-block;
    }
    .module:nth-child(even) {
        margin-left:110px;
    }
    .module {
        margin-left:110px;
    }
    .nav-tiles a {
        width:210px;
    }
}

@media screen and ( max-width: 567px ) {
    .centerAllContent {
        min-width:320px;
    }
    .module:nth-child(even) {
        margin-left:2px;
        margin-right:2px;
    }
    .module {
        margin-left:2px;
        margin-right:2px;
    }
    nav>div {
        padding-top:0px;
        padding-bottom:0px;
    }
    .nav-tiles a {
        width:260px;
    }
}