/**/@media screen {
/*
Stylesheet for 'Team Flukeshot' Website
Aaron Gregg (2009)
*/

/* Overall style */
html {
	overflow-y: scroll;		/* Property overflow-y doesn't exist in CSS level 2.1 but exists in [css3] */
	background: #080c10 url(images/html.png) repeat-x;
	color: #ffffff;
	font: 76% arial, helvetica, sans-serif;
}
body {
	margin: 20px 0;
	padding: 0;
}
#conash3D0 {height:0px; top:-1px;} // H1d3 G0D4ddy 4d5
/*
Change colour of highlighted text.
DOES NOT VALIDATE
*/
::selection {
	background: #16202b; /* Safari */
}
::-moz-selection {
	background: #16202b; /* Firefox */
}
/* Links and link weight */
a {
	color: #bbbbbb;
	text-decoration: none;
}
a:hover {
	font-weight: bold;
}
/* Remove the dotted border around active links */
a:active
{
	outline: 0;
}
/* Main body of content */
#wrapper {
	width: 700px;
	margin: 0 auto;
	border: 1px solid #ffffff;
	background: #213344;
	position: relative;
}
/* Banner */
h1 {
	margin: 0;
	height: 181px;
	background: url(images/h1.png);
}
h1 
a {
	display: block;
	width: 175px;
	height: 85px;
	text-indent: -777em;
	overflow: hidden;
}
/* Navigation */
#nav {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: block !important;
	display: inline-block;
	position: absolute;
	left: 20px;
	top: 144px;
}
#nav 
li {
	float: left;
}
#nav 
a {
	text-decoration: none;
	color: #ffffff;
	font: italic 14px/37px 'trebuchet ms', arial, helvetica, sans-serif;
	display: block;
	text-align: center;
	white-space: pre;
	padding: 0 12px;
	text-shadow: 1px 1px #000000, -1px -1px #000000, 1px -1px #000000, -1px 1px #000000; /* Property text-shadow doesn't exist in CSS level 2.1 but exists in [css2, css3] */
}
#home		{ width: 60px; }
#roster		{ width: 110px; }
#media		{ width: 63px; }
#achievements	{ width: 119px; }
#challenge	{ width: 97px; }
#contact	{ width: 102px; }
/* Rollover UPPERCASE on navigation */
#nav 
a:hover {
	text-transform: uppercase;
	font-style: normal;
}
/* Copyright area */
#copy {
	margin: 0;
	background: #213344 url(images/bg.png) repeat-x;
	text-align: right;
	font: 10px/17px arial, helvetica, sans-serif;
	padding: 0 5px 0 0;
	color: #ffffff;
	height: 18px; /* So link hover doesn't stretch */
}
/* CSS image */
#css {
	position: relative !important;
}
/* Content area */
#content {
	padding: 7px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

/* Home page */
.home
dl {
	background: url(images/bg.png) repeat-x;
	margin: 0;
	line-height: 1.4;
	overflow: hidden;
	position: relative;
	height: auto !important;
	height: 50px;
	min-height: 50px;
}
.home
dl 
dl {
	background: none;
	overflow: visible;
	height: auto !important;
	min-height: 0 !important;
}
.home
dl
dt {
	color: #bbbbbb;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
}
.home
dl
dd {
	margin: 0;
	padding: 0px 10px 10px 10px ;
}
.home
#about
dt {
	color: #fff !important;
	font-size: 12px !important;
	font-style: italic !important;
	font-weight: normal !important;
	text-align: center;
	padding-top: 20px;
}
.source {
	margin: 0;
	padding: 0px 10px 10px 10px ;
	font-weight: bold;
}
.source
a {
	font-weight: normal !important;
}
.source
a:hover {
	font-weight: bold !important;
}
/* Left padding on game icons for news posts */
img.gameicon {
	padding-left: 5px ;
	padding-top: 0px;
	width: 16px;
	height: 16px;
}
/* Photo images on news posts */
img.photo {
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
}

/* Roster page */
dl {
	background: url(images/bg.png) repeat-x;
	margin: 0;
	line-height: 1.4;
	overflow: hidden;
	position: relative;
	height: auto !important;
	height: 150px;
	min-height: 150px;
}
.roster 
dl 
dl {
	background: none;
	overflow: visible;
	height: auto !important;
	min-height: 0 !important;
}
.roster 
dt {
	color: #bbbbbb;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
}
.roster 
dl 
dl 
dt {
	color: #ffffff;
	font-size: 12px;
	padding: 0 10px;
	width: 76px;
	float: left;
	clear: left;
}
.roster 
dd {
	margin: 0;
}
.roster 
.fav {
	float: none;
}
.roster 
dl 
img {
	position: absolute;
	right: 0;
	top: 0;
	width: 200px;
	height: 150px;
}
a.map, a.map:visited {
	visibility: visible;
	position: relative; 
	border: none;
	height: 0;
}

