/* 	Theme Name: RageQuitter.net
	Theme URI: www.ragequitter.net
	Description: A theme designed and developed by Psiablo (Eric Taylor) for RageQuitter.net
	Version: 1.0
	Author: Eric Taylor (Psiablo)
	Author URL: http://eric-taylor.com
	Tags: rage,quitter,eric,taylor,psiablo
*/

body {
	background: #000 url('images/main-bg.jpg') repeat-x top left;
	color: #c93;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	line-height: 1;
}

a {
	color: #cc9;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}

img {
	border: none;
}

h1 {
	color: #dfdfdf;
	font-size: 24px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

h2 {
	color: #ccc;
	font-size: 24px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

	h2 a {
		color: #ccc;	
	}
	
	h2 a:hover {
		text-decoration: none;
	}

h3 {
	color: #999;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

p {
	font-size: 12px;
	margin: 0;
	padding: 5px 0 5px 0;	
}


/* SITE LAYOUT */

#container960 {
	background: url('images/top-bg.jpg') top left no-repeat;
	height: auto;
	margin: 0 auto 0 auto;
	width: 960px;
}

#header {
	height: 101px;
	margin: 0;
	padding: 0;
	width: 960px;
}

	#logo {
		background: url('images/main-logo.png') top left no-repeat;
		float: left;
		height: 47px;
		margin: 28px 10px 0 0;
		padding: 0;
		position: relative;
		width: 390px;
	}
		#logo a {
			height: 47px;
			left: 0;
			position: absolute;
			top: 0;
			width: 390px;
		}
		
		#logo a h1 {
			display: none;	
		}
	
	#headerInfo {
		float: left;
		height: 47px;
		margin: 28px 0 0 10px;
		padding: 0;
		text-align: right;
		width: 550px;
	}
		.welcomeText {
			color: #ccc;
			font-size: 24px;
		}
		
		.loginText {
			color: #999;
			font-size: 11px;
		}
			.loginText a {
				color: #999;	
			}
			.loginText a:hover {
				color: #ccc;	
			}
	
	#navigation {
		color: #ccc;
		font-size: 14px;
		font-weight: bold;
		float: left;
		height: 26px;
		margin: 0;
		padding: 0;
		position: relative;
		text-align: left;
		text-transform: uppercase;
		width: 960px;
		z-index: 5;
	}
		#navigation li {
			display: inline;
			margin: 0;
			padding: 0 10px 0 0;
		}

		#navigation ul {
			margin: 0;
			padding: 0;
		}
		
#contentContainer {
	background: url('images/contentContainer-bg.jpg') top left no-repeat;
	float: left;
	margin: 0;
	min-height: 320px;
	padding: 10px;
	width: 940px;
}

#footer {
	float: left;
	height: auto;
	margin: 0;
	padding: 0;
	width: 960px;
}

	#footerSitemap {
		background: url('images/footerSitemap-bg.jpg') top left no-repeat;
		float: left;
		height: 90px;
		margin: 10px 0 0 0;
		padding: 20px 10px 20px 10px;
		width: 940px;
	}
	
		.sitemap {
			color: #999;
			float: left;
			font-size: 11px;
			height: 110px;
			margin: 0 80px 0 0;
			padding: 0;
			overflow: hidden;
			width: 140px;
		}
			.sitemap a {
				color: #999;	
			}
			
			.sitemap a:hover {
				color: #ccc;
				text-decoration: underline;
			}
			
			.sitemap ul {
				padding: 0;
				margin: 0;
			}
			
			.sitemap li {
				padding: 0;
				margin: 0;
				list-style: none;
			}
		
		.sitemapParent {
			color: #ccc;
			font-weight: bold;
		}
	
	#footerCopyright {
		float: left;
		font-size: 11px;
		height: auto;
		margin: 20px 0 20px 0;
		padding: 0;
		width: 960px;
	}
	
		.footerGroup {
			border-right: 1px solid #330;
			float: left;
			height: auto;
			margin: 0;
			padding: 0 10px 0 10px;
			width: 139px;
		}
		
			.footerHeader {
				color: #963;
				font-weight: bold;
			}
			
			.footerText {
				color: #c93;
			}
			
				.footerText a {
					color: #c93;	
				}
				
				.footerText a:hover {
					text-decoration: underline;
				}
		
		#copyright {
			font-size: 11px;
			float: left;
			height: auto;
			margin: 0;
			padding: 0 0 0 10px;
			width: 470px;
		}

