/*

Theme Name: Ridiculous Fishing

Description: A CSS Document. What else?

Version: 1.0

Author: Greg Wohlwend

Author URI: http://aeiowu.com



License: Do whatever you want.

*/



video, embed, object, iframe, #thevideo, #trailer

{

	position:absolute;

	margin:0px;

	padding:0px;

	border:0px;

	left:0px;	

}



body

{

	background: #2b0426;

	margin: 0 auto;

	

	font-size: 62.5%;

	font-family: "museo-slab", helvetica, verdana, sans-serif;

	font-style: normal;

	

	color: #fff;

}



.clear

{

	clear: both;

	width: 100%;

	height: 40px;

}



small

{

	font-size: 1.8em;

}



a

{

	color: #ed1e79;

	text-decoration: none;

}



a:hover

{	

	color: #fff;

	cursor: pointer;

}



p

{

	font-size: 2em;

	line-height: 1.6em;

}



ul

{

	position: relative;

	display: inline;

	float: left;

	clear: none;

	list-style-type: none;

}



h2, h3, h4, h5

{

	font-size: 3.6em;

	line-height: .2em;

}



h2

{

	line-height: 1em;	

}



	h3

	{

		font-size: 2.4em;

	}

	

	h4

	{

		font-size: 1.8em;

		line-height: .1em;

	}

	

	h5

	{

		font-size: 1.4em;

	}







#wrapper

{

	position: relative;

	margin: 0 auto;

	

	text-align: center;

}



#sky

{

	position: relative;

	

	width: 100%;

	height: 960px;

	padding-top: 40px;

	

	margin: 0 auto;

	

	background: transparent url('images/bg_sky.png') repeat-x;

	

	z-index: 1;

}



#sunset

{

	position: relative;

	

	width: 100%;



	margin: 0 auto;

	

	text-align: center;

	overflow: visible;

	

	background: transparent url('images/bg_sunset.png') no-repeat top center;

	

	z-index: 5;

}



#sea

{

	position: relative;

	

	width: 100%;

	//height: 2100px;

	

	margin: 0 auto;

	

	background: transparent url('images/bg_sea.png') repeat-x 0px 480px;

	

	z-index: 100;

}



#content

{

	position: relative;

	

	margin: 0 auto;

	

	width: 660px;

	

	z-index: 500;

}





#head

{

	position: relative;

	

	width: 462px;

	height: 128px;

	margin: 0 auto;

	

	background: transparent url('images/head_logo.png') no-repeat;

}



#trailer

{

	position: relative;

	

	width: 440px;

	height: 600px;

	

	margin: 20px auto;

	

	background: transparent url('images/bg_trailer.png') no-repeat;



    -webkit-transition: all .15s linear;

}

	

	#thevideo

	{

		position: absolute;

		

		top: 43px;

		

		margin: 0 0 0 44px;



		width: 364px;

		height: 484px;

		

		background: #000;

	}



		#video

		{

			background: #000;

		}

		

#fishtank

{

	position: absolute;

	

	top: 780px;

	

	clear: none;

	width: 100%;

	

	overflow: hidden;

	

	z-index: 200;

}



	.bonefishRight, .bonefishLeft

	{

		position: relative;

		

		clear: none;

		height: 70px;

		width: 110px;

		

		left: 0;

		top: 10%;

		

		background: transparent url('images/fish_boneRight.png') no-repeat;

	}

	

		.bonefishLeft

		{

			left: 60%;

			top: 60%;

			

			background: transparent url('images/fish_boneLeft.png') no-repeat;

		}

	

	.guppyRight, .guppyLeft

	{

		position: relative;

		

		clear: none;

		height: 38px;

		width: 54px;

		

		left: 20%;

		top: 20%;

		

		background: transparent url('images/fish_guppyRight.png') no-repeat;

	}

	

		.guppyLeft

		{

			top: 45%;

			left: 80%;

			

			background: transparent url('images/fish_guppyLeft.png') no-repeat;

		}

		

	.seahorseRight

	{

		position: relative;

		

		clear: none;

		height: 90px;

		width: 50px;

		

		background: transparent url('images/fish_seahorseRight.png') no-repeat;

	}



#buy-left

{

	position: relative;

	margin: 80px 20px 80px 0;

	z-index: 500;

	float:left;

}



#buy-right

{

	position: relative;

	margin:80px 0px 80px 0;

	z-index:500;	

	float:left;

}



#btn_appstore

{

	position: relative;

	

	width: 320px;

	height: 120px;

	

	margin: 0 auto;

	

	background: transparent url('images/btn_appstore.png') repeat-y top center;

}



	#btn_appstore:hover

	{

		background: transparent url('images/btn_appstore.png') repeat-y 0px 240px;

	}





	#btn_appstore:active

	{

		background: transparent url('images/btn_appstore.png') repeat-y 0px 120px;

	}



#btn_android

{

	position: relative;

	

	width: 320px;

	height: 120px;

	

	margin: 0 auto;

	

	background: transparent url('images/btn_android.png') repeat-y top center;

}



	#btn_android:hover

	{

		background: transparent url('images/btn_android.png') repeat-y 0px 240px;

	}





	#btn_android:active

	{

		background: transparent url('images/btn_android.png') repeat-y 0px 120px;

	}





.fullwidth

{

	clear:both;



	position: relative;

	width: 480px;

	

	margin-top: 140px;

	margin-left: 80px;

	

	color: #fff;

	text-align: left;

}



.wreath

{	

	position: relative;

	

	margin: 0 auto;

	

	text-align: center;

	

	width: 420px;

	height: 200px;

	padding-top: 2px;

	

	overflow: visible;

	

	background: transparent url('images/wreath_orange.png') no-repeat top center;

}



cite

{

	position: relative;

	float: right;

	

	text-align: right;

	font-size: 1.6em;

	font-style: italic;

}



.citeref

{

	color:#fff;	

}



.infoLeft, .infoRight

{

	position: relative;

	

	width: 240px;

	float: left;

	

	margin: 80px 0 80px 80px;

	

	text-align: left;

	

	z-index: 500;

}



	.infoRight

	{

		float: right;

		margin: 80px 80px 0 80px;

	}



#footer

{	

	position: relative;

	width: 640px;

	

	margin: 0 auto;

	padding: 80px 0 0 0;

	

	z-index: 500;

}



	#btn_support, #btn_byrdr, #btn_presskit

	{

		position: relative;

		clear: none;

		float: left;

		

		width: 140px;

		height: 90px;

		

		margin-top: 33px;

		margin-left: 40px;

		

		background: transparent url('images/btn_presskit.png') no-repeat;

	}

	

		#btn_presskit:hover

		{

			margin-top: 23px;

		}

	

		#btn_byrdr

		{

			width: 140px;

			height: 110px;

			

			margin-top: 0;

		

			background: transparent url('images/btn_byrdr.png') no-repeat;

		}

		

			#btn_byrdr:hover

			{

				margin-top: -10px;

			}

		

		#btn_support

		{

			width: 130px;

			margin-left: 80px;

			

			background: transparent url('images/btn_support.png') no-repeat;

		}

		

			#btn_support:hover

			{

				margin-top: 23px;

			}