/*
Theme Name: Bingo Babble
Theme URI: http://blue-anvil.com/
Description: A widget ready bingo theme for Bingo Babble.
Author: Mike Jolley
Author URI: http://blue-anvil.com/
*/
@import 'css/reset.css';

/* @group Structure */
html { 
	font-size: 100%; /* IE hack - http://www.clagnut.com/blog/348/#c790 */ 
}
body {
	text-align: center;
	color: #555;
	background-color: #fff;
	font: 62.5% "trebuchet ms", Verdana, Tahoma, Arial, Helvetica, sans-serif; /* Reset to 10px equivilent */
	line-height: 1.4em;
}
a {
	color: #0099FF;
	text-decoration: none;
	}
a:hover, a:focus {
	color: #000;
	text-decoration: underline;
	}
div#wrapper {
	font-size: 1.3em; /* 13px equiv */
	}
div.inner {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#header {
	background: #07A2E2 url(images/header.jpg) repeat-x top;
	color: #fff;
	overflow: hidden;
}
#header ul.links {
	float: right;
	width: 128px;
	margin: 26px 0 0 11px !important;
}
#header ul.links li {
	margin-bottom: 2px;
}
#header ul.links a {
	background: #07A2E2 url(images/rss_bubble.gif) no-repeat 4px;
	padding: 4px 4px 4px 26px;
	color: #fff !important;
	text-decoration: none;
	display: block;
	font-size: 0.9em;
}
#header form {
	width: 124px;
	background: #fff;
	padding: 2px;
}
#header form .text {
	background: #fff;
	border: 2px solid #fff;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	width: 96px;
}
#header form .submit {
	vertical-align: middle;
	padding: 0;
	margin: 0;
}
#logo {
	float: left;
	display: inline;
	font-size: 2.5em !important;
	margin: 18px 0 !important;
	padding: 0 0 0 0 !important;
	line-height: 1 !important;
	font-weight: bold;
	}
#logo a {
	color: #fff;
	display: block;
	text-decoration: none !important;
}
#advert {
	float: right;
	margin: 26px 0 !important;
	background: url(images/ad.gif) no-repeat top left;
	padding: 4px 16px 7px 4px;
	border-right: 2px solid #07A2E2;
}
#advert img {
	display: block;
}
#mainNav {
	background: #fff url(images/nav.jpg) repeat-x bottom;
	border-bottom: 2px solid #DDDDDD;
}
div#content {
	margin: 0;
	padding: 0;
	background: #fff;
	}
#mainContent {
	width: 660px;
	padding: 20px 0;
	float: left;
	display: inline;
	}
#sidebar {
	float: right;
	display: inline;
	padding: 20px 0;
	width: 300px;
	}
#sidebar, ul.widgets {
	width: 314px;
	position: relative;
	margin: 0 -7px;
}
div#footer {
	clear: both;
	background: #fff url(images/footer.jpg) repeat-x top;
	color: #999;
	padding: 12px 0;
	}
div#footer li {
	display: inline;
	margin-right: 10px;
}
div#footer a {
	color: #999;
	}
.clear {
	height: 0;
	font-size: 0;
	line-height: 0;
	clear: both;
	margin:0;
	padding: 0;
	outline: 0;
}
.paging {
	margin: 12px 0 !important;
	overflow: hidden;
	}
