/*
Theme Name: Freetastic
Theme URI: http://www.freetastic.co.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: "" "";
}



.pngfix, .under div { behavior: url(http://www.freetastic.co.uk/wp-content/themes/freetastic/elements/javascript/iepngfix.htc); }





/* ---------- ( 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, Verdana, sans-serif;
	background: url(elements/images/bg.png) repeat-x; 
}
#wrapper {
	margin: 0 auto;
	width: 940px;
	padding-bottom: 20px;
	height: 100%;
}
a { color: #A60F10; }
.alignright { float: right; }
.alignleft { float: left; }


		


/* ---------- ( Header ) ------------------------------ */
#header {
	margin-bottom: 20px;
	float: left;
	width: 940px;
}
	#header h1 a {
		background: url(elements/images/logo.png) no-repeat;
		display: block;
		width: 264px;
		height: 87px;
		text-indent: -9999px;
		margin: 0px 0px 0px 27px;
		float: left;
		display: inline;
	}
	#header .banner {
		text-indent: -9999px;
		background: url(elements/images/all-freebies-header.png);
		width: 550px;
		height: 60px;
		float: right;
		margin-top: 20px;
	}




/* ---------- ( Main Nav ) ------------------------------ */
ul#mainnav {
	float: left;
	width: 940px;
	margin-bottom: 20px;
}
	ul#mainnav li {
		*display: inline;
	}
		ul#mainnav li a {
			background: url(elements/images/main-nav.png) no-repeat;
			display: block;
			text-indent: -9999px;
			height: 45px;
			float: left;
			margin-right: 28px;
		}
			ul#mainnav li.last a {
				margin: 0px 0px 0px 1px;
			}
			
			ul#mainnav li#top-freebies a { background-position: 0px -45px; width: 143px; }
				ul#mainnav li#top-freebies a:hover { background-position: 0px 0px; }
			ul#mainnav li#latest-freebies a { background-position: -153px -45px; width: 166px; }
				ul#mainnav li#latest-freebies a:hover { background-position: -153px 0px; width: 166px; }
			ul#mainnav li#money-saving a { background-position: -329px -45px; width: 157px; }
				ul#mainnav li#money-saving a:hover { background-position: -329px 0px; width: 157px; }
			ul#mainnav li#money-making a { background-position: -496px -45px; width: 163px; }
				ul#mainnav li#money-making a:hover { background-position: -496px 0px; width: 163px; }
			ul#mainnav li#printable-vouchers a { background-position: -669px -45px; width: 198px; }
				ul#mainnav li#printable-vouchers a:hover { background-position: -669px -0px; width: 198px; }




/* ---------- ( Sidebar ) ------------------------------ */
#sidebar {
	width: 220px;
	float: left;
}
	#sidebar h2#search-freebies {
		background: url(elements/images/side-search-freebies.png);
		height: 60px;
		text-indent: -9999px;
		margin: 0px;
	}
	#sidebar h2#top-10 {
		background: url(elements/images/side-top-10.png);
		height: 60px;
		text-indent: -9999px;
		margin: 0px;
	}
	#sidebar ul {
		margin-bottom: 20px;
	}
		#sidebar ul li {
			
		}
			#sidebar ul li a {
				border-bottom: 1px solid #DDE5E6;
				border-left: 1px solid #DDE5E6;
				border-right: 1px solid #DDE5E6;
				display: block;
				background: url(elements/images/sidebar-item.png);
				padding-left: 32px;
				height: 29px;
				line-height: 29px;
				text-decoration: none;
				color: #000;
			}
				#sidebar ul li a:hover {
					background: url(elements/images/sidebar-item.png) bottom;
				}
		
	#sidebar ol#top {
		margin-bottom: 20px;
	}
		#sidebar ol#top li {

		}
			#sidebar ol#top li a {
				border-bottom: 1px solid #DDE5E6;
				border-left: 1px solid #DDE5E6;
				border-right: 1px solid #DDE5E6;
				display: block;
				background: url(elements/images/sidebar-item.png);
				padding-left: 32px;
				height: 29px;
				line-height: 29px;
				color: #56969E;
				font-size: 11px;
                                overflow: hidden;

			}
				#sidebar ol#top li a:hover {
					background: url(elements/images/sidebar-item.png) bottom;
				}
		




