netchat.io alternate stylesheet

core.css

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url("http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff") format("woff");
}

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"), local("Lato-Bold"), url("http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff") format("woff");
}

@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  src: local("Lato Italic"), local("Lato-Italic"), url("http://themes.googleusercontent.com/static/fonts/lato/v7/oUan5VrEkpzIazlUe5ieaA.woff") format("woff");
}

@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  src: local("Lato Bold Italic"), local("Lato-BoldItalic"), url("http://themes.googleusercontent.com/static/fonts/lato/v7/HkF_qI1x_noxlxhrhMQYED8E0i7KZn-EPnyo3HZu7kw.woff") format("woff");
}

* {
    margin: 0;
    padding: 0;
}

html {
    position: relative;
    min-height: 100%;
}

html, body {
    font: 400 16px/150% "Lato";
    color: #1d1d1d;
/*     font-family: 'Helvetica Neue', 'Roboto', sans-serif; */
}

h2, h3 {
    margin: 25px 0 0;
}

a {
    font-weight: 700;
    color: #222;
}

a:hover {
    color: #222;
}

li {
    margin-left: 2em;
}

#header {
    height: 100px;
    line-height: 100px;
    color: #ecf0f1;
    border-bottom: 1px solid #aaa;
    background: #eee;
}

#navigation {
    float: right;
}

    #navigation a {
        color: #777;
        margin-left: 25px;
        text-decoration: none;
    }

        #navigation a:hover {
            color: #070707;
        }

#main {
    margin: 0 auto;
}

#footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #eee;
    border-top: 1px solid #aaa;
    color: #5a5a5a;
}

#table-leaves {
    width: 100%;
    margin-top: 25px;
    border-collapse: collapse;
    border: 1px solid #aaa;
}
#table-leaves tbody tr:first-child {
    background-color: #f3f3f3;
}
#table-leaves th {
    text-align: left;
}
#table-leaves th, #table-leaves td {
    padding: 10px;
}
 #table-leaves td {
        border-top: 1px solid #aaa;
 }

.content {
    position: relative;
    max-width: 820px;
    margin: 0 auto;
}

#title {
    float: left;
    positioN: relative;
    font-weight: 400;
    color: #222;
    z-index: 26;
}

#subtitle {
    display: inline-block;
    position: absolute;
    top: -1.5em;
    left: 0;
    font-style: italic;
    color: #aaa;
}

.blurb {
    margin-top: 25px;
}

#form-donate {
    text-align: center;
    margin-top: 25px;
}