.left {
	float: left;
	width: 292px;
	padding: 0 24px 0 12px;
	border-right: 2px solid #f2f2f2;
	display: inline;
}
.right {
	float: right;
	width: 292px;
	padding: 0 24px 0 12px;
	display: inline;
}
.review {
	border: 2px dotted #f7f7f7;
	border-bottom-color: #f2f2f2;
	border-right-color: #f2f2f2;
	margin-bottom: 12px;
	width: 280px;
}
.right.review {
	margin-right: 12px;
	clear:none;
}
p.buttons, .post p.buttons {
	position: relative;
	float: left;
	margin: 0 0 12px -3px !important;
}
.buttons a {
	padding: 2px;
	border: 1px solid #eee;
	float: left;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	text-decoration: none;
	margin-right: 4px;	
	cursor: pointer;
}
.buttons a strong {
	background: #93BE57 url(images/widget.jpg) repeat-x bottom;
	padding: 10px 16px;
	color: #fff !important;
	margin: 0 !important;
	line-height: 1;
	float: left;
	text-decoration: none;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	cursor: pointer;
	border: 0;
}
.buttons a.alt strong {
	background: #24C3F7 url(images/blue.jpg) repeat-x bottom;
}
.buttons a:hover, .buttons a:focus{
	border-color: #93BE57;
	text-decoration: none !important;
}
.buttons a.alt:hover, .buttons a.alt:focus{
	border-color: #24C3F7;
}
.buttons a:hover strong, .buttons a:focus strong {
	background-image: none;
	border: 0;
}
/* @end */
/* @group Typograpghy */

/*-- Inline/Other Element Styles --*/	
	
/*-- Headings --*/	
h1, h2, h3, h4, h5, h6, .pagetitle {
	margin: 12px 0;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: normal;
	font-family: Georgia, Times New Roman, Times, serif;
	}
#content h1, #content .main {
	font-size: 1.4em;
	color: #555;
	line-height: 1.1em;
	padding: 8px 12px;
	line-height: 1;
	background: #F2F2F2;
}
#content .post_content h1 {
	background: transparent;
	padding: 0;
	font-size: 1.8em;
}
#content h2 {
	font-size: 1.6em;
	font-weight: normal;
	color: #555;
	line-height: 1.1em;
}
#content h2 a, #content h1 a {
	text-decoration: none;
	color: #555;
}
#content h2.title, #content h1.title {
	/* These have meta below */
}
#content .title a {
	color: #555;
}
#content h3 {
	font-size: 1.3em;
}
#content h4 {
	font-size: 1.2em;
}
#content h5 {
	font-size: 1em;
	font-weight: bold;
}
.left h3, .right h3 {
	font-size: 1.3em !important;
	margin: 12px 0 !important;
}

/*-- Paragraph & Post Styles --*/
p, ul, ol, dl {
	margin: 12px 0;
	}
.post {
	margin-bottom: 12px;
	overflow: hidden;	
	}
.post .post_content {
	border-bottom: 2px solid #F2F2F2;
}
.post_content {
	margin-right: 24px;
	margin-left: 12px;	
}
#content p, #sidebar p, #content ul, #sidebar .widget ul, #content ol, #sidebar .widget ol {
	margin: 12px 0;
	line-height: 1.5em;
	}
.post ul {
	margin: 12px 40px !important;
	line-height: 0;
	list-style: circle outside;
	}
.post ul li {
	line-height: 1.6em;
	margin-bottom: 10px;
	margin-left: 12px;
}
.post ol li {
	padding: 0;
	line-height: 1.6em;
	margin-bottom: 10px;
	margin-left: 12px;
	}
.post ol {
	list-style: decimal outside;
	margin: 12px 40px !important;
	}
p.meta {
	color: #999;
	padding: 0;
	line-height: 1;
	margin: 0 !important;
	}
p.meta a {
	text-decoration: none !important;
	color: #999 !important;
	font-weight: normal;
	}
p.comment {
	float: right;
	margin-left: 10px;
}
p.comment a {
	padding-left: 24px;
	color: #999 !important;
	background: url(images/balloons.png) no-repeat left;
}
strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}
small {
	font-size: 0.9em;
	}
abbr, span.abbr {
	cursor: help;
	border-bottom: 1px dashed #999;
}
.center {
	text-align: center
}
blockquote {
	padding: 1px 12px;
	margin: 12px !important;
	font-style: italic;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f2f2f2;
	font-family: Georgia, Times New Roman, Times, serif;
	}
