* {
    font-family: Arial, Helvetica, sans-serif; color: #444;
    margin: 0;
    padding: 0;
    line-height: 1.4em;
}

a { color: #990003 }
a:hover { text-decoration: none; }
p { font-size: 100%; line-height: 18px;}
ul {line-height: 18px; padding-left: 15px; padding-right: 4%;}
h1, h2, h3, h4 { color: #333; }
.topname h1 { font-size: 36px; text-transform: uppercase;}
.middle-content1 h1, .middle-content2 h1, .middle-content3 h1 { font-size:30px; text-transform: uppercase; text-decoration: underline;}
.middle-content1 h2, .middle-content1 h3 {font-weight:bold;}
.middle-content1 h3, .middle-content2 h3 {font-style: italic;}


body {
    margin: auto;
    margin-top: 2%;
    padding: 5px;
    width:1200px;
}

.topcontainer {
    border-top: 6px solid gray;
    border-radius: 2px;
    padding: 1%;
    height:140px;
    background-color: #ebebeb;
}

.topcontainer div {
    border-bottom: 1px solid gray;
}

.topname {
    float: left;
    width: 80%;
    height:120px;
    padding-top: 20px;
}

.topinfo {
    float: right;
    width: 20%;
    height:140px;
}

.middlecontainer {
    background-color: #ebebeb;
    height: 750px;
    padding: 1%;
}

.middlecontainer div {margin-top: 15px;}

.middle-content1 {
    float:left;
    width:43%;
}

.skills {
    float: left;
    width: 50%;
}

.middle-content2 {
    float:right;
    width:52.8%;
    padding-left: 4%;
    border-left: 1px solid gray;
    height: 750px;
}

.middle-content2 p {padding-top: 1px;}

.projectcontainer {
    padding: 1%;
    height:300px;
    background-color: #ebebeb;
}

.projectcontainer div {margin-top: 15px;}
.projectcontainer > div:nth-of-type(1) {border-top: 1px solid gray;}

.middle-content3 {
    padding-top: 15px;
}

.bottom-container {
    border-bottom: 6px solid gray;
    border-radius: 2px;
    padding: 1%;
    height:30px;
    background-color: #ebebeb;
}

.bottom-container div {border-top: 1px solid gray;}

.bottom-content {
    text-align: center;
    padding-top: 10px;
}