/* @What: Startup Organizers Summit Main CSS */
/* @Who: A Ben Stock Design and CremaLab Production */

/* Import Ye Olde Fonts */

@import url("fonts/league-gothic/stylesheet.css");
@import url("fonts/serifa/stylesheet.css");

/* Reset */

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th {
    font-style: normal;
    font-weight: normal;
}

a, a:visited, a:active {
    color: inherit;
    text-decoration: none;
}

ul, ol {
    list-style: none;
}

fieldset, img {
    border: none;
    outline: none;
}

caption, th {
    text-align: left;
}

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

/* HTML5 Fix */

header, hgroup, nav, section, article, aside, footer {
    display: block;
}

.clear {
    clear: both;
}

/* Layout */

body {
    background: url(../images/skyline-repeat.png) repeat-x 0 100%, url(../images/bg-lg.png) repeat-x;
    font: 100%/1.5 "SerifaStd55Roman";
    color: #d1ebff;
    position: relative;
    /* -webkit-text-stroke: 1px transparent; */
}

#wrapper {
    margin: 0 auto;
    padding: 0 10px;
    width: 960px;
    position: relative;
    z-index: 100;
}

/* ************************ */
/* Header/Countdown */
/* ************************ */

header {
    overflow: visible;
    height: 290px;
}

#logo {
    float: left;
    margin-top: 20px;
}

#logo a {
    background: url(../images/logo-glowless-flat.png) no-repeat 0 0;
    display: block;
    height: 280px;
    text-indent: -9999px;
    width: 302px;
}

.countdown_section {
    float: left;
}

#countdown {
    background: url(../images/take-off.png) no-repeat 0 10px;
    float: right;
    width: 587px;
    height: 275px;
    padding-top: 32px;
    overflow: hidden;
}

#countdown h2 {
    font-family: "LeagueGothicRegular";
    font-size: 70px;
    line-height: 1;
    text-transform: uppercase;
    color: #c4dbff;
    text-align: center;
}

#countdown ol {
    margin: 10px auto 0;
    width: 587px;
    height: 106px;
}

#countdown ol li {
    color: #4b92ff;
    float: left;
    font: 100px/1 "LeagueGothicRegular";
    width: 110px;
    text-align: center;
}

#days {
    margin-left: 75px;
}

#hours {
    /* margin-left: 42px; */
}

#min {
    /* margin-left: 42px; */
}

#sec {
    /* margin-left: 42px; */
}

#countdown ol li span {
    clear: both;
    color: #c4dbff;
    display: block;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    width: 110px;
    -webkit-text-stroke: 1px transparent;
}

/* ************************ */
/* Content */
/* ************************ */

#content {
    clear: both;
    position: relative;
    overflow: visible;
    margin-bottom: 50px;
}

#left-col {
    float: left;
    width: 300px;
    margin-top: 20px;
}

#left-col p {
    clear: both;
}

#right-col {
    float: right;
    width: 580px;
}

/* ************************ */
/* Date Section */
/* ************************ */

#date-box {
    background: rgba(0,22,66,.75);
    width: 300px;
    height: 148px;
}

.m-d-y {
    color: #ff518a;
    font-size: 60px;
    font-family: "LeagueGothicRegular";
    text-transform: uppercase;
    float: left;
    line-height: 57px;
    background: url(../images/date-top.png) no-repeat;
    padding-top: 20px;
    margin-top: 10px;
}

#o1 {
    margin-left: 10px;
}

.year {
    color: #d1ebff;
    display: block;
    text-align: center;
}

#thru {
    color: #556e93;
    font-family: "LeagueGothicRegular";
    font-size: 70px;
    float: left;
    text-transform: uppercase;
    margin-top: 22px;
    margin-left: 8px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

/* ************************ */
/* Early Bird Section */
/* ************************ */

#early-bird {
    background: url(../images/early-sign.png) no-repeat;
    width: 303px;
    height: 166px;
    padding-top: 68px;
    margin-top: -10px;
}

#early-bird p {
    font-family: "LeagueGothicRegular";
    text-transform: uppercase;
    text-align: center;
}

#early-bird p:first-of-type {
    color: #ff518a;
    font-size: 54px;
    line-height: 1;
}

#early-bird p:last-of-type {
    color: #2f416b;
    font-size: 114px;
    line-height: .9;
}

/* ************************ */
/* Register Section */
/* ************************ */

#reg-box {
    background: rgba(0,22,66,.85);
    width: 260px;
    padding: 20px;
    position: relative;
}

#reg-box p {
    line-height: 1.5;
    font-size: 18px;
    margin: 1.5em 0;
}

#reg-box p:first-of-type {
    margin-top: 0;
}

#register {
    background: url(../images/register-now-sprite.png) no-repeat 0 0;
    width: 216px;
    height: 64px;
    display: block;
    margin: 0 auto;
    text-indent: -9999px;
}

#register:active {
    background-position: 0 -64px;
}

/* ************************ */
/* Where Section */
/* ************************ */

#where {
    background: url(../images/compass.png) no-repeat 100% 5%;
    width: 300px;
    clear: both;
    margin-bottom: 100px;
}

#where a {
    color: #333;
    clear: both;
    display: block;
    margin-bottom: 21px;
}