cite {
	color: #383838;
	margin-left: 12px;
	font-style: italic;
}
cite strong {
	font-style: normal;
	font-weight: bold;
}
blockquote cite {
	margin-left: 0;
}

/* @end */
/* @group Images */
#content .alignleft{
	float: left;
	margin: 3px 8px 0 0;
	}
#content .alignright {
	float: right;
	margin: 3px 0 0 8px;
	}
#content img.alignright, #content img.alignleft, #content img.aligncenter {
	border: 1px solid #eee;
	padding: 5px;
	outline: 3px solid #fff;
	background: #fff;
}
#content .aligncenter {
	margin: 10px auto 5px;
	display: block;
	}
#content img.alignnone + img.alignnone  {
	margin-left: 8px;
}
div.wp-caption {
	text-align: center;
	border: 6px solid #D7D7D7;
	outline: 10px solid #fff;
	border-bottom: 1px solid #CBC8C5;
	padding: 0 !important;
	background: #fff;
	text-align: center !important;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
div.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	border: 5px solid #fff;
}
p.wp-caption-text {
	margin: 0 !important;
	padding: 3px !important;
	font-weight: bold;
	clear: both;
	background: #D7D7D7;
}
/* @end */
/* @group Lists */
/* Top Level */
	#mainNav ul {
		margin: 0 auto;
		text-align: left;
		line-height: 1 !important;
		padding: 2px 0 0 0;
		width: 958px;
		margin: 0 auto;
		}
	#mainNav li {
		margin: 0;
		padding: 0;
		line-height: 1 !important;
		list-style: none outside;
		text-indent: 0 !important;
		border-right: 2px solid #fff;		
		float:left;	
		font-family: Georgia, Times New Roman, Times, serif;			
		}
	#mainNav li a {
		color: #555;
		display: block;
		text-decoration: none;
		margin: 0 !important;
		padding: 0 16px 2px;
		line-height: 3em;
		font-size: 1.1em;		
		float: none;
		}
	#mainNav li a:hover, #mainNav li a:focus {
		color: #fff !important;
		background: #93BE57 url(images/hover.jpg) repeat-x bottom;
		text-decoration: none;
	}
	#mainNav li.current_page_item, #mainNav li.current_page_ancestor,  #mainNav li.current_page_parent {
		background: #93BE57 url(images/hover.jpg) repeat-x bottom;		
	}
	#mainNav li.current_page_item a, #mainNav li.current_page_ancestor a,  #mainNav li.current_page_parent a {
		color: #fff !important;	
		background: transparent url(images/active.jpg) no-repeat bottom !important;
		text-decoration: none;
		margin: 0 0 -11px !important;
		padding: 0 16px 13px;
		position: relative;
	}
/* Sub Levels */
	#mainNav ul ul { display: none; }
/* End Main Nav */

#topNav{background-color: #555; border: 1px solid green;}

#topNav ul {
	float: right;
	margin: 0 !important;
width: 100%;
}
#topNav li {
	margin-left: 8px;
float: left;
}
#topNav li, #topNav li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
padding: 0.3em;
}

#breadcrumb {
	margin: 0 !important;
	padding: 4px 12px;	
	background: #DDDDDD;
	border-bottom: 1px solid #ccc;
}
#breadcrumb li {
	display: inline;
	line-height: 1.5em;
	}

/*-- tables --*/
table { 
	font-size: 100%; /* IE hack */ 
}
/*-- forms -- */
#comment {
	width: 100%;
	height: 150px;
	}
.searchform {
	margin-bottom: 16px;
	overflow: hidden;
	padding: 0;
	}
.searchform .hidden {
	display: none;
	}
.searchform input.text {
	width: 142px;
	}
.searchform fieldset {
	border: none;
	margin: 0;
	padding: 0;
	display: inline;
	}