/* ---------- ( Content ) ------------------------------ */
#content {
	width: 700px;
	float: right;
	margin-bottom: 20px;
}
	#content #search {
		background: url(elements/images/search.png);
		height: 60px;
		position: relative;
		margin-bottom: 20px;
	}
		#content #search input {
			border: none;
			background: none;
			width: 550px;
			margin: 21px 4px 15px 19px;
			font-size: 16px;
		}
		#content #search #searchsubmit {
			width: 22px;
			position: absolute;
			background: url(elements/images/search-button.png);
			width: 111px;
			height: 60px;
			top: 0px;
			right: 0px;
			margin: 0;
			cursor: pointer;
    		cursor: hand;
		}
	
	#content #middle-content {
		width: 460px;
		float: left;
		*margin-bottom: -20px;
	}
		#middle-content h1#free-discount-vouchers {
			background: url(elements/images/free-discount-vouchers.png);
			height: 50px;
			text-indent: -9999px;
			margin-bottom: 20px;
		}
		#middle-content .post {
			margin-bottom: 20px;
			*margin-bottom: 30px;
			background: url(elements/images/bottom-scissors.png) bottom no-repeat;
			padding-bottom: 20px;
			*padding-bottom: 6px;
		}
			#middle-content .post h2 {
				font-size: 18px; 
				font-weight: bold;
				margin-bottom: 14px;
			}
			#middle-content .post p {
				line-height: 19px;
				margin-bottom: 14px;
			}
				.page { 
					line-height: 19px;
					margin-bottom: 14px;
				} 
				
			#middle-content .more {
				display: none;
			}
			#middle-content h1, h2, h3, h4, h5, h6 {
				font: 22px Arial, Helvetica, sans-serif;
				margin-bottom: 14px;
			}
				#middle-content h3 {
					font-size: 20px;
					font-weight: bold;
				}
				#middle-content h3 {
					font-size: 18px;
				}
				
			#middle-content .post div.share-this {
				display: block;
				width: 95px;
				background: url(elements/images/share-this-post.png) 0px -2px;
				height: 23px;
				text-indent: -9999px;
				margin-left: 100px;
				z-index: 10000;
				position: absolute;
			}
			
				#middle-content .post div.share-this-active {
					display: block;
					width: 95px;
					background: url(elements/images/share-this-post.png) 0px -102px;
					height: 100px;
					text-indent: -9999px;
					margin-left: 100px;
					position: absolute;
					z-index: 10000;
				}
					#middle-content .post div.share-this-active a {
						display: block;
						width: 16px;
						height: 16px;
						float: left;
						*display: inline;
					}
						#middle-content .post div.share-this-active a.share-1 {
							margin: 36px 10px 0px 10px;
							*margin: 21px 10px 0px 10px;
						}
						#middle-content .post div.share-this-active a.share-2 {
							margin: 36px 0px 0px 0px;
							*margin: 21px 0px 0px 0px;
						}
						#middle-content .post div.share-this-active a.share-3 {
							margin: 36px 10px 0px 10px;
							*margin: 21px 10px 0px 10px;
						}
						#middle-content .post div.share-this-active a.share-4 {
							margin: 8px 1px 0px 10px;
						}
						#middle-content .post div.share-this-active a.share-5 {
							margin: 8px 0px 0px 10px;
						}
						#middle-content .post div.share-this-active a.share-6 {
							margin: 8px 0px 0px 10px;
						}
			
			#middle-content .post a.get-discount {
				background: url(elements/images/btn-get-discount-now.png);
				width: 150px;
				height: 25px;
				display: block;
				float: right;
				text-indent: -9999px;
			}
			#middle-content .post .text {
				float: right;
				width: 358px;
				position: relative;
			}
			#middle-content .post .img {
				width: 80px;
				height: 100px;
				float: left;
				background: url(elements/images/post-banner-bg.png);
			}
				#middle-content .post .img img {
					margin: 14px 0px 0px 4px;
				}
				#middle-content .post .img span {
					margin: 19px 0px 0px 0px;
					*margin: 15px 0px 0px 0px;
					text-align: center;
					color: #FFF;
					display: block;
				}
		