#map {
    float: left;
    clear: both;
    width: 300px;
    height: 300px;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.21);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.21);
    margin-bottom: 21px;
}

#where p {
    color: #263c5e;
    width: 125px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 0px 1px 0px white;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#where #vcard {
    background: url(../images/vcard-sprite.png) no-repeat;
    display: block;
    text-indent: -9999px;
    width: 42px;
    height: 21px;
    float: left;
    clear: none;
}

#where #vcard:active {
    background-position: 0 -21px;
}

/* ************************ */
/* Retreat Section */
/* ************************ */

#retreat {
    background: white;
    clear: both;
    position: relative;
    padding: 20px;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.21);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.21);
}

#retreat:before {
    content: url('../images/small-bubble.png');
    position: absolute;
    top: -70px;
    left: -20px;
}

#retreat:after {
    content: url('../images/large-bubble.png');
    position: absolute;
    right: -60px;
    top: -100px;
}

#retreat h2 {
    font-family: "LeagueGothicRegular";
    font-size: 60px;
    color: #2a3f64;
    clear: both;
    text-transform: uppercase;
    line-height: 1;
}

#retreat .pink {
    font-size: 24px;
    color: #ff518a;
    font-weight: bold;
}

#retreat p {
    color: #333;
    margin: 0px 0 27px;
}

#retreat p:last-of-type {
    margin-bottom: 0;
}

#click-here {
    background: url(../images/click-here-sprite.png) no-repeat;
    display: block;
    width: 143px;
    height: 39px;
    text-indent: -9999px;
    position: absolute;
    right: 20px;
    bottom: 20px;
}

#click-here:active {
    background-position: 0 -39px;
}

/* ************************ */
/* Headline/Main Section */
/* ************************ */

#headline {
    background: rgba(0,22,66,.75) url(../images/pink-arrow.png) no-repeat 95% 94%;
    width: 537px;
    position: relative;
    margin-top: 20px;
    padding: 20px;
}

#first-event {
    background: url(../images/first-event.png) no-repeat;
    width: 539px;
    height: 209px;
    text-indent: -9999px;
}

#headline p:not(#first-event) {
    color: #d1ebff;
    font-size: 18px;
    font-family: "SerifaStd55Roman";
    margin: 22px 0;
    line-height: 1.7;
}

#learn-more {
    background: url(../images/learn-more-sprite.png) no-repeat;
    width: 301px;
    height: 64px;
    display: block;
    text-indent: -9999px;
}

#learn-more:active {
    background-position: 0 -64px;
}

.sec-head {
    background: url(../images/section-sprite.png) no-repeat 0 0;
    text-indent: -9999px;
    height: 48px;
    margin: 50px 0 21px;
}

#attending .sec-head {
    background-position: 0 0;
}

#featured .sec-head {
    background-position: 0 -48px;
}

#sponsors .sec-head {
    background-position: 0 -96px;
}

#where .sec-head {
    background-position: 0 -192px;
}

#schedule .sec-head {
    background-position: 0 -144px;
}

#attending #orgs, #featured #badasses {
    clear: both;
}

/* ************************ */
/* Attending Section */
/* ************************ */

#attending li {
    float: left;
    display: block;
    width: 115px;
    height: 115px;
    margin-right: 40px;
    position: relative;
}

#attending li:after {
    content: url(../images/plus-icon.png);
    position: absolute;
    right: -31px;
    top: 50%;
    margin-top: -11px;
}

#attending li:last-of-type:after {
    content: "";
}

/* ************************ */
/* Featured Section */
/* ************************ */

#featured li:after {
    content: url(../images/plus-icon.png);
    position: absolute;
    right: -31px;
    top: 50%;
    margin-top: -11px;
}

#featured li:last-of-type:after {
    content: "";
}

#featured li {
    float: left;
    display: block;
    width: 115px;
    height: 133px;
    margin-right: 40px;
    position: relative;
}

#featured img {
    display: block;
    margin-right: 40px;
    
}

#attending li:last-of-type, #featured li:last-of-type {
    background: none;
    margin: 0;
}

/* ************************ */
/* Sponsors Section */
/* ************************ */

#sponsors ul {
    background: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0, #f2f6f9),
    	color-stop(1, #fff)
    );
    background: -moz-linear-gradient(
    	center bottom,
    	rgb(242,246,249) 0%,
    	rgb(255,255,255) 100%
    );
    width: 100%;
    height: 90px;
    clear: both;
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.21);
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.21);
}

#sponsors ul li {
    float: left;
    margin-left: 20px;
}

/* ************************ */
/* Schedule Section */
/* ************************ */

#coming-soon {
    background: url(../images/coming-soon.png) no-repeat;
    width: 618px;
    height: 290px;
    clear: both;
    text-indent: -9999px;
    margin-left: -20px;
    margin-bottom: 20px;
}

.push {
    height: 200px;
    width: 100%;
    min-height: 200px;
}

/* ************************ */
/* Footer */
/* ************************ */

footer {
    background: url(../images/skyline-lg.png) no-repeat 40% 100%;
    width: 100%;
    height: 450px;
    position: absolute;
    z-index: 50;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}

footer p {
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
}

/* ************************ */
/* Background Trick */
/* ************************ */

#background {
    width: 100%;
    height: 100%;
}

#background img {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
}