body {
    text-rendering: optimizeLegibility;
    font-family: 'EB Garamond', serif;
    background: #FFFFFF;
    color: #000000;
    font-size: 100%;
    text-shadow: 1px 1px 1px #FFFFFF;
}

#content {
    width: 72.91%;  /*  700 Ö 960 = 72.91 */
    margin: 0 auto 0 auto;
}

#main_col {
    width: 57.14%; /* 400 Ö 700 = 57.14 */
    float: left;
    padding: 0 3.57% 0 0; /* 25 Ö 700 = 3.57% */
}

#right_col {
    width:32.14%; /* 225 Ö 700 = 32.14 */
    float:left;
    padding:0 0 0 3.57%; /* 25 Ö 700 = 3.57 */
}
    
/* anchors must be in this order */
#content a,
#content a:link,
#content a:visited  {
    color: #004080;
    text-decoration:none;
} 
      
#content a:hover, 
#content a:active {
    color: #0080ff;
    text-decoration:underline;
}    

#header {
    text-align: left;
    width: 72.91%;
    margin: 5% auto 0 auto; /* 35 Ö 700 = 72.91 */
}

#header h1 {
    color: #004080;
    font-weight:normal;
    font-size: 3em;
}

#header h1 a,
#header h1 a:link,
#header h1 a:visited,
#header h1 a:hover,
#header h1 a:active {
    color: #0080ff;
    font-weight:normal;
    letter-spacing: -1px;
    text-decoration:none;
}

#header h1 span {
    color:#999999;
    font-weight:normal;
    font-size: .7em;
}

#content p, td, li {
    line-height: 140%;
    margin: 0 0 2.14% 0; /* 15 700 = */
}

#content ul {
    margin: 0 0 0 0.71%;
}

#content ul li {
    padding: 0 0 2.14% 0;
}

#content td {
    padding: 2px;
}

#content h2 {
    line-height:130%;
    margin-top: 35px; /* 15 700 = */
    margin-bottom: 10px; /* 15 700 = */
    font-weight:normal;
    color: #000000;
    font-size: 1.5em;
}
    
#content h3 {
    line-height: 130%;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight:normal;
    color:#555555;
    font-size: 1.5em;
}

table td.label {
    vertical-align: top;
}

#dont_send {
    margin-top: 35px;
    color:#AAAAAA;
}

#footer {
    clear:both;
    width:700px;
    color: #777777;
    padding: 50px 0px 50px 0px;
    text-align: center;
    line-height:140%;
    margin: 0 auto 0 auto;
}


#right_col ul {
    margin:0px 0px 0px 5px;
}

#right_col ul li {
    color:#777777;
    padding: 0 0 10px 0;
}


#right_col h3 {
    line-height:130%;
    margin-top: 40px;
    margin-bottom: 10px;
    font-weight:normal;
    color: #333333;
}

/* twitter styles */

#content #twitter_h2 {
    padding:0px 55px 0px 0px;
    margin:45px 0px 0px 0px;
    width:100px;
    line-height: 130%;
    background-image: url('../images/little_tweet.png');
    background-position: right;
    background-repeat: no-repeat;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 2px;
    color: #333333;
}

#twitter_div {
    color:#777777;
}

#twitter_div #twitter_update_list li  {
    padding:2px 0px 2px 10px;
    margin: 5px 0px 0px 0px;
}

#twitter_div #twitter-link  {
    margin:10px 0px 0px 0px;
    color:#777777;
    display:block;
    text-align:right;
    border-bottom: 0px;
    font-size: .8em;
}

#twitter_div a:hover#twitter-link  {
    margin:10px 0px 0px 0px;
    border-bottom: 0px;
    color: #004080;
}

#me_photo {
    margin: 0px 0px -20px 5px;
    padding: 2px;
    border: 1px solid #EEEEEE;
}
