/*
Theme Name: UK Free Bingo Sites TEST
Theme URI: http://www.ukfreebingosites.co.uk/
Version: 1.0
Author: Keith Donegan
Author URI: http://www.eirestudio.nets.com/
*/




/* --------------- ( Reset ) --------------------------------------------- */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
} 




.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 




/* --------------- ( General ) --------------------------------------------- */
body {
	font: 12px Arial, Helvetica, sans-serif;
	background: url(elements/images/bg.png);
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: 13px;
	font-weight: normal;
}
	h1, h1 a { font-size: 23px; color: #C84677; }
	h2, h2 a { color: #C63662; font-size: 23px !important; }
	h3, h3 a {  color: #2F3B47; font-size: 19px; }
	h4, h4 a { font-size: 17px; }
	h5, h5 a { font-size: 15px; }
	h6, h6 a { font-size: 13px; }
#wrapper {
	margin: 0px auto;
	position: relative;
	width: 1008px;
}
.bottom25 { margin-bottom: 25px; }
.disblock { display: block; }
a { color: #BA0B0A; }
a:active { color: red; }
.alignleft { float: left; }
.alignright { float: right; }
strong { font-weight: bold; }
em { font-style: italic; }



/* --------------- ( Main Nav ) --------------------------------------------- */
#main-nav {
	background: url(elements/images/bg-main-nav.png) right no-repeat;
	margin: 0px 3px 0px 3px;
}
	#main-nav ul {
		
	}
		#main-nav ul li {
			*display: inline;
		}
			#main-nav ul li a {
				display: block;
				float: left;
				height: 50px;
				text-indent: -9999px;
			}
				#main-nav ul li#nav-home a {
					background: url(elements/images/nav-home.png); width: 85px; }
					#main-nav ul li#nav-home a:hover {
						background: url(elements/images/nav-home.png) bottom; }
				#main-nav ul li#nav-no-deposit a {
					background: url(elements/images/nav-no-deposit.png); width: 184px; }
					#main-nav ul li#nav-no-deposit a:hover {
						background: url(elements/images/nav-no-deposit.png) bottom; }
				#main-nav ul li#nav-new-bingo a {
					background: url(elements/images/nav-new-bingo.png); width: 125px; }
					#main-nav ul li#nav-new-bingo a:hover {
						background: url(elements/images/nav-new-bingo.png) bottom; }
				#main-nav ul li#nav-bingo-reviews a {
					background: url(elements/images/nav-bingo-reviews.png); width: 159px; }
					#main-nav ul li#nav-bingo-reviews a:hover {
						background: url(elements/images/nav-bingo-reviews.png) bottom; }
				#main-nav ul li#nav-bingo-promotions a {
					background: url(elements/images/nav-bingo-promotions.png); width: 186px; }
					#main-nav ul li#nav-bingo-promotions a:hover {
						background: url(elements/images/nav-bingo-promotions.png) bottom; }





/* --------------- ( Header ) --------------------------------------------- */
#header {
	margin: 25px 0px 25px 0px;
}
	#header .alignleft {
		
	}
		#header h1 {
			margin-bottom: 7px;
		}
		#header .alignleft h1 a {
			background: url(elements/images/logo.png);
			width: 408px;
			height: 47px;
			display: block;
			text-indent: -9999px;
		}
		#header .alignleft span {
			font-weight: bold;
			font-size: 13px;
			color: #fff;
			margin-left: 8px;
		}
	#header .alignright {
		background: url(elements/images/bg-banner.png);
		width: 476px;
		height: 66px;
		text-align: center;
		padding-top: 4px;
		margin-right: 7px;
		position: relative;
	}
		#header .alignright span {
			color: #fff;
			font-size: 11px;
			position: absolute;
			left: 2px;
			top: 72px;
		}
	



/* --------------- ( Mid Wrapper ) --------------------------------------------- */
#mid-wrapper {
	background: url(elements/images/mid.png) repeat-y;
	padding-left: 4px;
}




/* --------------- ( Feature ) --------------------------------------------- */
#feature {
	background: url(elements/images/feature.png) no-repeat;
	height: 271px;
	position: relative;
}
	#feature #thumbnail {
		/*border-top: 1px solid #fff;*/
		float: left;
		margin: 42px 0px 0px 73px;
		*display: inline;
	}
	#feature #thumbnail-text {
		float: right;
		width: 430px;
		margin: 103px 60px 0px 0px;
		font: 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #fff;
		*display: inline;
	}
		#feature #thumbnail-text p {
			line-height: 26px;
		}
	#feature #thumbnail-button a {
		width: 190px;
		height: 45px;
		text-indent: -9999px;
		position: absolute;
		right: 182px;
		top: 198px;
	}



