* {
  box-sizing: border-box; 
}

body {
    width: 800px;
    margin: auto;
   padding: 0px 10px;
    vertical-align: middle;
    background-color: #e7e0c3;
//    background-color:#cccccc;
}

#main {
  display: block;
//  min-height: calc(100vh - 40vh);
//  border: 10px solid #e8e8e8;

}

header, footer{
    padding: 1em;
}

.titlelogo{
    width: 80px;
    height:80px;
	margin-left: 120px;
}

.title{
    width: 410px;
   height:62px;
	margin-left: -10px;
//	margin-bottom: 20px;
}

footer{
    width: 780px;
    font-size: 11px;
    border-top: 5px solid grey;
	margin-top: 25px;
    text-align: center;

}

.game-banners {
   border-radius: 5px;
   border: 1px solid gray;
}

.top-break {
    color: dimgrey;
	width: 780px;
    font-size: 24px;
	font-weight: bold;
    border-bottom: 5px solid grey;
	height: 30px;
	margin-bottom: 25px;
}

toplinks {
    float: right;
text-decoration: none;
}

a {
 color:grey;
}

a:hover {
    color: black;
}

.david-image {
   border-radius: 5px;
   float: left;
}

.abouttext {
     font-size: 24px;
}

		
ul.contact {
	list-style: none;
	padding: 0;
     font-size: 20px;
}

			
ul.contact li {
	text-decoration: none;
	margin: 1em 0 0 2em;
	padding: 1em 0 0 4em;
	position: relative;
	height:60px;
}
ul.contact a {
	margin: 0 0 0 -20px;
}

li
{
//    float: left;
 //   background-color: #003300;
}

.icons
{
    background-repeat: no-repeat;
    background-position: 0% 15px;
}

.facebook
{
    background-image: url('images/icons/facebook.png');
}

.twitter
{
    background-image: url('images/icons/twitter.png');
}


.email
{
    background-image: url('images/icons/email.png');
}


.twitch
{
    background-image: url('images/icons/twitch.png');
}

.youtube
{
    background-image: url('images/icons/youtube.png');
}

.blog
{
    background-image: url('images/icons/blog.png');
}