/* comments */
#comments {
	background: #fff;
	padding: 0 24px 0 12px;
}
#content #comments h2, #comments h3 {
	margin-bottom: 10px !important;
}
#comments p {
	margin: 10px 0 !important;
}
.comment-paging {
	text-align: center;
	position: relative;
	padding: 4px;
}
.page-numbers, .next, .prev {
	background: #eee;
	padding: 4px;
}
.next {
	position: absolute;
	right:0;
	top:0;
}
.prev {
	position: absolute;
	left:0;
	top:0;
}
.current {
	background: #ccc;
}
.comment_container {
	position: relative;
}
.reply {
	position: absolute;
	right:0;
	bottom:0;
	padding: 4px;
}
ol#comment-list {
	margin-top: 5px !important;
	margin-bottom: 16px;
	border-top: 2px dotted #F2F2F2;
	}
ol#comment-list img.avatar {
	margin: 0;
	float: left;
	padding: 4px;
	border: 1px solid #C9C8C6;
	margin-right: 8px;
	}
ol#comment-list li {
	margin: 0;
	padding: 8px 0;
	list-style: none;
	overflow: hidden;
	border-bottom: 2px solid #F2F2F2;
	}
ol#comment-list li li {
	margin-left: 60px;
	background: #fefefe;
	border-top: 1px dotted #F2F2F2;
	border-bottom: 1px dotted #F2F2F2;
	border-left: 1px dotted #F2F2F2;
}
ol#comment-list li .comment-text {
	font-size: 0.9em;
	}
ol#comment-list li .comment-text p {
	margin: 0 0 12px !important;
	color: #656565;
	}
ol#comment-list li p.meta {
	text-align: left;
	font-weight: normal;
	background: transparent;
	padding: 0;
	font-style: italic;
	color: #656565;
	margin: 0 0 8px !important;
	overflow: hidden;
	}
ol#comment-list li p.meta strong {
	font-style: normal;
	color: #3E3E3E;
	padding-top: 8px;
	display: block;
	}
ol#comment-list h3 {
	width: 100%;
	padding: 0 0 32px 0;
	margin: 0;
	font-size: 1em;
	}
ol#comment-list h3 a {
	text-decoration: none;
	color: #222;
	}
span#comments-rss a {
	float: right;
	font-size: 0.6em;
	border-bottom: 1px solid #C7E4F1;
	text-decoration: none;
	color: #222;
	}
h3 span#comments-rss a {
	border: none;
	text-decoration: none;
	}
#commentform {
	background: #EFEFEF;
	margin-top: 5px !important;
	padding: 4px 10px;
	}
#commentform input.text, #commentform select, #commentform textarea {
	border: 2px solid #C9C9C9;
	width: 172px;
	padding: 3px;
	background: #fff;
	}
#commentform textarea {
	width: 98%;
	}
#commentform label {
	font-size: 1.2em;
	}
/* @end */

/* @group Widgets */
ul.widgets {
	margin: 12px 0 !important;
	padding: 0;
	text-align: left;
	float: left;
	}
ul.widgets li.widget {
	list-style-type: none;
	padding: 0 7px 12px !important;
	background: url(images/sidebar.png) no-repeat top left;
	margin: 0 !important;
	}
ul.widgets li.widget ul, .textwidget, .widget_container {
	margin: 0 0 12px !important;
	padding: 0 !important;
}
ul.widgets li.widget ul ul {
	margin: 0 !important;
}
.textwidget, .widget_container {
	padding: 0 12px !important;
}
.widgettitle {
	background: #93BE57 url(images/widget.jpg) repeat-x bottom;
	padding: 8px 12px;
	color: #fff !important;
	margin: 0 !important;
	font-weight: normal;
	line-height: 1;
	font-size: 1.4em !important
}
.widgettitle a {
	color: #fff !important;
}
.widget_container {
	margin: 0 !important;
}
.widget_container p small {
	font-size: 1em;
	color: #999;
	letter-spacing: -0.05em;
	font-weight: normal !Important;
}	
.widget_container p.tweet {
	background: url(images/tweet.png) no-repeat right 4px;
	padding-right: 42px;
}
.widget_container object {
	margin: 12px 0;
}