/* contentContainer Featured */

#homepageFeatured {
	float: left;
	height: auto;
	margin: 0 0 25px 0;
	padding: 0;
	width: 940px;
}
	
	#homepageFeaturedImage {
		float: left;
		height: auto;
		margin: 0 10px 0 0;
		padding: 0;
		width: 450px;
	}
	
	#homepageFeaturedText {
		float: left;
		font-size: 11px;
		height: auto;
		margin: 0 0 0 10px;
		width: 470px;
	}
		#homepageFeaturedButton {
			float: left;
			height: 53px;
			padding: 0;
			margin: 15px 85px 30px 85px;
			width: 300px;
		}
	
/* contentContainer Post */

.contentPostArea {
	border-right: 1px solid #630;
	float: left;
	height: auto;
	margin: 0 0 15px 0;
	padding: 0 89px 0 0;
	width: 620px;
}

.postImage {
	border: 1px solid #630;
	height: 150px;
	margin: 5px 0 5px 0;
	padding: 0;
	position: relative;
	width: 618px;
}

	.postImageTag {
		height: 60px;
		position: absolute;
		right: 0;
		top: 0;
		width: 98px;
	}

.contentPostInformation {
	float: left;
	font-size: 12px;
	height: 100%;
	margin: 35px 0 0 0;
	padding: 0;
	width: 230px;
}
	.authorInformation {
		float: left;
		height: auto;
		margin: 0;
		padding: 5px 0 5px 10px;
		width: 220px;
	}
		.authorAvatar {
			float: left;
			height: 60px;
			margin: 5px 0 0 0;
			padding: 0;
			position: relative;
			width: 60px;
			z-index: 1;
		}
		
			.authorHighlight {
				background: url('images/effects/authorHighlight.png') top left no-repeat;
				height: 60px;
				left: 0;
				margin: 0;
				padding: 0;
				position: absolute;
				top: 0;
				width: 60px;
				z-index: 2;
			}
			
		.authorName {
			color: #999;
			float: left;
			font-size: 12px;
			height: auto;
			margin: 5px 0 0 10px;
			padding: 0;
			width: 150px;
		}
			.authorText {
				color: #ccc;
				font-size: 24px;
				margin: 0;
				padding: 0;
			}
	
	.postInformation {
		float: left;
		height: auto;
		margin: 0;
		padding: 5px 0 5px 10px;
		width: 220px;
	}
		.postInformation ul {
			margin: 0 0 0 10px;
			padding: 0 0 0 10px;
		}
		
		.postInformation li {
			list-style: none;	
		}
		
	.postInformationButton {
		float: left;
		height: 39px;
		margin: 5px 0 15px 0;
		padding: 0;
		width: 220px;
	}
	
/* BIO PAGE */

	#bioContent {
		color: #999;
		background: url('images/effects/bioBG.png') top left;
		border: 1px solid #630;
		float: left;
		font-size: 11px;
		height: auto;
		margin: 10px 0 10px 0;
		padding: 10px 0 10px 0;
		width: 938px;
	}
		#bioContent p {
			font-size: 11px;
			margin: 0;
			padding: 0;
		}
		#bioImage {
			float: left;
			height: 184px;
			margin: 0 17px 0 17px;
			padding: 0;
			position: relative;
			width: 184px;
		}
			#bioAddFriend {
				background: url('images/effects/bioAddFriend.png') top left no-repeat;
				height: 52px;
				margin: 0;
				padding: 0;
				position: absolute;
				right: -1px;
				top: -1px;
				width: 52px;
			}
			
				#bioAddFriend a {
					height: 52px;
					margin: 0;
					padding: 0;
					position: absolute;
					right: 0;
					top: 0;
					width: 52px;
				}
				
				#bioAddFriend a:hover {
					background: url('images/effects/bioAddFriend.png') bottom left no-repeat;	
				}
				
				#bioAddFriend h3 {
					display: none;	
				}
		
		.bioColumn {
			float: left;
			height: auto;
			margin: 0 60px 0 0;
			padding: 0 20px 0 20px;
			width: 140px;
		}
		
			.bioColumn ul {
				margin: 2px 0 0 0;
				padding: 0 0 0 12px;
			}
			
			.bioColumn li {
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
			.bioColumn a {
				color: #999;
			}
			
			.bioColumn a:hover {
				color: #ccc;
			}

.bioSectionTitle {
	color: #fff;
	font-weight: bold;
}

.bioAttributeTitle {
	color: #ccc;
	font-weight: bold;
}

.bioPlayerStatusIG {
	color: #fc6;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.bioPlayerStatusON {
	color: #ff6;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.bioPlayerStatusOFF {
	color: #999;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.bioGameName {
	color: #ccc;
}

#bioText {
	float: left;
	height: auto;
	margin: 15px 0 15px 0;
	padding: 0;
	width: 940px;
}

