/* @override http://www.samples4free.co.uk/wp-content/themes/Samples4Free-v2/style.css */

/*
Theme Name: Samples4Free-V2
Author: William Hutter
Author URI: http://www.rankmeup.com
Version: 2 
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins {color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:13px/1.4 sans-serif; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }


::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea { color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
p { font:14px/140% sans-serif;}
a, a:active, a:visited { text-decoration: none;	color: #CC0033; }
h2 a{ font-size:19px;}
body {
	color: #333;
	border-top: 1px solid #fff;
	background: #E8E7E3 url(images/halo.png) no-repeat 50% 0px;
}


a:hover {
	text-decoration: underline
}
.clear {
	clear: both;
}

blockquote {
	font-style: oblique
}

ul {
	margin: 0;
	padding: 0
}

ul
li {
	padding: 0
}

li {
	list-style-type: none;
}

.disc {
	list-style-type: disc
}
textarea,input {
	font-family: Arial,Helvetica,sans-serif;
	padding: 10px;
	padding: 7px;
	color: #333;
	font-size: 12px
}

input[type="submit"]{
	background: #009966 url(images/button-overlay.png) repeat-x;
	border: 1px solid rgba(0,0,0,0.25);
	outline: none;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	display: inline-block;
	padding: 6px 10px;
	position: relative;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
input[type="submit"]:hover{
	background-color: #006633;
	color: #fff;
}
input[type="submit"]:active{
	top: 1px;
}
#background {
	display: none;
	position: fixed;
	height: 100%;
	opacity: .8;
	width: 100%;
	top: 0px !important;
	left: 0;
	background: #000;	
	z-index: 99999;
}
#wrapper {
	width: 980px;
	margin: 0 auto;
}
	#wrapper .popup{
		position: absolute !important;		
		background: #FFFFFF url('images/shopper.jpg') no-repeat 20px;
		padding: 20px;
		display: none;
		z-index: 999999;
		width: 920px;
		top: 110px !important;
		border: 2px solid #eeab28;
		
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
	}
		#wrapper .popup .popupBadge{
			background: url('images/popupBadge.png') no-repeat;
			width: 120px;
			height: 122px;
			position: absolute;
			top: -50px;
			left: -50px;
			font-size: 35px;
			color: #fff;
			font-weight: bold;
			padding: 35px;
			-webkit-transform: rotate(-10deg);  
			-moz-transform:rotate(-10deg);  
			-ms-transform: rotate(-10deg);  
			transform: rotate(-10deg);
			text-shadow:  4px 4px 0px rgba(0, 0, 0, .1);
		}
		#wrapper .popup .popupClose{
			position: absolute;
			top: 10px;
			right: 10px;
		}
		#wrapper .popup .popupContent{
			margin-left: 300px;
		}
			#wrapper .popup .popupContent h5{
				font-size: 50px;
				color: #eeab28;
				margin-bottom: 10px;
				text-shadow: -1px 1px #f5e5c6, -2px 2px #f5e5c6, -3px 3px #f5e5c6, -4px 4px #f5e5c6, -5px 5px #f5e5c6, -6px 6px #f5e5c6;
			}
			#wrapper .popup .popupContent ul.benefits{
				margin-top: 20px;
				float: left;
				width: 260px;
				margin-right: 20px;
			}
				#wrapper .popup .popupContent ul.benefits li{
					margin-bottom: 10px;
					padding-left: 30px;
					padding-top: 5px;
					height: 20px;
					background: url('images/check.png') no-repeat;
				}
			#wrapper .popup .popupContent .popupSubscribe {
				float: left;
				width: 330px;
				margin-top: 20px;
			}
			#wrapper .popup .popupContent .popupSubscribe h6{
				font-size: 20px;
				margin-bottom: 10px;
			}
			#wrapper .popup .popupContent .popupSubscribe #feed{
				margin-bottom: 20px;
			}
				#wrapper .popup .popupContent .popupSubscribe #feed input[type='submit']{
					margin-left: 20px;
				}
				#wrapper .popup .popupContent .popupSubscribe #feed input[type='text']{
					width: 200px;
					border: solid 1px #006633;
				}
			wrapper .popup .popupContent .popupSubscribe .twButton {
				background: none;
				margin-top: 10px;
			}

#header {
	display: block;
	padding: 0;
	background: #fff;
	height: 70px;
	z-index: 99999;
	left: 0;
	width: 100%;
	border: 1px solid #fefefe;
	
	-webkit-box-shadow: 4px 4px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow:  4px 4px 0px rgba(0, 0, 0, .1);
	box-shadow:  4px 4px 0px rgba(0, 0, 0, .1);
	
	text-shadow: 0 1px 1px #fff;
}

#header .logo a{
	background: url(images/logo.png) no-repeat;
	text-indent: -9999em;
	width: 350px;
	height: 50px;
	margin: 10px 0 10px 20px;
	float: left;
}



#header #feed {
	background: url(images/emailSubscribe.png) no-repeat;
	float: right;
	width: 450px;
	height: 80px;
}
	#header #feed form{
		margin-left: 130px;
		margin-top: 20px;
	}
	#header #feed form input[type="text"]{
		width: 200px;
		border: solid 1px #006633;
	}
	#header #feed form input[type="submit"]{
		height: 30px;
		margin-left: 10px;
	}

#content {
	display: block;
	float: left;
	background: #fff;
	margin: 10px 0 0;
	width: 100%;
	min-height: 1030px;
	height: 100%;
	position: relative;
	-webkit-box-shadow: 2px 4px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow:  2px 4px 0px rgba(0, 0, 0, .1);
	box-shadow:  2px 4px 0px rgba(0, 0, 0, .1);
	
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius: 12px 12px 0 0;
	border-radius: 12px 12px 0 0;
}
	#content .sidebarRight {
		width: 250px;
		float:right;
		width:250px;
		margin-right:10px;
	}
	#content .sidebarRight .rightAd{
		margin-top: 20px;
	}
	#content .sidebarRight .fbLikes{
		width: 105px;
		height: 90px;
		color: #fff;
		float: left;
		background: url(images/fbLikes.png) no-repeat;
		display: block;
		margin-top: -16px;
		font-weight: bold;
		padding-top: 15px;
		text-align: center;
		margin-right: 20px;
		margin-left: 10px;
		margin-bottom: 10px;
		text-decoration: none;

	}
		#content .sidebarRight .fbLikes span{
			font-size: 35px;
			height: 35px;
			float: left;
			width: 105px;
		}
	#content .sidebarRight .rssSubscribe{
		width: 105px;
		height: 90px;
		color: #fff;
		float: left;
		background: url(images/rssSubscribe.png) no-repeat;
		display: block;
		margin-top: -16px;
		font-weight: bold;
		padding-top: 15px;
		text-align: center;
		margin-bottom: 10px;
		text-decoration: none;
	}
		#content .sidebarRight .rssSubscribe span{
			font-size: 35px;
			height: 35px;
			float: left;
			width: 105px;
		}
		#content .sidebarRight .righttAd{
			bottom: 20px;
		}
	#content .sidebarLeft {
		width: 160px;
		padding-left:10px;
		float:left;
	}
		#content .sidebarLeft .leftAd{
			bottom: 20px;
		}
		#content .sidebarLeft .widget{
			margin-bottom: 5px;
			background: #fff;
			padding: 5px;
			margin-bottom:10px;
		}
			#content .sidebarLeft .widget li{
				
			}
			#content .sidebarLeft .widget a{
				background: none;
				text-shadow: none;
				color: #333333;
				margin:0 0 0px -5px !important;
				padding:7px 6px;
				display: block;
				font-size:14px;
				border-bottom:dashed 1px #999;
			}
			#content .sidebarLeft .widget ul li img{
				float:left;
				padding-right:10px;
			}
			#content .sidebarLeft .widget ul#popular li{
				border-bottom:dashed 1px #999;
				padding:10px 0;
			}
			#content .sidebarLeft .widget ul#popular li a{
				border:none;
				padding:0;
			}
			#content .sidebarLeft .widget ul#popular li a:hover{
				border:none;
				background:none;
			}
			#content .sidebarLeft .widget a:hover, #content .sidebarLeft .widget li.current-cat a{
				background-color: #EEF8FA;
			}
		#content .sidebarLeft .widgettitle {
			background: url(images/bkMenuTitle.png) no-repeat;
			margin: 0px 0 0px -25px;
			height: 35px;
			width: 170px;
			padding: 7px 0 0 12px;
			color: #fff;
		}
		#content .sidebarRight .widget{
			margin:15px 0;
		}
		
	#content .mainContent {
		width: 510px;
		float: left;
		margin-left:20px;
	}
		#content .mainContent .bkGradient{
			width: 515px;
			position: fixed;
			bottom: 0;
			left: 50;
			z-index: 99999;
			height: 50px;
			background:url(images/bkGradient.png) repeat-x bottom;
		}
		#content .mainContent #infscr-loading{
			z-index: 99999999;
			margin: 0 auto;
			width: 250px;
			text-align: center;
			margin-bottom: 20px;
			position: relative;
		}
		#content .mainContent .contentAd{
			float: left;
			margin-bottom: 10px;
			position: relative;
			padding: 20px;
			background-color: #eef8fa;
			border: 1px dashed #128AC2;
		}
		#content .mainContent .post{
			float: left;
			margin-bottom: 10px;
			position: relative;
			padding: 20px;
			width: 470px;
			background-color: #eef8fa;
			border: 1px dashed #128AC2;
		}
		#content .mainContent .post h1{
			font-size: 19px;
			margin-bottom: 5px;
			margin-left: 130px;
			margin-right: 40px;
			line-height:120%;
		}
		#content .mainContent .post .freeTag{
			position: absolute;
			right: -3px;
			top: 10px;
			background: url(images/freeTag.png) no-repeat;
			text-indent: -9999em;
			width: 58px;
			height: 30px;
		}
		#content .mainContent .post p{
			margin-left: 130px;
			margin-right: 40px;
			margin-bottom: 10px;
		}
		#content .mainContent .post .thumb{
			float: left;
			width: 130px;
		}
		#content .mainContent .post .thumb img {
			width: 110px;
			height: 110px;
		}
		#content .mainContent .post .thumb a {
			background: none;
		}
		.adsSingle{
			margin:10px 0;
		}
		#content .mainContent .post footer {
			font-size: .8em;
			color: #999;
			margin-left: 130px;
		}
	
	#content .page h2 {
		font-size: 30px;
		margin-bottom: 10px;
	}
	#content .page p {
		margin-bottom: 10px;
	}
	
	#content article#main {
		width: 730px;
		position: relative;
		margin-top: 20px;
		margin-left:15px;
		float: left;
		background-color: #eef8fa;
		padding: 20px;
		border: 1px dashed #cec9b8;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	#content article#main li{
		list-style:disc;
	}
	#content article#main ul{
		padding-left:15px;
	}
		#content article#main .scisors{
			background: url(images/scisors.png) no-repeat;
			width: 40px;
			height: 27px;
			position: absolute;
			z-index: 9;
			bottom: -3px;
			right: 0px;
		}
	#content article#main header{
		float: left;
	}
		#content article#main header h1{
			font-size: 25px;
			display:block;
		}
		#content article#main header h2{
			font-size: 13px;
			clear:both;
			display:block;
			font-weight: normal;
			margin-bottom: 10px;
		}
		#content article#main header .addthis_toolbox{
			clear:both;
			height:30px;
			display:block;
		}
		#content article#main header .addthis_toolbox a:hover{
			background-color: none;
		}
	#content article#main .leftCol{
		max-width: 260px;
		height: auto;
		margin: 0 0 0 15px;
		float: right;
		position: relative;
	}
	div.addthis_toolbox.addthis_default_style{
		height:30px;
		display:block;
	}
		#content article.main img.wp-post-image{
			max-width: 92%;
			height: auto;
			margin: 0 0 10px 0;
			float: left;
			clear: both;
			position: relative;
			padding: 10px;
			background: #fff;
			border: 1px dashed #cec9b8;
			position:relative;
			
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			-webkit-transition: all 1s ease-in-out;
		    -moz-transition: all 1s ease-in-out;
		    -o-transition: all 1s ease-in-out;
		}
		
	#content article.main .rightCol{
		float:left;
		width:450px;
		
	}
		#content article.main .rightCol .sampleButton{
			margin-bottom: 15px;
			font-size: 1.4em;
			background-color: #CC0033;
		}
		#content article.main .rightCol .sampleButton:hover{
			background: #CC0033;
		}
		#content article.main .rightCol .singleAd{
			margin-bottom: 5px;
		}
		
	#content article.main footer{
		font-size: .8em;
		margin-top: 10px;
		color: #999;
	}
		#content article.main footer .addthis_toolbox{
			margin-top: 10px;
		}
		
	#content #comments {
		background: none repeat scroll 0 0 #F9F9F9;
		border: 1px solid #F3F3F3;
		padding: 10px;
		float: left;
		height: auto;
		width: 750px;
		margin:10px 0 0 20px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	#content #comments li,
	#content #comments ul{
		display:none;
	}
	
	#content #comments h3{
		margin-left: 10px;
		margin-bottom: 5px;
		font-size: 20px;
	}
		#content #comments ul.commentlist {
			background: #f7f7f7
		}
			#content #comments ul.commentlist li{
				padding: 10px;
				font-weight: bold;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
			}
			#content #comments ul.commentlist li small{
				font-weight: normal;
				margin-bottom: 5px;
				float: left;
				width: 100%;
				color: #999;
			}
			#content #comments ul.commentlist li.thread-odd{
				background: #fff;
			}
			#content #comments ul.commentlist li.thread-even{
				
			}
		#content #comments #commentform{
			margin-left: 10px;
			margin-top: 20px;
		}
		#content #comments textarea{
			border: solid 1px #006633;
			padding: 10px;
			height: 50px;
			margin-bottom: 10px;
			float: left;
			width: 720px;
		}
		#content #related {
			background: none repeat scroll 0 0 #F9F9F9;
			border: 1px solid #F3F3F3;
			padding: 10px;
			float: left;
			width: 750px;
			margin:10px 0 0 190px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
		}
			#content #related h3{
				margin-bottom: 20px !important;
				font-size: 16px;
			}
			#content #related div div{
				margin-right: 20px !important;
			}
			#content #related div a{
				margin-right: 10px !important;
				margin-bottom: 10px !important;
				background-color: #eef8fa !important;
				padding: 10px !important;
				width: 155px !important;
				text-shadow: none;
				border: 1px dashed #cec9b8 !important;
			}
	#content .categoryDesc {
		margin-left: 190px;
		width: 500px;
		margin-top: 23px;
		margin-right: 20px;
	}
		#content .categoryDesc a{
			background: none;
		}
		#content .categoryDesc h2{
			font-size: 30px;
			margin-bottom: 10px;
		}
		#content .categoryDesc p{
			/*margin-left: 120px;*/
		}
	#content .categoryImg {
		float: left;
		margin-right: 20px;
	}
		#content .categoryImg img{
			width: 100px;
			max-width: 100px;
		}
