@import "typography.css";

/* ---------------------------------------
	Bulk styles
--------------------------------------- */

	*
	{
		margin: 0;
		padding: 0;
	}

	body, html
	{
		width: 100%;
	}

	html
	{
		background: #000;
	}

	img
	{
		border: 0;
	}

	#header
	{
		height: 100px;
		width: 900px;
		clear: left;
		background: #fff url(../../media/images/banner.jpg) no-repeat;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		text-align: right;
		padding-top: 83px;
	}

	#banner
	{
		clear: left;
	}

	#papertrail, #header, #footer, #bottomright .button, .header, .content img, .banner
	{
		display: block;
	}

	#main, #content-main, #home, #banner
	{
		position: absolute;
	}

	#topleft, #topright, #bottomleft, #bottomright, #footer img, #footer div, #bottomright .button, #content-topleft, #content-topright, #content-bottomleft, #content-bottomright
	{
		position: relative;	
	}

	#papertrail, #header, .header, #topleft, #bottomleft, #bottomright, #content-topleft, #content-bottomleft, #content-bottomright, .banner
	{
		overflow: hidden;
	}

	.content
	{
		padding: 10px;
	}

	.removepadding
	{
		margin: 0 -10px 10px -10px;
	}

	.content img
	{
		margin: 0 5px 5px 0;
		float: none;
	}	
	
/* ---------------------------------------
	Banner
--------------------------------------- */
	
	#banner
	{
		height: 100px;
		width: 699px;
	}
	
	#billboard img
	{
		border: 1px solid #FFF;
	}
	
	
/* ---------------------------------------
	Main content areas
--------------------------------------- */

	#holder
	{
		margin: 0 auto;
	}

	/* full width content divs */

	#holder, #footer
	{
		width: 900px;
	}

	/* main content div */

	#main, #content-main
	{
		width: 900px;
		top: 100px;
		margin-top: -1px;
		background: #fff;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		border-top: 1px solid #fff;
	}
	
	#main
	{
		background: #fff url(../../media/images/content-background.gif) repeat-y;
	}	
	
	/* the crumbler */
	
	#papertrail
	{
		padding-top: 2px;
		height: 28px;
		width: 900px;
		line-height: 25px;
		background: #4c5053 url(../../media/images/papertrail.gif) no-repeat;
		color: #fff;
	}

	/* main content area divs */

	#topleft, #topright, #bottomleft, #bottomright, #content-topleft, #content-topright, #content-bottomleft, #content-bottomright
	{
		float: left;
		border-top: 1px solid #fff;
		top: 1px;
	}

	#topleft, #content-topleft
	{
		background-color: #fff;
		border-top: 0;
	}
	
	#topleft
	{
		width: 600px;
	}
	
	#content-topleft
	{
		width: 200px;
	}
	
	#topright, #content-topright
	{
		margin-top: -1px;
		border-left: 1px solid #fff;
		float: left;
	}

	#topright
	{
		width: 299px;
	}
	
	#content-topright
	{
		width: 699px;
	}
	
	#bottomleft
	{
		width: 600px;
		background-color: #ecf5f4;
		left: 1px;
		clear: left;
		float: left;
	}

	#bottomright
	{
		width: 299px;
		border-left: 1px solid #fff;

	}

	#main #bottomleft, #content-main #bottomleft
	{
		background-color: #fff;
	}

	/* headers at the top of page sections*/

	.header
	{
		height: 20px;
		border-bottom: 1px solid #fff;
		background-color: #fff;
	}
	
	.banner
	{
		height: 100px;
		border-bottom: 1px solid #4d99a2;
	}
	
	/* main content floating columns */
	
	#main .left, #content-main .left
	{
		width: 200px;
		float: left;
		border-right: 1px solid #ededed;
	}
	
	#main .login, #content-main .login
	{
		width: 190px;
		height: 100px;
		background: #e7e7e7;
		border-bottom: 1px solid #4d99a2;
		padding-left: 10px;
	}
	
	#main .right
	{
		width: 399px;
		float: left;
		border-left: 1px solid #ededed;
		margin-left: -1px;
	}
	
	#main #topleft .left, #main #topleft .right, #content-main #content-topleft .left
	{
		background-color: #ecf5f4;
	}

	/* footer areas */

	#footer
	{
		height: 0;
		margin: 0 -1px -50px -1px;
		background-color: #000;
	}
	
	#footer div
	{
		z-index: 2;
		margin-top: -173px;
		text-align: right;
		width: 900px;
	}

	#footer a
	{
		text-decoration: none;
	}
	
	#footer #tocs-nav *
	{
		color: #fff;
	}
	
	#footer a:hover
	{
		text-decoration: underline;
	}
	
	#footer h3, #footer h3 a
	{
		margin-bottom: 10px;
		color: #3677ac;
	}
	
	#footer ul
	{
		margin: 10px;
	}
	
	#footer li
	{
		display: inline;
		margin: 5px;
	}
	
	#footer #bottom-nav a, #footer #keyword-nav a, #footer #bottom-nav li
	{
		color: #e8f0f6;
	}
	
	#footer #tocs-nav li
	{
		font-size: 1.3em;
	}

	#main_article img
	{
		float:left;
		margin: 5px;
	}
	

	#main_article
	{
		margin: 5px;
	}
	
	#create_player_profile img
	{
		height: 15em;
		width: 15em;
	}
	
	#player_profiles img
	{
		height: 15em;
		width: 15em;
	}
	
	#player_profile img
	{
		height: 200px;
		width: 200px;
	}
	
	#upload_image_display img
	{
		height: 100px;
		width: 100px;
	}
	