/* Login/Register */

#loginContent {
	float: left;
	height: auto;
	width: 380px;
	padding: 0;
	margin: 0 10px 0 0;
}

	#loginForgotPassword {
		font-size: 14px;	
	}
	
	#loginForgotPassword a {
		color: #c96;
		font-weight: bold;
		font-style: italic;
	}
	
	#loginform {
		float: left;
		margin: 0 0 15px 0;
	}
	
	#loginform p {
		color: #ccc;
		font-weight: bold;
		font-size: 12px;
	}
	
	#loginform .input {
		background: url('images/effects/forms/input.gif') no-repeat top left;
		border: none;
		color: #333;
		font-size: 28px;
		height: 37px;
		padding: 8px 10px 0 10px;
		margin: 5px 0 5px 0;
		width: 360px;
	}
	
		#lostpasswordform {
		float: left;
		margin: 0 0 15px 0;
	}
	
	#lostpasswordform p {
		color: #ccc;
		font-weight: bold;
		font-size: 12px;
	}
	
	#lostpasswordform .input {
		background: url('images/effects/forms/input.gif') no-repeat top left;
		border: none;
		color: #333;
		font-size: 28px;
		height: 37px;
		padding: 8px 10px 0 10px;
		margin: 5px 0 5px 0;
		width: 360px;
	}
	
	#registerform {
		float: left;
		margin: 0 0 15px 0;
	}
	
	#registerform p {
		color: #ccc;
		font-weight: bold;
		font-size: 12px;
	}
	
	#registerform .input {
		background: url('images/effects/forms/input.gif') no-repeat top left;
		border: none;
		color: #333;
		font-size: 28px;
		height: 37px;
		padding: 8px 10px 0 10px;
		margin: 5px 0 5px 0;
		width: 360px;
	}
	
	form {
		float: left;
		margin: 0 0 15px 0;
	}
	
	form p {
		color: #ccc;
		font-weight: bold;
		font-size: 12px;
	}
	
	form input[type=text] {
		background: url('images/effects/forms/input.gif') no-repeat top left;
		border: none;
		color: #333;
		font-size: 28px;
		height: 37px;
		padding: 8px 10px 0 10px;
		margin: 5px 0 5px 0;
		width: 360px;
	}
	
	form textarea {
		background: url('images/effects/forms/textarea.gif') no-repeat top left;
		border: none;
		color: #333;
		font-size: 14px;
		height: 220px;
		padding: 10px;
		margin: 5px 0 5px 0;
		width: 600px;
	}

#loginSignUp {
	background: url('images/signup-bg.jpg') top left no-repeat;
	float: left;
	height: 230px;
	padding: 0 0 0 0;
	margin: 45px 0 0 10px;
	text-align: center;
	width: 540px;
}
	.needAccount {
		color: #ccc;
		font-size: 14px;
		font-weight: bold;
		padding: 0;
		margin: 0;
	}
	
	.signUp {
		font-size: 48px;
		font-weight: bold;
		padding: 0;
		margin: 0;
		
	}
		
		.signUp a {
			color: #c93;
			text-decoration: underline;
			
		}
		
		.signUp a:hover {
			color: #fff;
		}
		
