/*  

Theme Name: UK Offer fresh
Theme URI: http://www.eirestudio.net/
Description: UK Offer Fresh for ukoffer.com
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 */


/* h1#logo a { behavior: url(http://www.ukoffer.com/wp-content/themes/UK%20Offer%20Fresh/elements/js/iepngfix.htc); } */



/* ---------- ( General ) ------------------------------ */
html {

}
body {
	background: url(elements/images/bg.jpg) fixed repeat-x;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
#wrapper {
	width: 1000px;
	margin : 0 auto;
        
	background: #fff;
}
a { color: #09559B; }
a:visited { color: #09559B; }
strong { font-weight: bold; }



/* ---------- ( Header ) ------------------------------ */
#header {
	padding: 20px 20px 20px 20px;
}
	#header h1 a {
		background: url(elements/images/logo.png) no-repeat; 
		position: absolute;
		width: 231px;
		height: 126px;
		text-indent: -9999px;
		display: block;
		float: left;
		top: 8px;
                cursor: hand;
	}
	#header #leaderboard {
		float: right;
		background: #fff;
		margin-right: 1px;
		width: 728px;
		height: 90px;
	}





/* ---------- ( Main Nav ) ------------------------------ */
ul#topnav {
	background: url(elements/images/top-nav.jpg) repeat-x;
	height: 28px;
}
	ul#topnav li, ul#bottomnav li {
		display: inline;
	}
		ul#topnav li a, ul#bottomnav li a {
			height: 28px;
			background: url(elements/images/divider.gif) right no-repeat;
			display: block;
			text-decoration: none;
			color: #fff;
			line-height: 27px;
			text-align: center;
			float: left;
		}
			ul#topnav li a { padding: 0px 10px; }
				ul#topnav li#gaming a { padding: 0px 16px; }		
			ul#bottomnav li a { padding: 0px 12px; }
				ul#bottomnav li#travel a { padding: 0px 13px; }		
			
			ul#topnav li a:hover, ul#bottomnav li a:hover { background: url(elements/images/top-nav-on.jpg) no-repeat right; }
			ul#bottomnav li a:hover {  background: url(elements/images/top-nav-on.jpg) 0px 1px no-repeat !important; }
ul#bottomnav {
	background: url(elements/images/bottom-nav.jpg) repeat-x;
	height: 28px;
}