/* ---------- ( Right Sidebar ) ------------------------------ */
#right-sidebar {
	float: right;
	width: 220px;
}
	#right-sidebar h2#email-alerts {
		background: url(elements/images/right-sidebar-email-alerts.png);
		height: 61px;
		text-indent: -4444px;
		margin: 0px;
	}
	#right-sidebar h2#latest-tweets {
		background: url(elements/images/latest-tweets.png);
		height: 57px;
		text-indent: -4444px;
		margin: 0px;
	}

	#right-sidebar h2#latest-facebook {
		background: url(elements/images/latest-facebook.png);
		height: 57px;
		text-indent: -4444px;
		margin: 10px 0px 0px 0px;
	}

	#right-sidebar h2#stay-connected {
		background: url(elements/images/stay-connected.png) no-repeat;
		height: 21px;
		text-indent: -4444px;
		margin-bottom: 12px;
	}
	
	#right-sidebar .box {
		background: url(elements/images/right-sidebar-blue-bg.png) repeat-y;
		padding: 11px;
	}
		#right-sidebar .box .inner {
			position: relative;
		}
			#right-sidebar .box .inner p {
				font-size: 11px;
				line-height: 18px;
				margin-bottom: 12px;
			}
			#right-sidebar .box .search {
				background: url(elements/images/right-sidebar-search.png) no-repeat;
			}
				#right-sidebar .box #email {
					width: 183px;
					background: none;
					border: 0px none;
					height: 18px;
					float: left;
					margin: 8px 0px 18px 8px;
					font-size: 11px;
				}
				#right-sidebar .box #contactsubmit {
					background: url(elements/images/btn-submit.png);
					width: 80px;
					height: 30px;
					border: none;
					cursor: pointer;
    				cursor: hand;
					float: right;
					margin: 0px 1px 2px 0px;
				}
				#right-sidebar .box #right-policy {
					font-size: 11px;
					color: red;
					margin-top: 6px;
					float: left;
				}
				div#thank-you {
					border: 1px solid #ccc;
					background: green;
					color: #fff;
					padding: 5px;
					position: absolute;
					bottom: 93px;
				}
				
			#right-sidebar #twitter {
				padding: 3px 8px 0px 8px;
				line-height: 20px;
			}
				#right-sidebar #twitter a {
					color: #A60F10;
				}
				#right-sidebar #twitter span {
					
				}
					#right-sidebar #twitter span a {
						float: none;
					}
				#right-sidebar #twitter a#follow {
					font-weight: bold;
					font-size: 12px;
					float: right;
					padding: 9px 0px 9px 0px;
					display: block;
				}
				
		a#printable-vouhers-button {
			background: url(elements/images/btn-printable-vouchers.png);
			height: 120px;
			text-indent: -9999px;
			display: block;
			margin-bottom: 20px;
		}
	#right-sidebar ul#connect {
		margin-bottom: 20px;
	}
		#right-sidebar ul#connect li {
			*display: inline;
		}
			#right-sidebar ul#connect li a {
				text-indent: -9999px;
				width: 16px;
				height: 16px;
				float: left;
				margin-right: 11px;
			}
				#right-sidebar ul#connect li#bookmark-1 a { background: url(elements/images/icon-digg.png); }
				#right-sidebar ul#connect li#bookmark-2 a { background: url(elements/images/icon-delicious.png); }
				#right-sidebar ul#connect li#bookmark-3 a { background: url(elements/images/icon-facebook.png); }
				#right-sidebar ul#connect li#bookmark-4 a { background: url(elements/images/icon-google.png); }
				#right-sidebar ul#connect li#bookmark-5 a { background: url(elements/images/icon-technorati.png); }
				#right-sidebar ul#connect li#bookmark-6 a { background: url(elements/images/icon-furl.png); }
				#right-sidebar ul#connect li#bookmark-7 a { background: url(elements/images/icon-stumbleupon.png); }
				#right-sidebar ul#connect li#bookmark-8 a { background: url(elements/images/icon-rss.png); }
	




