/* :::::::::::::::::::::::::::::::::::::::::::::::::: */
/* (E) Homepage                                       */

/* Set the tab for the homepage Black / Blue */
#pageNavigation li.page-item-2.current_page_item a {
	color: transparent !important;
	background: #032A54 url('../../images/navigation-home-bg-hover.png') top center no-repeat !important;
}

#bodyHome {
	padding: 0;
	background: #000 url(../../images/home/spotlightBG.png) repeat-x center bottom;
	color: #FFF;
}
	
	#spotlight-header {
		margin: 0 20px 0 20px;
		padding: 20px 0 10px 0;
		border-bottom: 1px solid #333;
	}
	
		#spotlight-header-title {
			float: left;
		}
			
			#bodyHome h1 {
				margin: 0;
				padding: 0;
				font-size: 1.5em;
				font-weight: bold;
			}
		/* END #spotlight-header-title */
		
		#spotlight-header-links {
			margin: 0;
			padding: 0;
			color: #444;
			font-size: 1em;
			float: right;
			font-weight: normal;
		}
	
			#spotlight-header-links a {
				color: #00AEFF;
			}
			
			#spotlight-header-links a.spotlight-section-active {
				color: #FF6600 !important;
			}
		/* END #spotlight-header-links */
	/* END #spotlight-header */
	
	#spotlight {
		margin: 0;
		padding: 0;
	}
	
		div.spotlight-item {
			margin: 10px;
			padding: 10px;
			width: 195px;
			background: #000;
			float: left;
		}
		
			div.spotlight-item-thumbnail {
				width: 195px;
				height: 125px;
				background: transparent url('http://www.skateverse.com/images/skateparks-state/no-photo.jpg') repeat center center;
			}
			
			div.spotlight-item-title {
				background: #272727;
				color: #00AEFF;
				height: 30px;
				line-height: 30px;
				font-weight: bold;
				text-align: center;
				overflow: hidden;
			}
			
				div.spotlight-item-title a {
					padding: 0 10px;
					width: 175px;
					height: 30px;
					height: 30px;
					color: #00AEFF;
					background: #272727;
					line-height: 30px;
					display: block;
					overflow: hidden;
				}
				
				div.spotlight-item-title a:hover {
					background: #00AEFF;
					color: #000;
					text-decoration: none;
				}
			/* END div.spotlight-item-title */
		/* div.spotlight-item */
	/* END #spotlight */
/* END #bodyHome */

#pageBody {
	background: #272727 !important;
}

	#bodyContent.content-home {
		margin: 0;
		padding: 0 0 0 10px;
		width: 520px;
	}

		#content {
			margin: 0;
			padding: 10px;
			width: 500px;
			background: #000;
		}
			
			#latest-post {
				margin: 0;
				padding: 10px;
				background: #FFF;
			}
			
			#latest-post h4 {
				margin: 0 0 10px 0;
				font-size: 1.2em;
				font-weight: bold;
			}
			
			#content div.post {
				padding: 0 !important; /* Overwrite Post.css for the Latest Post */
				border: 0 !important;  /* Overwrite Post.css for the Latest Post */
			}
		/* #content */

#latest-posts {
	margin: 0;
	padding: 0 10px 10px 10px;
	background: #000;
	color: #FFF;
	clear: both;
}
	
	#latest-posts div {
		padding: 10px;
		background: #171717;
	}
	
	#latest-posts a {
		color: #FF6600;
	}
	
	#latest-posts h4 {
		margin: 0 0 10px 0;
		font-size: 1.2em;
		font-weight: bold;
	}
/* END #latest-posts */

#latest-forum-posts {
	margin: 0;
	padding: 0;
	clear: both;
}

	#latest-forum-posts h2 {
		margin: 10px 0 10px 0;
		font-size: 1.2em;
		font-weight: bold;
	}
/* END #latest-forum-posts */

#latest-skatepark-reviews {
	margin: 0;
	padding: 0 0 30px 0;
	border-bottom: 1px solid #ddd;
	clear: both;
}

	#latest-skatepark-reviews h2 {
		margin: 10px 0 10px 0;
		font-size: 1.2em;
		font-weight: bold;
	}