/* ---------- ( Main Column ) ------------------------------ */
#maincontent {
	background: #fff;
	float: left;
}
	#maincontent #searchbox {
		background: url(elements/images/searchbox.jpg) no-repeat;
		width: 670px; height: 90px;
		margin: 20px 0px 20px 20px;
	}
		#maincontent #searchbox h2 {
			color: #fff;
			font: normal 20px Arial, Helvetica, sans-serif;
			padding: 10px 16px;
		}
			#maincontent #searchbox input#s {
				border: 1px solid #fff;
				margin: 6px 19px 0px 22px;
				width: 534px;
				color: #8A8A8A;
				float: left;
			}
			#maincontent #searchbox input#searchsubmit {
				float: left; margin-top: 2px;
			}
	#maincontent #content {
		float: left;
		width: 530px;
	}
                #maincontent #content .rotatebanner {
                      background: #ccc; margin: 0px 0px 16px 115px;
                      width: 300px; height: 250px;
                }
		#maincontent #content .post {
			line-height: 19px;
			margin-bottom: 20px;
		}
			#maincontent #content .post a {
				color: #990000;
			}
			#maincontent #content .post .datameta {
				margin-bottom: 15px;
			}
			#maincontent #content .post .date {
				margin: 0px 15px 0px 0px; float: left;
				height: 51px; width: 49px; position: relative;
				background: url(elements/images/date-icon.jpg) no-repeat;
			}
				#maincontent #content .post .date span.month {
					color: #fff;  display: block; 
					position: absolute; 
					left: 13px; top: -1px;
				}
				#maincontent #content .post .date span.year {
					color: #000; display: block; 
					position: absolute; font-size: 19px;
					left: 13px; top: 22px;
				}
				#maincontent #content .post .date span.yyyy {
					color: #000; display: block; 
					position: absolute; font-size: 15px;
					left: 5px; top: 50px;
				}
			#maincontent #content .post .meta {
				float: left;
				width: 460px;
			}
				#maincontent #content .post .meta p.cats {
					font-size: 11px;
					color: #666;
					margin-bottom: 3px;
				}
					#maincontent #content .post .meta p.cats a {
						color: #666;
					}
				#maincontent #content .post .meta p.comments {
					background: url(elements/images/speech-bubble.jpg) left no-repeat;
					padding-left: 28px;
				}
					#maincontent #content .post .meta p.comments a, #maincontent #content .post .meta p.comments {
						font-size: 11px;
						color: #666;
					}
			#maincontent #content .post p {
				margin-bottom: 15px;
			}
				#maincontent #content .post h2, #maincontent #content .post h2 a {
					color: #990000; margin-bottom: 15px;
					font: 20px Arial, Helvetica, sans-serif;
				}
				#maincontent #content .post h2 a:hover { text-decoration: none; }
				
				#maincontent #content .post h3 {
					color: #990000; margin-bottom: 15px;
					font: 20px Arial, Helvetica, sans-serif; display: block;
				}
				
				#maincontent #content .post h3 a {
					color: #990000; margin-bottom: 15px;
					font: 20px Arial, Helvetica, sans-serif; display: block;
				}
				#maincontent #content .post h3 a:hover { text-decoration: none; }
			#maincontent #content .post img {
				padding: 6px; 
			}
			#maincontent #content .post .ratethisoffer {
				border: 1px dashed #ccc;
				padding: 10px; color: #333;
			}
				#maincontent #content .post .ratethisoffer img {
					padding: 0;
					border: none;
				}
					#maincontent #content .post .ratethisoffer h3 {
						color: #F26101; font-weight: bold;
						margin-bottom: 8px; font-size: 14px;
					}
	#maincontent #content .middle-banner {
		margin: 0px 0px 20px 115px;
		background: #ccc;
		width: 300px; height: 250px;
	}
	#maincontent #content #navigation {
		margin-bottom: 20px; 
	}
		#maincontent #content #navigation #previous-entries a {
			float: left; height: 32px; padding-left: 36px;
			line-height: 30px;
			background: url(elements/images/left-arrow.jpg) no-repeat left;
		}
		#maincontent #content #navigation #next-entries a {
			float: right; height: 32px; padding-right: 36px;
			line-height: 30px;
			background: url(elements/images/right-arrow.jpg) no-repeat right;
			
		}
	#similar-posts {
		margin-top: 16px;
		font-weight: bold;
		font-size: 13px;
		margin-bottom: 20px;
		padding-top: 16px;
		color: #F26101;
		border-top: 1px dashed #ccc
	}
		#similar-posts ul {
			margin-left: 12px;
		}
			#similar-posts ul li {
				display: inline;
			}
			#similar-posts ul h3 {
				margin-left: -12px;
			}
		#similar-posts ul h3 {
			margin-bottom: 15px;
		}
		#similar-posts ul li a {
			background: url(elements/images/orange-bullet.gif) 0px 7px no-repeat;
			font-weight: normal;
			padding-left: 16px;
			color: #666 !important;
			display: block;
			text-decoration: none;
		}
		#similar-posts ul li a:hover { text-decoration: underline; color: #990000 !important; }
		
		#email {
			position: relative;
			margin-top: 16px;
		}
			#email img { 
				float: left !important; 
				display: inline !important; 
			}
			#email a { 
				float: left; color: #666 !important;
				margin-top: 2px; 
				position: absolute; top: 6px;
			}
			
			#dont-miss-deals {
				width: 527px; height: 92px; position: relative;
				background: url(elements/images/dont-miss-out-deals.jpg) no-repeat;
			}
				#dont-miss-deals #text-deals {
					margin: 55px 0px 0px 13px;
					width: 410px; float: left;
					border: 1px solid #fff;
					color: #9c9c9c;
				}
				#dont-miss-deals #button {
					float: right;
					margin: 48px 25px 0px 0px;
				}
				
	h2#search-results {
		color: #990000; margin-bottom: 15px;
		font: 28px Arial, Helvetica, sans-serif;
	}