/* ---------- ( Slider ) ------------------------------ */
h2#slider-heading {
	background: url(elements/images/save-money-slider.png);
	height: 56px;
	text-indent: -9999px;
	margin: 0px;
}
#slider {
	background: url(elements/images/slider-bg.png) no-repeat;
	height: 254px;
	width: 700px;
	float: left;
	margin-bottom: 20px;
    position: relative;
    _overflow: hidden;
	_margin-bottom: 0px;
}
#slider ul {
  	clear: both;
	margin: 14px 0 0 0;
	position: absolute;
	width: 20000em;
}
	#slider ul li {
	    float: left;
	    margin-right: 16px;
	}
		#slider #buttons {
	    	position: relative;
		}
		#slider a.browse {
			cursor: pointer;
			height: 40px;
			position: absolute;
			top: 100px;
			text-indent: -9999px;
			width: 30px;
		}
			#slider a.left {
				left: 15px; background: url(elements/images/btn-left-slider.png) -98px no-repeat;
			}
				#slider a.left:hover {
					background: url(elements/images/btn-left-slider.png) 0px no-repeat;
				}
			#slider a.right {
				right: 16px; background: url(elements/images/btn-right-slider.png) -98px no-repeat;
			}
				#slider a.right:hover {
					background: url(elements/images/btn-right-slider.png) 0px no-repeat;
				}
				
			#slider ul li div.item {
				width: 180px;
				background: url(elements/images/slider-item-bg.png);
				z-index: 1;
				height: 229px;
				position: relative;
			}
				#slider ul li div.item img {
					margin: 7px 0px 0px 8px;
				}
				#slider ul li div.item p a {
					margin: 8px 11px 0px 11px;
					color: #000;
					display: block;
					text-decoration: none;
					font-size: 11px;
				}
				#slider ul li div.item span.share-this {
					bottom: 12px;
					left: 11px;
					position: absolute;
					text-indent: -9999px;
					width: 75px;
					height: 19px;
				}
				#slider ul li div.item a.link {
					color: red;
					font-weight: bold;
					bottom: 17px;
					right: 11px;
					position: absolute;
				}
				#slider ul li div.item a img.corner {
					position: absolute;
					top: -7px;
					left: -7px;
				}
				#slider ul div.under {
					background: url(elements/images/slider-item-bg-under.gif);
					position: relative;
					width: 180px;
					height: 54px;
					bottom: 52px;
				}
					#slider ul div.under a {
						display: block;
						width: 16px;
						height: 16px;
						float: left;
						*display: inline;
						text-indent: -9999px;
					}
					
						#slider ul div.under a.share-1 {
							margin: 12px 10px 0px 10px;
						}
						#slider ul div.under a.share-2 {
							margin: 12px 0px 0px 3px;
						}
						#slider ul div.under a.share-3 {
							margin: 12px 10px 0px 13px;
						}
						#slider ul div.under a.share-4 {
							margin: 12px 0px 0px 2px;
						}
						#slider ul div.under a.share-5 {
							margin: 12px 5px 0px 13px;
						}
						#slider ul div.under a.share-6 {
							margin: 12px 0px 0px 7px;
						}
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
				/* --- */
				#slider #slider-warp {
				   height:285px;
					margin-left:63px;
					overflow:hidden;
					position:relative;
					width:575px;
				}