#sidebarRight {
	
}

	
footer.mainFooter {
	color: #999;
	padding:10px;
	padding-bottom:20px;
	clear:both;
	width:960px;
}
	footer.mainFooter h4{
		font-size: 12px;
		margin-bottom: 10px;
	}
	footer.mainFooter p{
		margin-top: 20px;
		font-size: 10px;
	}
	footer.mainFooter ul li{
		float: left;
		margin-right: 10px;
	}
	footer.mainFooter a{
		font-size: 10px;
	}
	footer.mainFooter .share {
		float: left;
		width: 100%;
		margin-bottom: 10px;	
	}

#adSidebarLeft {
	margin-top: 10px;
}


#topFrame {
	position: absolute;
	top: 0;
	width: 100%;
	display: block;
	z-index: 10;
	background: #900;
	color: #FFF;
	padding: 0;
	padding-left: 15px;
	font-weight: bold;
	font-size: 16px;
	background: url(http://www.samples4free.co.uk/wp-content/themes/Blank-2-right/images/bg-top.png) repeat-x;
	height: 90px;
	text-align: center
}

.topScroll {
	float: right;
	width: 100%;
	height:330px;
	position: relative;
	border: 1px solid #fefefe;
	background-color: #fff;
	-webkit-box-shadow: 2px 4px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow:  2px 4px 0px rgba(0, 0, 0, .1);
	box-shadow:  2px 4px 0px rgba(0, 0, 0, .1);
	
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	
	text-shadow: 0 1px 1px #fff;
	
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;	
}
.topScroll h1 {
	margin: 30px 20px 34px 20px;
	font-size: 26px;
}
.badgeRecentSamples {
	background: url(images/badge.png);
	width: 120px;
	height: 120px;
	position: absolute;
	top: -1px;
	text-indent: -99999em;
	right: -3px;
	z-index: 99999;
}
.ads {
	margin-top: 10px;
	margin-left: 10px;
	padding: 10px;
	float: left;
	background-color: #eef8fa;
	border: 1px dashed #cec9b8
}

