@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);

html {
    background-color: #fafafa;
    padding: 0;
    margin: 0;
}

body {
    padding: 0;
    margin: 0;
}

h1 {
    font-family: times;
    font-size: 40pt;
    text-align: center;

    padding-top: 50px;
    padding-bottom: 0px;

    height: 170px;
    width: 700px;

    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 100px;
}

h2 {
    text-align: center;
    font-size: 20pt;
    font-weight: bold;
    border-bottom: 1px dotted #9ec1c0;
    border-top: 1px dotted #9ec1c0;
}

a {
    text-decoration: none;
}

a:link, a:visited, a:link img {
    color: #0000ff;
    outline: none;
    border-style: none;
}

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

blockquote {
    font-style: italic;
}

#toc {
    text-align: center;
    padding: 1.1em;
    background-color: #9ec1c0;
    border: 1px solid #9ec1c0;
}

#toc li {
    display: inline;
    text-decoration: none;
    font-weight: bold;
}

#toc a {
    text-decoration: none;
    border: none;
    color: #fafafa;
    padding: 1em 0.8em;
    border: 1px solid #9ec1c0;
}

#toc a:hover {
    text-decoration: none;
    border: none;
    background-color: #fafada;
    color: #9ec1c0;
    padding: 1em 0.8em;
    border: 1px solid #9ec1c0;
}

#header {
    background-color: transparent;
    background-image: url("assets/stuffomatic.png");
    background-repeat: no-repeat;
    background-position: 0 bottom;

    border-bottom: 1px solid  #e5ebeb;

    color: #242c2c;
    margin-left: -350px;
    width: 700px;
    height: 220px;
    padding-top: 0;
    padding-bottom: 0;
    top: 0;
    left: 50%;
    position: absolute;
}

#footer {
    background-color: #101010;

    color: #fefada;
    text-align:center;
    font-size: 8pt;
    font-family: arial;

    width: 100%;

    padding-top: 1em;
    padding-bottom: 1em;

    margin: 0;
    bottom: 0;
    box-shadow: 0px 2px 12px #000000;
}

#main {
    width: 700px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14pt;
    text-align: justify;
    color: #3b3b3b;

    margin: 0;
    margin-right: auto;
    margin-left: auto;

    padding: 3em;
    padding-top: 250px;
    padding-bottom: 100px;
    
    min-height: 500px;
}

.frame {
    background-color: #a20000;
    text-align: center;
   
    box-shadow: 0px 3px 6px #000000;
    text-shadow: 1px 1px #000000;

    border-radius: 0.2em;

    margin-bottom: 1.5em;
    margin-top: 1.5em;

    margin-left: -87px;

    width: 125%;
    padding-bottom: 1.5em;
    padding-top: 1.5em;
}

.frame a:link, .frame a:visited {
    font-weight: bold;
    color: #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

#subtitle {
    text-align: center;
    margin-top: -180px;
    padding-bottom: 30px;
    font-style: italic;
    font-family: sans;
    font-size: 10pt;
}

.company-name {
    font-weight: bold;
}

#languages {
    margin-top: 0;
    text-align: right;
}

#languages a {
    margin-left: 0.1em;
}

#languages-placeholder {
    margin-top: 0;
    text-align: right;
    width: 19px;
    height: 20px;
}

#main .social-list {
    text-align: right;
}

#socialize .social-list {

    padding: 0px;
    display: inline;
    text-align: center;
}

.social-list li {
    display: inline;
    padding: 0.2em;
}

.screenshot-list {
    padding: 10px;
    margin-bottom: 0em;
    text-align: center;
}

.event {
}

.event p {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    margin-right: 250px;
}

.event-title {
    font-size: 120%;
    font-weight:bold;
}

.event-details {

    font-size: 75%;
    float: right;

    max-width: 230px;

    padding: 0.5em 1em;

    border: 1px solid #800000;
}

.event-details p {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
}

.event-details-entry {

}

.event-details-entry p:first-child {
    text-align: center;
    border-bottom: 1px solid #800000;
    border-top: 1px solid #800000;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.event-details-entry p a:link, .event-details-entry p a:visited {
}

.event p a:link {
    border: none;
}