h1{
    color:#333;
    font-weight:600;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}

h5{
    font-weight:100;
    color:#444;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}


.project-link{
    text-decoration:none;
}
.project-link:hover{
    text-decoration:underline;
}


/* #Typography
================================================== */
.bold{
    font-weight:bold;
}

.italic{
    font-style:italic;
}


/* #Navigation
================================================== */

ul#navbar{
    list-style-type:none;
    font-size:16px;
    text-align:right;
    
}

#navbar li{
    display:inline;
    padding-right:10px;
}

#navbar a{
    text-decoration:none;
    cursor:pointer;
}

#navbar li:last-child{
    padding-right:0px;
}


/* #Images
================================================== */

#banner{

margin-bottom:20px;
margin-top:20px;
}

#banner:hover{
    
    cursor:pointer;
}

.rounded-image{
        -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.small-rounded-image{
            -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border:1px solid #a8a8a8;
padding:4px;
width:440px;
height:250px;
margin-bottom:10px;
margin-top:20px;


background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */


}

.small-rounded-image:hover{
webkit-box-shadow: 1px 1px 8px rgba(150, 150, 150, 0.75);
-moz-box-shadow:    1px 1px 8px rgba(150, 150, 150, 0.75);
box-shadow:         1px 1px 8px rgba(150, 150, 150, 0.75);

}