@charset "UTF-8";
/* CSS Document */

/**

 * 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

 */

 

/*



NAVIGATION HEADER

	GLOBAL

*/



ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
	font-size:12px;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover {
    background-color: #111;
}


.active {
    background-color: #4CAF50;
}


/* FINAL DE MENU DE NAVEGACION----

 */


.style1 {color: #FF0000}

.style2 {color: #666666}

.style3 {

	font-size: 9px;

	color: #009900;

}

.style9 {

font-size:16px;
font-weight:100;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
color: #000;
}


.style11 {

	font-size: 20px;

	color: #FF6600;

}

.style12 {color: #FF6600}

.style13 {

	font-size: 14px;

	font-weight: bold;

}

.style14 {color: #009900}

.style15 {color: #FFFF00}

.style16 {color: #FF3300}







* {
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}



body {

	background: #1d1d1d url(./images/background.jpg) repeat-x;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;
	color:#FFF;

}



a img { border: none; }

.clear { clear: both; }





p { margin: 0; padding: 0; }



/*



	CONTAINER



*/



	div#wrapper {

		width: 955px;

		padding: 22px 0 0 0;

		margin: 0 auto;
		background-color:#fff;
		padding-top:inherit;
	

	}

	

/*



	NAVIGATION & HEADER


	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;

						background-image: url(./images/user-media.jpg);

					}

					

					div#user-panel ul#user-actions li#stats a {

						width: 124px;

						background-image: url(./images/user-stats.jpg);

					}

					

					div#user-panel ul#user-actions li#edit a {

						width: 119px;

						background-image: url(./images/user-edit.jpg);

					}

					

					div#user-panel ul#user-actions li#logout a {

						width: 112px;

						background-image: url(./images/user-logout.jpg);

					}
					
					
					
					
					
					
	MAIN CONTENT



*/

		

		div#content {

			width: 685px;

			float: left;

			margin: 1px 0 30px 0; padding: 0;

		}

			#top-content {

				background: url(images/mid-stats-background.jpg) repeat-y;

				width: 699px;

				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;
	padding-left: 0px;

			}

			

					div#content #welcome p { margin: 9px 11px; padding: 0; }

					

					div#content #welcome a.more {

						color: #000;

						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;

							}

					

/*



	SIDEBAR



*/

					

		div#sidebar {

			float: left;

			width: 275px;

			background: url(images/side-background.jpg) repeat-y;

			margin: 1px 0 0 0; padding: 0;

		}



			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;

				}

				

/*




/*



	FOOTER



*/



		div#footer {
	width: 955px;
	height: 42px;
	clear: both;
	margin: 35px 0 0 0;
	padding: 0;
	clear: both;
	position: relative;
	font-weight: normal;
	background-color:#333;

	

		}

		

			div#footer a#asherz {

				position: absolute;

				top: 0; right: 303px;

				height: 42px; width: 110px;

			}

			

			div#footer a#mik3 {

	position: absolute;

	top: 3px;

	right: 184px;

	height: 42px;

	width: 112px;

			}

			

			div#footer a#ct {

				position: absolute;

				top: 0; right: 14px;

				height: 42px; width: 158px;

			}

			

			div#footer h4 {

	position: absolute;

	top: 11px;

	left: 11px;

	width: 326px;

	height: 14px;

			}

df {
	color: #000;
}
.wee {
	font-size: 0.7em;
}
#tret {
	padding-right: 350px;
	padding-left: 350px;
}