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


/* Change / add background image here */

body {
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	background-repeat: repeat-y;
	background-image: url(images/backgroundwood.jpg);
	background-color: #000000;
	background-position: center;
}  

a {
	color: #FFFFFF;
}



/* These control main layout and should not be changed. */

#main_left {
	float: left;
	width: 790px;
	padding-right: 10px;
	
}

#main_right {
	float: left;
	width: 196px;
}


/* ---------------------- Forces it to be aligned centered ---------------------- */  


#container {
	width: 1050px; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 

/* ---------------------- Layout headers for the images and logo ---------------------- */  

#header_top {
	height: 127px;
	width: 1000px;
	
}
#header_second {
	height: 7px;
	width: 790px;
	background-image: url(images/topborder_main.gif);
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 0px;
	
	
	
}

#header_third {
	float: left;
	height: 170px;
	width: 264px;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	display:block;
	
	}
	
	#header_third a {
	float: left;
	height: 170px;
	width: 264px;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	display:block;
	}
	
	

#header_third2 {
	float: left;
	height: 170px;
	width: 526px;
	background-image: url(images/logo2.gif);
	background-repeat: no-repeat;
	display: block;
}

#header_third2 a {
	float: left;
	height: 170px;
	width: 526px;
	background-image: url(images/logo2.gif);
	background-repeat: no-repeat;
	display: block;
	}

	
	


#ball {
	width: 202px;
	float: left;
	height: 127px;
	background-image: url(images/ball_top.gif);
	background-repeat: no-repeat;

}

#ad {
	width: 590px;
	float: left;
	height: 127px;
}


 /* ----- -- Right side for all pages -- ------ */
 
#right {
	width: 196px;
	float: left;
	height: 100%;
	background-image: url(images/rightbg.gif);
	background-repeat: repeat-y;
	
}
  
  
  
#right_info {
	width: 169px;
	height: 100%;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 20px;
	padding-left: 5px;
	text-align: center;
	padding-right: 5px;
  }
  
  
#sideleft_border{
	height: 414px;
	width: 1px;
	background-image: url(images/rightside_border.jpg);
	float: left;
	background-color: #5b4e60;
	background-repeat: no-repeat;
	
}
#sideright_border{
	height: 414px;
	width: 1px;
	background-image: url(images/rightside_border.jpg);
	float: left;
	background-color: #5b4e60;
	background-repeat: no-repeat;
}
#topright_border{
	height:8px;
	width: 181px;
	background-image: url(images/topright.gif);
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 0px;
}


#sidebottom_border{
	height:8px;
	float: left;
	width: 181px;
	background-image: url(images/rightbottom.gif);
	background-repeat: no-repeat;
}

 


/*  Page backgrounds for each. Controls the auto height. */

#pagebg {
	height: 100%;
	width: 1050px;
	float: left;
}


 
/* ---------------------- Left Side of all the pages. ---------------------- */ 

#left {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	color: #000000;
	background-repeat: repeat-y;
	width: 790px;
	font-weight: normal;
	background-image: url(images/leftbg.gif);
	padding-right: 4px;
	height: 100%;
	margin-right: 10px;
}



#left a{
	border-bottom-width: 0px;
	border-bottom-color: #000000;
	color: #006699;
}

#left_border{
	height: 200px;
	width: 39px;
	background-image: url(images/left_border.gif);
	float: left;
	
	background-repeat: no-repeat;
	
}
#right_border{
	height: 200px;
	width: 1px;
	background-image: url(images/right_border.gif);
	float: left;
	background-color: #5b4e60;
	background-repeat: no-repeat;
}

/* ------ Footer image of the pages sliced into 2 to save images size. Also controls the look of the copyright text. ------- */ 

