/**
 * Copyright (c) 2008 ClanTemplates.com
 * Moo Moo; a free template by Asherz & Crazymik3 at ClanTemplates.com
 * No part of this file may be redistributed without written permission
 * Designed by Asherz <www.asherz.com>
 * Coded by Crazymik3 <mike.hj.rice@gmail.com>
 * http://www.clantemplates.com/pages/Legal
 */
 
/*

	GLOBAL

*/

* {
	margin: 0;
	padding: 0;
	outline: 0;
}

body {
	background: #1d1d1d url(./images/background.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
}

a img { border: none; }
.clear { clear: both; }


p { margin: 0; padding: 0; }

/*

	CONTAINER

*/

	div#wrapper {
		width: 953px;
		padding: 22px 0 0 0;
		margin: 0 auto;
	}
	
/*

	NAVIGATION & HEADER

*/
	
		ul#navigation {
			height: 57px;
			margin: 0;
		}

			ul#navigation li {
				height: 57px;
				list-style: none;
				padding: 0;
				float: left;
			}
			
				ul#navigation li a:link,
				ul#navigation li a:visited {
					height: 57px;
					background-position: top left;
					background-repeat: no-repeat;
					line-height: 57px;
					text-indent: -9999px;
					float: left;
				}
				
					ul#navigation li#home a:link,
					ul#navigation li#home a:visited {
						width: 89px;
						background-image: url(./images/navigation/home.jpg);
					}
					
					ul#navigation li#team a:link,
					ul#navigation li#team a:visited {
						width: 112px;
						background-image: url(./images/navigation/team.jpg);
					}
					
					ul#navigation li#about a:link,
					ul#navigation li#about a:visited {
						width: 117px;
						background-image: url(./images/navigation/about.jpg);
					}
					
					ul#navigation li#results a:link,
					ul#navigation li#results a:visited {
						width: 106px;
						background-image: url(./images/navigation/results.jpg);
					}
					
					ul#navigation li#news a:link,
					ul#navigation li#news a:visited {
						width: 89px;
						background-image: url(./images/navigation/news.jpg);
					}
					
					ul#navigation li#media a:link,
					ul#navigation li#media a:visited {
						width: 89px;
						background-image: url(./images/navigation/media.jpg);
					}
					
					ul#navigation li#downloads a:link,
					ul#navigation li#downloads a:visited {
						width: 134px;
						background-image: url(./images/navigation/downloads.jpg);
					}
					
					ul#navigation li#forums a:link,
					ul#navigation li#forums a:visited {
						width: 104px;
						background-image: url(./images/navigation/forums.jpg);
					}
					
					ul#navigation li#contact a:link,
					ul#navigation li#contact a:visited {
						width: 112px;
						background-image: url(./images/navigation/contact.jpg);
					}
						ul#navigation li a:hover { background-position: top right; }
		h1 a img {
			border: none;
			padding: 0; margin: 0;
			width: 952px; height: 216px;
			display: block;
		}

/*

	USER PANEL

*/
	
		div#user-panel {
			background: url(images/user-bg.jpg) repeat-x;
			width: 953px; height: 38px;
			margin: 0 0 1px 0; padding: 0;
		}
		
			div#user-panel h2 {
				    padding: 38px 0 0 0;
					width: 122px;
					overflow: hidden;
					float: left;
					background: url(images/user-panel.jpg) no-repeat;
					
					height: 0px !important;
					height /**/:38px;
			}
			
			div#user-panel h3.user {
				float: left;
				margin: 0; padding: 11px 13px 0 13px;
				font-size: 11px;
			}
			
				div#user-panel h3.user a {
					text-decoration: underline;
					color: #ffffff;
				}
			
			div#user-panel ul#user-actions {
				height: 38px;
				margin: 0;
				float: right;
			}
	
				div#user-panel ul#user-actions li {
					height: 38px;
					list-style: none;
					padding: 0;
					float: left;
				}
				
					div#user-panel ul#user-actions li a {
						height: 38px;
						background-position: top left;
						background-repeat: no-repeat;
						line-height: 38px;
						text-indent: -9999px;
						float: left;
					}
				
					div#user-panel ul#user-actions li#your-media a {
						width: 120px;
						
					}
					
					div#user-panel ul#user-actions li#stats a {
						width: 124px;
					}
					
					div#user-panel ul#user-actions li#edit a {
						width: 119px;
						
					}
					
					div#user-panel ul#user-actions li#logout a {
						width: 112px;
						
					}
					
