/*---------------------------------------------------------
 S4/C Style Sheet		
-----------------------------------------------------------
 For page(s):			Cwis Meddiant (WELSH)
---------------------------------------------------------*/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;;
	color:#FFF;
	font-size:12px;
	margin:0;
	padding:0;
}

body img{
	border:none;
	outline: 0;
}

/* Linked image dotted outline on click */
:focus {  
	outline:none;
	/*outline-color:#999;*/
}

#wrapper{
	background:#0c1013 url(../../img/layout/bg.gif) repeat-x;
	position:relative;
	height:auto;
	overflow:hidden;

}

#container{
	position:relative;
	width:770px;
	height:650px;
	margin:0 auto;
	padding:20px 0 50px 10px;
}

#banner{
	float:left;
	width:769px;
	height:119px;
	margin:0;
	padding:0;
}

/* NAVIGATION */

#navbar_container{ /* Navigation and Show Info */
	float:left;
	width:770px;
	height:57px;
	background:url(../../img/layout/c_navbar.png) no-repeat;
}

#navbar_holder{ /* Nav holder to allow for centering */
	float:left;
	width:244px;
	margin:0 0 0 9px;
}

#navbar{ /* Navigation */
	width:230px;
	margin:0 auto;
	padding:0;
}

#navbar ul{
	font-size:14px;
	margin:15px 0;
	padding:0;
}

#navbar ul li{
	display:inline;
	float:left;
	margin:0;
	padding:0 8px;
	height:15px;
	border-right:1px solid #666;
}

#navbar a span{ /* Hide Nav Text */
	display:none;
}

#navbar a.one{
	display: block;
	width:52px;
	height:11px;
	background:url(../../img/layout/c_nav_home.gif) no-repeat;
	margin:2px 0;
}

#navbar a.one:hover{
	background:0 -11px url(../../img/layout/c_nav_home.gif) no-repeat;
}

#navbar .current a.one{
	background:0 -22px url(../../img/layout/c_nav_home.gif) no-repeat;
}

#navbar a.two{
	display: block;
	width:51px;
	height:11px;
	background:url(../../img/layout/c_nav_teams.gif) no-repeat;
	margin:2px 0;
}

#navbar a.two:hover{
	background:0 -11px url(../../img/layout/c_nav_teams.gif) no-repeat;
}

#navbar .current a.two{
	background:0 -22px url(../../img/layout/c_nav_teams.gif) no-repeat;
}

#navbar #end{ /* Remove end divide */
	border:none;
}

#navbar a.three{
	display: block;
	width:74px;
	height:12px;
	background:url(../../img/layout/c_nav_fixtures.gif) no-repeat;
	margin:2px 0;
}

#navbar a.three:hover{
	background:0 -12px url(../../img/layout/c_nav_fixtures.gif) no-repeat;
}

#navbar .current a.three{
	background:0 -24px url(../../img/layout/c_nav_fixtures.gif) no-repeat;
	border:none;
}

/* END NAVIGATION */

#gamebutton{
	float:right;
	width:232px;
	margin:7px 25px 0 0;
}

#game_holder{
	position:relative;
	float:left;
	margin-left:-70px;
}

#nextgame{
	float:left;
	width:447px;
	height:172px;
	background:url(../../img/shows/show15/c_nextshow_bg.png) no-repeat;
}

#nextgame .date{
	float:right;
	width:295px;
	height:30px;
	color:#000;
	margin:5px 0;
	padding:0;
	clear:left;
}

#nextgame .teamnameL{
	float:left;
	width:185px;
	color:#b3b3b3;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin:91px 0 0 14px;
}

#nextgame .teamnameR{
	float:right;
	width:185px;
	color:#b3b3b3;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	text-transform:uppercase;
	margin:91px 25px 0 0;

}

#presenter{
	float:right;
	width:320px;
	height:291px;
	text-align:left;
	overflow:auto;
}

#presenter_noflash{
	float:left;
	width:320px;
	height:291px;
	font-size:11px;
	background:url(../../img/layout/presenter_noflash.png) no-repeat;
	margin:0;
	padding:0;
}

#presenter_noflash p{
	position:relative;
	width:240px;
	padding:0 0 0 30px;
	margin:10px 0;
}

#presenter_noflash .title{
	position:relative;
	width:240px;
	font-size:16px;
	font-weight:normal;
	color:#538c9c;
	padding:0;
	margin:24px 0 0 30px;
	clear:left;
}