ol.wp-paginate, .navigation {
	margin-bottom:15px;
	clear:both;
}
.scrollable {
	position:relative;
	overflow:hidden;
	width: 610px;
	float: right;
	height: 330px;
}
	.scrollable .scisors{
		background: url(images/scisors.png) no-repeat;
		width: 40px;
		height: 27px;
		position: absolute;
		z-index: 9;
		top: 105px;
		left: 0px;
	}
	.scrollable .items {
		width:20000em;
		position:absolute;
		clear:both;
	}
	.scrollable .BKGradientH{
		width: 50px;
		position: absolute;
		top: 130px;
		right: 0;
		z-index: 99999;
		height: 190px;
		background: url(images/bkGradientH.png) repeat-x bottom;
	}
	.items div {
		float:left;
		width:590px;
		height: 185px;
		margin-left: 10px;
	}
		.items div.socialize-in-content{
			width:50px;
			height: auto;
			margin-right: 20px;
		}
	.items div h1{
		margin: 0px 20px 5px 120px;
		font-size: 14px;
	}
	
	.items div p{
		margin: 0px 20px 0 120px;
	}
	.topScroll .post{
			background-color: #eef8fa;
			padding: 10px;
			border: 1px dashed #cec9b8;
			height: 165px;
		}
		.topScroll .post .button{
			background: url(images/button.png) no-repeat;
			width: 132px;
			margin: 10px 0 0 120px;
			height: 37px;
			display: block;
			text-indent: -9999999em;
		}
	.items div footer{
		margin: 10px 20px 0 120px;
		font-size: .8em;
		color: #999;
	}
	
	/* single scrollable item */
	.scrollable img {
		float:left;
	}
	
	/* active item */
	.scrollable .active {
		border:2px solid #000;
		position:relative;
		cursor:default;
	}	

.clearfix:before,
.clearfix:after {
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden;	
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */

.commentsAds{
	float:right;
	width:336px;
}
#adSingle{
	float:right;
	margin:20px 55px 0 0;
}
#respond{
	display:none;
}
.mainContent h2{
	font-size:21px;
}
#topLinks{
	display:block;
	border-bottom:dashed 1px #e1e1e1;
	padding:10px 0;
	width:730px;
	margin-left:10px;
}
#gform_wrapper_1{
	background:#c5e3f7;
	padding:15px;
}
div.addthis_toolbox.addthis_default_style{
	padding:10px;
	padding-top:0;
}
.expired{
	background: url(images/expired1.png) no-repeat 200px 0;
}
#content article#main.expired{
	background: url(images/expired2.png) no-repeat 300px 150px #EEF8FA; min-height:130px;
}
.expired form#button,
.no{
	display:none;
}
.leftCol img{
	max-width:200px;
	height:auto;
}
@media screen and (max-device-width: 480px) {
  .logo{
    display: none;
  }
}