/* Search */
.widget_search form {
	padding: 8px 12px 12px !important;
	margin: 0 !important;
}
.widget_search input#s {
	border: 1px solid #8D8B8B;
	background: #f7f7f7;
	width: 188px !important;
	display: inline;
}
.widget_search #searchsubmit {
	color: #363636;
	background: #fff;
	border: #fff;
	font-weight: bold;
	cursor: pointer;
	border: 0;
	outline: 0;
	display: inline;
	font-size: 11px;
}
.widget_search label {
	display: none;
}	
	
/* Archive + Blogroll + posts + comments + meta */
.widget_categories ul, 
.widget_archive ul, 
.widget_links ul,
.widget_recent_entries ul,
.widget_recent_comments ul,
.widget_meta ul,
.widget_pages ul,
.widget_rss ul,
#sidebar .akpc-widget ol {
	margin: 0;
	padding: 0;
	list-style-type: none;	
	} 
.widget_archive ul li, 
.widget_links ul li,
.widget_recent_entries ul li,
.widget_recent_comments ul li,
.widget_meta ul li,
.widget_rss ul li {
	display: block;
	background: #fff;
	border-top: 1px solid #f2f2f2;
	color: #6F6F6F;
	font-size: 1em;
	padding: 4px 12px 4px 12px;
}
.widget_archive ul li a,
.widget_links ul li a,
.widget_recent_entries ul li a,
.widget_recent_comments ul li a,
.widget_meta ul li a,
.widget_rss ul li a {
	text-decoration: none;
	border-bottom: 1px dashed #ccc;
	color: #6F6F6F;
	} 
.widget_archive ul li a:hover, .widget_archive ul li a:focus,
.widget_links ul li a:hover, .widget_links ul li a:focus,
.widget_recent_entries ul li a:hover, .widget_recent_entries ul li a:focus,
.widget_recent_comments ul li a:hover, .widget_recent_comments ul li a:focus,
.widget_meta ul li a:hover, .widget_meta ul li a:focus,
.widget_rss ul li a:hover, .widget_rss ul li a:focus {
	text-decoration: none;
	border-bottom: 1px solid #555;
	}
.widget_rss img {
	vertical-align: middle;	
	position: relative;
	margin-top: -2px;
}
.akpc-widget ol li a {
	position: relative;
	padding: 4px 42px 4px 12px !important;
}

/* Categories */
.widget_categories ul li, .akpc-widget ol li {
	font-size: 1em;
	padding: 0;
	color: #6F6F6F;
	position: relative;
}
.widget_categories ul li a, .akpc-widget ol li a {
	text-decoration: none;
	display: block;
	background: #fff;
	color: #6F6F6F;
	border-top: 1px solid #f2f2f2;
	padding: 4px 12px 4px 12px;
	}
.widget_categories ul li a:hover, .widget_categories ul li a:focus,
.akpc-widget ol li a:hover, .akpc-widget ol li a:focus {
	text-decoration: underline;
	}
ul.widgets li.widget_categories ul ul {
	border-top: 0;
}
ul.widgets li.widget_categories ul ul li a {
	padding-left: 32px;
}
ul.widgets li.widget_categories ul ul ul li a {
	padding-left: 48px;
}
ul.widgets li.widget_categories ul ul ul ul li a {
	padding-left: 64px;
}
ul.widgets li.widget_categories ul ul ul ul ul li a {
	padding-left: 78px;
}
ul.widgets li.widget_categories ul ul ul ul ul ul li a {
	padding-left: 92px;
}
li.widget_categories li.current-cat a {
	background: #f2f2f2;
}
li.widget_categories li.current-cat li a {
	background: #fff;
}
ul.widgets li.widget_categories span.count, .akpc-widget ol li span {
	position: absolute;
	right: 0;
	top:0;
	margin-top: 4px;
	margin-right: 8px;
	z-index: 10;
	color: #999;
}

