* {
margin: 0;
padding: 0;
}

a img {
border: none;
}

body {
background: black url('images/bg.jpg') bottom right no-repeat;
font-family: 'Ubuntu', arial, serif;
}

	#contentp, #elitep { height: 405px !important; }
	#contentp .text div, #elite .text div { height: 385px; }
	#vidlist div { width: 205px !important; }

	.text {
	clear: both;
	float: left;
	width: 215px;
	}
	
		.text div {
		background: black;
		float: left;
		margin: 0px;
		padding: 10px;
		width: 195px;
		}
		
			h2 {
			font-weight: lighter;
			margin-bottom: 10px;
			}
		
			
			.text div p {
			font-size: .7em;
			line-height: 140%;
			}
			
	#black {
	background: url('images/black.png') top left no-repeat;
	display: inline-block;
	margin-bottom: 5px;
	padding-left: 20px;
	}
	
	#content {
	height: 100%;
	overflow: hidden;
	width: 100%;
	}
	
		#content > ul {
		float: left;
		list-style: none;
		width: 80000px;
		}
		
			#content > ul > li {
			float: left;
			height: 100%;
			position: relative;
			width: 100%;
			}
			
				#content > ul > li > div {
				color: white;
				float: left;
				height: 485px;
				margin-top: 28px;
				overflow: hidden;
				position: absolute;
				width: 850px;
				}
				
				#content > ul > li > div a {
				color: white;
				}
				
	#facebook {
	background: url('images/facebook.png') top left no-repeat;
	display: inline-block;
	margin-bottom: 5px;
	padding-left: 20px;
	}
	
	#email {
	background: url('images/email.png') top left no-repeat;
	display: inline-block;
	margin-bottom: 5px;
	padding-left: 20px;
	}
				
	#juitterContainer {
	height: 268px;
	overflow: hidden;
	}
				
	#logo {
	color: white;
	}
	
	#nav {
	display: inline-block;
	font-family: 'Ubuntu', arial, serif;
	font-size: .8em; 
	height: 30px;
	margin: -227px 0 0 0 !important;
	padding: 0 !important;
	position: fixed;
	z-index: 10;
	width: 850px;
	}
	
			#nav #aj {
			background: url('images/aj.png') top left no-repeat;
			height: 68px;
			left: -82px;
			position: absolute;
			text-indent: -5000px;
			top: -30px;
			width: 71px;
			}
			
			#nav #entertainment {
			background: url('images/entertainment.png') top left no-repeat;
			height: 24px;
			left: -2px;
			position: absolute;
			text-indent: -5000px;
			top: -30px;
			width: 325px;
			}
	
		#nav ul {
		list-style: none;
		margin: 0 !important;
		padding: 0 !important;
		width: 850px;
		}
		
			#nav ul li {
			float: left;
			height: 30px;
			display: block;
			margin-right: 50px;
			text-align: left;
			}
			
				#nav ul li a {
				color: #666;
				display: inline-block;
				margin-top: 5px;
				text-decoration: none;
				}
				
					#nav ul li a:hover {
					color: #D8B570;
					color: white;
					}
					
	#mphone {
	background: url('images/phone.png') top left no-repeat;
	display: inline-block;
	margin-bottom: 5px;
	padding-left: 20px;
	}
					
	#twitter {
	background: url('images/twitter.png') top left no-repeat;
	display: inline-block;
	padding-left: 20px;
	}
					
			.diag {
			background: url('images/diag.png') top left;
			float: left;
			padding: 8px;
			}
			
			.feed {
			background: black;
			height: 288px;
			overflow: hidden;
			width: 225px;
			}
			
			.feedlist {
			background: black;
			clear: left;
			height: 288px;
			overflow: hidden;
			width: 225px;
			}
			
				.feedlist ul {
				width: 255px;
				}
				
					.feedlist ul li {
					border-bottom: 1px solid #242424;
					font-size: .7em;
					line-height: 140%;
					float: left;
					font-size: .7em !important;
					height: 15px !important;
					padding: 5px 5px 10px 10px !important;
					width: 235px;
					}
		
		.twittLI {
		border-bottom: 1px solid #242424;
		font-size: .7em;
		line-height: 140%;
		padding: 5px;
		width: 215px;
		}
		
			.twittLI a {
			color: #444;
			}
			
		.juitterAvatar {
		border: 1px solid red;
		display: none;
		float: left;
		margin: 0 3px 0 0;
		}
		
		.JRM {
		display: none;
		}
		
		.time {
		display: none;
		}
								
		/* wouldn't normally do this, but inside pages */		
		
		.profile_splash {
		float: left;
		height: 405px;
		overflow: hidden;
		width: 580px !important;
		}
		
			.profile_splash img {
			height: 425px !important;
			}
		
		#media-player, #video-player {
		float: left;
		height: 405px;
		overflow: hidden;
		width: 580px !important;
		}
		
		 #video-player-long {
		float: left;
		height: 405px;
		overflow: hidden;
		width: 748px !important;
		}

		
		.fl { float: left; }
			
		.ml { margin-left: 8px; }
		.mr { margin-right: 8px; }
		.mt { margin-top: 8px; }
	
		.centre {
		position: absolute;
		}
		
		/* usefull for small text like contact */
		.thintall { height: 405px !important; }
		.thintall .text div { height: 385px; }
		.thintall .text div p { margin-bottom: 10px; }
		
		
		/* for the content like elite */
		.wide { float: left; height: 405px; overflow: hidden; width: 580px !important; }
		.wide div { background: black; float: left; height: 405px; margin: 0px; width: 580px; }
		
		form {
		margin: 10px;
		}
		
		fieldset {
		border: none;
		float: left;
		font-size: .8em;
		height: 340px;
		margin-right: 2px;
		width: 270px;
		}
		
			fieldset dl {
			margin-bottom: 12px;
			}
			
			fieldset dt {
			margin-bottom: 3px;
			}
			
				fieldset dd input {
				margin-bottom: 5px;
				padding: 2px;
				width: 150px;
				}
		
		/* for when the profile nly is active
		.single #nav ul { display: none; }
		.single #content > ul > li > div { margin-top: 0px; }*/
		
		
/* below this line is the new code which should be more re-usable */

/* this is for a single/small width box, like what is used on contact */

.w1 { width: 225px; } .w1 div { background: black; padding: 10px; } .w1 div form { margin: 10px 0px !important; }
.w3 { width: 580px; } .w3 div { background: black; width: 580px; }

.t h2 {
font-size: 1.2em ;
font-weight: lighter;
}

.t h3 {
font-size: 1em;
font-weight: lighter;
margin-bottom: 10px;
}

.t h4 {
font-size: 1em;
font-weight: bold;
margin-bottom: 10px;
}

.t p {
font-size: .7em;
font-weight: lighter;
line-height: 140%;
margin-bottom: 10px;
}

/* all heights should be this by default */
.h1 { height: 340px; } .h1 div { height: 320px; overflow: hidden; } .h1p div { height: 340px; overflow: hidden; }