/*
 
 CSS for Custom post #001. Finished on 10/03/2010.
 Theme: Ramp Champ


		Did you know that all planets rotate anti-clockwise except Venus?


*/


@import 'reset.css';

body {
	background: url(../i/bg.jpg) fixed center no-repeat;
	-webkit-background-size: 100% 100%;
}


#wrap {
	overflow: hidden;
	margin: 30px 0 0 90px;
	width: 3200px;
}

#wrap a {
	color: #d77030;
}

#wrap a:hover {
	color: #f07c35;
}

#wrap .intro {
	padding: 230px 0 0 0;
	float: left;
	width: 455px;
	background: url(../i/rpcp.png) 0 30px no-repeat;
	
}

.intro h3 {
	font-weight: 300;
	font-family: Georgia, serif;
	color: #d77030;
	font-size: 2em;
	font-style: italic;
}

.intro h4 {
	padding: 10px 0;
	font-weight: 300;
	font-family: Georgia, serif;
	color: #bd622a;
	font-size: 1.5em;
	font-style: italic;
	line-height: 120%;
}

.intro h3 span {
	font-weight: 300;
	font-family: Baskerville, serif;
} 

.intro h4 span {
	color: #d77030;
} 

h5 {
	font-family: Georgia, serif;
	font-style: italic;
	color: #d77030;
	font-weight: 600;
	font-size: 1.4em;
	padding: 0 0 10px 0;	
}

ul.text {
	float: left;
	margin-left: 80px;
	padding: 30px 0 0 0;
}

ul.text li {
	float: left;
	height: 500px;
	width: 400px;
	margin-right: 130px;
}

ul.text li.graphics {
	background: url(../i/sshot.jpg) top right no-repeat;
	padding: 0 350px 0 0;
}

ul.text li.sound {
	background: url(../i/sound.jpg) top right no-repeat;
	padding: 0 350px 0 0;
}

ul.text li.details {
	background: url(../i/details.jpg) top right no-repeat;
	padding: 0 350px 0 0;
}

#ramp {
	text-indent: -9999%;
	position: fixed;
	bottom: 0;
	background: url(../i/ramp.jpg) bottom fixed no-repeat;
	width: 100%;
	height: 250px;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	z-index: -1;
}

p {
	font-family: Georgia, serif;
	font-size: 1.1em;
	font-weight: lighter;
	color: #bae2ee;
	line-height: 150%;
	padding: 0 0 16px 0;
}