/* END #latest-skatepark-reviews */

#bodySidebar {
	padding: 0 10px 0 10px;
	width: 380px; /* 360px + 40px = 400px */
	color: #FFF;
}

	#bodySidebar a {
		color: #FF6600;
		text-decoration: none;
	}

		#bodySidebar a:hover {
			color: #FFF;
			text-decoration: underline;
		}



/* (E) Homepage                                       */
/* :::::::::::::::::::::::::::::::::::::::::::::::::: */
/* (B) Homepage Billboard                             */

pre{
	display: block;
	font: 12px "Courier New", Courier, monospace;
	padding: 10px;
	border: 1px solid #bae2f0;
	background: #e3f4f9;	
	margin: .5em 0;
	width: 674px;
	}

/* image replacement */
	.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
		margin: 0;
		padding: 0;
		display: block;
		overflow: hidden;
		text-indent: -8000px;
		}
/* // image replacement */
	
#container {	
		margin: 0 auto;
		position: relative; 
		text-align: left;
		width: 620px;
		background: #fff;		
		margin-bottom: 2em;
	}
	
	#content {
		position: relative;
	}

	
	
	/* Easy Slider */

#billboard ul, #billboard li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#billboard {
	margin: 0;
	padding: 0;
}

#billboard li, #billboard li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width: 620px;
	height: 220px;
	overflow: hidden; 
}

#prevBtn, #nextBtn,
#slider1next, #slider1prev { 
	display: block;
	width: 30px;
	height: 77px;
	position: absolute;
	left: 0;
	top: 65px;
	z-index: 1000;
	}

#nextBtn, #slider1next { 
	left: 590px;
}

#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a {  
	display: block;
	position: relative;
	width: 30px;
	height: 77px;
	background: url(../images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a, #slider1next a{ 
	background: url(../images/btn_next.gif) no-repeat 0 0;	
	}	
	
/* numeric controls */	

ol#controls{
	margin: 1em 0;
	padding: 0;
	height: 28px;	
	}
ol#controls li{
	margin: 0 10px 0 0; 
	padding: 0;
	float: left;
	list-style: none;
	height: 28px;
	line-height: 28px;
	}
ol#controls li a{
	float: left;
	height: 28px;
	line-height: 28px;
	border: 1px solid #ccc;
	background: #DAF3F8;
	color: #555;
	padding: 0 10px;
	text-decoration: none;
	}
ol#controls li.current a{
	background: #5DC9E1;
	color: #FFF;
	}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{
	outline:none;
}
/* // Easy Slider */

/* (E) Homepage Billboard                             */
/* :::::::::::::::::::::::::::::::::::::::::::::::::: */
/* (B) Homepage Sidebar                               */

#slider {
	width: 360px; /* important to be same as image width */
	height: 215px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
	background: #000;
}
#sliderContent {
	width: 360px; /* important to be same as image width or wider */
	position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
	float: left;
	position: relative;
	display: none;
}
.sliderImage span {
	position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 384px;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #fff;
	display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
	font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
	left: 0;
}
#slider ul { list-style-type: none; padding: 0; }

ul.billboards {
	margin: 0 auto;
	padding: 0;
	width: 300px;
	list-style: none;
}

	ul.billboards li {
		margin: 0;
		padding: 0;
		text-align: center;
		display: inline; /*--Gimp Fix aka IE6 Fix--*/
	}

	ul.billboards li a {
		margin: 0 0 20px 0;
		display: block;
		text-decoration: none;
	}

		ul.billboards li a.thumb {
			width: 300px;
			height: 100px;
			cursor: pointer;
		}

		ul.billboards li a.thumb:hover {
			background: #333;
		}
	/* END a */

	ul.billboards li span { /*--Used to crop image--*/
		width: 300px;
		height: 100px;
		overflow: hidden;
		display: block;
	}
/* END ul.billboards */

/* (E) Homepage Sidebar                               */
/* :::::::::::::::::::::::::::::::::::::::::::::::::: */