.sub { 
    color: rgb(96,96,96); 
    font-size: 20px; 
    padding: 10px; 
    font-weight:100; 
    margin:10px 0px; 
    text-shadow: 0px 1px 1px rgba(32,32,32,0.2); 
    /* text-align:center;  */
}
.sub a, .sub a:link, .sub a:visited, .sub a:active { 
    font-weight:bold; 
    color: rgb(128,160,255); 
    text-decoration: none; 
}
.sub a:hover { 
    color: rgb(160,192,255); 
}

.source a { 
    color: rgb(255,96,96); 
}
.source a:link, .source a:visited, .source a:active { 
    color: rgb(255,96,96); 
}
.source a:hover { 
    color: rgb(255,128,128); 
}


.about { 
    position: relative; 
    max-width: 700px; 
    margin: 30px auto; 
}

.about .header 
{ 
    background-color:rgba(32,64,128,0.5); 
    border-radius: 10px 10px 0px 0px; 
    color:rgb(255,255,255); 
    text-shadow:0px 1px 0px rgb(96,96,96);
    position: relative; 
    max-width: 600px; 
    margin: 0 auto;
    font-size: 25px; 
    font-weight: bold; 
    padding: 20px; 
    text-align:center; 
}

.about .contents 
{ 
    font-size: 16px; 
    line-height: 20px; 
    background-color: rgb(255,255,255); 
    font-weight: 200; 
    padding: 20px; 
    text-align: left; 
    position: relative;
    color: rgb(32,32,32); 
    text-shadow: 0px 1px 0px rgb(224,224,224);
    box-shadow: 0px 5px 10px rgba(32,32,32,0.5); 
    -webkit-box-shadow: 0px 5px 10px rgba(32,32,32,0.5); 
    border: 1px solid rgb(192,192,192); 
}

.about .footer { 
    background-color:rgba(32,64,128,0.5); 
    border-radius: 0px 0px 10px 10px; 
    color:rgb(255,255,255);
    position: relative; 
    max-width: 600px; 
    margin: 0 auto; 
    font-weight: bold; 
    padding: 20px; 
}

.about a, .about a:link, .about a:visited, .about a:active 
{ 
    font-weight:bold; 
    color: rgb(224,96,32); 
    text-decoration: none; 
}

.about a:hover 
{
    color: rgb(224,128,64); 
}