/*http://www.radicalskatekids.com*/

body {
	background-image:url(images/background.gif);
	font-family: Calibri, Arial, Helvetica, sans-serif, times new roman;
	font-size: 12px;
	margin: 0;
	padding: 0px 10px 10px 5px;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	/*#FFFFFF=WHITE*/
	font-weight: bold;
	}
* {margin: 0px;padding: 0px;}

body ul li{
	color: #3B4C84;
	/*#3B4C84=body of text blue*/
	font-family: Calibri, Arial, Helvetica, sans-serif, times new roman;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	text-indent: 3em;/*This is the space between the bullet lists and the left side.*/  
	/*It effects both the left menu and the center content */
	/*text indent makes 'choosing a skateboard' button misalign, 
	so changed to 'choosing a board'*/
	}
/*dir*/

body dir li{
	color: #3B4C84;
	/*#3B4C84=body of text blue*/
	font-family: Calibri, Arial, Helvetica, sans-serif, times new roman;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	text-indent: 20px;
	text-transform: uppercase;
	}

/*dir*/


p {
	padding: 10px 10px 10px 20px;
	display:block;
	color:#3B4C84;
	/*#3B4C84=WEIRD BLUE STORY FONT*/
	font-family: Calibri, Arial, Helvetica, sans-serif, times new roman;
	font-size: 14px;
	}

a {
	color:#B0171F;
	/*#B0171F=indian red*/
	font-family: Calibri, Arial, Helvetica, sans-serif, times new roman;
	font-size: 11px;
	font-weight: bold;
	}
	
#container {
	margin: 0px auto;
	text-align: left;
	width: 860px;/*total width of content (not screen)*/
}
#header{
	height:194px;/*distance from page content to top of screen.  does not impact header menu.*/
	width:860px;/*total width of content (not screen)*/
	background-image:url(images/header.jpg);   /*main top graphic*/
	background-repeat: no-repeat;
}

#content{
}

#left{
	width:192px;
	float:left;
}
#middle{
	margin-left:205px;
	margin-right:205px;
	width:450px;
}
#right{
	width:192px;
	float:right;
}

/********************* menu ****************************/
.menuheader{
	width:192px;
	height:27px;
	background-image:url(images/menutop.gif);
	display:block;
}
.menucontent{
	width:192px;
	background-image:url(images/menumiddle.gif);
	padding-top:5px;
	padding-bottom:5px;
	background-repeat: repeat-y;
}

.menuheader h3{
	padding: 5px 20px;
	font-family: Calibri, Arial, Helvetica, sans-serif, times new roman;
	font-size: 14px;
	font-weight: bold;
}
.menufooter{
	width:192px;
	height:10px;
	background-image:url(images/menubottom.gif);
	display:block;
}
.menufooter2{
	width:192px;
	height:5px;
	background-image:url(images/menubottom2.gif);
	display:block;
}

.postheader{
	color:#FFFFFF;
	/*#FFFFFF=WHITE*/
	text-transform: uppercase;
}
.menuheader{
	color:#FFFFFF;
	/*#FFFFFF=WHITE*/
	text-transform: uppercase;
}
/********************* post ****************************/
.post{
	margin-bottom:5px;
}
.postheader{
	background-image:url(images/posttop.gif);
	display:block;
	width:450px;
	height:27px;
}
.postheader h1{
	padding: 2px 0px 0px 20px;
	font-family: Calibri, Arial, Helvetica, sans-serif, times new roman;
	font-size: 18px;
	font-weight: bold;
}

.postcontent{
	background-image:url(images/postmiddle.gif);
	background-repeat: repeat-y;
	padding: 1px 0px;
}

.postfooter{
	background-image:url(images/postbottom.gif);
	background-repeat: no-repeat;
	display:block;
	width: 850px;
	height: 5px;
}

.postfooter2{
	background-image:url(images/postbottom2.gif);
	background-repeat: no-repeat;
	display:block;
	width: 450px;
	height: 2px;
}
/********************* header ****************************/
#header{
	position: relative;
}
#header ul{
	position: absolute;
	top:175px;/*this is the distance from the top of the menu bar to the top og the screen*/
	display:block;
	left:220px; /*position of header menu from left side of screen content*/
	/*top menu centering*/
}
#header ul li{
	display:inline;
	text-align:center;
	margin:auto;
	width:auto;
	border-right: 1px solid #3173C5; 
	/*#3173C5=steelblue*/	
}
.last{
	border-right: 0px none #3173C5 !important;
	/*#3173C5=steelblue*/
}
#header /*This is the header menu items center at top of center content of page and below page top graphic*/
ul li a{
	display:inline;
	text-align:center;
	text-decoration:none;
	padding: 10px 10px;
	text-transform: uppercase;
}
#header ul li a:hover{
	text-decoration:underline;
}
/*dir stuff*/

#header dir{
	position: absolute;
	top:175px;/*this is the distance from the top of the menu bar to the top og the screen*/
	display:block;
	left:210px;
	/*top menu centering*/
}
#header dir li{
	display:inline;
	text-align:center;
	margin:auto;
	width:auto;
	border-right: 1px solid #3173C5; 
	/*#3173C5=steelblue*/	
}
.last{
	border-right: 0px none #3173C5 !important;
	/*#3173C5=steelblue*/
}
#header /*This is the header menu items center at top of center content of page and below page top graphic*/
dir li a{
	display:inline;
	text-align:center;
	text-decoration:none;
	padding: 10px 10px;
	text-transform: uppercase;
}
#header dir li a:hover{
	text-decoration:underline;
}

/*end dir stuff*/

/********************* footer ****************************/
#footer{
	position: relative;
	}
	
#footer ul{
	position: absolute;
	display:block;
	left: 210px;
	/*bottom menu centering*/
}
#footer ul li{
	display:inline;
	text-align: center;
	margin:auto;
	width:auto;
	border-right: 1px solid #3173C5;	
	/*#3173C5=steelblue*/
}

#footer ul li a{
	display:inline;
	text-align: center;
	text-decoration:none;
	padding: 10px 10px;
	text-transform: uppercase;
}

#footer ul li a:hover{
	text-decoration:underline;
}

#footer span{
	color:#0F325E;
	/*#3D59AB=cobalt*/
	font-family: Calibri, Arial, Helvetica, sans-serif, times new roman;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	width:860px;
	display:block;
	padding: 15px 0px;
}
/********************* menu members ****************************/
.menu ul{
	list-style-position: inside;
	list-style-type: disc;
	padding: 0px 0px 0px 20px;
	color:#3173C5;
	/*3173C5=steelblue*/
}
.menu ul li{
	padding-top: 5px;
	color:#3173C5;
	/*3173C5=steelblue*/
}
.menu ul li a{
	text-decoration:none;
	padding: 0px;
	text-transform: uppercase;
}
.menu ul li a:hover{
	text-decoration:underline;
	text-transform: uppercase;
}
.member{
	display:inline;
	float:left;
	margin-left:10px;
}
.member span{
	display:block;
	text-align:center;
	padding: 2px 0px 13px 0px;
	text-transform: uppercase;

}
.member img{
	width:75px;
	height:70px;
	border: solid 2px; 
	color:#3B4C84;
	/*#3173C5=steelblue*/
}
.clear{
	clear:both;
}