/*

Theme Name: Free Bet Vouchers
Theme URI: http://www.freebetvouchers.co.uk
Description: Theme for FBV
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;
}
/* 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 */

strong { font-weight: bold; }


/* ---------- ( General ) ------------------------------ */
body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
}
#wrapper {
	width: 900px;
	margin : 0 auto;
	background: url(images/faux.png) repeat-y;
}
a { color: #DC1921; }
.alignleft { float: left; margin: 0px 10px 10px 0px; }
.alignright { float: right; margin: 0px 0px 10px 10px; }




/* ---------- ( Header ) ------------------------------ */
#header {
	padding: 20px 20px 20px 20px;
	background: #fff;
}
	#header h1 a {
		background: url(images/logo.png) no-repeat; 
		width: 342px;
		height: 89px;
		text-indent: -9999px;
		display: block;
	}
	
	
	
	
/* ---------- ( Main nav ) ------------------------------ */
#mainnav {
	
}
	#mainnav ul {
		
	}
		#mainnav ul li {
			display: inline;
		}
			#mainnav ul li a {
				display: block;
				height: 39px;
				text-indent: -9999px;
				float: left;
			}
				#mainnav ul li#home a { background: url(images/nav-home.jpg) 0px -39px no-repeat; width: 92px; }
					#mainnav ul li#home a:hover { background: url(images/nav-home.jpg) 0px 0px no-repeat; }
					#mainnav ul li#home-current a { background: url(images/nav-home.jpg) 0px 0px no-repeat; width: 92px; }
				#mainnav ul li#sports a { background: url(images/nav-sports.jpg) 0px -39px no-repeat; width: 102px; }
					#mainnav ul li#sports a:hover { background: url(images/nav-sports.jpg) 0px 0px no-repeat; }
					#mainnav ul li#sports-current a { background: url(images/nav-sports.jpg) 0px 0px no-repeat; width: 102px; }
				#mainnav ul li#bingo a { background: url(images/nav-bingo.jpg) 0px -39px no-repeat; width: 97px; }
					#mainnav ul li#bingo a:hover { background: url(images/nav-bingo.jpg) 0px 0px no-repeat; }
					#mainnav ul li#bingo-current a { background: url(images/nav-bingo.jpg) 0px 0px no-repeat; width: 97px; }
				#mainnav ul li#poker a { background: url(images/nav-poker.jpg) 0px -39px no-repeat; width: 95px; }
					#mainnav ul li#poker a:hover { background: url(images/nav-poker.jpg) 0px 0px no-repeat; }
					#mainnav ul li#poker-current a { background: url(images/nav-poker.jpg) 0px 0px no-repeat; width: 95px; }
				#mainnav ul li#casino a { background: url(images/nav-casino.jpg) 0px -39px no-repeat; width: 103px; }
					#mainnav ul li#casino a:hover { background: url(images/nav-casino.jpg) 0px 0px no-repeat; }
					#mainnav ul li#casino-current a { background: url(images/nav-casino.jpg) 0px 0px no-repeat; width: 103px; }
				#mainnav ul li#news a { background: url(images/nav-news.jpg) 0px -39px no-repeat; width: 142px; }
					#mainnav ul li#news a:hover { background: url(images/nav-news.jpg) 0px 0px no-repeat; }
					#mainnav ul li#news-current a { background: url(images/nav-news.jpg) 0px 0px no-repeat; width: 142px; }
				#mainnav ul li#bookmark a { background: url(images/nav-bookmark.jpg) 0px -39px no-repeat; width: 131px; }
					#mainnav ul li#bookmark a:hover { background: url(images/nav-bookmark.jpg) 0px 0px no-repeat; }
				#mainnav ul li#rss a { background: url(images/nav-rss.jpg) 0px -39px no-repeat; width: 138px; }
					#mainnav ul li#rss a:hover { background: url(images/nav-rss.jpg) 0px 0px no-repeat; }
	
	
	