.footer_space {
	height: 5px;
	width: 38px;
	background-image: url(images/foot_space.gif);
	background-repeat: no-repeat;
	float: left;
	
	
}
#footer_main {
	height: 201px;
	width: 752px;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	float: left;
	
	
}
#footer_curve {
	height: 18px;
	width: 790px;
	background-image: url(images/footer_curve.gif);
	background-repeat: no-repeat;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
	margin-right: 5px;
	padding-bottom: 20px;
}


#footer_curve a {
	text-decoration: none;	
}

/* --- Menu of the site if you want to add more link images you might need to increase height.------ */ 

#menu {
	height: 221px;
	width: 155px;
	float: left;
	padding-left: 10px;
}

/* --- The main look of your text field and links in it, do not change the width unless smaller.------ */ 

#main {
	height: 100%;
	width: 575px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	padding-right: 10px;
	line-height: 18px;	
}
h2 {
	font-size: 135%
}

#main a {
	color: #ffffff;
	text-decoration: none;	
}

#ContestPage {
	height: 760px;
	width: 570px;
	background-image: url('http://www.theballthegame.com/wp-content/uploads/2010/07/ContestPage.jpg');
        background-repeat:no-repeat;
        color: #000000;
	text-decoration: none;
}

/* --- CSS Menu rollovers .. say no to java ones!------ */ 