/*

	SIDEBAR

*/
					
		div#sidebar {
	float: left;
	width: 260px;
	background: url(images/side-background.jpg) repeat-y;
	padding: 0;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	height: 200px;
		}

			div#sidebar h3 {
				background: url(images/side-header.jpg) no-repeat left;
				width: 274px;
				height: 36px; overflow: hidden;
				text-align: right;
				margin: 0; padding: 0;
			}
			
				div#sidebar h3 img { margin: 0; padding: 0; }
				
			div#sidebar ul li {
				list-style: none;
				margin: 0; padding: 0;
			}
			
			
				div#sidebar ul li a img {
					margin: 0; padding: 0;
				}
				
/*

	MAIN CONTENT

*/
		
		div#content {
			width: 679px;
			float: left;
			margin: 1px 0 30px 0; padding: 0;
		}
			#top-content {
				background: url(images/mid-stats-background.jpg) repeat-y;
				width: 679px;
				overflow: hidden;
			}
			#latest-news {
				width: 274px;
				float: left;
				height: 186px;
			}
			
				div#content #latest-news h3 {
					width: 274px;
					height: 36px; overflow: hidden;
					background: url(images/latestnews-header.jpg) no-repeat;
					text-align: right;
					margin: 0; padding: 0;
				}
				
				div#content #latest-news ul {
					margin: 0 0 0 3px; padding: 0;
					width: 268px;
				}
					
					div#content #latest-news ul li {
						list-style: none;
						background: #2d2d2d;
						width: 260px;/*268*/ height: 22px;/*29*/
						margin: 0; padding: 7px 4px 0 4px;
						overflow: hidden;
					}
					
						div#content #latest-news ul li.dark { background: none; }
						
						div#content #latest-news ul li a {
							color: #FFFFFF;
							text-decoration: none;
							font-weight: bold;
						}
						
			div#content #roster {
				width: 405px;
				background: url(images/roster-background.jpg) repeat-y;
				float: left;
				height: 186px;
			}
			
				div#content #roster .roster-left {
					float: left;
					width: 305px;
				}
				
				div#content #roster .roster-right {
					float: left;
					width: 100px;
				}
				
					div#content #roster h3 {
						width: 405px;
						height: 36px; overflow: hidden;
						background: url(images/roster-header.jpg) no-repeat;
						text-align: right;
						margin: 0; padding: 0;
					}
					
					div#content #roster .roster-right ul {
						margin: 2px 0 0 4px; padding: 0;
						list-style: none;
					}
					
						div#content #roster .roster-right ul li {
							margin: 0; padding: 0;
						}
						
							div#content #roster .roster-right ul li p {
								width: 90px; height: 10px;
								text-align: right;
								font-weight: bold; font-size: 10px;
								font-family: Tahoma, Arial, Helvetica, sans-serif;
								line-height: 9px;
								margin: -2px 0 0 0; padding: 0;
							}
						
							div#content #roster .roster-right ul li a:link img,
							div#content #roster .roster-right ul li a:visited img {
								margin: 0; padding: 0;
								width: 90px; height: 36px;
								border: 1px solid #4b4b4b;
							}
							
							div#content #roster .roster-right ul li a:hover img,
							div#content #roster .roster-right ul li a:active img {
								border: 1px solid #c5c5c5;
							}
					
					div#content #roster .roster-left ul {
						margin: 6px 0 0 4px; padding: 0;
						width: 297px;
					}
					
						div#content #roster .roster-left ul li {
							margin: 0 19px 16px 0; padding: 0;
							list-style: none; float: left;
						}
						
						div#content #roster .roster-left ul li.last { margin: 0; padding: 0; }
						
							div#content #roster .roster-left ul li a:link,
							div#content #roster .roster-left ul li a:visited {
								display: block;
								border: 1px solid #3a3a3a;
								width: 58px; height: 58px;
								margin: 0; padding: 0;
							}
							
							div#content #roster .roster-left ul li a:hover,
							div#content #roster .roster-left ul li a:active {
								border: 1px solid #c5c5c5;
							}
							
								div#content #roster .roster-left ul li a img { border: none; margin: 0; padding: 0; }
			
			div#content #welcome {
				width: 679px;
				background: url(images/welcome-background.jpg) repeat-y;
				overflow: hidden;
			}
			
					div#content #welcome p { margin: 9px 11px; padding: 0; }
					
					div#content #welcome a.more {
						color: #ffffff;
						float: right;
						font-weight: bold;
						margin: 0 18px 0 0; padding: 0;
						text-decoration: none;
					}
				
				div#content #welcome #welcome-foot {
					background: url(images/welcome-footer.jpg) no-repeat;
					width: 679px; height: 6px;
					overflow: hidden;
				}
				
				div#content #welcome h3 {
					width: 679px; height: 37px;
					background: url(images/welcome-header.jpg) no-repeat;
					text-align: right;
				}
				
			#mid-stats {
				background: url(images/mid-stats-background.jpg) repeat-y;
				width: 679px;
				overflow: hidden; 
			}
			
				#mid-stats #latest-results {
					float: left;
					width: 274px;
				}
				
					#mid-stats #latest-results h3 {
						width: 274px;
						height: 36px;
						background: url(images/latest-results-header.jpg) no-repeat;
						text-align: right;
						margin: 0; padding: 0;
					}
					
					#mid-stats #latest-results ul {
						margin: 0 0 0 3px; padding: 0;
						width: 268px;
					}
						
						#mid-stats #latest-results ul li {
							list-style: none;
							background: #2d2d2d;
							width: 260px;/*268*/ height: 22px;/*29*/
							margin: 0; padding: 7px 4px 0 4px;
							font-weight: bold;
							overflow: hidden;
						}
						
							#mid-stats #latest-results ul li.dark { background: none; }
							
							#mid-stats #latest-results ul li a {
								color: #FFFFFF;
								text-decoration: none;
								font-weight: bold;
							}
							
								#mid-stats #latest-results span.win { color: #87e700; }
								#mid-stats #latest-results span.loss { color: #fe2300; }
								#mid-stats #latest-results span.tie { color: #0eb0e6; }
								
				#mid-stats #server-status {
					float: left;
					width: 405px;
				}
				
					#mid-stats #server-status h3 {
						width: 405px;
						height: 36px;
						background: url(images/server-status-header.jpg) no-repeat;
						text-align: right;
						margin: 0; padding: 0;
					}
					
					div.server {
						width: 193px;
						float: left;
						margin: 2px 0 2px 5px; padding: 0;
					}
						div.server img {
							border: 1px solid #434343;
							float: left;
						}
						
							div.server ul {
								list-style: none;
								float: left;
								margin: 3px 0 0 5px; padding: 0;
							}
							
								div.server ul li {
									line-height: 18px;
									margin: 0; padding: 0;
								}
								
									div.server ul li.right {
										text-align: right;
									}
									
									div.server ul li a {
										color: #ffffff;
										text-decoration: none;
										font-weight: bold;
									}
				
				div#content #news-content {
					width: 679px;
				}
				
					div#content #news-content h3 {
						width: 679px;
						height: 36px;
						background: url(images/news-header.jpg) no-repeat;
						text-align: right;
						margin: 0; padding: 0;
					}
					
					div#content #news-content .post {
						width: 679px;
						overflow: hidden;
					}
					
						div#content #news-content .post h4 {
							height: 26px; width: 679px;
							background: url(images/post-background-top.jpg) no-repeat bottom;
							font-size: 11px;
						}
							
							div#content #news-content .post h4 span.title {
								float: left;
								margin: 3px 0px 0px 4px; padding: 0;
							}
							
							div#content #news-content .post h4 span.info {
								float: right;
								margin: 3px 4px 0px 0px; padding: 0;
							}
							
							div#content #news-content .post h4 a {
								font-weight: normal;
								color: #ffffff;
								text-decoration: underline;
							}
					
						div#content #news-content .post .post-content {
							background: url(images/post-background.jpg) repeat-y;
						}
						
						div#content #news-content .post .post-foot {
							background: url(images/post-background-foot.jpg) no-repeat;
							width: 679px; height: 10px;
						}
						
							div#content #news-content .post .post-content p {
								padding: 10px; margin: 0;
							}
							
							div#content #news-content .post .post-content a {
								color: #ffffff;
							}
							
							div#content #news-content .post .post-content ul {
								margin: 0 0 0 35px; padding: 0;
								list-style: inside;
							}