/* --------------- ( New Feature ) --------------------------------------------- */
#feature ul {

}
	#feature ul li {
		float: left;
		width: 171px;
		margin: 87px 0px 0px 0px;
	}
		#feature ul li.one {
			margin-left: 27px;
		}
		#feature ul li.two {
			margin-left: 24px;
		}
		#feature ul li.three {
			margin-left: 24px;
		}
		#feature ul li.four {
			margin-left: 24px;
		}
		#feature ul li.five {
			margin-left: 24px;
		}
			#feature ul li a.playnow {
				background: none;
				display: block;
				width: 168px;
				height: 40px;
				margin: 17px 0px 0px -3px;
				text-indent: -9999px;
			}





/* --------------- ( Content ) --------------------------------------------- */
#content {
	float: left;
	width: 620px;
	margin: 25px 0px 0px 25px;
	*display: inline;
}
	/* ----- Inner Blue ----- */
	#content .inner-blue {
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		background: #E2EDF3; 
		padding: 7px 13px 7px 13px;
	}
		#content h1, #content h1 a { color: #2F3B47; }
			#content h1 { 
				background: url(elements/images/circle.png) no-repeat;
				min-height: 32px;
				margin-bottom: 6px;
			}
				#content h1 span { 
					color: #fff;
					display: block;
					float: left;
					margin: 0px 12px 0px 0px;
					width: 31px;
					text-align: center;
				}
		#content .inner-blue .alignleft {
			width: 125px;
		}
			#content .inner-blue .alignleft .rating {
				width: 96px;
				height: 16px;
				text-indent: -9999px;
				margin: 10px 0px 0px 14px;
			}
				#content .inner-blue .alignleft .rating-5 {
					background: url(elements/images/star-matrix.png);
				}
				#content .inner-blue .alignleft .rating-4 {
					background: url(elements/images/star-matrix.png) 0px -16px;
				}
				#content .inner-blue .alignleft .rating-3 {
					background: url(elements/images/star-matrix.png) 0px -32px;
				}
				#content .inner-blue .alignleft .rating-2 {
					background: url(elements/images/star-matrix.png) 0px -48px;
				}
				#content .inner-blue .alignleft .rating-1 {
					background: url(elements/images/star-matrix.png) 0px -64px;
				}
		#content .inner-blue .alignright {
			width: 445px;
		}
			#content .inner-blue .alignright p {
				line-height: 18px;
				margin-bottom: 10px;
			}
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
		    .right-side {
				float: right;
				width: 440px;
			}
			.white-rating {
				width: 96px;
				height: 16px;
				text-indent: -9999px;
				margin: 10px 0px 0px 19px;
			}
				.w-rating-5 {
					background: url(elements/images/star-matrix-white.png);
				}
				.w-rating-4 {
					background: url(elements/images/star-matrix-white.png) 0px -16px;
				}
				.w-rating-3 {
					background: url(elements/images/star-matrix-white.png) 0px -32px;
				}
				.w-rating-2 {
					background: url(elements/images/star-matrix-white.png) 0px -48px;
				}
				.w-rating-1 {
					background: url(elements/images/star-matrix-white.png) 0px -64px;
				}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
			.bingo-promotions p {
				line-height: 18px;
				margin-bottom: 10px;
			}
				.bingo-promotions a {
					font-weight: bold;
				}
			
			#content .inner-blue .buttons {
				float: right;
			}
			.share a {
				background: #4AB3CD;
				color: #fff !important;
				text-decoration: none;
				padding: 3px 5px !important;
				display: block;
				float: right;
				margin-left: 5px;
			}
				#content .inner-blue .buttons a {
					color: #fff;
					font-size: 11px;
					text-decoration: none;
					padding: 3px 5px;
					font-weight: bold;
					margin-left: 8px;
					display: block;
					float: left;
				}
					#content .inner-blue .buttons a.read {
						background: #4AB3CD;
					}
					#content .inner-blue .buttons .play {
						background: #E35F8B;
					}
					
	/* ----- Inner Pink ----- */
	#content .inner-pink {
		border-left: 1px solid #F7ACBC;
		border-right: 1px solid #F7ACBC;
		padding: 7px 13px 9px 13px;
	}
		#content .inner-pink h2 {
			background: none;
		}
			#content .inner-pink h2 a {
				color: #2F3B47;
				font-weight: normal;
				padding: 0;
			}
		#content .inner-pink .meta {
			font-size: 11px;
			color: #666;
			margin-bottom: 10px;
		}
		#content .inner-pink p {
			line-height: 20px;
			margin-bottom: 10px;
		}
		#content .inner-pink .alignleft {
			margin: 0px 25px 0px 0px;
		}
			#content .inner-pink a.read {
				color: #fff !important;
				font-size: 11px;
				text-decoration: none;
				padding: 3px 5px !important;
				font-weight: bold !important;
				display: block;
			}
			#content .links a {
				color: #BA0B0A; 
				display: inline;
				padding: 0;
				font-weight: bold;
			}
			
			#content .inner-pink .alignleft a {
				margin-right: 8px;
				float: left;
				background: #4AB3CD;
			}
		#content .inner-pink .alignright {
			
		}
			#content .inner-pink .alignright a {
				float: left;
				background: #E35F8B;
			}
		
	.pagination {
		margin-bottom: 23px;
	}

	/* Related Posts */
	.related-posts ol {
		
	}
		.related-posts  h2 {
			background: none !important;
		}
			.related-posts ol {
				
			}
				.related-posts ol li {
					display: block;
					margin-bottom: 10px;
				}
					.related-posts ol li a {
						
					}
	
			#content .page-buttons {
				float: right;
			}
				#content  .page-buttons a {
					color: #fff;
					font-size: 11px;
					text-decoration: none;
					padding: 3px 5px;
					font-weight: bold;
					margin-left: 8px;
					display: block;
					float: left;
				}
					#content .page-buttons a.read {
						background: #4AB3CD;
					}
					#content .page-buttons .play {
						background: #E35F8B;
					}





