/*
Theme Name: Bananas Theme
Description: Bingo cards online theme.
Author: Felix - Paul put this here
*/

BODY
{
	background: #1D3782;
	font-size: 76%;
/*Used to set 1em to a nice size. More info available here:
http://www.thenoodleincident.com/tutorials/typography/index.html*/
	margin: 0 0 20px;
/*Top, left-right, bottom (add one more value to make it left, then the second is right*/
	padding: 0px;
	text-align: center;
/*Used to center in IE*/
}
 
/*-------------------------
-- Header ---------------
-------------------------*/
#header
{
	background: url(images/box-repeat.jpg) center;
	margin: 0 auto 20px;
	text-align: left;
	width: 720px;
}
#header A
{
	background: url(images/box-bottom.jpg) no-repeat left bottom;
	color: #E5A1A1;
	display: block;
	font-size: 3.5em;
	padding: 90px 20px 10px;
	text-decoration: none;
}
#header A:hover
{
	color: #CD8686;
}
/*-------------------------
-- Text -----------------
-------------------------*/
#text
{
	background: url(images/text-repeat.jpg);
	margin: 0 auto;
	text-align: left;
	width: 720px;
	font-family: "Stone Sans ITC TT", "Arial Rounded MT BOLD", Verdana, sans-serif;
}
/*
* Main!
 */
#text #main
{
	background: url(images/text-top.jpg) no-repeat top left;
	color: #333;
	float: left;
	padding: 10px 10px 0 20px;
	width: 505px;
}
/*Headers*/
#text #main H1
{
	color: #323C3C;
}
/*Paragraph*/
#text #main P.meta
{
	color: #999;
}
/*Lists*/
UL
{
	list-style-type: circle;
}
/*Preformatted and Code*/
PRE
{
	background: #EFF29F;
/*a nice yellow, but change as you like*/
	font-size: 1.2em;
/*make it a bit larger for ease of reading*/
	padding: 5px;
}
CODE
{
	background: #EFF29F;
	color: #000;
	font-size: 1.2em;
}
PRE CODE
{
	font-size: 1em;
/*When people would place a code element in a pre, it would get very large*/
}
/*Comments*/
.comment
{
	list-style-type: none;
	margin: 0;
}
/*Comment Form*/
#reply LABEL
{
	display: block;
}
/*Search Highlight*/
.hilite
{
	background-color: #F17196 !important; /*[e]#F17196*/
	color: #FFF;
}
/*Sidebar!*/
#text #sidebar
{
	background: url(images/text-top.jpg) no-repeat top right;
	float: right;
	padding: 10px 20px 0 10px;
	width: 155px;
}
/*Headers*/
#text #sidebar H1
{
	font-size: 1px;
	margin: 0;
	padding: 0;
	visibility: hidden;
}
#text #sidebar H2
{
	color: #323C3C;
	font-weight: normal;
	margin: 33px 0 0;
}
/*Lists*/
#text #sidebar UL
{
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 1em;
}
/*
* Footer!
 */
#text #footer
{
	background: url(images/text-bottom.jpg) no-repeat bottom;
	clear: both;
	color: #666;
	padding: 0 20px 10px;
}
#text #footer P
{
	margin: 0;
}

/*-------------------------
-- Fonts ----------------
-------------------------*/
#header
{
	font-family: "Stone Sans ITC TT", "Arial Rounded MT BOLD", Verdana, sans-serif;
	letter-spacing: -0.3em;
	font-size: 0pt;
}
#text H1
{
	font-size: 2.4em;
	font-weight: normal;
	letter-spacing: -2px;
}
#text H2
{
	font-size: 1.8em;
	font-weight: normal;
	letter-spacing: -1px;
}
#text H3
{
	font-size: 1.4em;
	font-weight: normal;
}
#text P, #text #main UL, #text #main OL
{
	font-family: Verdana, Arial, sans-serif;
	line-height: 200%;
}
#text #sidebar UL
{
	font-family: Verdana, Arial, sans-serif;
	line-height: 170%;
}

/* Links and their colors */

A:link {
	color: #26065b;
}
A:visited {
	color: #1d3782;
}
A:hover {
	color: #00549d;
}

/* Header links */
/*
H1 A, H1 A:visited
{
	border-bottom: 1px solid #CCC;
	color: #333;
	text-decoration: none;
}
H1 A:hover
{
	color: #637677;
}
 
#text #main*/
* HTML #text #main
{
	padding-top: 20px;
	width: 505px;
/*content width (for other browsers)*/
}
/*#text #sidebar*/
* HTML #text #sidebar
{
	width: 155px;
}
/**************************************************
*************** Bingo Card Containers *************
***************************************************/

div.cardmain {
	width: 252px;
	height: 385px;
	float: left;
	/*background-image:url(http://www.bingocardsonline.co.uk/images/cards/01-Jackpotjoy.jpg);*/
}
div.leftbox {
	float:left;
	width: 125px;
	margin-top:221px;
	margin-left:40px;
}
div.rigthbox {
	float:left;
	width: 20px;
	margin-top:221px;
}
div.cardmain ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
div.cardmain li {
    margin-top: 0;
    border-top-width: 0;
    padding-top: 10px;
    margin-bottom: 0;
    border-bottom-width: 0;
    padding-bottom: 8.7px;
	line-height: 0;
}
ul.stats {
	text-align:center;
	width: 42px;
	margin: 0 auto;
}
/************MENU********************/

.navcontainer ul
{
list-style-type: none;
text-align: left;
}

.navcontainer ul li a
{
background: transparent url(/images/bullets/circle.gif) left center no-repeat;
padding-left: 20px;
text-align: left;
font: normal 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #576187;
}

.navcontainer ul li a:hover
{
background: transparent url(/images/bullets/circle-double.gif) left center no-repeat;
color: #26065b;
}

/************Bingo Card Link Styles*******************/

.cardmain a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #000033;
	font-size: 0.8em;
	font-weight:bold;
}
.cardmain a:visited {
	color:#000033
}
.cardmain A:hover {
	color:#fdff09
}
/************ Card Directory Style*******************/

.cardlist a {
text-decoration:none;
font: normal 15px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
line-height:16px;
}
.cardlist a:visited {
font-size:13px;
}
.cardlist a:visited:hover {
font-size:14px;
font-weight:bold;
color:#000033;
}
.cardlist a:hover {
font-size:16px;
font-weight:bold;
color:#000033;
}
/************QUICK-LINKS********************/

.quicklinks ul
{
list-style-type: none;
text-align: left;
margin-top:-10px;
}

.quicklinks ul li a
{
background: transparent url(/images/bullets/circle.gif) left center no-repeat;
padding-left: 20px;
text-align: left;
font: normal 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #576187;
}

.quicklinks ul li a:hover
{
background: transparent url(/images/bullets/circle-double.gif) left center no-repeat;
color: #26065b;
}