/* Standard Colours */
/* 
Red backing #c12026 
Coloumn grey #d3d3d3
Column Black #231f20
*/

/* Debug */
/*.grid_4 { background: green;}*/

/* Clever 960gs helpers */
.tight { margin: 0; padding:0 10px; } /* this allows tight blocks */ 
.vertical_tight { margin-top:0; margin-bottom:0;}

/* Base layout */
body { background: #989898;background:#989898;
}
a { color: #c00;}
#roses-eye { position:absolute; top:0; left:0;z-index:-100;}
#header { background: #231f20; min-height:200px; }
#menu { background: #c12026; min-height: 50px; }
#canvas { background:#fff; }
#footer { background: #c12026; min-height: 30px; color: #fff;}

/* header */
	
	#header { position:relative; }
	#header h1 { 
		background:#fff url('../images/roses-logo.jpg') no-repeat  50% 50% ;
		height: 200px;
	}
	#header h1 span { position: absolute; left:-10000000px;}

	/* Latest */
	#latest { background: #000; height: 200px; overflow:hidden;}
	#latest h2 { margin:0; font-size: 20px; color: white; }
	#latest ul { margin-left: 0; padding-left:0; margin-top: 5px; color: white; }
	#latest li { padding-left: 0; margin-left: 20px; margin-bottom: 5px; margin-right: 10px;}
	
	/* Sponsors */
	#sponsors { padding-top:10px; height:190px; color:#fff;}
	#sponsors a img { border: 0;}
	
	#writeuplist a { text-decoration:none; color: #c00;}	

	#textadvert { background: #000; color: #fff; font-size: 1.6em; height: 200px;}
		
/* Menu */

	#menu, #menu a { color: #fff; text-decoration:none; }
	#menu a { 
		width: 100%; display:block; height: 100%;
		line-height: 50px;
		}
	#menu a:hover { background: #FF0D00;}
	#menu { list-style:none; }
	#menu li { 
			height: 50px; 
			margin:0;
			padding: 0;
			width: 160px;
			float: left;
			text-align:center;
			font-size: 15px;
		}

