/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/























a:link, a:active, a:visited,{ font-size:15px; font-family:"Trebuchet MS"; color:#ffffff; text-decoration:none; font-weight:bolder; letter-spacing:-1px; }
a:hover,{ color:#FFFFFF; text-decoration:underline;












a.home, a.map, a.contact, a.about, a.links, a.pro, a.repair, a.shop, a.tourn, a.teams{
display:block; float: left; margin: -30px 0px 0px 0px; background-position:top; height:75px; width:105px; }
a.home {background:url("http://i4.photobucket.com/albums/y122/xtina313/Johns/homelink.png");}
a.map { background:url("http://i4.photobucket.com/albums/y122/xtina313/Johns/maplink.png"); }
a.contact{ background:url("http://i4.photobucket.com/albums/y122/xtina313/Johns/contactlink.png");}
a.about{ background:url("http://i4.photobucket.com/albums/y122/xtina313/Johns/aboutlink.png");}
a.links{ background:url("http://i4.photobucket.com/albums/y122/xtina313/Johns/linklink.png");}
a.pro{ background:url("http://i4.photobucket.com/albums/y122/xtina313/Johns/proshop-1.png");}
a.repair{ background:url("http://i4.photobucket.com/albums/y122/xtina313/Johns/repairlinik.png");}
a.shop{ background:url("http://i4.photobucket.com/albums/y122/xtina313/Johns/usedgear-1.png");}
a.square{ background:url("http://i4.photobucket.com/albums/y122/xtina313/squarebuttons.png");}
a.teams{ background:url("http://i4.photobucket.com/albums/y122/xtina313/Johns/teams.png");}
a.tourn{ background:url("http://i4.photobucket.com/albums/y122/xtina313/tournaments.png");}

a.home:hover, a.map:hover, a.contact:hover, a.about:hover, a.links:hover, a.pro:hover, a.repair:hover, a.shop:hover, a.square:hover, a.teams:hover, a.tourn:hover {
margin: -25px 0px 0px 0px; background-position:center; }

a.acc:home, a.map:visited, a.contact:visited, a.about:visited, a.links:visited, a.pro:visited, a.repair:visited, a.shop:visited, a.square:visited, a.teams:visited, a.tourn:visited {
_background-position:center; }






Intro Page
(Store, Field, Forums Page)







.nav1{
	width:945px;
	height:25px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background-color: transparent;
	float:left;
	margin: 0px 0px 0px 0px;
	
	
	
}

#bdy {
	float:left ;
	background: url() no-repeat  ;
	background-color:	#000000;
	width: 295px;
	height:870px;
	margin: 5px 0px 0px 5px;
	color:#FFFFFF;
}

#cntr {
	float: ;
	background-color:#ffffff;
	color:#FFFFFF;
	width: 945px;
	height:200px;
	margin: 0px 0px 0px 0px;
}

#rite {
	
	background-color:	#FFFFFF;
	color:#FFFFFF;
	width: 940px;
	height:875px;
	margin: 0px 0px 0px 0px;
}

#news1{
	width:295px;
	height:305px;
	position:absolute;
	z-index:1;
	overflow:auto;
	background-color:#000000;
	color:#FFFFFF;
	font: 11pt Century Gothic;
	text-decoration:none;
	scrollbar-face-color:#666666;
	scrollbar-arrow-color:#000000;
	scrollbar-track-color:#000000;
	
}
#middle{

	
	
	}
	
#middle1{
	margin: 50px 0px 0px 50px;
	width: 200px;
	background-color:#000099;
	
	}

#info1{
	
	width:635px;
	height:870px;
	z-index:1;
	overflow:auto;
	background-color:	#666666;
	color:#ffffff;
	font: 11pt Century Gothic;
	scrollbar-face-color:#000000;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#000000;
	margin: 0px 0px 0px -5px;
	text-indent: 20px
	
}

#info10{
	
	
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-top: 15px;
	
}



#news2 {
	width:295px;
	height:300px;
	position:absolute;
	z-index:1;
	overflow:auto;
	background-color:#000000;
	color:#FFFFFF;
	font: 11pt Century Gothic;
	text-decoration:none;
	scrollbar-face-color:#ff0000;
	scrollbar-arrow-color:#000000;
	scrollbar-track-color:#000000;
	
}

#news2 li {
	
	border-bottom: 1px dotted #e0ebc8; /* changes sidebars underline color */
}




