/*

Theme Name: Bingo.org.uk
Theme URI: http://www.bingo.org.uk/
Version: 1.0
Author: Keith Donegan
Author URI: http://www.eirestudio.net/

*/




/* ---------- ( 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;
	vertical-align: baseline;
}
/* 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 ) ------------------------------ */
.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: #FEC2E0 url(images/bg.png) fixed top center repeat-x;
	color: #333;
}
a { 
	color: #158FD9;
}
#wrapper {
	margin: 0 auto;
	width: 980px;
}
strong {
	font-weight: bold;
}
.alignright { float: right; margin: 0px 0px 10px 10px; }
.alignleft { float: left; margin: 0px 10px 10px 0px; }



/* ---------- ( Header ) ------------------------------ */
#header {
	margin: 15px 0px 0px 0px;
}
	#header h2#logo a {
		background: url(images/logo.png) no-repeat;
		display: block;
		width: 217px;
		height: 74px;
		text-indent: -9999px;
		margin: 6px 0px 0px 0px;
		float: left;
		display: inline;
	}
	#header #leaderboard {
		width: 728px;
		height: 90px;
		float: right;
	}



/* ---------- ( Main Nav ) ------------------------------ */
ul#main-nav {
	margin: 15px 0px 15px 0px;
	float: left;
}
	ul#main-nav li {
		display: inline;
	}
		ul#main-nav li a {
			display: block;
			float: left;
			height: 45px;
			color: #fff;
			font-size: 18px;
			text-decoration: none;
			line-height: 45px;
			text-align: center;
			background: url(images/nav.png) top right;
			padding: 0px 18px;
		}
			ul#main-nav li a:hover, ul#main-nav li#current a {
				background: url(images/nav.png) bottom right;
			}
			ul#main-nav li#home a {
				background: url(images/nav-home.png);
				width: 82px;
				padding: 0px;
			}
			ul#main-nav li#home a:hover, ul#main-nav li#home-current a {
				background: url(images/nav-home.png) bottom;
				width: 82px;
				padding: 0px;
			}
	#search-area {
		float: right;
		margin: 15px 0px 15px 0px;
		height: 45px;
		background: url(images/search-bg.png) right;
		width: 475px;
	}
		#search-area form {
			float: right;
			margin: 7px 7px 0px 0px;
			display: inline;
		}
			#search-area form input#s {
				border: 1px solid #fff;
				color: #888;
				padding: 7px 5px 7px 5px;
				float: left;
				width: 170px;
			}
			#search-area form input#searchsubmit {
				float: left;
			}




/* ---------- ( Main Pink Area ) ------------------------------ */
#pink-area-wrapper {
	clear: both;
}
	#pink-area-wrapper #pink-area {
		background: url(images/pink-middle.png) repeat-y;
		padding: 10px 30px 0px 30px;
	}
	#pink-area p#feature {
		font-size: 14px;
		line-height: 20px;
	}
	#pink-area h1 {
		font-size: 30px;
		font-weight: bold;
		padding-bottom: 12px;
	}