/* --------------- ( Bingo Table ) --------------------------------------------- */
table#bingo-table {
	width: 99%;
	*border-collapse: collapse;
	border-bottom: 1px solid #E24D81;
}
	table#bingo-table tr {
		
	}
		table#bingo-table tr th {
			background: url(elements/images/no-deposit-bingo.png) no-repeat;
			height: 38px;
			text-indent: -9999px;
		}
		table#bingo-table tr td {
			height: 72px;
			background: url(elements/images/table-grad.png) bottom repeat-x;
		}
			table#bingo-table tr td.number-td {
				background: #E2EDF3;
				width: 50px;
				border-left: 1px solid #E24D81;
				border-right: 1px solid #E24D81;
			}
			table#bingo-table tr td.play-td {
				border-right: 1px solid #E24D81;
			}
			table#bingo-table tr td.description-td {
				padding-left: 13px;
				*margin-top: 8px;
			}
				table#bingo-table tr td.description-td .first {
					float: left;
					width: 96px;
				}
					table#bingo-table tr td.description-td .first img.banner-88 {
						float: left;
						margin: 4px 10px 0px 4px;
					}
				table#bingo-table tr td.description-td .second {
					float: left;
					margin: 2px 0px 0px 10px;
				}
					table#bingo-table tr td.description-td .second h4 {
						margin-bottom: 6px;
					}
						table#bingo-table tr td.description-td .second h4 a {
							font: bold 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
							color: #2F3B47;
							display: block;
						}
					table#bingo-table tr td.description-td .second span {
						float: left;
						font-size: 11px;
					}
					
					td.play-td {
						width: 105px;
					}
						td.play-td a {
							background: url(elements/images/btn-play.png) no-repeat;
							width: 93px;
							height: 38px;
							display: block;
							text-indent: -9999px;
						}
					
			table#bingo-table tr td div.ball {
				background: #E2EDF3 url(elements/images/circle.png) no-repeat;
				height: 32px;
				color: #fff;
				margin: 8px 0px 9px 9px;
				width: 31px;
				text-align: center;
				font: 21px "Trebuchet MS", Arial, Helvetica, sans-serif;
			}
			
			.grad-rating {
				width: 96px;
				height: 16px;
				text-indent: -9999px;
				margin: 6px 0px 0px 0px;
				float: left;
			}
				.g-rating-5 {
					background: url(elements/images/star-matrix-grad.png);
				}
				.g-rating-4 {
					background: url(elements/images/star-matrix-grad.png) 0px -16px;
				}
				.g-rating-3 {
					background: url(elements/images/star-matrix-grad.png) 0px -32px;
				}
				.g-rating-2 {
					background: url(elements/images/star-matrix-grad.png) 0px -48px;
				}
				.g-rating-1 {
					background: url(elements/images/star-matrix-grad.png) 0px -64px;
				}
				
				td.no-deposit {
					font-size: 22px;
					color: #C63662;
				}
					td.no-deposit {
						text-align: center;
						width: 65px;
					}
			
		





