body {
    padding: 0 50px;
    margin: 0;
    font: 10pt Arial, sans-serif;
    color: #666;
    background-color: #fff;
}

a:link,
a:visited {
    color: #06c;
    text-decoration: none;
}
a:hover,
a:active {
    color: #036;
}

a.alt:link,
a.alt:visited {
    color: #666;
    text-decoration: none;
}
a.alt:hover,
a.alt:active {
    color: #000;
}

a.int:link,
a.int:visited {
    color: #933;
    text-decoration: none;
}
a.int:hover,
a.int:active {
    color: #000;
}

h1, h2, h3 {
    margin: 20px 0 10px;
}

h1 {
    font-size: 14pt;
}
h2 {
    font-size: 12pt;
}
h3 {
    font-size: 10pt;
    color: #999;
}

p {
    margin: 0 0 10px;
    padding: 0;
    font-size: 9pt;
}
p.right {
    text-align: right;
}

ul {
    margin: 0 0 10px;
    padding: 0;
}

ul li {
    margin: 0 0 4px 20px;
    padding: 0;
}

ul.minimal li {
    margin: 0 0 4px 0;
    list-style: none;
}
ul.output li {
    margin: 0 0 4px 6px;
    list-style: none;
}
ul.network li {
    margin: 0 0 4px 0;
    padding: 0 0 0 24px;
    list-style: none;
}
ul.network li#icon-twitter {
    background: url(/images/network-twitter.png) no-repeat top left;
}
ul.network li#icon-facebook {
    background: url(/images/network-facebook.png) no-repeat top left;
}
ul.network li#icon-linkedin {
    background: url(/images/network-linkedin.png) no-repeat top left;
}
ul.network li#icon-mobileme {
    background: url(/images/network-apple.png) no-repeat top left;
}


span.metainfo {
    font-style: italic;
    color: #ccc;
}

span.metainfo a:link, 
span.metainfo a:visited {
    color: #ccc;
}
span.metainfo a:hover, 
span.metainfo a:active {
    color: #06c;
}

#container {
    position: relative;
    margin: 20px auto;
    min-width: 700px;
    max-width: 1200px;
}

#header,
#content,
#footer {
    padding: 0;
}

#header {
    margin: 10px 0 20px;
}
#header h1 {
    font-size: 15pt;
    margin: 0 0 10px;
    padding: 0;
    color: #ccc;
}
#header p {
    color: #ccc;
}
#header #user-account {
    position: absolute;
    top: 32px;
    right: 0;
}

#footer {
    margin: 20px 0 40px;
    padding: 10px 0;
    border-top: 1px solid #eee;
    color: #ccc;
}
#footer a:link,
#footer a:visited {
    color: #ccc;
}
#footer a:hover,
#footer a:active {
    color: #000;
}

.col75,
.col70,
.col60,
.col50,
.col33,
.col25,
.col20,
.col15,
.col10 {
    float: left;
    margin: 0 2% 0 0;
}
.col75 {
    width: 73%;
}
.col70 {
    width: 68%;
}
.col60 {
    width: 58%;
}
.col50 {
    width: 48%;
}
.col33 {
    width: 31%;
}
.col25 {
    width: 23%;
}
.col20 {
    width: 18%;
}
.col15 {
    width: 13%;
}
.col10 {
    width: 8%;
}

.separator {
    clear: both;
}