/*----------------------------------------------------------------------*/
/* colors
/* #731717 #8c1c1c red
/* #357317 #418c1c green
/* #736e17 #8c871c yellow
/* #176d73 #1c858c blue
/* #731771 #8c1c8b pink
/* #491773 #581c8c purple
/*
/* contrast color #287e84
/*----------------------------------------------------------------------*/

/*----------------------------------------------------------------------*/
/* Imports
/*----------------------------------------------------------------------*/

@import 'jquery-ui.css';
@import 'jquery.miniColors.css';
@import 'jquery.tipsy.css';
@import 'jquery.uniform.css';
@import 'jquery.wysiwyg.css';
@import 'jquery.fullcalendar.css';
@import 'jquery.elfinder.css';
@import 'jquery.fancybox.css';
@import 'jquery.datatables.css';
/*----------------------------------------------------------------------*/
/* General Section
/*----------------------------------------------------------------------*/

body {
	background-color:#2e2e33;
	background: url(../../images/Background2.jpg) no-repeat center top #060000;
}
body.players {
	background-color:#2e2e33;
	background: url(../../images/PlayersBackground.jpg) no-repeat center top #060000 !important;
}
a {
	text-decoration:none;
	cursor:pointer;
}
a:hover {
	text-decoration:underline;	
	
}

a, a:hover, a:visited, a:link {
	color:#16abfb;
		
}
h3 {
	font-size: 18px;
	font-family: "Comic Sans MS", cursive;
	line-height: 20px;
	color: #00B4EF;
}

::-moz-selection {
background:#287e84;
color:#cacaca;
text-shadow:none;
}
::selection {
	background:#287e84;
	color:#cacaca;
	text-shadow:none;
}
nav ul li a span {
	background-image:url(../../images/icons/light/arrow_right.png);
}
h1, h2,  h4, h5, h6 {
	text-shadow:0 -1px 0 #000;
	color:#a8a8a8;
}
h1 {
	text-shadow:0 -1px 0 #000;
}
h1 span {
	text-shadow:0 -1px 0 #000;
}
blockquote {
	border-color:#666666;
	color:#666666;
}
hr {
	border-top-color:#1e1e1e;
	border-bottom-color:#2e2e33;
}
/*----------------------------------------------------------------------*/
/* jQuery UI mods
/*----------------------------------------------------------------------*/
.ui-widget-header a, .ui-accordion-header a {
	color:#bbbbbb;
	text-shadow:0 0 1px #2e2e33;
}
.ui-widget-header {
	border-top-color:#2e2e33 !important;
	border-bottom-color:#555555 !important;
	margin:0;
}
.ui-widget-overlay {
	background-image:url(../../images/paper_02.png);
	background-color:#cccccc;
}
.ui-state-default a {
	border-top-color:#2e2e33 !important;
}
.ui-slider-range.ui-widget-header {
	background-color:#e1e1e1;
	background-image:url(../../images/bg/01.png);
}
.ui-slider {
	border-color:#555555 !important;
	background-color:#2c2c2c;
	background-image:url(../images/paper_02.png);
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.3);
}
.ui-slider .ui-slider-handle {
	border-color:#555555 !important;
	background-image:url(../images/slider_handler.png);
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.1);
	box-shadow:0 0 1px rgba(0, 0, 0, 0.1);
}
/*----------------------------------------------------------------------*/
/* Header
/*----------------------------------------------------------------------*/


header {
	-webkit-box-shadow:3px 0 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:3px 0 4px rgba(0, 0, 0, 0.1);
	box-shadow:3px 0 4px rgba(0, 0, 0, 0.1);
}
#logo, #logo a {
	text-shadow:0 -1px 0 #000;
	color:#2e2e33;
}
/*----------------------------------------------------------------------*/
/* Navigation
/*----------------------------------------------------------------------*/

nav {
	border-right-color:#1e1e1e !important;
	border-left-color:#2e2e33;/*	-webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.3);
	box-shadow:2px 2px 4px rgba(0, 0, 0, 0.3); */
}
nav ul {
	border-top-color:#121212;
	background-color:#a8a8a8;
}
nav ul li {
	background-image:none !important;
}
nav ul li a {
/*	background:#202020;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#202020', endColorstr='#151515');
	background:-webkit-gradient(linear, left top, left bottom, from(#202020), to(#151515));
	background:-moz-linear-gradient(top,  #202020,  #151515);
	background:-o-linear-gradient(top,  #202020,  #151515);*/
}
nav ul li a:hover {
/*	background:#2c2c2c;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c2c2c', endColorstr='#202020');
	background:-webkit-gradient(linear, left top, left bottom, from(#2c2c2c), to(#202020));
	background:-moz-linear-gradient(top,  #2c2c2c,  #202020);
	background:-o-linear-gradient(top,  #2c2c2c,  #202020);*/
}
nav ul li a span {
	color:#cacaca;
	text-shadow:0 -1px 0 #000;
	border-color:#2e2e33 #080808 #121212 #080808;
}
nav ul li a:active, nav ul li a.active {
	background-image:url(images/nav_active.png);
	background-repeat:repeat-x;
	background-color:#287e84;
	background-position:left center;
	filter:none;
}
nav ul li a:active span, nav ul li a.active span {
	color:#cacaca;
	text-shadow:0px -1px 0 rgba(0,0,0,0.3);
}
nav ul li ul {
	border-bottom-color:#222222;
}
nav ul li ul li {
	background-image:none !important;
}
nav ul li ul li a {
}
nav ul li ul li a span {
	border-top-color:#222222;
	background-image:none !important;
}
/*----------------------------------------------------------------------*/
/* Content
/*----------------------------------------------------------------------*/

