/*
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: #181615 url('images/bgMikengreg_cut2.jpg') no-repeat top center;
	margin: 0 auto;
	
	font: 62.5% 'lucida grande', helvetica, verdana, sans-serif;
	line-height: 1.6em;
	color: #dedede;
	
	text-align: center;
}

#body2
{
	margin: 0 auto;
}

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

p
{
	font: 1.6em 'ff-tisa-web-pro-1', 'ff-tisa-web-pro-2', serif;
	line-height: 1.6em;
}

a
{
	color: #FF6464;
	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: 5em '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;
	letter-spacing: .05em;
	line-height: 1em;
	text-transform: uppercase;
}

h3
{
	padding: 0;
	margin: 0;
	color: #a6a6a6;
	
	font: 2.6em 'refrigerator-deluxe-1', 'refrigerator-deluxe-2', helvetica, verdana, sans-serif;
	letter-spacing: .05em;
	line-height: 1em;
	text-transform: uppercase;
}

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

cite
{
	text-align: right;
	float: right;
}

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;
	}

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

	#navRSS:hover
	{
		background: transparent url('images/fixedRSS.png') 50px 0 repeat-x; 
		cursor: pointer;
	}
	
#navApple, #navAndroid
{
	position: fixed;
	left: 0px;
	top: 170px;
	
	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: 220px;
	
	background: transparent url('images/fixedAndroid.png');
}

	#navAndroid:hover
	{
		background: transparent url('images/fixedAndroid.png') 50px 0 repeat-x; 
		cursor: pointer;
	}
	
#navFacebook
{
	position: relative;
	float: right;
	
	width: 36px;
	height: 36px;
	
	background: transparent url('images/linkFacebook.png');
}
	#navFacebook:hover
	{
		background: transparent url('images/linkFacebook.png') 36px 0 repeat-x;
		cursor: pointer;
	}
	
#navTwitter
{
	position: relative;
	float: right;
	
	width: 36px;
	height: 36px;
	
	background: transparent url('images/linkTwitter.png');
}
	#navTwitter:hover
	{
		background: transparent url('images/linkTwitter.png') 36px 0 repeat-x;
		cursor: pointer;
	}
	
#tagKong
{
	position: relative;
	margin-left: 222px;
	
	width: 222px;
	height: 76px;
	
	background: transparent url('images/linkKong_tag.png');
}

	#tagKong:hover
	{
		background: transparent url('images/linkKong_tag.png') 0 76px repeat-y;
		cursor: pointer;
	}

#tagApple
{
	position: relative;
	float: left;
	
	width: 177px;
	height: 73px;
	
	background: transparent url('images/linkApple_tag.png');
}

	#tagApple:hover
	{
		background: transparent url('images/linkApple_tag.png') 0 73px repeat-y;
		cursor: pointer;
	}
	
#tagAndroid
{
	position: relative;
	float: left;
	
	width: 177px;
	height: 73px;
	
	background: transparent url('images/linkAndroid_tag.png');
}

	#tagAndroid:hover
	{
		background: transparent url('images/linkAndroid_tag.png') 0 73px repeat-y;
		cursor: pointer;
	}
	
/* MOBILE */
#mobileAndroid, #mobileApple, #mobileQuestion, #mobileBarcode
{
	position: relative;
	float: left;
	text-align: center;
	padding-top: 170px;
	margin: 42px 0 0 90px;
	
	width: 222px;
	height: 150px;
	
	background: #000000 url('images/logo_android.png') 70px 60px no-repeat;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	opacity: 0.8;
	filter: alpha(opacity=80); /* IE */
}

	#mobileApple
	{
		background: #000000 url('images/logo_apple.png') 70px 60px no-repeat;	
	}
	
	#mobileQuestion
	{
		padding-top: 50px;
		height: 250px;
		background: #000000;
	}
	
	#mobileBarcode
	{
		padding-top: 200px;
		margin: 42px 0 100px 222px;
		background: #000000 url('images/android_barcode.png') 50px 50px no-repeat;
		
		opacity: 1.0;
		filter: alpha(opacity=100); /* IE */
	}
	
		#mobileAndroid:hover, #mobileApple:hover, #mobileQuestion:hover, #mobileBarcode:hover
		{
			background-color: #222222;
			cursor: pointer;
		}

	
	
/* WRAPPERS */
#main
{
	position: relative;
	margin: 0 auto;
	padding-top: 140px;
	width: 1050px;
	
	text-align: center;
	_text-aling: left;
}

#game
{
	position: relative;
	margin: 0 auto;
	padding-top: 26px;
	height: 481px;
	width: 818px;
	
	background: transparent url('images/bgGame.png') no-repeat top center;
	
	text-align: center;
}

#help
{
	position: relative;
	margin: 0 auto 10px auto;
	width: 900px;
	padding-left: 170px;
	
	text-align: left;
}

#box
{
	position: relative;
	float: left;
	width: 640px;
	
	text-align: left;
}

#social
{
	position: relative;
	float: left;
	margin: 100px 0 0 60px;
	width: 222px;
	
	text-align: left;
}

#buy
{
	position: relative;
	float: left;
	margin: 0 150px;
	width: 700px;
	
	text-align: center;
}
	.graph, .graphCol
	{
		position: relative;

		display: block;
		float: left;
	}
	
		.graphCol
		{
			margin: 0 10px;
		}
	
	.textBug
	{
		float: left;
		padding-right: 40px;
		width: 200px;
	}
	
		#social .textBug
		{
			margin: 10px 0;
		}
	
	.imageBug
	{
		float: left;
		height: 100%;
		margin-right: 20px;
	}
	
		.imageBugRight
		{
			float: right;
			height: 100%;
			margin-left: 20px;
		}

#footer
{
	text-align: center;
	padding: 5px;
	margin-top: 42px;
	
	background: #dedede;
}
	#footer ul
	{
		display: inline;
		list-style-type: none;
	}