/* ---------- ( Comments ) ------------------------------ */
#comment-bg {
	margin: 20px 0px 20px 0px;
	
}
	#comment-bg .name { 
		margin: 0px 0px 0px 0px; 
		background: url(elements/images/bg-input.jpg) 0px 0px no-repeat;
		height: 30px; 
	}
	#comment-bg .email { 
		margin: 0px 0px 0px 0px; 
		background: url(elements/images/bg-input.jpg) 0px 0px no-repeat;
		height: 30px; 
	}
	#comment-bg .website { 
		margin: 0px 0px 0px 0px; 
		background: url(elements/images/bg-input.jpg) 0px 0px no-repeat;
		height: 30px; 
	}
	#comment-bg .comment { 
		margin: 0px 0px 0px 0px; 
		background: url(elements/images/bg-textarea.jpg) 0px 0px no-repeat;
		height: 178px; 
	}
	
	#comment-bg label {
		font-style: italic;
	}
	#comment-bg input {
		border: 1px solid #fff; float: left;
		margin: 5px 15px 0px 5px; width: 236px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	#comment-bg input#submit {
		margin: 0px 15px 0px 0px;
		width: 137px;
	}
	#comment-bg textarea {
		border: 1px solid #fff;
		width: 509px;
		height: 160px;
		float: left;
		margin: 7px 15px 0px 5px;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
	}
	#comment-bg h3#respond {
		font-weight: bold;
		font-size: 13px;
		margin-bottom: 20px;
		padding-top: 16px;
		color: #F26101;
		border-top: 1px dashed #ccc
	}
	#comment-bg h3#comments {
		font-weight: bold;
		font-size: 13px;
		margin-bottom: 20px;
		color: #F26101;
	}
	
	
	#comment-bg ol {
		margin-bottom: 24px;
	}
		#comment-bg ol li {
			border: 1px solid #ccc;
			margin-bottom: 15px;
			position: relative;
		}
			#comment-bg ol li img.avatar {
				padding: 0 !important;
				display: block;
				position: absolute;
				top: -1px;
				right: -1px;
			}
			#comment-bg ol li .comment-meta-wrapper {
				background: url(elements/images/comment-meta-wrapper.jpg) bottom repeat-x;
				padding: 7px 12px;
				margin-bottom: 12px;
				font-size: 11px;
			}
			#comment-bg ol li p {
				margin: 0px 12px 0px 12px;
				font-size: 12px; color: #666;
			}
				#comment-bg ol li p img {
					padding: 0 !important;
				}
				#comment-bg ol li cite {
					font-weight: bold; font-style: normal;
				}





/* ---------- ( Right Sidebar ) ------------------------------ */
#sidebar {
	float: right;
	width: 270px;
	margin: 20px 20px 0px 0px;
	display: inline;
}
	.box { border: 1px solid #E5E5E5; margin-bottom: 20px; }
	#sidebar .noborderbox { border: none; margin-bottom: 20px; }
	
	#sidebar .box p#rss a { 
		background: url(elements/images/rss-button.jpg) 0px -2px no-repeat; 
		padding-left: 26px; display: block;
		margin: 10px; height: 18px; color: #BE3632;
	}
	
	h2#newsletter { background: url(elements/images/sidebar-newsletter.jpg) no-repeat; height: 62px; text-indent: -9999px; }
	h2#browse { background: url(elements/images/sidebar-browse.jpg) no-repeat; height: 62px; text-indent: -9999px; }
	h2#squaresponsor { background: url(elements/images/sidebar-sponsor.jpg) no-repeat; height: 33px; text-indent: -9999px; }
	h2#sponsor { border-right: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; background: url(elements/images/sidebar-sponsor.jpg) no-repeat; height: 33px; text-indent: -9999px; }
	h2#popularoffers { 
		background: url(elements/images/sidebar-popularoffers.jpg) no-repeat; height: 33px; text-indent: -9999px; 
		border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5;
	}
	h2#rssfeed { background: url(elements/images/sidebar-rss.jpg) no-repeat; height: 33px; text-indent: -9999px; }
	h2#hotoffers { background: url(elements/images/sidebar-hotoffers.jpg) no-repeat; height: 33px; text-indent: -9999px; }
	h2#topretailers { background: url(elements/images/sidebar-top-retailers.jpg) no-repeat; height: 60px; text-indent: -9999px; }
	h2#howdiscountcodes { background: url(elements/images/how-to-use-discount-codes.jpg) no-repeat; height:84px; text-indent: -9999px; }
	
	#sidebar #newsletter {
		position: relative;
	}
	
	.newsletter_box
	{
		border: 1px solid #E5E5E5; 
		margin-bottom: 20px; 
		position: relative;
		
	
	}
		#sidebar #newsletter #newsletter-input {
			background: url(elements/images/newsletter-bg.jpg) no-repeat;
			
			margin: 10px 0px 0px 5px;
		}
			#sidebar #newsletter #newsletter-input input#textnewsletter {
				border: 1px solid #fff;
				margin: 8px 17px 0px 8px;
				width: 146px;
				float: left; 
				color: #999;
			}
			#sidebar #newsletter input#signup {
				float: left;
				margin-top: 3px;
				position: absolute;
				right: 12px; top: 71px;
			}
			#sidebar #newsletter p.small {
				font-size: 11px; font-style: italic;
				padding: 0px 10px 10px 10px; line-height: 15px;
				color: #333; 
			}
			#sidebar #newsletter label.error {
				display: inline-block;
				padding: 10px 8px;
				margin: 18px 0px;
				width: 251px;
				float: left;
				color: #fff;
				font-weight: bold;
				font-size: 11px;
				position: absolute;
				border: 1px solid #000;
				top: 98px;
				left: 0px;
				background: red;
			}
	#sidebar #browsestores {
		border: 1px solid #E5E5E5;
	}
		#sidebar #browsestores ul { padding: 0px 4px 8px 8px; }
		#sidebar #browsestores ul li {
			display: inline;
		}
			#sidebar #browsestores ul li a {
				border: 1px solid #fff;
				float: left;
				padding: 6px 10px 6px 7px;
				font-size: 18px;
				color: #3981BB;
				text-decoration: underline;
			}
				#sidebar #browsestores ul li a:hover {
					color: #B2273A;
				}
	#sidebar #sponsorbig {
		border: 1px solid #E5E5E5;
	}
		#sidebar #sponsorbig #square {
			background: #fff;
			width: 250x;
                        text-align: center;
			height: 250px;
                        padding: 10px 0px;
		}
	#sidebar #popular-offers {
		border-top: 1px solid #E5E5E5;		
		border-bottom: none;
	}
		#sidebar #popular-offers ul { overflow: hidden; }
			#sidebar #popular-offers ul li { 
				display: block; 
				border-bottom: 1px solid #E5E5E5;
				border-right: 1px solid #E5E5E5;
				border-left: 1px solid #E5E5E5;
				color: #666;
				font-size: 11px;
				line-height: 17px;
				padding: 8px;
			}
				#sidebar #popular-offers ul li a { 
					color: #8D2826;
					display: block;
					margin-bottom: 6px;
					font-size: 12px;
				}
					#sidebar #popular-offers ul li a:hover { 
						text-decoration: none;
					}
				




