/****Global styles for americangladiators.com****/
/****Created April 22, 2008****/


/* Well this is out right 
html{background:#010030 url(../images/blue-bg.png) top center no-repeat;}
*/

body{
	
	background-image: url("../images/blue-bg.png");
	font-size:62.5%; 
	color:#ffffff;

}

div#contentContainer{
	width:1024px;
	margin:0 auto;
}
	div#contentContainer div#googleTop{
		display:inline;
		position:relative;
		top:5px;
		left:53px;
	}
	div#contentContainer #ag-logo-anim{position:relative;}
	div#contentContainer div#sideNav{
		width:208px;
		padding-top:179px;
		background: #090775 url(../images/sidenav-bg.png) top left no-repeat;		
		border-bottom:solid 1px #5073bf;
		border-right:solid 1px #5073bf;
		border-left:solid 1px #5073bf;
		margin-top:-174px;
		text-align:right;	
		margin-bottom:30px;	
		float:left;		
		min-height:1085px;
	}
		div#contentContainer div#sideNav ul{
			padding-right:17px;
			font-size:1.8em;
			text-transform:uppercase;
			font-weight:bold;
		}
			div#contentContainer div#sideNav ul li{											
				color:#d0dcf9;
				padding:0px 0px 4px 0px;
			}
				div#contentContainer div#sideNav ul li a.clipLinks{															
					color:#d0dcf9;
					text-decoration:none;
					letter-spacing:.1pt;
					display:block;	
					position:relative;
					left:-5px;
					padding-right:26px;	
					width:203px;
					height:29px;		
					padding-top:5px;			
				}
				div#contentContainer div#sideNav ul li a.clipLinks:hover,
				div#contentContainer div#sideNav ul li a.clipLinksActive{
					background:transparent url(../images/sidenav-hover.png) no-repeat 26px 0px;/*make gif for ie-6*/							
				}
					div#contentContainer div#sideNav ul li a.clipLinks span{
						background:transparent url(../images/collapsed-arrow.png) no-repeat 0px 2px ;
						padding-left:14px;						
					}
					div#contentContainer div#sideNav ul li a.clipLinks span.expanded{
						background:transparent url(../images/expanded-arrow.png) no-repeat 0px 7px ;
						padding-left:18px;						
					}
				
			div#contentContainer div#sideNav ul.nested {			
				font-size:0.6em;				
				padding-right:0;
				color:#ffffff;							
			}	
			div#contentContainer div#sideNav ul#eventList{display:none;}
			div#contentContainer div#sideNav ul#gladList{display:none;}	
				div#contentContainer div#sideNav ul.nested li {								
					color:#ffffff;
					padding:2px 0px 2px 0px;
					position:relative;
					left:5px;
				}	
				div#contentContainer div#sideNav ul.nested li.active{
					background: transparent url(../images/side-arrow.gif) no-repeat 185px 3px;
					padding-right:10px;
					position:relative;
					left:15px;
				}
					div#contentContainer div#sideNav ul.nested li a{color:#ffffff;letter-spacing:.2pt; display:inline;text-decoration:none;}	
					div#contentContainer div#sideNav ul.nested li a:hover{border-bottom:solid 1px #46449b; background:none;}	
		div#contentContainer div#sideNav img#sideNavHr{padding:0px 1px 11px 0px;}	
		div#contentContainer div#sideNav ul#sideNavButtons{padding-right:9px; margin-left:15px;}		
			div#contentContainer div#sideNav ul#sideNavButtons li{padding:4px 0px 4px 0px;}	
				div#contentContainer div#sideNav ul#sideNavButtons li a{border:solid 2px #0c56ff; height:25px;display:block; width:179px}	
				div#contentContainer div#sideNav ul#sideNavButtons li a:hover{border:solid 2px #a1beff;}
					div#contentContainer div#sideNav ul#sideNavButtons li a img {}
		div#contentContainer div#sideNav div#sideNavBottom{padding: 29px 9px 10px 0px;}	
/***end side nav****/
/***begin video list***/
iframe#clipListFrame{
	margin:-34px 18px 0px 33px;
	float:left;
}
iframe#gameListFrame{
	margin:15px 0px 0px 35px;
	float:left;
}
/*videolist css in videolist.css file*/
/***end video list***/			