/* ---------------------------------------
	Crumbler
--------------------------------------- */
	
	#papertrail a
	{
		color: #fff;
		text-decoration: none;
	}
	
	#papertrail a:hover
	{
		color: #fff;
		text-decoration: underline;
	}

/* ---------------------------------------
	Tables
--------------------------------------- */

	#content-topright .championteam
	{
		vertical-align: top;
		background: #fff;
	}
	
	#content-topright .championteam-grey
	{
		vertical-align: top;
		background: #e7e7e7;
	}

/* ---------------------------------------
	Content headings
--------------------------------------- */

	#topright .matchreview
	{
		background: #fff url(../../media/images/header-matchreview.gif) no-repeat 0 0;
	}

	#bottomright .latestnews, #topright .latestnews
	{
		background: #fff url(../../media/images/header-latestnews.gif) no-repeat;
	}

	#topleft .memberlogin, #content-topleft .memberlogin
	{
		background: #4d99a2 url(../../media/images/header-login.gif) no-repeat;
	}
	
	#topleft .memberloggedin, #content-topleft .memberloggedin
	{
		background: #4d99a2 url(../../media/images/header-loggedin.gif) no-repeat;
	}

	
	#topleft .currentplayers, #content-topleft .currentplayers
	{
		background: #dfdfdf url(../../media/images/header-currentplayers.gif) no-repeat;
		border-bottom: 1px solid #4d99a2;
	}
	
	#topleft .member_admin, #content-topleft .member_admin
	{
		background: #dfdfdf url(../../media/images/header-memberadmin.gif) no-repeat;
		border-bottom: 1px solid #4d99a2;
	}
	
	#topleft .member, #content-topleft .member
	{
		background: #dfdfdf url(../../media/images/header-member.gif) no-repeat;
		border-bottom: 1px solid #4d99a2;
	}
	
	#topleft .pastplayers, #content-topleft .pastplayers
	{
		background: #dfdfdf url(../../media/images/header-pastplayers.gif) no-repeat;
		border-bottom: 1px solid #4d99a2;
	}

	#topleft .menu-sponsor , #content-topleft .menu-sponsor
	{
		background: #dfdfdf url(../../media/images/header-menu-sponsor.gif) no-repeat;
		border-bottom: 1px solid #4d99a2;
	}

	#topleft .feature
	{
		background: #4d99a2 url(../../media/images/header-feature.gif) no-repeat;
	}
	
	#content-topright .newsarchive
	{
		background: #4d99a2 url(../../media/images/header-news-archive.gif) no-repeat;
	}

	#content-topright .history
	{
		background: #4d99a2 url(../../media/images/header-history.gif) no-repeat;
	}

	#content-topright .edit-articles
	{
		background: #4d99a2 url(../../media/images/header-blanklong.gif) no-repeat;
	}	
	
	#content-topright .about
	{
		background: #4d99a2 url(../../media/images/header-about.gif) no-repeat;
	}

	#content-topright .champions
	{
		background: #4d99a2 url(../../media/images/header-champions.gif) no-repeat;
	}
	
	#content-topright .sponsors
	{
		background: #4d99a2 url(../../media/images/header-sponsors.gif) no-repeat;
	}
	
	#content-topright .footytipping
	{
		background: #4d99a2 url(../../media/images/header-blank-large.gif) no-repeat;
	}

	#content-topright .alumni
	{
		background: #4d99a2 url(../../media/images/header-alumni.gif) no-repeat;
	}

	#content-topright .contact
	{
		background: #4d99a2 url(../../media/images/header-contact.gif) no-repeat;
	}

	#content-topright .membership
	{
		background: #4d99a2 url(../../media/images/header-membership.gif) no-repeat;
	}

	#content-topright .match-reviews
	{
		background: #4d99a2 url(../../media/images/header-match-reviews.gif) no-repeat;
	}
	
	#content-topright .current-players
	{
		background: #4d99a2 url(../../media/images/header-current-players.gif) no-repeat;
	}
	
	#content-topright .past-players
	{
		background: #4d99a2 url(../../media/images/header-past-players.gif) no-repeat;
	}

	#content-topright .calendar
	{
		background: #4d99a2 url(../../media/images/header-calendar.gif) no-repeat;
	}

	#content-topright .disclaimer
	{
		background: #4d99a2 url(../../media/images/header-disclaimer.gif) no-repeat;
	}

	