/* Pages */
.widget_pages ul li {
	font-size: 1em;
	padding: 0;
	color: #6F6F6F;
}
.widget_pages ul li a {
	text-decoration: none;
	display: block;
	border-top: 1px solid #f2f2f2;
	background: #fff;
	color: #6F6F6F;
	padding: 4px 12px;
	}
.widget_pages ul li a:hover, .widget_pages ul li a:focus {
	text-decoration: underline;
	}
ul.widgets li.widget_pages ul ul li a {
	padding-left: 32px;
}
ul.widgets li.widget_pages ul ul ul li a {
	padding-left: 46px;
}
ul.widgets li.widget_pages ul ul ul ul li a {
	padding-left: 64px;
}
ul.widgets li.widget_pages ul ul ul ul ul li a {
	padding-left: 78px;
}
ul.widgets li.widget_pages ul ul ul ul ul ul li a {
	padding-left: 92px;
}
li.widget_pages li.current_page_item a {
	background: #f2f2f2;
}
li.widget_pages li.current_page_item li a {
	background: #fff;
}
	
/* Tags */	
.widget_tag_cloud div {
	background: #fff;
	padding: 6px 10px;
	line-height: 2em;
	overflow: hidden;
	}
.widget_tag_cloud a {
	text-decoration: none;
	color: #666;
	padding: 2px;
	border-bottom: 1px dashed #ccc;
	}
.widget_tag_cloud a:hover, .widget_tag_cloud a:focus {
	text-decoration: none;
	border-bottom: 1px solid #555;
	}

/* Calendar */	
.widget_calendar caption {
	background: #f0f0f0;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	padding: 4px 12px;
	text-align: center;
	font-weight: bold;
	}
.widget_calendar tbody td, .widget_calendar th {
	border-bottom: 1px solid #f2f2f2;
	background: #f7f7f7;
	color: #6F6F6F;
	font-size: 1em;
	padding: 2px 8px 2px 8px;
	text-align: center;
	}
.widget_calendar tbody td#today {
	font-style: italic;
}
.widget_calendar tbody tr td:hover, .widget_calendar th {
	background-color: #f2f2f2;
	}
.widget_calendar tbody td a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	background: #93BD57;
	display: block;
	padding: 2px 8px 2px 8px;
	margin: -2px -8px -2px -8px;
	position: relative;
	}
.widget_calendar #prev,
.widget_calendar #next {
	padding: 2px 0 0 0;
}
.widget_calendar #next {
	text-align: right;
}
.widget_calendar #prev a,
.widget_calendar #next a {
	text-decoration: none;
	color: #555;
	font-weight: bold;
	font-style: italic;
	}
.widget_calendar thead th {
	text-align: center;
	}
div#calendar_wrap {
	background: #fff;
	padding: 8px 10px;
	}
.widget_calendar table {
	width: 100%;
	}
	
#sidebar .top_bingo_sites ul {
	margin: 0 !important;
	padding: 8px !important;
}
.top_bingo_sites li {
	float: left;
	margin: 0 !important;
	padding: 4px !important;
}
.top_bingo_sites li img {
	border: 1px solid #DDDDDD;
	padding: 3px;
	display: block;
}

.subscribe_feed label {
	padding: 3px 0;
	display: block;
	float: left;
}
.subscribe_feed span.input {
	border: 1px solid #92BD57;
	padding: 2px;
	display: block;
	float: right;
}
.subscribe_feed span.input input {
	border: 0;
	background: none;
	vertical-align: middle;
}
.subscribe_feed span.input input.sbutton {
	position: relative;
	margin-top: -2px;
}
#feedemail {
	padding: 2px 4px !important;
	width: 150px;
}
/* @end */