/* imports */
@import url(reset.css);
@import url(nav-styles.css);

/* basic styles for the browser window */
html, body {
	width:100%;
	height:100%;

	font-family:Helvetica neue, helvetica, arial, sans-serif;
}

/* wrap it all up nicely */
#wrap {
	width:100%;
	height:100%;
	
	position:relative;
	
	overflow:hidden;
}

/* keep links looking good */
a {
	color:inherit;
	text-decoration:inherit;
}

/* give those paragraphs looking good too */
p {margin-bottom:20px;}
.strong {font-weight:300;}

/* not actually a head, but cheese */
#head {
	width:534px;
	height:531px;
	
	background:url(../../!img/cheeseMD.png) no-repeat;

	opacity:1;
	
	position:fixed;
	bottom:0;
	left:-20px;
}

/* basic styles for the content */
#content {
	max-width:500px;
	height:auto;
	
	position:absolute;
	top:100px;
	left:35%;
	
	z-index:99;
}

/* greeting message formatting */
.yourName {
	width:500px;
	height:40px;

	display:block;
	position:absolute;
	top:-250px;
}
	/* the welcome message text field */
	.yourName input {
		width:270px;
		height:45px;
		background:transparent;
		background:rgba(0,0,0,.1);
		
		padding:0;
		margin:0;
		
		vertical-align:bottom;
		
		position:relative;
		bottom:-8px;
		
		border:none;
		border-bottom:2px solid #FFF;
		
		font-family:inherit;
		font-size:55%;
		color:rgb(100,100,100);
		color:rgba(255,255,255,.25);
		font-weight:inherit;
		text-align:center;
	}
	/* keep the styles from the rest of the
	text for text put into the text field */
	.inherit {
		font-family:inherit !important;
		font-size:32px !important;
		font-weight:100 !important;

		color:#FFF !important;
		text-align:left !important;
	}