/* 
    Document   : main
    Created on : Mar 19, 2013, 1:52:52 PM
    Author     : TS92
    Description:
        Purpose of the stylesheet follows.
*/

body {
    background: #111111 url('./images/backgroundMain.png');
    color: #EEEEEE;
    font-family: 'Tahoma', 'Kalimati', sans-serif;
}

#mainContent {
    margin: 10em auto 0 auto;
    width: 410pt;
}

.left {
    text-align: right;
    float: left;
}

.right {
    text-align: left;
    float:right;
}

#mainContent .left {
    width: 170pt;
    padding-right: 10pt;
    border-right: 1px solid #CCCCCC;

}

#mainContent .right {
    width: 220pt;
    padding-top: 7pt;
}

#mainContent .left h1 {
    font-weight: normal;
    margin: 0;
    font-size: 220%;
    text-transform: lowercase;
    font-family: 'Impact', 'Charcoal', fantasy, sans-serif;
}

#mainContent .left h1 span {
    color: #990066;
    margin-left: -0.15em;
}

#mainContent .left h2 {
    font-family: 'Tahoma';
    font-size: 90%;
    font-weight: normal;
    margin: 0;
    color: #888888;
}

#mainContent .right span {
    display: block;
    color:  #EEEEEE;
}

#mainContent .right a {
    display: block;
    text-decoration: none;
    color:  #888888;
}

#mainContent .right a:hover {
    text-decoration: underline;
}


#mrOrangeImg {
width: 50%;
display: block;
margin: 0 auto 3em;
}

#footer {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #050505;
    width: 100%;
    font-size: 90%;
    color: #CCCCCC;
}

#footer div {
    margin: 5px 10px 5px 10px;
}