/* ---------- ( Left Sidebar ) ------------------------------ */
#content-sidebar {
	float: left; width: 120px;
	margin: 0px 20px 0px 20px;
	display: inline;
}
#content-sidebar .box {  }
	#content-sidebar #hotoffersbox {
		
	}
		#content-sidebar #hotoffersbox ol li {
			background: url(elements/images/item-bg.jpg) no-repeat bottom;
			padding: 8px;
		}
			#content-sidebar #hotoffersbox ol li a { 
				color: #666;
				line-height: 16px;
				font-size: 11px;
				text-decoration: none;
			}
			#content-sidebar #hotoffersbox ol li img {
				float: left;
				margin: 0px 8px 0px 0px;
			}
			#content-sidebar #sponsorsmall {
				border: none !important;
				
			}
		#content-sidebar #top-retailers {
			
		}
			#content-sidebar #top-retailers ul {
				padding: 3px 0px 12px 0px;
			}
				#content-sidebar #top-retailers ul li {
					display: inline;
				}
					#content-sidebar #top-retailers ul li a {
						background: url(elements/images/orange-bullet.gif) 10px 15px no-repeat;
						color: #990000; padding: 8px 8px 0px 26px;
						display: block; line-height: 18px;
						font-size: 11px;
					}
		#content-sidebar #discountcodes {
			
		}
			#content-sidebar #discountcodes ol { padding-bottom: 10px; }
				#content-sidebar #discountcodes ol li { 
					font-size: 11px; color: #333;
					padding: 10px 10px 0px 10px;
					line-height: 15px;
				}





/* ---------- ( Footer ) ------------------------------ */
#footer {
	clear: both;
	margin: 20px 20px 0px 20px;
	color: #666;
	background: url(elements/images/footer.jpg) top repeat-x;
}
	#footer h3 {  
		color: #BE3632; font-weight: normal;
		text-transform: uppercase; letter-spacing: 2px;
		height: 34px; line-height: 34px;
	}
	#footer a {
		color: #666; text-decoration: none;
	}
	#footer #about-us {
		float: left;
		width: 215px;
		margin: 0px 0px 10px 10px;
		display: inline;
	}
	#footer #top-categories {
		float: left;
		width: 380px;
		margin: 0px 0px 10px 10px;
		display: inline;
	}
	#footer #site-information {
		float: left;
		width: 307px;
		margin: 0px 0px 10px 10px;
		display: inline; 
	}
		#footer #site-information h3 {
			margin-bottom: 12px;
		}
			#footer #site-information ul li, #footer #site-information ul li a {
				line-height: 18px;
				display: inline-block;
			}
		#footer #top-categories ul li a {
			float: left;
			width: 190px;
			margin-top: 12px;
		}
		#footer ul {  }
			#footer ul li {  
				display: inline;
			}
				#footer ul li a {  
					margin-top: 8px;
					display: block;
				}
					#footer ul li a:hover { text-decoration: underline; }














.idmsg{
	color: #333333;
	font-size: 11px;
	line-height: 12px;
        width: 92%;
	padding: 5px 4px 3px 11px;
}
span.error {
	background: red;
        padding: 5px;
	color:#FFFFFF; display: block;
        
}
span.success{
        background: green;
        padding: 5px;
	color:#FFFFFF; display: block;
}



#dont-miss-deals .idmsg2 {
	position: absolute;
	margin: 0 !important;
	top: 10px; left: 0;

	font-size: 11px;
	padding: 8px;
	line-height: 12px;
        width: 98%;
}






#border {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 25px;
}