/* ELEMENTS */

	/* POSITIONS */
	.positionSeniorAdmin {
		color: #C33; /* #900 */
	}
	
	.positionAdmin {
		color: #C33;
	}
	
	.positionTrailAdmin {
		color: #FC6;	
	}
	
	.positionModerator {
		color: #CC3;	
	}
	
	.positionTrailModerator {
		color: #CC3;	
	}
	
	/* RAGE LEVELS */
	.ragelevelExtreme {
		color: #f00;
		font-style: italic;
	}	
	
	.ragelevelHigh {
		color: #f60;
		font-style: italic;
	}

	.ragelevelMedium {
		color: #f90;
		font-style: italic;
	}
	
	.ragelevelMild {
		color: #fc0;
		font-style: italic;
	}
	
	.ragelevelLow {
		color: #ff0;
		font-style: italic;
	}
	
	/* BUTTONS */
	
	.button4col {
		background: url('images/effects/buttons/button4col.jpg') top left no-repeat;
		color: #630;
		float: left;
		font-size: 16px;
		font-weight: bold;
		height: 37px;
		padding: 16px 0 0 0;
		position: relative;
		overflow: hidden;
		margin: 0;
		text-align: center;
		width: 300px;
	}
		.button4col a {
			color: #630;
			height: 37px;
			left: 0;
			padding: 16px 0 0 0;
			position: absolute;
			margin: 0;
			top: 0;
			width: 300px;
		}
			.button4col a:hover {
				color: #630;
				background: url('images/effects/buttons/button4col.jpg') bottom left no-repeat;	
				text-decoration: none;
			}
	
	.button3col {
		background: url('images/effects/buttons/button3col.jpg') top left no-repeat;
		color: #630;
		float: left;
		font-size: 14px;
		font-weight: bold;
		height: 27px;
		padding: 12px 0 0 0;
		position: relative;
		overflow: hidden;
		margin: 0;
		text-align: center;
		width: 220px;
	}
		.button3col a {
			color: #630;
			height: 27px;
			left: 0;
			padding: 12px 0 0 0;
			position: absolute;
			margin: 0;
			top: 0;
			width: 220px;
		}
			.button3col a:hover {
				color: #630;
				background: url('images/effects/buttons/button3col.jpg') bottom left no-repeat;	
				text-decoration: none;
			}
	
	.button2col {
		background: url('images/effects/buttons/button2col.jpg') top left no-repeat;
		border: none;
		color: #630;
		float: left;
		font-size: 14px;
		font-weight: bold;
		height: 27px;
		padding: 12px 0 0 0;
		position: relative;
		overflow: hidden;
		margin: 0;
		text-align: center;
		width: 140px;
	}
		.button2col a {
			color: #630;
			height: 27px;
			left: 0;
			padding: 12px 0 0 0;
			position: absolute;
			margin: 0;
			top: 0;
			width: 140px;
		}
			.button2col a:hover {
				color: #630;
				background: url('images/effects/buttons/button2col.jpg') bottom left no-repeat;	
				text-decoration: none;
			}
	
	.button2colR {
		background: url('images/effects/buttons/button2colR.png') top left no-repeat;
		color: #630;
		float: left;
		font-size: 12px;
		font-weight: bold;
		height: 18px;
		padding: 8px 0 0 0;
		position: relative;
		overflow: hidden;
		margin: 5px 0 5px 0;
		text-align: center;
		width: 140px;
	}
	.button2colR a {
			color: #630;
			height: 18px;
			left: 0;
			padding: 8px 0 0 0;
			position: absolute;
			margin: 0;
			top: 0;
			width: 140px;
		}
			.button2colR a:hover {
				color: #630;
				background: url('images/effects/buttons/button2colR.png') bottom left no-repeat;	
				text-decoration: none;
			}
	
	.joinGameImage {
		margin: 5px 0 3px 0;
		padding: 0;
	}
	
	.sendButton {
		background: url('images/effects/buttons/send.jpg') top left no-repeat;
		border: none;
		height: 39px;
		margin: 0;
		padding: 0;
		width: 140px;
	}
	
	/* MESSAGES */
	
	.alert {
		background: url('images/effects/icons/alert.png') no-repeat 5px center;
		padding: 5px 0 5px 25px;
		margin: 10px 0 10px 0;
	}
		.alert a {
			color: #c96;
			font-weight: bold;
			font-style: italic;
		}

/* WOREPRESS EXCLUSIVE */