a.map, a.map:visited 
b
img {
	visibility: hidden;
	z-index: 1;
	border: none;
	height: 0;
}
a.map:hover
b
img {
	position: absolute;
	visibility: visible;
	left: 390px;
	top: -91px;
	width: 200px;
	height: 150px;
	border: none;
}

a.gun, a.gun:visited {
	position: relative; 
	visibility: visible;
	z-index: 1;
	border: none;
	height: 0;
}

a.gun, a.gun:visited
b
img {
	visibility: hidden;
	z-index: 1;
	border: none;
	height: 0;
}
a.gun:hover
b
img {
	position: absolute !important;
	visibility: visible;
	left: 390px;
	top: -109px;
	width: 200px;
	height: 150px;
	z-index: 500; 
	border: none;
}

/* Contact page*/
.contact
dl {
	min-height:50px;
}
dt {
	color: #bbbbbb;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
}
.contact
dl
dd {
	margin: 0;
	padding-left: 10px;
}
.contact
dl
dl {
	background: none;
	padding: 10px 0px 0px;
}
.contact
dl
dl
dt {
	color: #ffffff;
	font-size: 12px;
	padding: 0 10px;
	width: 76px;
	float: left;
	clear: left;
}
.contact
textarea {
	background-color: #213344;
	color: #fff;
}
.contact
#clear {
	background-color: #233344;
	color: #fff;
	border:1px solid
}
.contact
#submit {
	margin-left:86px;
	background-color: #233344;
	color: #fff;
	border:1px solid;
}
#chat {
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	height: auto;
	overflow: auto;
	text-align: center;
	padding-top: 10px;
	border: none;
}

/*
#email {
	width: 10px%;
	margin-left: 15%;
	margin-right: 15%;
}
*/
/* Achievements page */
.achieve 
dl {
	background: url(images/bg.png) repeat-x;
	margin: 0;
	line-height: 1.4;
	overflow: hidden;
	position: relative;
	height: auto !important;
	height: 50px;
	min-height: 50px;
}
.achieve
dl 
dl {
	background: none;
	overflow: visible;
	height: auto !important;
	min-height: 0 !important;
}
/* Each game of achievements page */
.game
dt {
	color: #bbbbbb;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
}
.game
dl 
dt {
	color: #ffffff;
	font-size: 12px;
	padding: 0 10px;
	width: 150px;
	float: left;
	clear: left;
}
.game
dl
dd {
	font-size: 12px;
	float: left;
	padding: 0 10px;
}
.game
dd {
	margin: 0;
}
.game
dl 
img {
	padding-right: 5px;
	width: 16px;
	height: 13px;
}

/* Media page */
.media
dt {
	color: #bbbbbb;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
}
.media
dl
dd {
	margin: 0;
	padding-left: 10px;
	text-align: center;
}

/* Challenge page*/
.challenge
{
	min-height: 180px;
}
.challenge
dl {
	height: auto;
	min-height: 0px;
	padding-bottom: 10px;
}
.challenge
dt {
	color: #bbbbbb;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
}
.challenge
dl
dd {
	margin: 0;
	padding-left: 10px;
}
.challenge
#leagueswrapper {
	width: 300px;
	height: auto;
	overflow: visible;
	margin: 0 auto;
	position: relative;
}
.league {
	width: 100px;
	border: none;
	float:left;
	padding: 0px;
	text-align: center;
}
.league
img {
	width: 75px;
	border: none;
}

/* Demos page */
dl {
	background: url(images/bg.png) repeat-x;
	margin: 0;
	line-height: 1.4;
	overflow: hidden;
	position: relative;
	height: auto !important;
	height: 150px;
	min-height: 150px;
}
.demos 
dl 
dl {
	background: none;
	overflow: visible;
	height: auto !important;
	min-height: 0 !important;
}
.demos 
dt {
	color: #bbbbbb;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
}
.demos 
dl 
dl 
dt {
	color: #ffffff;
	font-size: 12px;
	padding: 0 10px;
	width: 76px;
	float: left;
	clear: left;
}
.demos 
dd {
	margin: 0;
}
.demos 
.info {
	float: none;
}
.demos
dl 
img {
	position: absolute;
	right: 0;
	top: 0;
	width: 200px;
	height: 150px;
}
a.score,a.score:visited {
	font-weight: normal !important;
	background: #16202b;
	color: #16202b;
}
a.score:hover {
	font-weight: normal !important;
	color: #ffffff;
	background: none;
}

/**/}