/* ---------- ( Feature ) ------------------------------ */
#feature {
	background: url(images/feature.png) no-repeat;
	height: 128px;
	text-indent: -9999px;
}	
	
	
	
	
/* ---------- ( Sidebar ) ------------------------------ */
#sidebar {
	width: 321px;
	float: left;
}
	#sidebar h2 {
		border-bottom: 3px solid #A9B248;
		font: 18px Arial, Helvetica, sans-serif;
		padding-bottom: 3px;
		clear: both;
	}
	#sidebar #newsletter {
		background: url(images/bg-newsletter.png) no-repeat;
		height: 102px;
		margin-bottom: 10px;
	}
		#sidebar #newsletter #input-newsletter {
			border: 1px solid #fff;
			float: left;
			margin: 52px 0px 0px 29px;
			width: 171px;
		}
		#sidebar #newsletter #submit-newsletter {
			float: left;
			margin: 47px 0px 0px 15px;
		}
			/* ---------- ( Sidebar Left ) ------------------------------ */
			#sidebar .left {
				width: 133px;
				float: left;
				margin: 0px 0px 20px 16px;
				display: inline;
			}
				#sidebar .left ul {
					
				}
					#sidebar .left ul li {
						display: inline;
					}
						#sidebar .left ul li a {
							font-size: 11px;
							font-weight: bold;
							border-bottom: 1px solid #ccc;
							padding: 8px 0px;
							display: block;
						}
			
			/* ---------- ( Sidebar Right ) ------------------------------ */
			#sidebar .right {
				width: 156px;
				float: right;
				margin: 0px 6px 20px 0px;
				display: inline;
			}
				#sidebar .right ul#codes {
					
				}
					#sidebar .right ul#codes li {
						
					}
						#sidebar .right ul#codes li a {
							height: 61px;
							display: block;
							text-indent: -9999px;
							margin-bottom: 5px
						}
							#sidebar .right ul#codes li#sports-codes a { background: url(images/codes-sports.png); }
							#sidebar .right ul#codes li#bingo-codes a { background: url(images/codes-bingo.png); }
							#sidebar .right ul#codes li#poker-codes a { background: url(images/codes-poker.png); }
							#sidebar .right ul#codes li#casino-codes a { background: url(images/codes-casino.png); }
							
	#sidebar .inner-sidebar {
		clear: both;
		margin: 0px 10px 0px 16px;
	}
		#sidebar .inner-sidebar ul#popular-codes {
			margin-bottom: 20px;
		}
			#sidebar .inner-sidebar ul#popular-codes li {
				display: block; 
				border-bottom: 1px solid #ccc;
				color: #666;
				font-size: 11px;
				line-height: 17px;
				padding: 8px 0px;
			}
				#sidebar .inner-sidebar ul#popular-codes li a {
					display: block;
					margin-bottom: 6px;
					font-size: 12px;
					font-weight: bold;
				}
					#sidebar .inner-sidebar ul#popular-codes li img {
						float: left;
						margin-right: 3px;
					}
		
		#sidebar .inner-sidebar ol#popular-companies {
			margin: 0px 0px 20px 0px;
			padding-top: 8px;
		}
			#sidebar .inner-sidebar ol#popular-companies li {
				clear: both;
			}
				#sidebar .inner-sidebar ol#popular-companies li a {
					color: #000;
					font-size: 14px;
					font-weight: bold;
				}
			#sidebar .inner-sidebar ol#popular-companies img {
				float: left;
				margin: 0px 12px 10px 0px;
			}
			#sidebar .inner-sidebar p#how {
				background: url(images/how-to-use-this-site.png);
				width: 290px;
				height: 50px;
				text-indent: -9999px;
				cursor: help;
			}
			
			#sidebar div#panel {
				display: none;
				border-left: 1px solid #9DA543;
				border-bottom: 1px solid #9DA543;
				border-right: 1px solid #9DA543;
				width: 288px;
				padding-bottom: 8px;
			}
				#sidebar div#panel p {
					padding: 8px 8px 0px 8px;
					line-height: 18px;
				}
							
	
	
	
/* ---------- ( Content ) ------------------------------ */
#content {
	width: 579px;
	float: right;
}
	#content #search {
		background: url(images/bg-search.png) no-repeat;
		height: 102px;
	}
		#content #search #input-search {
			border: 1px solid #fff;
			float: left;
			margin: 52px 0px 0px 72px;
			width: 367px;
			font-size: 15px
		}
		#content #search #submit-search {
			float: left;
			margin: 45px 0px 0px 15px;
		}
		
		#content .post {
			margin: 10px 30px 20px 5px;
			color: #333;
		}
			#content .post h1, #content .post h1 a {
				font: 24px Arial, Helvetica, sans-serif;
				color: #000;
				text-decoration: none;
				margin-bottom: 12px;
			}
			#content .post .meta {
				font-size: 11px;
				color: #999;
				margin-bottom: 10px;
			}
				#content .post .meta a {
					font-weight: bold;
				}
				#content .post p {
					line-height: 19px;
					margin-bottom: 12px;
				}
					#content .post img {
						border: 5px solid #e6e6e6;
					}
					#content .post .meta-bottom {
						background: url(images/bg-bottom-meta.png) no-repeat;
						height: 30px;
						font-size: 11px;
						padding-right: 10px;
					}
						#content .post .meta-bottom a {
							font-weight: bold;
							line-height: 28px;
							padding: 0px 10px 0px 10px;
						}
						#content .post .meta-bottom p {
							line-height: 28px;
						}
						#content .post .meta-bottom p.alignright a {
							padding: 0;
						}
						
					    /* Post Inner Styles */	
						#content .post ol {
							padding-left: 40px;
							margin-bottom: 12px;
						}
							#content .post ol li {
								margin-bottom: 8px;
								list-style: decimal;
							}
						#content .post ul {
							padding-left: 20px;
							margin-bottom: 15px;
						}
							#content .post ul li {
								margin-bottom: 8px;
								padding-left: 20px;
								background: url(images/bullet-green.png) 0px 5px no-repeat;
							}
						#content .post h2 {
							font: 16px Arial, Helvetica, sans-serif;
							margin-bottom: 12px;
						}
						#content .post h3 {
							font: 15px Arial, Helvetica, sans-serif;
							font-weight: bold;
							margin-bottom: 12px;
						}
					
		#content #navigation {
			/* border: 1px solid red; */
			margin: 0px 30px 0px 8px;
		}
			#content #navigation p {
				margin-bottom: 12px;
			}
			#content #navigation a {
				color: #000; font-weight: bold;
				font-size: 11px; text-decoration: none;
			}
			
		#content #rate-this-offer {
			border-top: 3px solid #A9B248;
			border-bottom: 3px solid #A9B248;
			padding: 0px 5px 15px 5px;
			margin: 0px 30px 0px 0px;
			font-size: 11px; color: #666;
		}
			#content #rate-this-offer h2 {
				font-size: 23px;
				padding: 10px 0px 10px 0px;
				color: #000; font-weight: normal;
			}
				#content #rate-this-offer img {
					float: left;
					margin-right: 3px;
				}
				#content #rate-this-offer .post-ratings-text {
					border: 1px solid red;
					display: none !important;
				}




