/* Copyright 2010 Stephan Walter */
/* {{{ eric meyer's css reset */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* }}} */

/* {{{ font-faces
fontsquirrel subset:
basic latin
lower accents
upper accents
*/

@font-face{
	font-family: FontinRegular;
	src: url('/media_static/Fontin-Regular.eot');
	src: local('Fontin-Regular'), url('/media_static/Fontin-Regular.otf') format('opentype'); }

@font-face{
	font-family: FontinBold;
	src: url('/media_static/Fontin-Bold.eot');
	src: local('Fontin-Bold'), url('/media_static/Fontin-Bold.otf') format('opentype'); }
/* }}} */

/* {{{ three column layout */
body > table { width: 100%; }

#cleft, #cright { vertical-align:top; }
	
#cleft { 
	width: 170px;
	padding: 6px 0 0 6px; }

#cright {
	width: 126px;
	padding: 6px 6px 0 0; }
/* }}} */

a { color: #00a; }

body {	font-family: Georgia, serif;
	font-size:16px;
	background-image: url('/media_static/bg.jpg'); }

h1, h2, h3, h4 {
	font-family: FontinBold, sans-serif;
	font-weight: normal; }

h1 { font-size: 218%; }
h2 { font-size: 164%; }
h3 { font-size: 145%; }
h4 { font-size: 118%; }

/* {{{ buttons and icons */
button, .button {
	-khtml-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	background-color: #ccc5a3; /* hsv 49 20 80 */
	border: 2px outset #ccc5a3;
	color: #000;
	cursor: pointer;
	font-family: FontinBold, sans-serif;
	font-size: 100%;
	margin: 5px;
	padding: 6px;
	text-decoration: none;
	user-select: none;
	vertical-align: middle; }
button.big, .button.big {
	font-size: 120%;
	padding: 10px; }
button:hover, .button:hover { background-color: #d9d3b8; /* hsv 49 15 85 */ }
button:active, .button:active { border-style: inset; }
button::-moz-focus-inner { border: none; }

.icon {	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 20px; }
.icon.add { background-image: url('/media_static/add.png'); }
.icon.bingo { background-image: url('/media_static/bingo.png'); }
.icon.next { background-image: url('/media_static/arrow_right.png'); }
.icon.petal { background-image: url('/media_static/petal.png'); }
.icon.print { background-image: url('/media_static/printer.png'); }
.icon.wldir { background-image: url('/media_static/folder.png'); }
.icon.wlfile { background-image: url('/media_static/page_white_text.png'); }
/* }}} */

.c { text-align: center; }

input, label { vertical-align: middle; }

p, input, select, textarea { line-height: 1.3; }

textarea, *.m { margin: 5px; }
p { padding: 5px; }

/* {{{ header */
#header {
	background-color: #5a004a;
	color: #fff;
	margin: 6px;
	height: 27px;
	padding: 8px; }

#header a {
	text-decoration: none;
	color: #fff; }

#sitetitle {
	width: 277px;
	height: 27px;
	background:url('/media_static/logo.png') top left no-repeat;
	float: left; }

#sitetitle span { display: none; }

#sitesubtitle {
	float: right;
	height: 27px; }
/* }}} */

#cleft a {
	margin: -1px 0 7px 0;
	padding: 6px;
	display: block;	}

.blob {	margin: 6px 6px 0 6px;
	background-image: url('/media_static/blobalpha.png'); /* hsv 49 20 80, alpha 0.5 */ }
.blob td {
	padding: 5px;
	vertical-align: top; }
.blob > p, .blob > h1, .blob > h2, .blob > h3 { padding: 10px; }

#footer {
	font-size: 80%;
	background-image:url('/media_static/footeralpha.png'); /* white alpha 0.5 */
	margin: 6px;
	padding: 10px; }

#suggestlist > ul, #suggestword > ul {
	max-height: 15em;
	line-height: 1.3;
	overflow-y: scroll; }

ul.tabNavigation {
	list-style: none;
	margin-top: 12px; }
ul.tabNavigation li {
	display: inline;}
ul.tabNavigation li a {
	color: #444;
	padding: 5px 10px;
	background-color: #fff;
	border: 1px solid;
	text-decoration: none; }
ul.tabNavigation li a.selected, ul.tabNavigation li a:hover {
	background-color: #fff;
	border-bottom: solid 1px #fff;
	color: #000; }
ul.tabNavigation li a:focus { outline: 0; }
div.tabs > div {
	border: 1px solid;
	margin-top: 6px;
	padding: 5px;
	background-color: #fff; /* hsv 177 10 90 */ }
div.tabs { margin: 5px; }

#sample { text-align: center; }

#bingocard td {
	background-color: #fff;
	font-family: FontinRegular, sans-serif;
	margin-top: 6px;
	padding: 0;
	border: 1px solid #000;
	width: 48px;
	height: 48px;
	text-align: center;
	vertical-align: middle; }

#bingocard thead td {
	background-color: #0081a3;
	color: #fff;
	font-size: 32px; }

#bingocard span { font-size: 18px; }