/* ---------- ( Footer ) ------------------------------ */
#footer {
	background: url(elements/images/footer.png) repeat-x;
	height: 460px;
	clear: both;
}
	#footer #inner {
		margin: 0 auto;
		width: 940px;
		height: 450px;
		position: relative;
                overflow: hidden;
	}

	#footer #inner #categoryfooter {
		width: 940px;
		height: 200px;
                margin: 0px;
                padding: 0px;
                float: left;
	}

#footer #inner #categoryfooter h3 {
				font-weight: bold;
				padding-top: 20px;
				font-size: 14px;
				margin-bottom: 12px;
			}


#footer #inner #categoryfooter ul {
		width: 940px;
		height: 200px;
padding-top: 0px;
                 
				
			}
				#footer #inner #categoryfooter ul li {

					display: inline;
					width: 200px;
}
					#footer #inner #categoryfooter ul li a {
				display: block;
                                width:135px;
			        margin: 0px 20px 0px 0px;
                                float: left;
                                overflow: hidden;
				height: 25px;
				line-height: 25px;
				text-decoration: none;
                                color: #3E3E3E;
				 }
			#footer #inner #categoryfooter ul li a:hover {
				text-decoration: underline;
			}


		#footer #inner #email-alerts-footer {
			background: url(elements/images/footer-email.png) no-repeat;
			width: 460px;
			height: 180px;
			float: right;
			margin-top: 28px;
			position: relative;
			_display: none;
		}
			#footer #inner #email-alerts-footer p {
				float: left;
				margin: 83px 0px 0px 22px;
				line-height: 19px;
				width: 203px;
				*display: inline;
			}
			#footer #inner #email-alerts-footer form {
				float: right;
				margin: 1px 22px 0px 0px;
				width: 193px;
				_display: inline;
			}
				#footer #inner #email-alerts-footer form #email {
					width: 183px;
					background: none;
					border: 0px none;
					height: 18px;
					float: left;
					margin: 8px 0px 18px 8px;
					*margin: 10px 0px 18px 8px;
					font-size: 11px;
				}
				
				#footer #inner #email-alerts-footer form #contactsubmit {
					background: url(elements/images/btn-submit.png);
					width: 80px;
					height: 30px;
					border: none;
					cursor: pointer;
    				cursor: hand;
					float: right;
					margin: 0px 1px 2px 0px;
					*margin: 0px -23px 2px 0px;
					_margin: 0px 1px 2px 0px;
				}
				a#footer-policy {
					font-size: 11px;
					color: red;
					bottom: 26px;
					left: 245px;
					position: absolute;
				}
				div.required {
					border: 1px solid #ccc;
					background: red;
					color: #fff;
					padding: 5px;
					position: absolute;
					bottom: 93px;
				}

		#footer #inner .box {
			width: 135px;
			float: left;
			margin: 28px 0px 0px 20px;
		}
			#footer #inner .box h3 {
				font-weight: bold;
				margin-bottom: 22px;
				font-size: 14px;
			}
			#footer #inner .box ul {
				
			}
				#footer #inner .box ul li {
					_display: inline;
				}
					#footer #inner .box ul li a {
						color: #3E3E3E;
						text-decoration: none;
						display: block;
						margin-bottom: 8px;
					}
			#footer #inner .first {
				margin-left: 0px;
			}
			#footer #inner .box ul li a:hover {
				text-decoration: underline;
			}
		#footer #inner #bottom {
			position: absolute;
			bottom: 0px;
			left: 0px;
			color: #fff;
			font-size: 11px;
			width: 940px;
		}
			#footer #inner #bottom a {
				color: #fff;
			}
			#footer #inner #bottom p.left {
				float: left;
			}
			#footer #inner #bottom p.right {
				float: right;
			}




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