/* Canvas */

	/* Countdown */
	#countdown { font-size: 50px; margin:0 0 10px 0; padding:0; width: 100%; }
	#countdown td, #countdown th { border: solid 1px #fff; padding: 2px 10px; text-align:center; width: 113px;}
	#countdown th { background: #666; font-size: 20px; color: #fff;}
	#countdown td { background: #333; color:#fff;}
	.pre_header { font-size: 22px; margin:0 0 0 0; padding:0; font-weight:bold;}
	
	#canvas { overflow:hidden; }
	#main { padding: 10px 0 10px 10px; margin-right:0;}
	
	/* Results */
	table.results { width: 100%;}
	table.results, table.results td { border: solid 1px #333; }
	table.results th { background: #c12026; color: #fff; border-color:#c12026; }
	table.results td { padding: 2px 5px;}
	table.results td a { font-weight: bold; text-decoration:none; color: #c12026;}
	.row1 { background: #eee;}
	
	/* Scores */
	#canvas #scoreboard { background: #D5D5D5; padding:10px; }
	#canvas #scoreboard * { line-height:1em; margin:0; }
	#canvas #scoreboard .scores { font-size: 30px; font-weight:bold; }
	
/* Sidebar */

	/* BFM Player */
	#bfm-promo {padding: 10px;  background: #c12026; width: 100%; color:#fff;}
	#bfm-promo * { margin:0; padding:0; }
	#bfm-promo .title { }
	#bfm-promo .show { font-size: 20px; font-weight:bold; }
	#bfm-promo .djs {}
	#audio-player #mpl {z-index: 1; }
	
	/* Events */
	#social_events { background: #231f20; width: 100%; padding: 10px; color:#fff; overflow:hidden;}
	#social_events .event img { float: left; margin-right: 10px; }
	
	/* adminsidebar */
	#adminsidebar { padding: 10px; background: #d3d3d3;}
	#adminsidebar ul { margin:0 0 20px 0; }
	 #adminsidebar h3 { margin:0;}
	
/* Footer */

	#footer { line-height: 30px;}
	#footer p {padding: 10px 20px; }
	#footer a { color: #fff; text-decoration:none; }
	
/* Forms */

	form h2 { margin:0;}
	form { font-size: 1.2em;}
	label { font-weight:bold; width: 100px; float: left; display: block; }
	input.text { width: 295px; border: solid 1px #999; padding: 2px 10px; }
	textarea { padding: 10px; border: solid 1px #999;}
	
	.error { display: block; border: solid 5px #f00; background:#c00; padding: 2px 5px; color:#fff;}
	.success { display: block; border: solid 5px #0c0; background:#090; padding: 2px 5px; color:#fff;}

/* Promo Box */
	#promo-box { float: right; width: 200px; background:#ddd; padding: 10px;}
	#promo-box h2 { margin-bottom:0; font-size: 19px; border-bottom: solid 1px #999; margin-bottom:3px;}
	.button-link { 
		font-size:15px; 
		font-weight: bold;
		background: #B31117; 
		padding: 5px 0; 
		border:solid 3px #F04425; 
		color:#fff; 
		display:block; 
		float:left;
		text-decoration:none;
		width: 195px;
		text-align:center;
	}
	
/* Writeups */
	#writeups { list-style:none; }
	#writeups li { padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom:solid 2px #ccc;}
	#writeups .pre { font-weight:bold; font-size: 16px; margin-bottom:0; padding-bottom:0;}
	#writeups .pre a { color: #565656; }
	#writeups h2 { font-size: 32px; margin-top: 0; padding-top:0; line-height:1em; margin-bottom: 8px;}
	#writeups p { margin-bottom: 5px;}
	#writeups a.readmore { display: block; text-align:left; margin: 0 0 10px 0; text-decoration:none; }
	
	#writeup-full { list-style:none;}
	#writeup-full li {margin-left: 0; padding-left:0;}
	#writeup-full h2 { font-size: 15px; margin-bottom:0;}
	
/* E-campus */
	#ecampus #video_player { width: 920px; float:left; overflow:hidden; }
	#ecampus #sidebar { background:#fff; width: 340px; float:left; overflow:hidden; color: #000; height: 555px; padding:10px;}
	#ecampus #sidebar img { width:340px;}
	
	#ecampus #sidebar #detailedwriteuplist { margin:0; padding:0; list-style:none; padding-top:10px;}
	#ecampus #sidebar #detailedwriteuplist li { padding:0 0 5px 0; margin:0 0 5px 0; border-bottom: dotted 1px #ddd;}
	#ecampus #sidebar #detailedwriteuplist li .sport { margin-bottom:0;}
	#ecampus #sidebar #detailedwriteuplist li p { margin-bottom:0;}
	#ecampus #sidebar #detailedwriteuplist li h3 { font-size: 18px; line-height: 95%; margin-bottom:0;}
	
	#ecampus #bottom { clear:both; height: 145px; background: #231f20; width: 1280px; color:#fff; overflow:hidden; margin:0; width: 1280px;}
	
	#ecampus #bottom #scoreboard { float:left; padding:10px; width: 800px;}
	#ecampus #bottom #scoreboard * { line-height:110%; margin:0; padding:0;}
	#ecampus #bottom #scoreboard .intro { text-transform:uppercase; font-size: 20px;}
	#ecampus #bottom #scoreboard .scores { text-transform:uppercase; font-size: 50px; font-weight:bold;}
	#ecampus #bottom #scoreboard #info { text-transform:capitalize; font-size: 16px;}
	
	#ecampus #bottom #sponsors { float:right; width: 360px; height:145px; overflow:hidden;}
	#ecampus #bottom #sponsors img { float: left;}
	
/* BigScreen */

	#bigscreen { background:#231f20; }
	#bigscreen #video_player { width: 800px; height:500px;float:left; overflow:hidden; }
	#bigscreen #sidebar { background:#fff; width: 324px; float:left; overflow:hidden; color: #000; height: 480px; padding:10px;}
	#bigscreen #sidebar img { width:204px;}
        
	#bigscreen #sidebar #detailedwriteuplist { margin:0; padding:0; list-style:none; padding-top:10px;}
	#bigscreen #sidebar #detailedwriteuplist li { padding:0 0 5px 0; margin:0 0 5px 0; border-bottom: dotted 1px #ddd;}
	#bigscreen #sidebar #detailedwriteuplist li .sport { margin-bottom:0;}
	#bigscreen #sidebar #detailedwriteuplist li p { margin-bottom:0;}
	#bigscreen #sidebar #detailedwriteuplist li h3 { font-size: 18px; line-height: 95%; margin-bottom:0;}
        
	#bigscreen #bottom { clear:both; height: 268px; background: #231f20; width: 1024px; color:#fff; overflow:hidden; margin:0;}
        
	#bigscreen #bottom #scoreboard { float:left; padding:40px 0 40px 40px; width: 800px;}
	#bigscreen #bottom #scoreboard * { line-height:110%; margin:0; padding:0;}
	#bigscreen #bottom #scoreboard .intro { text-transform:uppercase; font-size: 20px;}
	#bigscreen #bottom #scoreboard .scores { text-transform:uppercase; font-size: 50px; font-weight:bold;}
	#bigscreen #bottom #scoreboard #info { text-transform:capitalize; font-size: 16px;}
        
	#bigscreen #bottom #sponsors { position:absolute; right:10px; width: 360px; height:268px; overflow:hidden;}
	#bigscreen #bottom #sponsors img { float: left;}
	
/* Tabs for FP */
	#tabs { background: #000; width:500px; height:25px;}
	#tabs a { display:block; float:left; color: #fff; background:#000; padding: 3px 5px; border-right: solid 1px #fff; text-decoration:none;}
	#tabs a.current { background:#c12026; }
	#tabs a:hover { background:#c12026;}