/*
Theme Name: Mikengreg
Description: A CSS Document. What else?
Version: 1.0
Author: Greg Wohlwend
Author URI: http://mile222.com

License: Do whatever you want.
*/

body
{
	background: #040404 url('images/header.jpg') no-repeat top center !important;
	margin: 0px auto;
	
	font: 62.5% 'lucida grande', helvetica, verdana, sans-serif;
	color: #101318;
}

div
{
	position: relative;
	margin: 0;
	padding: 0;
}

p
{
	line-height: 1.6em;
	font-size: 1.2em;
}

a
{
	color: #FE4544;
	text-decoration: none;
	font-weight: bold;
}

	a:hover
	{
		cursor: pointer;
		color: #aaaaaa;
		font-weight: bold;
	}
	
	a:visited
	{
		text-decoration: none;
		border: none;
	}

img
{
	border: none;
	padding: 0;
	margin: 0;
}

h1
{
	padding: 0;
	margin: 0;
	
	font: 7em 'refrigerator-deluxe-1','refrigerator-deluxe-2', helvetica, verdana, sans-serif;
	line-height: 1em;
	text-transform: uppercase;
}

h2
{
	padding: 0;
	margin: 0;
	
	font: 3.2em 'refrigerator-deluxe-1','refrigerator-deluxe-2', helvetica, verdana, sans-serif;
	line-height: 1em;
	text-transform: uppercase;
}

small
{
	font-size: 1em;
	text-transform: uppercase;
}

ul
{
	font-size: 1em;
}

.clear
{
	clear: both;
	height: 0;
	line-height: 0;
}



/* NAV */
#navHome
{
	position: fixed;
	left: 0px;
	top: 30px;
	
	height: 88px;
	width: 85px;
	
	background: transparent url('images/fixedMikengreg.png');
	z-index: 100;
}

	#navHome:hover
	{
		background: transparent url('images/fixedMikengreg.png') 85px 0 repeat-x; 
		cursor: pointer;
	}

#navApple, #navAndroid
{
	position: fixed;
	left: 0px;
	top: 150px;
	
	width: 50px;
	height: 68px;
	
	
	background: transparent url('images/fixedApple.png');
	z-index: 101;
}

	#navApple:hover
	{
		background: transparent url('images/fixedApple.png') 50px 0 repeat-x; 
		cursor: pointer;
	}

#navAndroid
{
	position: fixed;
	left: 0px;
	top: 200px;
	
	width: 50px;
	height: 68px;
	
	background: transparent url('images/fixedAndroid.png');
	z-index: 102;
}

	#navAndroid:hover
	{
		background: transparent url('images/fixedAndroid.png') 50px 0 repeat-x; 
		cursor: pointer;
	}
	


/* WRAPPERS */

#header
{
	position: relative;
	margin: 650px auto 0 auto;
	height: 222px;
	
	background: transparent url('images/paperTop.png') repeat-x top center;
	
	text-align: center;
}

#content
{
	position: relative;
	margin: 0 auto;
	padding: 0;
	
	background: url('images/paperPattern.png') repeat;
	
	text-align: center;
}

#introWrap
{
	position: relative;
	margin: 0 auto;
	padding: 64px 0 0 0;
	height: 300px;
	
	background: transparent url('images/mikengreg.png') no-repeat top center;
}

	#mTwitter
	{
		float: left;
		width: 46px;
		height: 66px;
		clear: none;
		
		text-align: left;
		background: url('images/mLinks_twitter.png') repeat-x 0 0;
	}
		#mTwitter:hover
		{
			cursor: pointer;
			background: url('images/mLinks_twitter.png') repeat-x 46px 0;
		}
	
	#gTwitter
	{
		float: right;
		width: 45px;
		height: 68px;
		clear: none;
		margin-left: 4px;
		
		text-align: left;
		background: url('images/gLinks_twitter.png') repeat-x 0 0;
	}
	
		#gTwitter:hover
		{
			cursor: pointer;
			background: url('images/gLinks_twitter.png') repeat-x 45px 0;
		}
		
	#gFlickr
	{
		float: right;
		width: 44px;
		height: 61px;
		clear: none;
		margin-left: 4px;
		
		text-align: left;
		background: url('images/gLinks_flickr.png') repeat-x 0 0;
	}
	
		#gFlickr:hover
		{
			cursor: pointer;
			background: url('images/gLinks_flickr.png') repeat-x 44px 0;
		}
	
	#gMile
	{
		float: right;
		width: 48px;
		height: 60px;
		clear: none;
		margin-left: 8px;
		
		text-align: left;
		background: url('images/gLinks_mile222.png') repeat-x 0 0;
	}
	
		#gMile:hover
		{
			cursor: pointer;
			background: url('images/gLinks_mile222.png') repeat-x 48px 0;
		}