.comments-template {
	margin-top: 20px;
}
	.comments-template h2 {
		font-size: 18px;
	}

	/* ----- ( Comments ) ----- */
	.comments-template p.clearfix {
		margin-bottom: 12px;
	}
	.comments-template label {
		margin-bottom: 6px;
		display: block;
	}
		.comments-template p.clearfix input {
			border: 1px solid #02ABB9;
			margin: 0px 0px 0px 0px;
			width: 303px;
			padding: 7px;
			font: 11px Verdana, Geneva, sans-serif;
			color: #000;
		}
		.comments-template p.clearfix textarea {
			border: 1px solid #02ABB9;
			margin: 0px 0px 0px 0px;
			width: 443px;
			height: 131px;
			font: 11px Verdana, Geneva, sans-serif;
			color: #000;
			padding: 7px;
		}
		.comments-template p.button {
			padding: 0;
		}
		.comments-template p.button input {
			background: url(elements/images/btn-submit-comment.png);
			width: 90px;
			height: 30px;
			border: none !important;
			cursor: pointer;
			cursor: hand;
		}

    /* ----- ( Comments ) ----- */
	.comments-template ol {
		padding-left: 0 !important;
		list-style: none !important;
	}
		.comments-template ol li {
			margin-bottom: 18px !important;
			list-style: none !important;
		}
			.comments-template ol li p {
				margin-bottom: 15px !important;
			}
			.comments-template ol li .comment-box {
				border-top: 1px solid #02ABB9;
				border-left: 1px solid #02ABB9;
				border-right: 1px solid #02ABB9;
				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: 360px;
				}
			.comments-template .commentmetadata {
				font-size: 11px;
				padding: 8px;
				border-left: 1px solid #02ABB9;
				border-right: 1px solid #02ABB9;
				border-bottom: 1px solid #02ABB9;
				background: #02ABB9;
				color: #fff;
				$margin-top: -3px;
			}
				.comments-template .commentmetadata a {
					color: #fff;
				}
			
		/* Author Comment Style */
		.comments-template ol li.author .comment-box {
			background: #fff;
			padding: 15px 15px 0px 15px;
		}




<!-- 
	OPEN UP YOUR CUSTOM.CSS FILE, AND PASTE THE FOLLOWING CODE
	NOTE: MAKE SURE YOU HAVE UPLOADED THE IMAGES PROVIDED IN THE DOWNLOAD
	INTO YOUR /IMAGES/ FOLDER IN THESIS
-->

#optin { margin: 0 auto 2em; overflow: hidden; text-align: center; width: 32em }
	#optin h3 { margin-top: 0 }
	#optin p { margin: 8px 0 0 }
	#optin input {
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		box-shadow: 0 2px 2px #ddd;
		-moz-box-shadow: 0 2px 2px #ddd;
		-webkit-box-shadow: 0 2px 2px #ddd
	}
		#optin input[type="text"] {
			background: #fff url(elements/images/input.png) repeat-x bottom;
			border: 1px solid #ccc;
			float: left;
			font-size: 14px;
			margin: 0 10px 10px 0;
			padding: 8px 10px;
			width: 150px;
		}
		#optin input[type="submit"] {
			background: #217b30 url(elements/images/green.png) repeat-x top;
			border: 1px solid #137725;
			color: #fff;
			cursor: pointer;
			float: left;
			font-size: 14px;
			font-weight: bold;
			padding: 3px 5px;
			text-shadow: -1px -1px #1c5d28;
			text-transform: uppercase;
			width: auto
		}
			#optin input[type="submit"]:hover { color: #c6ffd1 }
		#optin span { background: url(elements/images/lock.png) no-repeat center left; float: left; margin-left: 15px; padding-left: 20px }