.scrollbox{
width:300px;
height:17px;
position:absolute;
z-index:1;
overflow:hidden;
background-color:#transparent;
color:#000000;
font: 10pt Arial,Helvetica,sans-serif;
text-decoration:none;
}

p
{ 
text-indent: 20px
}

#indent20
{
text-indent: 20px
}

#indent40
{
text-indent: 40px
}

#indent60
{
text-indent: 60px
}








body {
	
	padding: 0;
	
	width:auto;
	font-size: 15px;
	color: #ffffff; /* changes main section font color, bullet color */
	background-color: #000000;
	background: url (bg.png)   ;
	margin-top:0px;
	margin-left:13px;
	
}



bodyi {
	
	padding: 0;
	
	width:auto;
	font-size: 15px;
	color: #ffffff; /* changes main section font color, bullet color */
	background-color: #ffffff;
	background: url(http://i4.photobucket.com/albums/y122/xtina313/bgcopy1.png)   ;
	margin-top:0px;
	margin-left:13px;
	
}




body, th, td, input, textarea, select, option {
	font-weight: normal;
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.codeheader {
	margin: 0;
	border-top: 10px solid color; /* changes title topline */
	border-bottom: 10px solid color; /* changes title underline */
	color: ;			/* Changes Title Color */
	
}

h1, h2, h3 {
	text-transform: uppercase;
	font-weight: normal;
	color: #000000; /* changes title of all layouts, changes layout count number */
	width: 515px;
}

h1 {
	letter-spacing: -1px;
	font-size: 24px;
}

h2 {
	float: left;
	background: url() no-repeat  ;
	font-size:18px;
	width: 240px;
	height:55px;
}

h3 {
	font-size: 1em;
}

h4 {
	letter-spacing: -1px;
	font-size: 14px;
	width:300px;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	
	
	
}

h5 {
	letter-spacing: -1px;
	font-size: 16px;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	
	
	
}



.entry {
	padding: 20px 20px;
	width: 500px;
	height: 200px;
	color:#000000:
	
	
}




/* Header */

#header {
	width: 945px;
	height: 30px;
	margin: -4px auto;
	background: url(http://i4.photobucket.com/albums/y122/xtina313/Johns/nobut.png) repeat-x  ;
	
	background-color: #ffffff;
}
}











/* Menu */

#menu {
	float: left;
	background-color:#ff0000;
	
	width:450px;
	height: 30px;
}

#menu ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

#menu li {
	display: inline;
	
}

#menu a {
	display: block;
	float: left;
	margin-left: 20px;
	text-decoration: none;
	text-transform:	;
	font: 15pt Arial ;
	color: #ffffff;  /* changes horizonal menu font color */
	
}

#menu a:hover, .active a {
	border-top: 3px solid #000000; /* changes color and size of top bar over menu */
	border-bottom: 3px solid #000000; /* changes color and size of bottom bar over menu  */
	
}







/* Page */

#page {
	width: 945px;
	height:1075px;
	margin: 0 auto;
	background-color:	#ff0000;
}

#pagei  {
	width: 1275px;
	height: 700px;
	margin: -10px auto ;

	background: url(bg.png) ;
	
}

#headpic {
	margin: auto;
	width: 740px;
	height: 75px;
	margin: auto;
	margin-top: 100px;
	background: url(pelogo1a.png) no-repeat center;
	
	
}



#smcontent {
	margin: auto;
	width: 300px;
	height: 20px;
	background-color: transparent;
	color:#000000;
	
	
}

/* Content */

#content {
	float: left;
	width: 945px;
	height:1080px;
	background-color:	#ffffff;
	margin: -16px 0px 0px 0px;
	color:#000000;
	
	
}

#footer {
	
	background-color: transparent;
	
}


.post {
	padding: 20px 20px;
	background: ;
	width: 500px;
	height: 350px;
	
	
}



.plain {
	color: #000000;
}
	




.byline {
	margin: 0;
	color: #000000;
}

.meta {
	text-align: left;
	color: #000000;
}

.meta .more {
	padding-left: 20px;
	background: url(images/img03.gif) no-repeat left center;
}

.meta .comments {
	padding-left: 20px;
	background: url(images/img04.gif) no-repeat left center;
}





#splash {
	margin: 0;
	width: 945px;
	height: 175px;
	margin: 0 auto;
	background: url(http://i4.photobucket.com/albums/y122/xtina313/Johns/StoreHeadercopy1.png) no-repeat top center;
	z-index:1;
	
}



.title {
	border-bottom: 5px solid #FFFFFF; /* changes title underline */
	color: #;			/* Changes Title Color */
	
}