/* html styles */
html
{
    font-family:Verdana, Arial, Sans-Serif;
    border-top: 8px solid #666;
    background-color:#eee;
    background-image:url(../../images/bg.png);
    background-repeat:no-repeat;
    background-position:top center;
}

h1
{
    display:none;
}

h2
{
    display:none;
}

h3
{
    color:#666;
    font-size:50px;
    text-transform:lowercase;
    font-weight:normal;
    margin:0px 0px 0px 0px;
    text-shadow: #999 2px 2px 1px;
}

ul
{
    list-style-type:square;
    list-style-position:outside;
    color:#0085CC;
    font-size:14px;
    margin:10px 0px 15px 0px;
    width:245px;
}

a
{
    text-decoration:underline;
    color:#0085CC;
}

a:hover
{
    text-decoration:none;
    color:#0085CC; 
}

p
{
    font-size:14px;
    color:#333;
    text-shadow: #ddd 1px 1px 0px;
}

/* class styles */

.logo
{
    margin:40px 0px 30px 55px;
}

.blue
{
    color:#0085CC;   
}

.grey
{
    color:#666;
}

.dark_grey
{
    color:#333;
}

.sep_bar
{
    width:920px;
    height:1px;
    background-color:#ccc;
    margin:0px 0px 15px 0px;
}

.project
{
    margin:15px 10px 15px 10px;
}

.project img
{
    margin:0px 0px 5px 0px;
    border-color:#bbb;
    border-style:solid;
    border-width:5px;
    
     -webkit-transition-property:border-color;  
     -webkit-transition-duration: 0.4s;  
     -webkit-transition-timing-function: linear;
}

.project img:hover
{
    border-color:#888;
}

.avatar
{
    margin:15px 0px 0px 30px;
    border:5px solid #ccc;
}

.about_info
{
    margin:15px 10px 15px 10px;
}

.about_info p
{
    margin-right: 20px;
}

.contact_info
{
    padding:0px 15px 0px 15px;
    margin:15px;
}

.social
{
    text-align:center;
    color:#666;
    margin:15px 0px 0px 0px;
}

.social a
{
    color:#0085CC;
    text-decoration:underline;
}

.social a:hover
{
    text-decoration:none;
}

.copyright
{
    color:#666;
    text-align:center;
    margin:5px 0px 15px 0px
}