#news a{
	
	height: 37px;
	width: 72px;
	display: block;
	background-image: url(images/news.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#news a:hover{
	
	height: 37px;
	width: 72px;
	background-image: url(images/news.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#about a{
	
	height: 37px;
	width: 72px;
	display: block;
	background-image: url(images/about.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#about a:hover{
	
	height: 37px;
	width: 72px;
	background-image: url(images/about.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#faq a{
	
	height: 37px;
	width: 72px;
	display: block;
	background-image: url(images/faq.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#faq a:hover{
	
	height: 37px;
	width: 72px;
	background-image: url(images/faq.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#forum a{
	
	height: 37px;
	width: 72px;
	display: block;
	background-image: url(images/forum.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#forum a:hover{
	
	height: 37px;
	width: 72px;
	background-image: url(images/forumh.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#media a{
	
	height: 37px;
	width: 72px;
	display: block;
	background-image: url(images/media.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#media a:hover{
	
	height: 37px;
	width: 72px;
	background-image: url(images/media.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#extra a{
	
	height: 37px;
	width: 80px;
	display: block;
	background-image: url(images/extra.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#extra a:hover{
	
	height: 37px;
	width: 80px;
	background-image: url(images/extrah.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#team a{
	
	height: 37px;
	width: 72px;
	display: block;
	background-image: url(images/team.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#team a:hover{
	
	height: 37px;
	width: 72px;
	background-image: url(images/team.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#extracom a{
	
	height: 37px;
	width: 116px;
	display: block;
	background-image: url(images/extracom.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#extracom a:hover{
	
	height: 37px;
	width: 116px;
	background-image: url(images/extracom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#communitycom a{
	
	height: 37px;
	width: 116px;
	display: block;
	background-image: url(images/communitycom.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#communitycom a:hover{
	
	height: 37px;
	width: 116px;
	background-image: url(images/communitycom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#downloadcom a{
	
	height: 37px;
	width: 116px;
	display: block;
	background-image: url(images/downloadcom.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#downloadcom a:hover{
	
	height: 37px;
	width: 116px;
	background-image: url(images/downloadcom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#mediacom a{
	
	height: 37px;
	width: 116px;
	display: block;
	background-image: url(images/mediacom.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#mediacom a:hover{
	
	height: 37px;
	width: 116px;
	background-image: url(images/mediacom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#faqcom a{
	
	height: 37px;
	width: 116px;
	display: block;
	background-image: url(images/faqcom.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#faqcom a:hover{
	
	height: 37px;
	width: 116px;
	background-image: url(images/faqcom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#aboutcom a{
	
	height: 37px;
	width: 116px;
	display: block;
	background-image: url(images/aboutcom.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#aboutcom a:hover{
	
	height: 37px;
	width: 116px;
	background-image: url(images/aboutcom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#newscom a{
	
	height: 37px;
	width: 116px;
	display: block;
	background-image: url(images/newscom.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#newscom a:hover{
	
	height: 37px;
	width: 116px;
	background-image: url(images/newscom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#hourencescom a{
	
	height: 48px;
	width: 48px;
	display: block;
	background-image: url(images/hourencescom.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#hourencescom a:hover{
	
	height: 48px;
	width: 48px;
	background-image: url(images/hourencescom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#impulsecom a{
	
	height: 48px;
	width: 48px;
	display: block;
	background-image: url(images/impulsecom.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#impulsecom a:hover{
	
	height: 48px;
	width: 48px;
	background-image: url(images/impulsecom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#teotlcom a{
	
	height: 48px;
	width: 48px;
	display: block;
	background-image: url(images/teotlcom.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#teotlcom a:hover{
	
	height: 48px;
	width: 48px;
	background-image: url(images/teotlcom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#gamersgatecom a{
	
	height: 48px;
	width: 48px;
	display: block;
	background-image: url(images/gamersgatecom.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#gamersgatecom a:hover{
	
	height: 48px;
	width: 48px;
	background-image: url(images/gamersgatecom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#unrealcom a{
	
	height: 48px;
	width: 48px;
	display: block;
	background-image: url(images/unrealcom.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#unrealcom a:hover{
	
	height: 48px;
	width: 48px;
	background-image: url(images/unrealcom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#d2dcom a{
	
	height: 48px;
	width: 48px;
	display: block;
	background-image: url(images/d2dcom.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#d2dcom a:hover{
	
	height: 48px;
	width: 48px;
	background-image: url(images/d2dcom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#nordicgamecom a{
	
	height: 48px;
	width: 48px;
	display: block;
	background-image: url(images/nordicgamecom.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#nordicgamecom a:hover{
	
	height: 48px;
	width: 48px;
	background-image: url(images/nordicgamecom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#icebergcom a{
	
	height: 48px;
	width: 48px;
	display: block;
	background-image: url(images/icebergcom.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#icebergcom a:hover{
	
	height: 48px;
	width: 48px;
	background-image: url(images/icebergcom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#tripwirecom a{
	
	height: 48px;
	width: 48px;
	display: block;
	background-image: url(images/tripwirecom.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#tripwirecom a:hover{
	
	height: 48px;
	width: 48px;
	background-image: url(images/tripwirecom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#ballcom a{
	
	height: 48px;
	width: 48px;
	display: block;
	background-image: url(images/ballcom.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#ballcom a:hover{
	
	height: 48px;
	width: 48px;
	background-image: url(images/ballcom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#steamcom a{
	
	height: 48px;
	width: 48px;
	display: block;
	background-image: url(images/steamcom.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#steamcom a:hover{
	
	height: 48px;
	width: 48px;
	background-image: url(images/steamcom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#youtubecom a{
	
	height: 48px;
	width: 48px;
	display: block;
	background-image: url(images/youtubecom.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#youtubecom a:hover{
	
	height: 48px;
	width: 48px;
	background-image: url(images/youtubecom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#indiedbcom a{
	
	height: 48px;
	width: 48px;
	display: block;
	background-image: url(images/indiedbcom.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#indiedbcom a:hover{
	
	height: 48px;
	width: 48px;
	background-image: url(images/indiedbcom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#twittercom a{
	
	height: 48px;
	width: 48px;
	display: block;
	background-image: url(images/twittercom.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#twittercom a:hover{
	
	height: 48px;
	width: 48px;
	background-image: url(images/twittercom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#facebookcom a{
	
	height: 48px;
	width: 48px;
	display: block;
	background-image: url(images/facebookcom.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#facebookcom a:hover{
	
	height: 48px;
	width: 48px;
	background-image: url(images/facebookcom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/* --- Shop buttons --- */
#steamsmall a{
	
	height: 32px;
	width: 32px;
	display: block;
	background-image: url(http://www.theballthegame.com/wp-content/uploads/2010/10/steamcom.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#steamsmall a:hover{
	
	height: 32px;
	width: 32px;
	background-image: url(http://www.theballthegame.com/wp-content/uploads/2010/10/steamcom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#impulsesmall a{
	
	height: 32px;
	width: 32px;
	display: block;
	background-image: url(http://www.theballthegame.com/wp-content/uploads/2010/10/impulsecom.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#impulsesmall a:hover{
	
	height: 32px;
	width: 32px;
	background-image: url(http://www.theballthegame.com/wp-content/uploads/2010/10/impulsecom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#icebergsmall a{
	
	height: 32px;
	width: 32px;
	display: block;
	background-image: url(http://www.theballthegame.com/wp-content/uploads/2010/10/icebergcom.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#icebergsmall a:hover{
	
	height: 32px;
	width: 32px;
	background-image: url(http://www.theballthegame.com/wp-content/uploads/2010/10/icebergcom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#gamersgatesmall a{
	
	height: 32px;
	width: 32px;
	display: block;
	background-image: url(http://www.theballthegame.com/wp-content/uploads/2010/10/gamersgatecom.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#gamersgatesmall a:hover{
	
	height: 32px;
	width: 32px;
	background-image: url(http://www.theballthegame.com/wp-content/uploads/2010/10/gamersgatecom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#d2dsmall a{
	
	height: 32px;
	width: 32px;
	display: block;
	background-image: url(http://www.theballthegame.com/wp-content/uploads/2010/10/d2dcom.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#d2dsmall a:hover{
	
	height: 32px;
	width: 32px;
	background-image: url(http://www.theballthegame.com/wp-content/uploads/2010/10/d2dcom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#wendrossmall a{
	
	height: 32px;
	width: 32px;
	display: block;
	background-image: url(http://www.theballthegame.com/wp-content/uploads/2010/10/Wendros.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#wendrossmall a:hover{
	
	height: 32px;
	width: 32px;
	background-image: url(http://www.theballthegame.com/wp-content/uploads/2010/10/Wendros.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#akellasmall a{
	
	height: 32px;
	width: 32px;
	display: block;
	background-image: url(http://www.theballthegame.com/wp-content/uploads/2010/10/Akella.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#akellasmall a:hover{
	
	height: 32px;
	width: 32px;
	background-image: url(http://www.theballthegame.com/wp-content/uploads/2010/10/Akella.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#buybutton a{

	height: 102px;
	width: 170px;
	display: block;
	background-image: url(http://www.theballthegame.com/wp-content/uploads/2010/10/BuyButton3.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#buybutton a:hover{
	
	height: 102px;
	width: 170px;
	background-image: url(http://www.theballthegame.com/wp-content/uploads/2010/10/BuyButton3.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#buybuttonteotl a{
	
	height: 102px;
	width: 170px;
	display: block;
	background-image: url(http://www.theballthegame.com/wp-content/uploads/2010/11/BuyButton4.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#buybuttonteotl a:hover{
	
	height: 102px;
	width: 170px;
	background-image: url(http://www.theballthegame.com/wp-content/uploads/2010/11/BuyButton4.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}



#buybuttondiscount a{
	
	height: 102px;
	width: 170px;
	display: block;
	background-image: url(http://www.theballthegame.com/wp-content/uploads/2010/11/BuyButtonSale.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#buybuttondiscount a:hover{
	
	height: 102px;
	width: 170px;
	background-image: url(http://www.theballthegame.com/wp-content/uploads/2010/11/BuyButtonSale.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}



/* --- The little text about your game, on all pages now aka dynamic------ */ 

#brief {
	font-size: 9px;
	font-weight: bold;
	color: #999999;
	width: 560px;
	display: block;
	float: left;
}


.postmetadata {
	background-color: #170b0b;
	display: block;
	height: 25px;
}

#shops {
	text-decoration: none;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-alignment: left;
}

#shops a:hover {
	color: #ff8900;
}