/* ---------- ( Main Column (Left) ) ------------------------------ */
#main-column {
	width: 595px;
	float: left;
	margin: 25px 0px 0px 0px;
}
    /* --- Bingo Offers Table --- */
	#main-column div#top-bingo-offers {
		margin-bottom: 25px;
	}
		#main-column div#top-bingo-offers table {
			
		}
		#main-column div#top-bingo-offers table tr {
			
		}
			#main-column div#top-bingo-offers table th {
				background: url(images/table-header-top-bingo-offers.png) no-repeat;
				height: 34px;
				text-indent: -9999px;
			}
			#main-column div#top-bingo-offers table td {
				border-left: 2px solid #F8B33B;
				background: url(images/table-1-bg.png) bottom repeat-x;
			}
				#main-column div#top-bingo-offers table td.top {
					background: url(images/table-1-bg.png) bottom left repeat-x;
					width: 408px;
				}
					#main-column div#top-bingo-offers table td.top img {
						padding: 12px 8px 8px 8px;
						float: left;
					}
					#main-column div#top-bingo-offers table td.top h3 a {
						float: left;
						margin: 12px 0px 3px 0px;
						color: #000;
						font-size: 14px;
						font-weight: bold;
					}
					#main-column div#top-bingo-offers table td.top p {
						float: left;
						font-size: 11px;
						width: 288px;
						margin-bottom: 8px;
					}
				#main-column div#top-bingo-offers table td.free-bingo {
					background: url(images/table-1-bg.png) bottom right repeat-x;
					border: none;
					width: 67px;
					vertical-align: middle;
					text-align: center;
					color: #EB0678;
					text-decoration: none;
					font-size: 21px;
					font-weight: bold;
				}
				#main-column div#top-bingo-offers table td.deposit-bonus {
					border: none;
					background: url(images/table-1-bg.png) bottom right repeat-x;
					width: 73px;
					vertical-align: middle;
					text-align: center;
					color: #EB0678;
					text-decoration: none;
					font-size: 21px;
					font-weight: bold;
				}
				#main-column div#top-bingo-offers table td.go {
					background: url(images/table-1-bg.png) left bottom repeat-x;
					border-right: 2px solid #F8B33B;
					border-left: none;
					width: 40px;
					vertical-align: middle;
					text-align: center;
					position: relative;
				}
					#main-column div#top-bingo-offers table td.go a {
						background: url(images/btn-green-go.png);
						display: block;
						width: 43px;
						height: 60px;
						float: left;
						text-indent: -9999px;
					}
					
					/* --- Table Curve --- */
					#main-column div#top-bingo-offers table tr.table-curve td.top {
						background: url(images/table-1-bg-bottom.png) 0px 0px;
						border: none;
					}
					#main-column div#top-bingo-offers table tr.table-curve td.free-bingo {
						background: url(images/table-1-bg-bottom.png) bottom;
						border: none;
					}
					#main-column div#top-bingo-offers table tr.table-curve td.deposit-bonus {
						background: url(images/table-1-bg-bottom.png) bottom;
						border: none;
					}
					#main-column div#top-bingo-offers table tr.table-curve td.go {
						background: url(images/table-1-bg-bottom.png) right;
						border: none;
					}
					tr.table-bottom td {
						border-bottom: 2px solid #F8B33B !important;
					}
					.wrap {
					
					}
					
					.stars {
						width: 80px;
						height: 16px;
						text-indent: -9999px;
						float: left;
						margin: 12px 0px 0px 8px;
					}
					.stars-5 { background: url(images/rating-grid.png) }
					.stars-4-half { background: url(images/rating-grid.png) 0px -16px; }
					.stars-4 { background: url(images/rating-grid.png) 0px -32px; }
					.stars-3-half { background: url(images/rating-grid.png) 0px -48px; }
					.stars-3 { background: url(images/rating-grid.png) 0px -64px; }
					.stars-2-half { background: url(images/rating-grid.png) 0px -80px; }
					.stars-2 { background: url(images/rating-grid.png) 0px -96px; }
					.stars-1-half { background: url(images/rating-grid.png) 0px -112px; }
					.stars-1 { background: url(images/rating-grid.png) 0px -128px; }
					.stars-half { background: url(images/rating-grid.png) 0px -144px; }
					.stars-none { background: url(images/rating-grid.png) 0px -160px; }
					
	table#lingo-table {
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		margin-top: 6px;
	}
		table#lingo-table tr {
			
		}
			table#lingo-table tr td {
				padding: 8px;
				border-left: 1px solid #ccc;
				border-bottom: 1px solid #ccc;
			}
	
	
	
	.newsbox {
		/* border-bottom: 1px solid #ccc; */
		padding-bottom: 10px;
	}
		#bingo-news-wrapper p {
			line-height: 17px;
		}
		.newsbox h2 a, .newsbox h2 {
			font-size: 21px !important;
			margin-bottom: 10px;
		}
		.newsbox .meta-info {
			background: #F5F5F5;
			padding: 6px 8px;
			font-size: 11px !important;
			margin-bottom: 10px;
		}
			.newsbox .meta-info a {
				text-decoration: underline;
			}
			.newsbox .meta-info .alignleft {
				margin: 0px !important;
				font-size: 11px !important;
			}
			.newsbox .meta-info .alignright {
				margin: 0px !important;
				font-size: 11px !important;
			}
	
	
	
	
	
	
	/* --- Top 5 Sites Table --- */
	#main-column div#top-five {
		margin-bottom: 25px;
	}
		#main-column div#top-five table {
			
		}
		#main-column div#top-five table tr {
			
		}
			.top-sites th {
				background: url(images/table-header-top.png) no-repeat !important;
			}
			#main-column div#top-five table th {
				background: url(images/table-header-top-5.png) no-repeat;
				height: 34px;
				text-indent: -9999px;
			}
			#main-column div#top-five table tr td {
				background: url(images/table-2-bg.png) repeat-x bottom;
			}
				#main-column div#top-five table td.info h3 a {
					float: left;
					margin: 16px 0px 3px 0px;
					color: #000;
					font-size: 14px;
					font-weight: bold;
				}
				#main-column div#top-five table tr td.number {
					width: 50px;
					font: bold 31px Arial, Helvetica, sans-serif;
					vertical-align: top;
					color: #EB0678;
					border-left: 2px solid #F4A514;
					text-align: center;
					padding: 12px 0px 0px 0px;
				}
				#main-column div#top-five table tr td.square-banner {
					width: 140px;
					font: bold 31px Arial, Helvetica, sans-serif;
				}
					#main-column div#top-five table tr td.square-banner a img {
						margin: 15px 0px 15px 0px;
						display: block;
					}
				#main-column div#top-five table tr td.info {
					width: 270px;
					vertical-align: top;
					background: url(images/table-2-bg.png) right bottom repeat-x;
					padding-right: 14px;
				}
					#main-column div#top-five table tr td.info .stars {
						margin-top: 17px;
					}
				
					#main-column div#top-five table tr td.info .wrap {
						float: left;
						margin: 0px 0px 0px 0px;
					}
						#main-column div#top-five table tr td.info .wrap p {
							clear: both;
							font-size: 11px;
							line-height: 17px;
						}
				#main-column div#top-five table tr td.buttons {
					border-right: 2px solid #F4A514;
					vertical-align: middle;
					text-align: center;
				}
					#main-column div#top-five table tr td.buttons a img {
						margin-bottom: 10px;
					}
				#main-column div#top-five table tr.last td {
					border-bottom: 2px solid #F4A514;
				}
			
	/* --- Bingo News --- */		
	#main-column #bingo-news-wrapper {
		
	}
		#main-column #bingo-news-wrapper p {
			line-height: 17px;
		}
		#main-column #bingo-news-wrapper img {
			display: block;
		}
		#main-column #bingo-news-wrapper #bingo-inner {
			background: url(images/bingo-news-middle.png) repeat-y;
		}
			#main-column #bingo-news-wrapper #bingo-inner h1 a {
				padding-bottom: 12px;
				font-size: 17px;
			}
		#main-column #bingo-news-wrapper h2 {
			background: url(images/bingo-news-top.png);
			height: 39px;
			font-size: 17px;
			color: #44A5E1;
			font-weight: bold;
			line-height: 39px;
			padding-left: 14px;
		}
			#main-column #bingo-news-wrapper .post {
				border-top: 1px solid #ccc;
				padding: 10px 15px 15px 15px;
			}
				#main-column #bingo-news-wrapper .post a.read-more {
					font-weight: bold;
					margin-top: 4px;
					display: block;
				}
	
	.rect-banner {
		margin-bottom: 16px;
	}
	
	/* --- POST --- */
	#main-column .postbox {
		
	}
		#main-column .postbox .stars-wrapper {
			
		}
			#main-column .postbox .stars-wrapper h4 {
				font-size: 15px;
				float: left;
				font-weight: normal;
			}
		#main-column .postbox .stars {
			margin: 2px 0px 0px 12px;
		}
		#main-column .postbox p {
			margin-bottom: 12px;
			line-height: 19px;
			font-size: 13px;
		}
		#main-column .postbox h3 {
			margin-bottom: 12px;
			line-height: 19px;
			font-size: 14px;
			font-weight: bold;
		}
		#main-column .postbox h2 a {
			font: 21px Arial, Helvetica, sans-serif;
			margin-bottom: 8px;
			display: block;
		}
		#main-column .postbox ul {
			margin: 0px 0px 6px 20px;
		}
			#main-column .postbox ul li {
				margin-bottom: 8px;
				list-style: inside disc;
			}
		#main-column .postbox a.large {
			font-size: 23px;
			margin: 12px 0px 0px 0px;
			display: block;
		}
		
		.postbox .wpcf7 {
			
		}
			.postbox .wpcf7 p {
				font-size: 13px !important;
			}
			.postbox .wpcf7 p strong {
				display: block;
				margin-bottom: 6px;
			}
				.postbox .wpcf7 span.wpcf7-form-control-wrap input, .postbox .wpcf7 textarea {
					border: 1px solid #ccc;
					padding: 5px;
					font: 13px Arial, Helvetica, sans-serif !important;
				}
				.postbox .wpcf7 textarea {
					width: 400px;
					font: 13px Arial, Helvetica, sans-serif !important;
				}
				.post-box #submit-id {
					border: 1px solid red;
				}
			
			