/* ---------- ( Comments ) ------------------------------ */
#content #comments {
			margin: 15px 30px 0px 0px;
		}
			#content #comments ol {
				
			}
				#content #comments ol li {
					background: url(images/comment-grad-bottom.png) bottom repeat-x;
					padding: 20px 0px 10px 0px;
				}
			#content #comments h2 {
				font-size: 23px; font-weight: normal;
				padding: 0px 5px 10px 5px;
				color: #000;
			}
			#content #comments .left {
				width: 66px; float: left;
			}
				#content #comments .left img {
					border: 4px solid #ccc;
				}
			#content #comments .right {
				width: 440px; float: right;
				padding-right: 12px
			}
				#content #comments .right .name {
					font-weight: bold;
					margin-bottom: 4px;
				}
				#content #comments .right .date {
					color: #999; font-size: 11px;
					margin-bottom: 8px;
				}
				#content #comments .right p {
					margin-bottom: 12px;
					line-height: 19px;
				}
				#content #comments p.padding { padding: 0px 5px; }
				
		#content #leave-a-reply {
			padding: 10px 0px 0px 0px;
		}
			#comments #leave-a-reply p {
				margin-bottom: 12px;
			}
			#comments #leave-a-reply input {
				border: 1px solid #A9B248;
				font-size: 14px;
				padding: 5px; width: 200px;
				background: #EFF1DB;
				float: left;
			}
			#comments #leave-a-reply textarea {
				background: #EFF1DB;
				border: 1px solid #A9B248;
				width: 541px; padding: 5px;
				font: 14px Verdana, Arial, Helvetica, sans-serif;
			}
			#comments #leave-a-reply #submit {
				width: 187px;
				padding: 0; border: none;
			}
			#comments #leave-a-reply label {
				font-style: italic;
				color: #999;
				float: left;
				margin: 5px 0px 0px 12px;
			}
		
	
	
	
/* ---------- ( Footer ) ------------------------------ */
#footer {
	background: url(images/wrapper-bottom.png) no-repeat;
	/* height: 64px; */
	width: 900px;
	margin: 0 auto;
	padding: 15px 0px 0px 0px;
}
	#footer p {
		color: #fff;
	}
		#footer p a {
			color: #fff;
			font-weight: normal;
		}
		#footer p span {
			font-weight: bold;
			width: 160px;
			display: inline-block;
			color: #393D18;
		}
		#footer p#top { margin: 9px 13px 10px 13px; }
		#footer p#bottom { margin: 9px 13px 10px 13px; }
		#footer p#copyright { color: #000; margin: 26px 13px 10px 13px; }
		#footer p#design a { color: #000; margin: 26px 13px 10px 13px; }
	
	
	
	
	
	
	
/* ---------- ( Misc ) ------------------------------ */

.ddsg-wrapper { margin-bottom: 23px; }



.contactform {

	

}

	.contactform p {

		

	}

	.contactform label {

		float: left;

		display: block;

		width: 620px;

		color: #666;

		font-style: italic;

		margin-bottom: 3px;

	}

	.contactform input {

		border: 1px solid #ccc;

		padding: 5px;

		margin-bottom: 10px;

		float: left;

	}

	.contactform textarea {

		border: 1px solid #ccc;

		padding: 5px;

		margin-bottom: 10px;

		width: 90%;

		font: 12px Verdana, Arial, Helvetica, sans-serif;

	}

	.contactform span {

		margin: 3px 0px 0px 8px;

		float: left;

		font-weight: bold;

	}

	.contactform #contactsubmit {

		border: none;

		clear: both;

		padding: 0;

		margin: 11px 0px 0px 0px;

		

	}