oaeproject/Hilary

/*************
 * CORE CSS **
 *************/

body {
    background-color: <%= skinVariables['body-background-color'] %>;
    color: <%= skinVariables['text-color'] %>;
    font-size: 13px;
    height: 100%;
    padding: 20px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 150%;
}

body, h1, h2, h3, h4, h5, h6, a, span, td, div {
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

body > table {
    margin: 0 auto;
}

table {
    /* Explicitly specifying `border-collapse: separate;` forces
       IE9 to respect cellspacing in Gmail like other browsers */
    border-collapse: separate;
}

a {
    color: <%= skinVariables['link-color'] %>;
    text-decoration: none;
}

a:hover {
    color: <%= skinVariables['link-hover-color'] %>;
}

h1, h2, h3, h4, h5, h6 {
    color: <%= skinVariables['text-color']%>;
    line-height: 1.1;
}

h1, h2 {
    font-weight: 200;
}

h3 {
    font-weight: 500;
}

img {
    border: 0;
}

.muted {
    color: <%= skinVariables['secondary-text-color'] %>;
    font-size: 12px;
}

.wrapped {
    word-wrap: break-word;
}

.row > td {
    max-width: 700px;
    min-width:400px;
}


/************
 ** HEADER **
 ************/

#header table {
    width: 100%;
}

#header td {
    text-align: center;
    max-width: 650px;
}

#header #logo img {
    margin: 0 0 15px;

    /* GMail always converts `height` to `min-height` on at least images, so use
       `min-height` with `max-height` for some client consistency */
    max-height: 50px;
    min-height: 50px;
}

#header #summary td {
    font-size: 15px;
    padding-bottom: 10px;
}

/*************
 ** BUTTONS **
 *************/

.btn-prominent {
    text-align: center;
}

.btn-prominent > a {
    background-color: <%= skinVariables['clip-secondary-gradient2-color'] %>;
    border-radius: 5px;
    color: <%= skinVariables['clip-secondary-title-color'] %>;
    display: inline-block;
    font-family: HelveticaNeue-Medium, "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 16px;
    margin-bottom: 15px;
    padding: 15px 30px;
}

/************
 ** FOOTER **
 ************/

#footer {
    font-size: 10px;
    margin: 40px auto 0;
}