// VARIABLES

@link: #2a9ccc;
@base-text: #1f2225;
@light-text: #909091;
@light-border: #DCDEE0;
@light-bg: #FCFBFB;

// TYPOGRAPHY
body {
	font: 1em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: @base-text;
}

p {
	a {
		color: @link;
		
		&:hover { color: @base-text; }
	}
}

h1, h2 {
    font-family: Georgia, sans-serif;
    margin-bottom: 1em;
}

h1 {
    font-size: 2.5em;
    line-height: 3em;
}

h2 {
    font-size: 1.5em;
    line-height: 2em;
}


/* LAYOUT */
div.container {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

#logo {
    img {
        margin: 0 auto;
    }
}

.timer-area {
    background: transparent url('../images/timer-area-pattern.png') left top;
    text-align: center;
    background-color: #000;

    h1 {
        color: white;
    }

    margin-bottom: 4em;
}

.main-footer {
    position: absolute;
    bottom: 0;
    margin: 2em;
}

/* SIGNUP */
.form-wrapper {
    border: 1px solid @light-border;
    padding: .5em;
    width: 30em;
    margin: 1em auto;
    overflow: hidden;
}

input[type="email"] {
    border: none;
    float: left;
    font-size: 1em;
    padding: .5em;
    outline: none;
}