/* - - - - - - - - - - - - - - - - - - - - -

Title : Bankstown Sports
URL : http://www.bankstownsports.com.au

Author : SiteSuite Australasia
Author URL : http://www.sitesuite.com.au

- - - - - - - - - - - - - - - - - - - - - */

/*----------------------------------------------------------------------------- 
	Table of Contents
   ----------------------
	
	# Global Styles
	
	# Template Styles - Typography styling
	
	# Layout Styles - Wrappers
	
	# Top Navigation  
	
	# Sub/Section Navigation 
	
	# Form Styles
	
	*** JS PLUGIN STYLES ***
	
		# News Scroller
		
			#News Other - Article Manager Styles
		
		# Flash Player Styles
	
-----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------- 
	Global Styles
-----------------------------------------------------------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, p, form {
	margin: 0; 
	padding: 0;
}

body {
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #333333;
}

img { border: 0; }

.clear { clear: both; height: 0; margin: 10; padding: 0; }


/*----------------------------------------------------------------------------- 
	Template Styles
-----------------------------------------------------------------------------*/
h1, h2, h3, h4, h5 { font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight: normal; }

h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }

p, td { font: normal 13px/19px Arial, Helvetica, sans-serif; color: #333333; } 

h1, h2, h3, h4 { padding: 20px 0 8px 0; }

p { padding-bottom: 20px; }

a { color: #ff6e00; }
a:visited { color: #666666; }
a:hover { color: #ff6e00; }

.ss_plugin { z-index: 0; }

hr { 
	border: 0;
	height: 0;
	border-bottom: 1px dotted #ccc;
}

/*----------------------------------------------------------------------------- 
	Layout Styles
-----------------------------------------------------------------------------*/
#topNavWrap { display: none}

#bg { background: none !important; /* Bug fix in IE7 */ }

#bodyWrap { width: auto; }

#headerWrap {
	background: none;
	height: 120px;
}

	#logo { float: left; width: 480px; margin-top: 35px; }
	
	#search { display: none; }
		
	#callOuts  { display: none; }
		
	#subNavWrap { display:none;	}		

	#contentWrap {
		padding: 20px 0;
	}
	
		.lhs {
			float: left; 
			width: auto;
		}
		
		#contentsWrapper { 
			background: none;
			padding: 0px 20px;
		}
		
		#sidebar {
			display: none;
		}


	#footerTop {
		display: none;
	}
	
	#footer { 
		display: none;
	}

	
		#footerMain {
			display: none;
		}
		
		/* Footer Nav */		
		
	#footerBottom {
		width: auto;
		border-top: 1px dotted #cccccc;
		padding-top: 10px;
		clear: both;
	}
	
	.sitesuite { color: #737373; font-size: 12px; }
	.sitesuite a { color: #008dce; text-decoration: none; }
	.sitesuite a:hover { text-decoration: underline; }


/*----------------------------------------------------------------------------- 
	News Slider
------------------------------------------------------------------------------*/
#newsBox {
	width: 715px;
	height: 420px;
	position:relative;
	float: left;
	display: block;
	margin: 0 0px 0 -11px;
	left: 0;
	z-index: 0;
}

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

	#newsBox h5 { 
		color: #FFFFFF;
		font-size: 16px;
		line-height: 29px;
		margin: 0;
		padding: 0 0 10px 19px;
	}
		
	#newsMain { /* Main LHS news box */
		float: left;
		width: 455px;
		height: 370px;
		margin-left: 22px;
	}
	
		#newsMain li { overflow:hidden; }
		
		.newsImage { text-align: center; }
		.newsImage img {
			padding: 5px 8px 6px 6px;
			background: url(../templateimages/newsImageFrame.png) no-repeat;
		}
		
		#newsMain h2, #newsMain h2 a {
			font: bold 15px Arial, Helvetica, sans-serif;
			margin: 0; padding: 0px 14px 0;
			display: block;		
		}
		
			#newsBox a { color: #ff6e00; text-decoration: none;	}
			#newsBox a:hover { color: #000000; }
			
		#newsBox .post-date { font-size: 12px; }
		#newsMain p { font: normal 12px/15px Arial, Helvetica, sans-serif; margin: 0; padding: 3px 20px 0 27px; }
	
	#newsItems { /* RHS Short News Items */
		float: right;
		width: 200px;
		margin-right: 18px;
	}
	
		#newsItems p { font: normal 13px/15px Arial, Helvetica, sans-serif; padding: 3px 0; margin:0; }
		#newsItems li { border-bottom: 1px dotted #cccccc; padding: 5px 0;}
		.post-title a { font-weight: bold !important; }