#tear
{
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 51px;
	clear: both;
	
	background: transparent url('images/paperTear.png') repeat-x top center;
}

#fourths
{
	position: relative;
	margin: 0 auto;
	clear: both;
	height: 930px;
	padding-top:64px;
	
	background: transparent url('images/spaceBG.png') no-repeat top center;
}

#subscribe
{
	position: relative;
	margin: 0 auto;
	margin: 32px 0 52px 0;
	padding: 0;
	clear: both;
	height: 632px;
	
	background: transparent url('images/spaceShip.png') no-repeat center 32px;
}

	#linkTwitter
	{
		float: right;
		width: 119px;
		height: 165px;
		clear: none;
		margin: 64px 32px 0 32px;
		
		text-align: left;
		background: url('images/mgLinks_twitter.png') repeat-x 0 0;
	}
	
		#linkTwitter:hover
		{
			cursor: pointer;
			background: url('images/mgLinks_twitter.png') repeat-x 119px 0;
		}
	
	#linkFacebook
	{
		float: right;
		width: 112px;
		height: 146px;
		clear: none;
		margin: 64px 0 0 0;
		
		text-align: left;
		background: url('images/mgLinks_facebook.png') repeat-x 0 0;
	}
	
		#linkFacebook:hover
		{
			cursor: pointer;
			background: url('images/mgLinks_facebook.png') repeat-x 112px 0;
		}
		
	#linkBlog
	{
		float: right;
		width: 145px;
		height: 191px;
		clear: none;
		margin: 0 64px 0 0;
		
		text-align: left;
		background: url('images/mgLinks_blog.png') repeat-x 0 0;
	}
	
		#linkBlog:hover
		{
			cursor: pointer;
			background: url('images/mgLinks_blog.png') repeat-x 145px 0;
		}
	
	#mList
	{
		width: 274px;
		height: 43px;
		clear: none;
		float: left;
		padding: 12px 0 0 8px;
		vertical-align: middle;
		
		font-size: 1.4em;
		text-transform: uppercase;
		
		background: transparent url('images/formBG.png') top left;
		border: none;
	}
	
		#mSubmit
		{
			padding: 0;
			margin: 0;
		
			color: #FE4544;
			font: 3.2em 'refrigerator-deluxe-1','refrigerator-deluxe-2', helvetica, verdana, sans-serif;
			line-height: 1em;
			text-transform: uppercase;
			text-decoration: none;
			
			background: transparent;	
			border: none;
		}
		
			#mSubmit:hover
			{
				color: #cccccc;
				cursor: pointer;
			}

#footer
{
	position: relative;
	margin: 0 auto;
	padding-top: 96px;
	clear: both;
	height: 624px;
	
	color: #fffff5;
	background: transparent url('images/footerBG.png') repeat-x bottom center;
}

	#footer ul.left
	{
		position: relative;
		float: left;
		clear: none;
		margin: 156px 0 0 0;
		padding: 0;
		
		list-style: none;
		text-align: left;
		text-transform: uppercase;
	}
		
		#footer ul.left li
		{
			margin-top: 104px;
			padding: 0;
		}
	
	#footer ul.sig
	{
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		
		list-style: none;
		text-align: left;
		line-height: 2em;
		text-transform: uppercase;
	}
	
.copy944
{
	position: relative;
	margin: 0 auto;
	width: 944px;
	
	background: transparent;
}

	.headBlock
	{
		float: left;
		text-align: left;
	}
	
.copy560
{
	position: relative;
	width: 560px;
	margin: 64px auto;
	padding: 0;
}

	.copyBlock
	{
		position: relative;
		float: left;
		clear: none;
		width: 256px;
		margin: 0;
		padding: 0;
		
		text-align: left;
		font-size: 1em;
		line-height: 1.8em;
	}