/* ---------- ( Sidebar ) ------------------------------ */
#sidebar {
	width: 300px;
	float: right;
	margin: 25px 0px 0px 0px;
}
    /* --- Blue Box --- */
	#sidebar .blue-box-wrapper {
		background: url(images/sidebar/blue-middle.png) repeat-y;
		margin-bottom: 25px;
	}
		#sidebar .blue-box-wrapper .blue-box {
			margin: 12px 12px 4px 12px;
			line-height: 19px;
		}
			#sidebar .blue-box-wrapper .blue-box a {
				display: block;
				font-size: 13px;
				font-weight: bold;
				text-align: center;
				margin-top: 10px;
			}
			#sidebar .ad {
				margin: 0px 0px 25px 0px;
			}
		#sidebar .blue-box-wrapper h2 {
			background: url(images/sidebar/blue-top.png);
			height: 39px;
			font-size: 17px;
			color: #44A5E1;
			font-weight: bold;
			line-height: 39px;
			padding-left: 14px;
		}
		
	/* --- Pink Box --- */
	#sidebar .pink-box-wrapper {
		background: url(images/sidebar/pink-middle.png) repeat-y;
		margin-bottom: 25px;
	}
		#sidebar .pink-box-wrapper .pink-box {
			margin: 12px 12px 4px 12px;
			line-height: 19px;
		}
			#sidebar .pink-box-wrapper .pink-box ul {
				
			}
				#sidebar .pink-box-wrapper .pink-box ul li {
					margin-bottom: 6px;
				}
					#sidebar .pink-box-wrapper .pink-box ul li a {
						background: url(images/sidebar/bingo-bullet.png) 0px 2px no-repeat;
						padding-left: 22px;
						font-weight: bold;
						font-size: 13px;
					}
			#sidebar .pink-box-wrapper .pink-box form {
				
			}
			#sidebar .pink-box-wrapper .pink-box form #email {
				border: 1px solid #c7c7c7;
				float: left;
				padding: 5px 5px 5px 5px;
				width: 188px;
				margin: 2px 0px 0px 0px;
				color: #888;
			}
			#sidebar .pink-box-wrapper .pink-box form #contactsubmit {
				float: right;
			}
		#sidebar .pink-box-wrapper h2 {
			background: url(images/sidebar/pink-top.png);
			height: 39px;
			font-size: 17px;
			color: #EA0577;
			font-weight: bold;
			line-height: 39px;
			padding-left: 14px;
		}