#content {
	-webkit-box-shadow:3px 0 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:3px 0 4px rgba(0, 0, 0, 0.1);
	box-shadow:3px 0 4px rgba(0, 0, 0, 0.1);
	background: url(../../images/ContentBG.png);
}
.bgsample {
	border-color:#666666;
	-webkit-box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.5);
	box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.5);
	background-color:#2e2e33;
}
/*----------------------------------------------------------------------*/
/* Footer Navigation
/*----------------------------------------------------------------------*/

#footerNav li a {
	color: white;
	font-size: 16px;
	font-weight: bold;
	text-decoration:none;
}
#footerNav li {
	margin-left: 18px;
	float: left;
	text-transform: uppercase;
	list-style: none;
}
footer a {
	color:#FFF;
	font-weight:bold;
	
	}
	
footer a:hover { 
text-decoration:underline;
		
}	
 
a:visited, a:link{
	color:#16abfb;
			
}	


/*----------------------------------------------------------------------*/
/* Aaron's Styles
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* Team Players
/*----------------------------------------------------------------------*/
#teamLogos {
background-image: url(../../images/TeamLogos.jpg);
width: 85%;
height: 800px;
background-size: auto;
margin: 0px auto;
background-repeat: no-repeat;
background-position: center;
padding-left: 13%;
padding-top: 5%; }

#teamPlayers {
background-image: url(../../images/fieldplayericons.jpg);
width: 85%;
height: 800px;
background-size: auto;
margin: 0px auto;
background-repeat: no-repeat;
background-position: center;
padding-left: 13%;
padding-top: 5%; }

/*#teamPlayers {
	background-image:url(/images/TeamFormation.jpg);
	width:600px;
	height:800px;
	background-size:auto;
	margin:0px auto;
}*/
.kaleo {
	float:left;
	margin-top: 109px;
	margin-left: 20%;
}
.silva {
	float:left;
	margin-left: 112px;
	margin-top: 108px;
}
.lopez {
	float:left;
	margin-left: 75px;
	margin-top: 5px;
}
.sanders {
	float:left;
	margin-top: 3px;
	margin-left: 290px;
}
.parker {
	float:left;
	margin-left: 165px;
	margin-top: 7px;
}
.pitch {
	float:left;
	margin-left: 106px;
	margin-top: 7px;
}
.lee {
	float:left;
	float:left;
	margin-left: 75px;
	margin-top: 5px;
}
.baker {
	float:left;
	margin-top: 3px;
	margin-left: 290px;
}
.pirelli {
	float:left;
	margin-left: 170px;
	margin-top: 32px;
}
.clause {
	float:left;
	margin-top: 98px;
	margin-left: 10px;
}
.clause img {
	width: 81px;
	height: 106px;
}
.hunter {
	float:left;
	margin-top: 32px;
	margin-left: 4px;
}
/*----------------------------------------------------------------------*/
/* Player Stats Pages
/*----------------------------------------------------------------------*/

.stats {
	width:98%;
	padding-left:2%
}
.stats h3 {
	font-size: 18px;
	font-family: "Comic Sans MS", cursive;
	line-height: 1.2em;
	color: #00B4EF;
}
.stats p {
	margin-bottom: 22px;
	line-height: 1.5em;
	color: white
}
.stats h2 {
	font-size: 2.143em;
	font-family: "Comic Sans MS", cursive;
	line-height: 1.2em;
	color: white;
	margin-bottom: 32px;
}
.playerlist {
	width:100%;
	padding-left:2%;
	margin-bottom: 30px;
}
.playerlist h3 {
	width:100%;
	font-size: 18px;
	font-family: "Comic Sans MS", cursive;
	line-height: 20px;
	color: #00B4EF;
	
}
.playerlist p {
	margin-bottom: 0px;
	line-height: 20px;
	color: white;
}
.playerlist h2 {
	font-size: 18px;
	font-family: "Comic Sans MS", cursive;
	line-height:20px;
	color: white;
	margin-bottom: 4px;
	width:100%;
	
}
.playerlist h2 a {
	color: #FFF; 
	}
	
.playerlist h2 a:visted {
	color: #FFF;
	 }
	 
.playerlist h2 a:hover { 
text-decoration:underline;
		
}		 
	
.playerlist li {
	width: 47%;
	margin: 8px 1% 0px 1%;
	float: left;
	display: block;
	list-style: none; }
	

.teams{
	width:98%;
	padding-left:2%;
	margin-bottom: 30px;
	text-align:center;
}

.teams h3 {
	font-size: 18px;
	font-family: "Comic Sans MS", cursive;
	line-height: 20px;
	color: #00B4EF;
}
.teamslist {
	width:98%;
	padding-left:2%;
	margin-bottom: 30px;
}
.teamslist h3 {
	font-size: 18px;
	font-family: "Comic Sans MS", cursive;
	line-height: 20px;
	color: #00B4EF;
}
.teamslist p {
	margin-bottom: 0px;
	line-height: 20px;
	color: white;
	padding-left: 25px;
}
.teamslist h2 {
	font-size: 18px;
	font-family: "Comic Sans MS", cursive;
	line-height:20px;
	color: white;
	margin-bottom: 4px;
}
.teamslist li {
	width: 98%;
	margin: 8px 1% 0px 1%;
	float: left;
	display: block;
	list-style: none; }
	
#teamslist wrap {
   width:50%;
   margin:0 auto;
}

  

	
/*----------------------------------------------------------------------*/
/* Aaron's Changes 12/9/11
/*----------------------------------------------------------------------*/

.mobileVideo {
	display:none;}

@media screen and (max-width:1025px) {
	.mobileVideo {
		display:block;}
	.video {
		display:none;} }