/* ---------------------------------------
	Content banners
--------------------------------------- */

	#content-topright .banner-history
	{
		background: #fff url(../../media/images/banner-history.jpg) no-repeat;
	}

	#content-topright .banner-about
	{
		background: #fff url(../../media/images/banner-about.jpg) no-repeat;
	}
	
	#content-topright .banner-champions
	{
		background: #fff url(../../media/images/banner-champions.jpg) no-repeat;
	}



/* ---------------------------------------
	Content heading buttons
--------------------------------------- */
	
	#bottomright .button
	{
		background: #dfdfdf url(../../media/images/button-more-news.gif) no-repeat 0 0;

		width: 60px;
		height: 20px;
		left: 230px;
	}
	
	#bottomright .button:hover
	{
		background: #dfdfdf url(../../media/images/button-more-news.gif) no-repeat 0 -20px;
	}
	
/* ---------------------------------------
	News styling
--------------------------------------- */


	/* new list styling */

	ul.match, ul.news, ul.content-news
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
		
	}
	
	ul.match li, ul.news li, ul.content-news li
	{
		padding: 10px;
		border-bottom: 1px solid #dfdfdf;
	}
	
	ul.menu li
	{
		padding: 5px;
		border-bottom: 1px solid #dfdfdf;
	}
	
	ul.match li p, ul.news li p, ul.content-news li p
	{
		margin: 0;
	}
	
	ul.match li em, ul.menu li em, ul.news li em, ul.content-news li em
	{
		margin: 0 0 5px 0;
	}
	
	.profile
	{
		border-right: 1px solid #fff;
	}
	
	.contentnews .profile
	{
		margin: -10px 10px 0 -10px;
	}

/* Training Schedule */
table.training-schedule { background-color:#ffffff; border-style:solid; border-width:1px; border-color:#666666;}
td.training-schedule { text-align:justify; border-style:solid; border-width:1px; border-color:#666666; padding:7px; }