#presenter_noflash .subtitle{
	position:relative;
	width:240px;
	font-size:14px;
	font-weight:normal;
	color:#2a626f;
	padding:0;
	margin:0 0 0 30px;
}

.presenter{
	float:right;
	width:320px;
	height:291px;
	text-align:left;
	overflow:auto;
}

.presenter_noflash{
	float:left;
	width:320px;
	height:291px;
	font-size:11px;
	background:url(../../img/layout/presenter_noflash.png) no-repeat;
	margin:0;
	padding:0;
}

.presenter_noflash p{
	position:relative;
	width:240px;
	padding:0 0 0 30px;
	margin:10px 0;
}

.presenter_noflash .title{
	position:relative;
	width:240px;
	font-size:16px;
	font-weight:normal;
	color:#538c9c;
	padding:0;
	margin:24px 0 0 30px;
	clear:left;
}

.presenter_noflash .subtitle{
	position:relative;
	width:240px;
	font-size:14px;
	font-weight:normal;
	color:#2a626f;
	padding:0;
	margin:0 0 0 30px;
}


#video{
	float:left;
	width:447px;
	height:284px;
}

#noflash{
	color:#9dc6db;
	padding:20px;
	margin:100px 0;
}

#noflash a{
	color:#FFF;
	border-bottom:1px dotted #FFF;
	text-decoration:none;
}

#about{
	position:relative;
	float:right;
	width:320px;
	height:165px;
	margin:0 0 0 2px;
	background:url(../../img/layout/about_bg.png) no-repeat;
}

#about h1{
	float:left;
	margin:6px 0 0 13px;
	padding:0;
}
#about .about{
	position:absolute;
	top:35px;
	width:295px;
	height:105px;
	color:#8c9da2;
	font-size:11px;
	margin:0 0 0 15px;
	padding:0;
	overflow:auto;
}

#fixtures{
	float:left;
	width:770px;
	height:461px;
	background:url(../../img/layout/fixtures_bg.png) no-repeat;
}

#fixtures .firstround{
	float:right;
	width:695px;
	color:#95a7ad;
	font-size:15px;
	line-height:19px;
	margin:15px 55px 0 0;

}

#fixtures .rounds{
	width:200px;
	text-align:left;
	vertical-align:top;
}

#fixtures .quarterfinals{
	float:right;
	width:695px;
	color:#95a7ad;
	font-size:15px;
	line-height:19px;
	margin:24px 55px 0 0;
}

#fixtures .semifinals{
	float:right;
	width:695px;
	color:#95a7ad;
	font-size:15px;
	line-height:19px;
	margin:18px 55px 0 0;
}

#fixtures .finals{
	float:right;
	width:695px;
	color:#95a7ad;
	font-size:15px;
	line-height:19px;
	margin:14px 55px 0 0;
}

#fixtures .complete{color:#FFF;}
#fixtures .dates{width:93px;}
#fixtures .time{width:75px;}
#fixtures .vs{width:250px;}


/* TEAMS PAGE */

#teams{
	float:left;
	width:770px;
	height:455px;
	background:url(../../img/shows/show15/teamsbg.png) no-repeat;

}

#teams #left{
	float:left;
	width:377px;
}

#teams #left #redteamname{
	float:right;
	height:20px;
	margin:11px 28px 0 0;
}

#teams #right{
	float:right;
	width:377px;
}

#teams #right #blueteamname{
	float:left;
	height:20px;
	margin:11px 0 0 14px;
}

#left .nextshow{ /* Next Show */
	float:left;
	width:150px;
	height:20px;
	color:#c1d1d9;
	font-size:13px;
	text-transform:uppercase;
	padding:0;
	margin:11px 0 0 16px;
}

#left .nextshow span{color:#FFF;} /* Time */

/* TEAM MEMBERS LISTS */
ul.teams{
	float:left;
	width:340px;
	height:45px;
	list-style:none;
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	margin:27px 0 0 16px;
	padding:0;
	clear:both;
}

/* TEAM INFO TABLES */
#left table.teaminfo{
	float:left;
	width:360px;
	margin:158px 0 0 5px;
	padding:0;
	color:#bec7ca;
}

#right table.teaminfo{
	float:left;
	width:357px;
	margin:158px 0 0 2px;
	padding:0;
	color:#bec7ca;
}

table.teaminfo td{
	height:19px;
	vertical-align:middle;
	padding:0 5px 0 0;
	margin:0;
}

table.teaminfo th{
	width:123px;
	height:19px;
	text-align:left;
	vertical-align:middle;
	padding:0;
	margin:0;
}

table.teaminfo .double{
	height:37px;
}