/* Reset */
body,div,p,table,td,th,ul,li,h1,h2,h3,h4,h5,h6,.normal,button.link
{
	font:normal 14px Verdana,Helvetica,sans-serif;
	color:#261600;
	margin:0;
	padding:0;
}

body
{
	width:980px;
	margin:0 auto;
}

.normal
{
	color:inherit;
}

html
{
	background-color:#FFF;
}

/* Anchors */
a,a:active,a:visited,button.link
{
	color:#005F99;
}

a.t
{
	cursor:default;
	text-decoration:none;
	color:#261600;
}

h1 a,h1 a:visited,h1 a:active,h2,h3
{
	color:#261600;
	text-decoration:none;
}

a img,table.input td,table.input th,table.game tr.scores td.empty,table.game tr.scores table td
{
	border:0;
}

h2
{
	border-bottom:3px double #DDCFBB;
	width:auto;
	font-weight:bold;
	font-size:20px;
	padding-bottom:1px;
	margin:12px -1px 5px;
}

h3
{
	font-weight:bold;
	font-size:16px;
	margin:10px 0 0;
}

#header
{
	width:100%;
	text-align:left;
	padding-bottom:0;
	height:60px;
}

h1
{
	display:inline;
	height:60px;
}

#userbar
{
	text-align:right;
	float:right;
}

.inline
{
	display:inline;
}

#sidebar
{
	clear:both;
	border-top:1px solid #724200;
	background:#261600;
	color:#FFF;
}

#sidebar ul
{
	list-style:none;
	text-align:center;
	border-bottom:1px solid #724200;
}

#sidebar ul li
{
	display:inline;
	color:#FFF;
}

#sidebar ul a
{
	text-decoration:none;
	color:#FFF;
	padding:0 8px;
	font-weight:bold;
}

#sidebar ul a:hover
{
	color:#DDCFBB;
}

#content
{
	clear:both;
}

#footer
{
	clear:both;
	text-align:center;
	border-top:1px solid #724200;
	padding:1em;
}

#crumbs
{
	border-bottom:1px solid #724200;
	margin-bottom:.3em;
	padding:0 10px 2px;
}

#crumbs a
{
	text-decoration:none;
}

/* stuff used on lots of screens */

.item
{
	border:1px solid #005F99;
	border-top-color:#45A9E5;
	border-left-color:#45A9E5;
	-moz-border-radius:.5em;
	-webkit-border-radius:.5em;
	border-radius:.5em;
	list-style:none;
	background:#F2FAFF;
}

.pins, .smallpins, .tinypins
{
	background:url(/img/lane.gif) repeat;
	text-align:center;
	white-space:nowrap;
	line-height:0;
}

.pins 
{
	width:9em;
	margin:0 auto .5em;
	padding:.5em;
}

.pins img
{
	width:2em;
	height:2em;
}

.smallpins, .tinypins
{
	padding:2px 0;
}

.smallpins
{
	min-width:4em;
}

.smallpins img
{
	width:1em;
	height:1em;
}

.smallpins img.spacer
{
	width:4.1em;
	height:0;
}

.tinypins
{
	width:3.5em;
}

.tinypins img
{
	width:.75em;
	height:.75em;
}

/* tables */
table
{
	width:100%;
	text-align:left;
	border-collapse:collapse;
	page-break-inside:avoid;
	margin:0 auto;
}

table th
{
	font-weight:bold;
}

table th,table td
{
	border-bottom:1px solid #D1EDFF;
	padding:2px 4px;
}

table thead th
{
	border:1px solid #fff;
	background:#D1EDFF;
}

table tbody tr.odd td
{
	background:#F0F0F0;
}

/* tablesorter */
table.tablesorter thead th
{
	background:#D1EDFF url(/img/unsorted.gif) no-repeat center right;
	padding-right:10px;
}

table.tablesorter thead .headerSortUp
{
	background-image:url(/img/asc.gif);
}

table.tablesorter thead .headerSortDown
{
	background-image:url(/img/desc.gif);
}

table.tablesorter thead .headerSortDown,table.tablesorter thead .headerSortUp
{
	background-color:#45A9E5;
}

table.input
{
	width:27em;
}