/* ---------- ( Comments ) ------------------------------ */
#comments-box {
	border-top: 1px solid #ccc;
	margin: 20px 0px 0px 0px;
	padding-top: 20px;
}
	#comments-box h4#comments {
		font: bold 16px Arial, Helvetica, sans-serif;
		margin-bottom: 16px;
	}
	#comments-box ul {
		border-bottom: 2px solid #3CA2DF;
	}
		#comments-box ul li {
			border-top: 2px solid #3CA2DF;
			border-left: 2px solid #3CA2DF;
			border-right: 2px solid #3CA2DF;
			background: #6DB9E7 url(images/blue-stripe.png) repeat-x;
			padding: 10px;
		}
			#comments-box cite { font-style: normal; }
				#comments-box ul li div.comment-body {
					padding:  0px;
					margin: 0px -10px 0px -10px;
				}
					#comments-box ul li div.comment-body .comment-author {
						font-size: 11px;
						font-style: normal;
						font-weight: bold;
					}
					
						#comments-box ul li div.comment-body .comment-author img {
							float: left;
							border: 1px solid #ccc;
							padding: 2px;
							margin: 0px 16px 0px 10px;
							background: #fff;
						}
					#comments-box ul li div.comment-body .comment-meta {
						margin-bottom: 22px;
					}
						#comments-box ul li div.comment-body .comment-meta a {
							font-size: 11px;
						}
					#comments-box ul li div.comment-body p {
						padding:  10px 10px 0px 10px;
						font-size: 15px;
						color: #fff;
					}
					#comments-box ul li #respond {
						background: #6DB9E7; 
					}
					div.reply {
						margin: 18px 0px 8px 10px;
					}
						div.reply a {
							color: #158FD9;
							background: #fff;
							-moz-border-radius: 5px;
							-webkit-border-radius: 5px;
							padding: 6px;
						}
					
					#comments-box #respond {
						padding: 10px 10px 10px 0px;
					}
						#comments-box #respond h3 {
							padding: 10px 10px 12px 0px;
							font: bold 16px Arial, Helvetica, sans-serif;
						}
						
						
					/* Hook */
					.comment-body #respond {
						margin-top: 18px;
					}
					
						.comment-body #respond form {
							clear:both;
						}
							.comment-body #respond form input, .comment-body #respond form textarea {
								border: 1px solid #fff !important;
							}
					
						.comment-body #respond h3 {
							padding: 10px 10px 12px 14px !important;
						}
						.comment-body #respond #cancel-comment-reply {
							
						}
						
						.comment-body #respond #cancel-comment-reply a {
							color: #158FD9;
							margin: 0px 0px 0px 12px;
							background: #fff;
							-moz-border-radius: 5px;
							-webkit-border-radius: 5px;
							padding: 6px;
							float: left;
						}
						p.logged-in {
							font: bold 14px Arial, Helvetica, sans-serif;
							margin: 12px 0px 16px 0px;
							color: #333 !important;
							clear: both;
							float: left;
						}
						
						#comments-box li ul {
							border-bottom: none;
						}
						
						#comments-box li ul li {
							border: 2px solid #fff !important;
							margin: 20px 10px 0px 10px;
						}
							#comments-box li ul li label {
								color: #fff !important;
							}
					
					
					#comments-box p.comment-field {
						margin-bottom: 10px;
					}
						#comments-box p.comment-field input {
							border: 1px solid #ccc;
							padding: 6px;
							width: 300px;
							float: left;
							-moz-border-radius: 5px;
							-webkit-border-radius: 5px;
						}
						#comments-box p.comment-field select {
							border: 1px solid #ccc;
							padding: 6px;
							float: left;
							-moz-border-radius: 5px;
							-webkit-border-radius: 5px;
						}
						#comments-box p.comment-field label {
							float: left;
							margin: 7px 0px 0px 10px;
							color: #999;
						}
						#comments-box p.comment-field input#submit {
							border: none !important;
							padding: 0;
							width: 86px;
							height: 32px;
							text-indent: -9999px;
							-moz-border-radius: 0px;
							-webkit-border-radius: 0px;
							background: url(images/btn-submit.png) no-repeat;
						}
						#comments-box p.comment-field textarea {
							float: left;
							border: 1px solid #ccc;
							width: 100%;
							padding: 6px;
							-moz-border-radius: 5px;
							-webkit-border-radius: 5px;
							font: 13px Arial, Helvetica, sans-serif;
						}
						.submit-bg {
							
						}
						#comments-box li {
							list-style: none !important;
							margin-bottom: 0 !important;
						}
						
						.rating-class {
							margin: 7px 0px 0px 10px;
						}
					
					
					
					
				





/* ---------- ( Footer ) ------------------------------ */
#footer {
	text-align: center;
	margin: 16px 0px 25px 0px;
}
	#footer ul {
		
	}
		#footer ul li {
			display: inline;
		}
			#footer ul li a {
				color: #EA0577;
				border-right: 1px solid #fff;
				padding: 0px 10px 0px 10px;
			}
				#footer ul li#last a {
					border: none;
				}