body {
    font-family: 'News Cycle', sans-serif;
    font-size:100%;
    font-weight:normal;
    color:#000;
    background-color:#fff;
    padding-left:100px;
    padding-right:100px;
    padding-top:25px;
}

.header p {
    color:##535353;
    font-size:200%;
    letter-spacing:5px;
}
#navigation {
    margin-top:-20px;
    background-color:#535353;
    color:#fff;
}

#navigation a {
    margin-top:-20px;
    background-color:#535353;
    color:#fff;
}
#navigation ul {
    list-style:none;
    margin: 0;
    padding: 3;
}
#navigation li {
    display: inline;
}

#navigation li a:link, #navigation li a:visited {
    text-decoration:none;
    color:#fff;
    margin-left:125px
}

#navigation li a:hover {
    text-decoration:underline;
}

.main {
    max-width: 700px;
    margin-left: 125px;
}

.main h1 {
    margin-bottom:0;
}
.main h2 {
    margin-bottom:0;
    margin-top:0;
}
.main h3 {
    margin-top:0;
    margin-bottom:0;
}
.main h4{
    margin-bottom:0px;
    margin-top:0px;
}
.main p{
    margin-top:0;
}

.portfolio {
    max-width: 950px;
    margin-left: 125px;
    padding-top: 30px;
}
.portfolio h1, .portfolio h2, .portfolio h3, .portfolio h4, .portfolio h5, .portfolio p {
    margin-top:0px;
    margin-bottom:0px;
}
.portfolio h1 {
    font-size: 2em;
}
.portfolio section {
    margin-bottom:50px;
}
.portfolio section h2 {
    margin-bottom: 20px;
}
.portfolio section p {
    margin-bottom: 30px;
}
.portfolio section ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.portfolio section li {
    margin: 0;
    padding: 0;
}

.portfolio .screenshots {
    display: flex;
    margin-bottom: 30px;
}
.portfolio .screenshots .wrap {
    height: 290px;
    width: 370px;
    overflow: hidden;
    border: 1px solid rgb(173,173,173);
    margin-right: 40px;
}
.portfolio .screenshots .wrap img {
    width: 100%;
}

.headshot img {
    float:right;
    border:1px solid #535353;
    margin-left:5px;
    margin-bottom:5px;
	border-radius: 50%;
		width: 200px;
		height: 200px;
}

.wrapper {
   background-color:#FFF;
   width: 900px;
   /*padding:50px;
   border:1px solid #535353;*/
	margin-right: auto;
	margin-left: auto;
	margin-top:-50px;
	
	
}
.footer {
    border-top:3px solid #535353;
 margin-top:50px;
  
}
.footer p {font-size:80%;
   /* text-align:center;*/
    }
#sidebar {float:right;
    border:1px solid #Dfdfdf;
    padding-right:15px;
    margin-right:-25px;
}
#sidebar ul{list-style:none;
    }
#sidebar li{font-size:90%;
    } 
#sidebar li a:link, #sidebar li a:visited {color:#000;
   	text-decoration:none;    
} 
#sidebar li a:hover {
    background-color:#DFDFDF;    
}  
 

.clr {
    clear:both;
}

.main img {
	border: 1 px solid #535353;
}