table.input td
{
	text-align:left;
}

table.input th, table.game tr.analysis th
{
	text-align:right;
	vertical-align:top;
	padding:0 5px;
}

table.pinfall th
{
	text-align:center;
}

table.input input,table.input select,table.input textarea
{
	border:1px solid #005F99;
	margin:0;
	padding:0;
}

table.game
{
	text-align:center;
	width:auto;
}

table.game td
{
	border:1px solid #000;
	text-align:center;
	padding:0;
}

table.game th
{
	text-align:center;
	border:0;
	padding:0;
}

table.game .frame-header td
{
	border:0;
}

table.game tr.scores table td
{
	border:0;
}

table.game tr.scores td.ball
{
	border:1px solid #000;
	border-right:0;
	border-top:0;
	width:1.5em;
	max-width:1.5em;
}

table.game tr.scores td.spacer
{
	width:1.5em;
}

table.game tr.scores td.score
{
	padding-right:2px;
	text-align:right;
}

table.game tr.analysis td
{
	vertical-align:top;
}

table.game tr.ball td
{
	width:4.5em;
	padding:0;
}

table.game tr.ball th
{
	width:auto;
	padding:2px 5px;
}

table.game tr.analysis td span
{
	vertical-align:top;
	margin:2px;
	padding:0;
}

table.game tr.notes p
{
	text-align:left;
	margin:0;
	padding:0;
}

table.game tr.leave td
{
	margin:0;
	padding:0;
}

table.game input
{
	width:4em;
	text-align:right;
}

table.stats
{
	width:auto;
}

table.stats td
{
	padding-right:1em;
	text-align:right;
	border:1px solid #DDCFBB;
	border-left:0;
	border-right:0;
}

table.stats td.graph
{
	padding-left:0;
	text-align:right;
}

table.comments td
{
	vertical-align:top;
	border-bottom:1px solid #DDCFBB;
	padding:10px;
}

table.comments .header
{
	border-right:1px solid #DDCFBB;
	width:150px;
}

.comments h3
{
	font-weight:normal;
}

.comments h4
{
	font-size:10px;
	font-style:italic;
	font-weight:normal;
}

.comments .content
{
	padding-top:.5em;
}

.home-blurb li
{
	border-bottom:1px solid #D1EDFF;
	padding:5px 5px 0;
}

.newsitem
{
	border-bottom:1px solid #DDCFBB;
	padding-bottom:1em;
	margin-bottom:1em;
}

h2.first
{
	margin-top:8px;
}

#content ul
{
	margin-left:15px;
}

#columns
{
	margin-bottom:3em;
}

#footer p
{
	margin-bottom:1em;
}

.item,div.game
{
	margin-top:10px;
	padding:5px;
}

table.input textarea,table.input select
{
	width:100%;
}

table.input textarea
{
	height:6em;
}

table.input input.text, table.input input.numeric
{
	width:99%;
}

table.input input.checkbox
{
	width:auto;
}

table.stats td.header
{
	padding-right:3em;
}

.popup
{
	width:150px;
	height:50px;
}

button
{
	overflow:visible;
	width:auto;
	display:inline;
}

button.link
{
	text-align:left;
	background:none;
	border:none;
	cursor:pointer;
	-moz-user-select:text;
}

button.link span
{
	text-decoration:underline;
}

input.numeric
{
	-wap-input-format:"*n";
}

.error,.loss
{
	color:red;
}

ul.items li,ul.framenotes,.home-blurb ul
{
	list-style:none;
}

.manage,#content p,#content ul,table
{
	margin-top:5px;
}

.actual,.retired
{
	color:gray;
}

table.tablesorter thead tr .header,a
{
	cursor:pointer;
}

#ads
{
	text-align:center;
}

table table,ul.items,ul.items ul,.item h3,div.game h3,table.comments h3
{
	margin:0;
}

table.game tr.frame-header th,table.game td.empty
{
	background:transparent;
}

table.comments h4,.home-blurb .comments a,.home-blurb em,.home-blurb .comments em a
{
	font-size:12px;
}

.split {
	border:1px solid #000;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	border-radius:1em;
	min-width: 1em;
	display:block;
}

