/*
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp,
small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font: inherit;
  vertical-align:baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display:block;
}

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* END RESET CSS */

body { 
  padding: 10px;
  text-align: center;
  background-color: black;
  color:  #EEE;
/*  width: 850px;*/
  margin: auto;
}

body, h1, h2, h3, h4, h5, p, textarea, input {
  font-family: helvetica, sans-serif;
}

textarea {
	font-size: 15px;
	margin: 2px; 
}

.text p {
	text-align: left;
}

p {
	text-align: left;
}

img {
  border: 0;
}

div {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.blur {
	color: #988;
}

a {
  color: #66A;
  text-decoration:none;
}

a:hover {
  color: #6699cc;
}

a:active, a:focus {
  outline: 0;
}

#dynamicUpdate {
	clear:none;
	margin:auto;
}

.innerTable {
	border-width:1px; 
}

#socialDiv {
	padding:5px;
/*	float:left;*/
/*	clear:none;*/
}

.hideIfEmpty {
	display:none;
}

.fb_iframe_widget {
	background-color: #FFFFFF;
}

.yourScores {
	text-align: center;
	height: 480px;
	overflow: auto;
}

.showGame {
	float:left;
	clear:none;
}

hr {
  clear: both;
  border: 0;
  background: #445577;
  height: 3px;
}

hr.flush {
  margin: 0px;
  padding: 0px;
}

.text ol, ul {
	margin-left:15px; 
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.text li {
	padding: 5px;
}

input.counter {
	border: 0;
	font-size: 20px;
}

div.all {
	border: 8px solid #445577;
	border-top: 4px solid #445577;
	border-bottom: 4px solid #445577;
	padding: 15px;
}

div.container, div.footer {
  margin: 10px auto 30px;
  width: 95%;
  padding: 0;
}

.headline {
  margin: 0px;
  padding: 0px;
}

.scores {
	margin-left: auto;
	margin-right: auto;
}

.luck {
	width:100%;
	text-align:center;
	font-size:14px;
	color: #777;
	padding:5px;
}

th {
	font-size:16px;
}

.playerScores {
	margin-left: auto;
	margin-right: auto;
}

.playerInfoForm td, input, table { 
	font-size:24px;
	margin-left: auto;
	margin-right: auto;
}

.playerScores th {
	font-size:20px;
}

.playerScores td {
	font-size:16px;
	padding:4px;
}

.noBorder {
	border: 0;
}

table {
	border: 3px solid gray;
}

th {
	font-weight: bold;
	padding: 3px;
	margin: 2px;
	border: 2px solid gray;
}

td {
	padding: 3px;
	margin: 2px;
	border: 1px solid gray;
	font-size:10px;
	vertical-align:middle;
}

#dynamicUpdate td {
	font-size:12px; 
}

.scoresContainer {
	margin-left: auto;
	margin-right: auto;
	border: 0;
}

.text {
	width:60%;
	text-align:left;
	margin: auto;
}

.text p,li {
	font-family:Verdana, sans-serif; 
}

h1 {
  font-weight: 500;
  font-style: normal;
  font-size: 58px;
  clear: both;
  line-height: 1.0em;
  margin-bottom: 20px;
  letter-spacing: -2px;
  color: #dddddd;
}

h2 {
  color: #dddddd;
  margin: 0;
  font-size: 48px;
  font-weight: 500;
  font-style: normal;
  line-height: 1.1em;
  letter-spacing: -1px;
}

h3 {
	font-size:36px; 
  margin-bottom: 6px;
  color: #dddddd;
}

h4 {
	font-size:27px; 
  margin-bottom: 5px;
  color: #dddddd;
}

h5 {
  margin: 5px 0 10px;
	font-size:24px;
  color: #dddddd;
}

h6 { 
  margin: 5px 0 10px;
  font-size: 20px; 
  color: #dddddd;
}

.addSandwich table {
	margin: auto;
}

div.navigation {
  padding-top:2px;
  text-align: right;
  background-color: #22222F;
}

div.navigation div {
  float:left;
  padding: 0px;
  margin-top:5px;
  margin-bottom:0px;
  margin-left:10px;
  color: #DDD;
  font-size:20px;
}

div.navigation a {
  color: #DDD;
}

div.navigation div :hover {
  color: #888888;
}

div.navigation ul {
  padding-right:10px;
  padding-bottom:0px;
  margin: 1em 0px;
  margin-bottom:8px;
}

div.navigation ul li{
  list-style-type: none;
  font-weight:bold;
  text-align:center;
  display:inline;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;  
}

div.navigation ul li a{
  padding: 10px;
  color: #DDDDFF;
  font-size:12px;
  background-color:#445577;
}

div.navigation ul li a:hover{
  background-color:#334466;
  color: #E7E7E0;
}

div.navigation ul li:hover {
  background-color: #CCCCFF;
}