@charset "UTF-8";
/* CSS Document */

/*
Name:		Valb.me: Val Bishop
Date:		December 2013
Desription:	Main Style Sheet for http://www.valb.me
Author:		Louis Yungling
*/

/* ------ DEFAULTS ------- */

.mobileOnly {
	display: none;
}


* {
	margin: 0px;
	padding: 0px;
	-moz-box-sizing: borderbox;
	-webkit-box-sizing: borderbox;
	box-sizing: border-box;	
}

@font-face {
    font-family: 'antonio';
    src: url('fonts/antonio-regular-webfont.eot');
    src: url('fonts/antonio-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/antonio-regular-webfont.woff') format('woff'),
         url('fonts/antonio-regular-webfont.ttf') format('truetype'),
         url('fonts/antonio-regular-webfont.svg#antonioregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'benton';
    src: url('fonts/bentonsans-medium-webfont.eot');
    src: url('fonts/bentonsans-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bentonsans-medium-webfont.woff') format('woff'),
         url('fonts/bentonsans-medium-webfont.ttf') format('truetype'),
         url('fonts/bentonsans-medium-webfont.svg#bentonsansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
	background-color: rgb(153,153,153);
	color: #6D6E71;
	position: relative;
	font-family: 'benton';
	
}

ul, li {
	list-style-type: none;
}



/*  HTML 5 Requirements */
section, header, nav, article, footer, figure, figcaption {
	display: block;
}

/* WRAPPER */
#wrapper {
	width: 800px;
    height: 600px;
	background-color: rgb(255,253,233);
    margin: auto;
 	position: absolute;
  	top: 0; left: 0; bottom: 0; right: 0;
	position: fixed;
 	 z-index: 999;
	background-position: left;
	background-repeat: no-repeat;
	border: 1px solid #FFF;
	}
	
 h1 {
	 font-size: 1.6em;
		font-family: "antonio";
		text-align: center;
		font-weight: normal;
		font-style: normal;
		margin: 145px auto 0px auto;	
	}
	
img#logo {
	position: absolute;
	left: 0px;
	top: 0xp;
}

img.mobileLogo {
	display: none;
}
	

section {
	margin-top: 176px;
	text-align: center;
}

section p.desktopOnly {
	text-align: center;
	font-size: 0.75em;
	letter-spacing: 0.1em;
}

img.dot {
	margin: 0px 10px 2px 10px;
}

/* FOOTER */
footer {
	width: 800px;
	margin: 85px auto 0px auto;
	position: fixed;
	z-index: 5000;
}

a, a:link, a:visited, a:hover, a:active {
	color: #6D6E71;
	text-decoration: none;
	letter-spacing: 0.1em;
	text-align: center;
}

footer p {
	text-align: center;
	font-size: 0.75em;
}