@media screen and (min-width:721px) {
	.home-blurb
	{
		float:right;
		width:180px;
		background-color:#F2FAFF;
		border:1px solid #45A9E5;
		-moz-border-radius:.5em;
		-webkit-border-radius:.5em;
		border-radius:.5em;
		margin:4px 0 0 10px;
	}
	
	.home-blurb h2
	{
		font-size:16px;
		border-bottom-color:#45A9E5;
		margin:0;
		padding:3px 3px 0;
	}
	
	#content .home-blurb ul
	{
		list-style:none;
		margin:0;
		padding:0 0 .4em;
	}
	
	.home-main
	{
		float:left;
		width:590px;
		margin:0;
	}
	
	#jumpToFrame
	{
		float:right;
	}

	div.game
	{
		border:1px solid #005F99;
		border-top-color:#45A9E5;
		border-left-color:#45A9E5;
		-moz-border-radius:.5em;
		-webkit-border-radius:.5em;
		border-radius:.5em;
		margin-bottom:5px;
		background:#F2FAFF;
	}
}
@media screen and (max-width:720px) {
	body {
	    margin:0;
	    width:auto;
	    min-width:320px;
	}
	#header {
	    margin-bottom:3px;
	    height:30px;
	}
	h1 {
	    height:30px;
	}
	h1 img {
		height:30px;
	}
	#userbar {
	    padding:0 2px 0 0;
		line-height:30px;
		vertical-align: middle;
	}
	h2 {
		font-size: 16px;
	    margin:5px 0;
	    padding:0 0 2px 6px;
	}
	h3 {
		font-size:14px;
	    margin:6px 6px 1px;
	}
	#content > div {
		padding:0 6px;
		margin:6px 0;
	}
	#content p,table, #content ul {
	    margin:6px;
	}
	#content ul {
		margin-left:20px;
	}
	#sidebar ul {
		padding: .4em 6px;
		margin:0;
		line-height:1.8em;
		vertical-align: middle;
	}
	#sidebar li {
		margin:0 5px;
	}
	#columns {
	    margin-bottom:6px;
	}
	#footer {
	    padding:3px 0 6px;
	}
	#content > #crumbs {
	    padding:6px;
	    margin:0;
	}
	
	/* Stuff used on lots of screens */
	
	#content ul.items ul {
		margin-left:5px;
	}

	.item{
		margin:5px 5px 0;
	    padding:3px;
	}
	
	.pins img {
	    width:.25in;
	    height:.25in;
	}
	
	.smallpins img {
		width:10px;
		height:10px;
	}
	.smallpins .spacer {
		width:40px;
	}
	table.input {
		width: 95%;
		max-width:27em;
		display:block;
		margin: 6px auto 0;
	}
	
	div.game {
	    border-bottom:2px solid #45A9E5;
	    padding:0;
	    margin:0;
	}
	div.game h3 {
		margin-top:3px;
	}
	
	table.game tr.analysis td.header {
	    padding: 0 2px;
	}
	table.game p {
		margin:0;
	}
	
	table.game {
		margin-bottom:20px;
	}
	
	.gamescroller {
		width:95%;
		overflow-x: scroll;
	}
	
	table.game td.spacer, table.game td.ball{
		min-width:1em;
	}
	table.stats td {
	    border-left:1px dashed;
	}
	table.stats td.header {
	    border-left:none;
	}
	
	table.comments td {
		padding:2px;
	}
	table.comments h3 {
		margin:0;
	}
	
	#recent ul {
		margin-left:5px;
	}
	table.input textarea
	{
		height:4em;
	}
	#ads {
		display:none;
	}
	#jumpToFrame {
		display:block;
		margin-top: 7px;
		margin-bottom: 5px;
	}
	#jumpToFrame a, #jumpToFrame span {
		padding:0 3px;
	}
	div.game
	{
		border:1px solid #005F99;
		border-top-color:#45A9E5;
		border-left-color:#45A9E5;
		-moz-border-radius:.5em;
		-webkit-border-radius:.5em;
		border-radius:.5em;
		margin-bottom:5px;
		padding: 2px 2px 5px 2px;
		background:#F2FAFF;
	}
}