/**player**/
div#AGVideoPlayer{
	position:relative;
	top:-34px;
	width:407px;
	float:left;	
	display:block;
}
.adBannerDiv {
	height:250px; 
	margin:9px 0px -25px 50px;
}
/**end player**/	
/**Begin Bottom Tabs Section**/
div#tabs{	
	float:left;
	margin-left:-1px;
	position:relative;
	left:1px;
	margin-top:30px;
	width:815px;
	height:485px;
	background: transparent url(../images/lowercontent-bg.jpg) 0px 32px no-repeat;
}
	div#tabs ul {margin-left:22px}
			div#tabs ul li{
				font-size:1.8em;
				color:#ffffff;
				background-color:#6b0000;
				padding:9px 15px 10px 15px;
				position:relative;
				top:-11px;
				text-decoration:none;
				font-weight:bold;
				text-transform:uppercase;
				cursor:pointer;
				text-shadow: 3px 3px 5px black;
			}
				div#tabs ul li:hover,
				div#tabs ul li.active{
					background-color:#9a0000;
				}
	/*below may be implemented at a later date if iframe bug can be fixed*/			
	/*div#tabs div#prevButtonContainer{	
		float:left;	
		width:55px;
	}	
		div#tabs div#prevButtonContainer img{
			margin-left:4px;
		}
	div#tabs div#nextButtonContainer{	
		float:left;
		width:83px;	
	}	
		div#tabs div#nextButtonContainer img{
			margin-left:35px;
		}*/		
	div#tabs div#tabContentWrapper{
		width:633px;
		height:484px;
		overflow:hidden;
		float:left;
	}	
		div#tabs div#tabContentWrapper div#tabContent{ width:3260px;height:484px;display:block; }
	div#tabs div#tabContentWrapper div#tabContent div{ width:633px; }

	div#tabs div#tabGames{
		overflow-y:auto;
		overflow-x:hidden;
		margin:15px 0px 0px 35px;
		width:755px;
		height:415px;
		display:block;
	}
	
	div#tabDownloads{
		overflow-y:auto;
		overflow-x:hidden;		
		width:755px;
		height:415px;		
		margin:21px 0px 0px 35px;
	}
		div#tabDownloads div#wallpapers{
			width:342px;
			float:left;
		}
		div#tabDownloads div#wallpapers div{
			float:left;
			width:160px;
			height:157px;
			padding-right:10px;
		}
			div#tabDownloads div#wallpapers div a{
				color:#ffffff;
				font-size:1.4em;
				margin-right:5px;
				display:block;
				float:left;
				text-decoration:none;
				padding-bottom:3px;
			}
		div#tabDownloads div#downloadInfo{
			width:300px;
			float:left;
			padding-left:20px;
		}
			div#tabDownloads div#downloadInfo h3{
				font-size:1.9em;
				padding-bottom:10px;
				text-transform:capitalize;				
			}
				/*div#tabDownloads div#downloadInfo h3#wallpaperHeader{margin-left:-16px;}*/
				div#tabDownloads div#downloadInfo h3#iconsHeader{margin-top:20px;}
			div#tabDownloads div#downloadInfo p{font-size:1.2em;padding:3px 0px 10px 0px;line-height:10pt;}	
			
		div#tabDownloads div#buddyIcons{
			clear:left;
			padding-top:35px;
		}
			div#tabDownloads div#buddyIcons div.icons{
				padding-right:10px;
				width:170px;
				float:left;
			}
				div#tabDownloads div#buddyIcons div.icons img{float:left;}
				
			div#tabDownloads div#buddyIcons div.icons div{
				width:100px;
				float:left;
				text-align:center;
			}
				div#tabDownloads div#buddyIcons div.icons div a{
					display:block;
					color:#ffffff;
					font-size:1.0em;
					margin:4px 0px 4px 0px;
					text-decoration:none;
				}
	div#tabCastCrew{
		overflow-y:auto;
		overflow-x:hidden;
		margin:15px 0px 0px 35px;
		width:755px;
		height:415px;
	}
	
	div#tabLinks{
		width:755px;	
		margin:15px 0px 0px 35px;	
	}
	
		div#tabLinks div{			
			width:212px;
			height:200px;
			float:left;
			margin:0px 70px 40px 70px;
		}	
			div#tabLinks div img{float:left;}
			div#tabLinks div a{
				clear:left;
				display:block;
				color:#ffffff;
				font-size:1.3em;
				font-weight:bold;
				text-decoration:none;
				text-align:center;
			}
div#amgladMobile1{
	margin:80px auto;
	width:480px;
}			
/**End Bottom Tabs Section**/

/*begin footer*/
div#AGFooter{
	clear:both;
	margin-bottom:30px;
	text-align:center;
	color:#b0bbec;
}
div#AGFooter ul{ padding:20px 0px 10px 0px;}
div#AGFooter ul li{
	display:inline;
	padding:0px 7px 0px 7px;
	text-transform:uppercase;
}
div#AGFooter ul li a{
	color:#b0bbec;
	text-decoration:none;
}
div#AGFooter ul li a:hover{ text-decoration:underline;}
.watchItNow:hover{
	cursor: pointer;
}

/* Scroll bar mods */
/* width */
::-webkit-scrollbar {
	width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey; 
	border-radius: 10px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
	background:#a1beff; 
	border-radius: 10px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
	background: #b30000; 
  }