/* --------------- ( Sidebar ) --------------------------------------------- */
#sidebar {
	float: right;
	width: 300px;
	margin: 25px 29px 0px 0px;
	*display: inline;
}
	#sidebar h2 { color: #1890BA; border-bottom: 1px solid #000; }
	
	#sidebar #search {
		height: 60px;
		background: url(elements/images/bg-search.png);
		margin-bottom: 25px;
	}
		#sidebar #search input#s {
			border: 1px solid #fff;
			float: left;
			width: 225px;
			margin: 20px 0px 0px 20px;
		}
		#sidebar #search input#searchsubmit {
			*border: 1px solid none;
			border: none;
			cursor: pointer;
			float: left;
			margin: 20px 0px 0px 6px;
			width: 28px;
			background: none;
		}
		
	/* ----- ( UL List ) ----- */
	#sidebar ul {
		
	}
		#sidebar ul li {
			background: url(elements/images/dot-border.png) bottom repeat-x;
			padding: 5px 0px 5px 0px;
		}
			#sidebar ul li a {
				background: url(elements/images/pink-star.png) no-repeat 0px 1px;
				line-height: 17px;
				padding-left: 20px;
				display: block;
				color: #000;
				text-decoration: none;
			}
				#sidebar ul li a:hover {
					text-decoration: underline;
				}
				
	/* ----- ( Box ) ----- */
	#sidebar .box {
		margin-bottom: 20px;
	}
	
	/* ----- ( Sponsors ) ----- */
	ul#sponsors {
		
	}
		ul#sponsors li {
			background: none;
			display: inline;
		}
			ul#sponsors li a {
				width: 135px;
				border: 1px solid #bebebe;
				background: #e7e7e7;
				padding: 5px 0px 5px 0px;
				text-align: center;
			}
				ul#sponsors li#one a {
					float: left;
					margin-bottom: 22px;
				}
				ul#sponsors li#two a {
					float: right;
					margin-bottom: 22px;
				}
				ul#sponsors li#three a {
					float: left;
				}
				ul#sponsors li#four a {
					float: right;
				}
	
	#lefty {
		background: #E2EDF3;
		float: left;
		margin: 6px 0px 14px 0px;
		padding: 11px;
		border: 1px solid #86CAEF;
	}
	#righty {
		background: #E2EDF3;
		float: right;
		margin: 6px 0px 14px 0px;
		padding: 11px;
		border: 1px solid #86CAEF;
	}
	
	



/* --------------- ( Footer ) --------------------------------------------- */
#footer {
	background: url(elements/images/bg-footer.png) repeat-x;
	float: left;
	width: 1000px;
	height: 134px;
	color: #fff;
	margin-bottom: -15px;
	_margin-bottom: 15px;
}
	#footer a { color: #fff; }
	#footer ul {
		margin: 25px 25px 0px 3px;
	}
		#footer ul li {
			display: inline;
		}
			#footer ul li a {
				font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
				color: #fff;
				text-decoration: none;
				background: url(elements/images/footer-star.png) no-repeat right;
				padding: 0px 26px;
				float: left;
			}
				#footer ul li a:hover {
					text-decoration: underline;
				}
	#footer #footer-bottom {
		margin: 25px 25px 0px 25px;
		padding-top: 20px;
		background: url(elements/images/footer-divider.png) no-repeat top;
	}
		#footer #footer-bottom .alignleft {
			margin-left: 5px;
		}
			#footer #footer-bottom .alignleft a {
				background: url(elements/images/footer-logo.png);
				width: 239px;
				text-indent: -9999px;
				height: 27px;
				display: block;
			}
		#footer #footer-bottom .alignright {
			margin-right: 5px;
			font-size: 11px;
		}


/* ----- ( Snags ) ----- */
.page-125 {
	width: 125px;
	float: left;
	text-align: center;
	margin: 0px 20px 5px 0px;
	font-size: 11px;
	color: #666;
}
	.page-125 span a {
		margin-top: 7px;
		display: block;
	}







/* ---------- ( Comments ) ---------------------------------------- */
.logged { background: none !important; }

.comments-template {
	margin-top: 20px;
}
	.comments-template p.clearfix {
		margin-bottom: 10px;
	}
		.comments-template p.clearfix input, .comments-template p.clearfix textarea {
			padding: 7px;
			font: 12px Arial, Helvetica, sans-serif;
		}
		.comments-template p.clearfix textarea {
			width: 80%;
		}
	
	.comments-template ol {
		padding-left: 0 !important;
		list-style: none !important;
	}
		.comments-template ol li {
			margin-bottom: 18px !important;
		}
			.comments-template ol li p {
				margin-bottom: 15px !important;
			}
			.comments-template ol li .comment-box {
				border: 1px solid #ccc;
				background: #fff;
				padding: 15px 15px 0px 15px;
			}
				.comments-template ol li .comment-box .avatar {
					float: right;
					width: 50px;
					margin-bottom: 8px;
				}
				.comments-template ol li .comment-box .comment_text {
					float: left;
					width: 505px;
				}
			.comments-template ol li span.arrow {
				margin: -1px 0px 0px 15px;
				*margin: -3px 0px 0px 15px;
				position: absolute;
			}
			.comments-template .commentmetadata {
				font-size: 11px;
				margin: 10px 0px 0px 15px;
			}
			
		/* Author Comment Style */
		.comments-template ol li.author .comment-box {
			border: 1px solid #B20807;
			background: #fff;
			padding: 15px 15px 0px 15px;
		}


.more {
	display: none;
}