#newsBox .rss, #newsBox .view-articles { top: 382px; position: absolute; }
#newsBox .rss {  float: left; }
#newsBox .view-articles { float: right; right: 25px; }



/*----------------------------------------------------------------------------- 
	Form Styles
------------------------------------------------------------------------------*/

#newsletter_subscriber_form input { margin-bottom: 5px; padding: 5px; }

#newsletter_subscriber_form .hide { display: none; }

.submitBtn { 
	float: right; 
	color: #000000; 
	font-weight: bold; 
	margin: 10px 0 0 0;
	border: 0;
	width: 110px;
	height: 32px;
	background: url(../templateimages/submitBtn.png) no-repeat;
	cursor: pointer;
}


/*----------------------------------------------------------------------------- 
	News Scroller Controller
------------------------------------------------------------------------------*/

.scrollable {  /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 453px; 
    height:500px;
} 

	.scrollable ul { /* Root Element for scrollable items */
		width:20000em; /* this cannot be too large */
		position:absolute; 
		padding: 0;
		margin:0;
	} 

	.scrollable li { /* a single item. */
		display: inline; 
		width: 455px;
		float:left;
	} 

.scrollable .nextBtn { /* positioning the buttons */
	position: absolute;
	top: 320px; 
	right: -18px;
	z-index: 2;
}

.scrollable .backBtn { /* positioning the buttons */
	position: absolute;
	top: 320px; 
	left: -27px;
	z-index: 2;
}

/*----------------------------------------------------------------------------- 
	News Other
------------------------------------------------------------------------------*/

ul.posts li.exerpt {
	padding: 15px 0 !important;
}

/* Category View */ 
.exerpt h2 {
	font-size: 18px !important;
	text-decoration: none;
	padding-top: 10px !important;
}

.posts h1 a, .exerpt h2 a {
/*	color: #ff6e00;*/
	text-decoration: none;
}

.post-meta { font-size: 12px !important; padding-top: 5px; }
.post-summary-image {
	float: left;
}

ul.posts li.exerpt .post-summary img { border: 0 !important; }

.post-summary-image img, .articleImg { 
	padding: 4px; 
	border: 1px solid #eee !important; 
	float: left;
	margin: 0 20px 10px 0;
}

/*----------------------------------------------------------------------------- 
	Flash Player Styles
------------------------------------------------------------------------------*/

/* styling of the container. */ 
a.myPlayer { 
    display:block; 
    width: 242px; 
    height:180px;  
    text-align:center; 
    float:left; 
    border:1px solid #999; 
} 
 
/* play button */ 
a.myPlayer img {  
    border:0px; 
} 
 
/* when container is hovered we alter the border color */ 
a.myPlayer:hover { 
    border:1px solid #000; 
}


/* Overlay Large Player */
.overlay {
	background:url(/persistent/templateimages/overlay_white.png) no-repeat;
	margin: 0; 
	padding: 0;
	list-style: none;
	padding:40px;	
	width:512px;  
	display:none;
}

.overlay div.close {
	background:url(/persistent/templateimages/overlay_close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

a.player { 		
	display:block;
	height:288px;			
}

/*
----------------------------------------------------------------------------- 
Article Module Styles
-----------------------------------------------------------------------------*/

/* ---------- ARTICLES GENERAL LAYOUT ---------- */

ul.posts, ul.category-listing, ul.postsLayout01, ul.postsLayout02 { margin: 0; padding: 0; list-style: none; }

li.exerpt { margin: 0; padding: 0; }
				
	.post-meta { font-size: 11px; }
		
		.post-summary p { margin: 0; }
		
		.post-longdesc {  }


.rss {
	text-align: right;
	padding: 3px;
	margin: 0;
	font-size: 11px;
	}

/* ---------- ARTICLES FEED ---------- */

  ul.posts { margin-bottom: 10px; }
	
	ul.posts li.exerpt {
		width: 100%;
		padding: 0 0 20px 0;
		border-bottom: 1px dotted #999;
		overflow: auto;
		}
	
	ul.posts h2.category-title {
		background: #e7f9fa;
		border: 2px solid #ebeae8;
		font-size: 16px;
		font-weight: bold;
		text-transform: capitalize;
		padding: 4px;
		margin: 0 0 7px 0;
		}
	
	ul.posts li.exerpt img {
		}
			
	ul.posts li.exerpt h2 {

		margin: 0;
		padding: 10px 0 5px 0;
		}

	ul.posts .post-summary-image {
		margin-right: 10px;
		margin-bottom: 0;
		}