/*
Theme Name: Blog.SpoonGraphics V6.1
Theme URI: http://blog.spoongraphics.co.uk
Description: Custom Blog.SpoonGraphics theme by Chris Spooner
Version: 6.1
Author: Chris Spooner
Author URI: http://www.chrisspooner.com

*/
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	margin: 0; padding: 0; border: 0;
}
input:focus, select:focus {
	outline: none;
}

body {
	font-family: "Droid Serif", serif;
	font-size: 15px; line-height: 30px; color: #5a5a5a;
	background-image: url(images/brown-bg.jpg), url(images/beige-bg.jpg);	
	background-repeat: repeat-x, repeat;
	background-position: 0 -415px, left top;
	background-color: #f7efe0;
}

a {
	color: #b85b5a; text-decoration: none;
}
	a:hover {
		color: #9c3433;
	}


#container {
	width: 1000px; margin: 65px auto 0 auto;
	background: #fcf7e9 url(images/content-bg.png); 
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	position: relative; z-index: 1;
}

#topbar {
	padding: 14px 0 0 0; position: relative; top: -61px; 
	overflow: hidden;
}
	#topbar a {
		color: #d87c7b; text-decoration: none;
	}
		#topbar a:hover {
			color: #b85b5a;
		}
	
	#topbar #social-links {
		list-style: none; float: left;
		margin: 0 0 0 20px;
		font-family: "Montserrat", sans-serif; font-size: 16px;
		text-transform: uppercase; letter-spacing: 2px;
		padding: 0 200px 0 0;
		background: url(images/fans.png) right no-repeat;
		
	}
	#topbar #social-links li {
		font-size: 13px;
		float: left;
	}
		#topbar #social-links li a {
			display: block;
			background: url(images/icons.png) no-repeat;
		}	
			#topbar #social-links li.twitter a {
				background-position: 0 7px; 
				padding: 0 0 0 33px;
			}
			#topbar #social-links li.facebook a {
				background-position: 0 -25px; 
				padding: 0 0 0 32px; margin: 0 0 0 25px;
			}
			#topbar #social-links li.email a {
				background-position: 0 -102px;
				padding: 0 0 0 35px; margin: 0 0 0 25px;
			}
			#topbar #social-links li.rss a {
				background-position: 0 -62px;
				padding: 0 0 0 28px; margin: 0 0 0 25px;
			}
					
	#topbar #search {
		float: right; margin: 0 0 0 29px;
	}
		#topbar #search input.search {
			width: 120px; height: 24px;
			background: #f7f3e9;
			background: -moz-linear-gradient(top, #d8d5cc 0%, #f7f3e9 40%); 
			background: -webkit-linear-gradient(top, #d8d5cc 0%,#f7f3e9 40%); 
			background: linear-gradient(top, #d8d5cc 0%,#f7f3e9 40%); 
			border: 1px solid #655750;
			padding: 2px 30px 0 7px; font: 12px "Droid Serif", serif; color: #a8a7a3;
		
			-webkit-appearance: none;
		}
			#topbar #search input.search:focus {
				border: 1px solid #a8a19d; 
			}
		
		#topbar #search input[type="submit"] {
			width: 16px; height: 19px; position: relative; right: 28px;
			background: url(images/search-btn.png); text-indent: -9999px; cursor: pointer;
		}
	
	
	
header {
	margin: -16px 0 40px 0; padding: 0 40px; 
	overflow: hidden;
}

	header h1 a {
		display: block; width: 164px; height: 148px;
		background: url(images/blogspoon-logo.png); text-indent: -9999px;
		float: left;
	}
		
	header nav {
		float: right;
	}
		header nav ul li {
			list-style: none; float: left;
			margin: 0 0 0 31px;
		}
			header nav ul li:first-child { margin: 0; }
				
				header nav ul li a {
					display: block;
					padding: 0 0 0 29px;
					background: url(images/icons.png) no-repeat;
					font-family: "Montserrat", sans-serif; font-size: 16px;
					text-transform: uppercase; letter-spacing: 2px;
				}
					
					header nav ul li.articles a {
						background-position: 0 -211px;
					} 
					header nav ul li.freebies a {
						background-position: 0 -174px;
					} 
					header nav ul li.news a {
						background-position: 0 -281px;
					} 
					header nav ul li.tutorials a {
						background-position: 0 -452px;
					} 
					header nav ul li.premium a {
						background-position: 0 -487px;
					} 
					

	header .banner {
		float: right; margin: 14px 0 0 0;
	}

#content {
	padding: 0 40px 100px 40px; 
}
	#content:after {
		display: block;
		content: "";
		clear: both;
	}

#main {
	width: 614px; float: left;
}

	#main.full {
		width: auto; float: none;
	}


	#main h2.header {
		width: 613px; 
		padding: 12px 0 17px 55px; margin: 0 0 30px 0;
		background: url(images/h3-header-bg.jpg) no-repeat; background-size: 100% 100%;
		position: relative; left: -55px;
		font-family: "Montserrat", sans-serif; font-size: 22px;
		text-transform: uppercase; letter-spacing: 2px; color: #a69f9b;
	}

	#main h2 {
			font-size: 23px; font-weight: normal;
			margin: 0 0 15px 0;
		}
		
	#main p {
		margin: 0 0 25px 0;
	}
		#main p.btn a {
			display: block; padding: 15px;
			background: url(images/beige-bg.jpg);
			box-shadow: 0 1px 5px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.15);
			font-size: 22px; text-align: center;
		}
			#main p.btn a:hover {
				box-shadow: 0 3px 5px rgba(0,0,0,0.15); -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.15); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.15);
			}
			#main p.btn a span {
				display: block; font-size: 14px; font-style: italic; float: right;
			}
	
	#main h3 {
		font-weight: normal; font-size: 20px;
		margin: 0 0 15px 0;
	}
		#main h3.header {
			width: 615px;
			padding: 12px 5px 17px 55px; margin: 0 0 20px 0;
			background: url(images/h3-header-bg.jpg) no-repeat; background-size: 100% 100%;
			position: relative; left: -55px;
			font-family: "Montserrat", sans-serif; font-size: 22px;
			text-transform: uppercase; letter-spacing: 1px; color: #a69f9b;
		}
	
	#main h4 {
		font-weight: normal; font-size: 18px;
		margin: 0 0 15px 0;
	}
	
	#main ul, #main ol {
		list-style-position: inside;
		margin: 0 0 25px 0;
	}
		
	#main blockquote {
		background: url(images/beige-bg.jpg);
		padding: 15px 20px 1px 25px; margin: 0 0 25px 0;
		border-left: 2px solid #a69f9b;
	}
		#main blokquote p {
			margin: 0;
		}

	#main .post {
		margin: 0 0 55px 0; position: relative;
	}
	
		#main .post .article-header {
			width: 624px; height: 115px;
			padding: 9px 0 0 45px; margin: 0 0 15px 0;
			position: relative; left: -56px;
			background: url(images/header-bg.jpg);
			text-align: center;
		}	
			#main .post .article-header a img {
				box-shadow: 0 0 5px rgba(0,0,0,0.4);
				padding: 0; background: none;
			}
				#main .post .article-header a:hover img {
				box-shadow: 0 0 5px rgba(0,0,0,0.6);
			}
		
		#main .post img {
			background: url(images/beige-bg.jpg); 
			display: block; margin: 0 auto;
			padding: 5px; 
		}		
				
		#main .video {
			background: url(images/beige-bg.jpg); text-align: center;
			padding: 5px; margin: 0 0 25px 0;
		}
		
		#main .post .ad {
			background: url(images/beige-bg.jpg);
			padding: 10px; margin: 0 0 25px 0;
		}
			#main .post .ad div {
				margin: 0 auto;
			}
		
		#main .post .old-post {
			background: url(images/beige-bg.jpg);
			padding: 10px; margin: 0 0 25px 0;
		}
			#main .post .old-post p {
				background: url(images/warning.png) left no-repeat;
				padding: 0 0 0 58px;
				font-family: "Montserrat", sans-serif; font-size: 14px;
				text-transform: uppercase; letter-spacing: 2px; color: #a69f9b;
				line-height: 23px; margin: 0;
			}
				#main .post .old-post p strong {
					font-size: 18px;
				}
		
		#main .post p.source a {
			display: block; width: 619px; height: 86px;
			background: url(images/premium-source-bg.jpg); text-indent: -9999px;
		}
			
		#main .post .post-info {
			list-style: none; width: 575px; height: 41px; padding: 10px 20px 0 20px;
			background: url(images/post-info-bg.jpg);
		}
			#main .post .post-info li {
				float: left; padding: 0 0 0 27px;
				background: url(images/icons.png) 0 -423px no-repeat;
				font-size: 14px;
			}
				#main .post .post-info li:first-child {
					margin: 0; padding: 0; background: none;
				}
				#main .post .post-info li.read-more {
					float: right; background: none;
					font-family: "Montserrat", sans-serif; font-size: 16px;
					text-transform: uppercase; letter-spacing: 2px;
				}
		
		#main .post.category-premium .post-info {
			width: 590px; height: 48px; padding: 18px 25px 0 0;
			background: url(images/premium-post-info-bg.jpg);
		}
			#main .post.category-premium .post-info li {
				display: none;
			}
				#main .post.category-premium .post-info li.read-more {
					display: block;
				}

		#main .pagination {
			overflow: hidden;
		}
			#main .pagination li {
				list-style: none;
				font-family: "Montserrat", sans-serif; font-size: 16px;
				text-transform: uppercase; letter-spacing: 2px;
			}
				#main .pagination li.older a {
					display: block;
					float: left; padding: 0 0 0 28px;
					background: url(images/icons.png) left -317px no-repeat;
				}
				#main .pagination li.newer a {
					display: block;
					float: right; padding: 0 28px 0 0;
					background: url(images/icons.png) 141px -352px no-repeat;
				}
					#main .pagination li.older a:hover {
						background-position: -2px -317px;
					}
					#main .pagination li.newer a:hover {
						background-position: 143px -352px;
				}
		
		#main #share {
			background: url(images/enjoy-the-post.png) center top no-repeat;
			padding: 30px 0 0 0; margin: 0 0 30px 0;
		}				
			#main #share ul {
				background: url(images/beige-bg.jpg);
				padding: 10px; 
			}
			
			#main #share ul:after {
				content: "";
				display: block;
				clear: both;
			}
			
			#main #share ul li {
				list-style: none;
				width: 75px; height: 75px;
				border: 1px solid #d8d5d0;
				background: #fff;
				float: left; margin: 0 0 0 14px; 
				text-align: center; padding: 10px 5px;
			}
				#main #share ul li:first-child {
					margin: 0;
				}

				#main #share ul li.pinit {
					padding-top: 48px; height: 37px; overflow: hidden;
				}

		#main #related {
			background: url(images/beige-bg.jpg);
			padding: 7px;
			margin: 0 0 30px 0;
			text-align: center;
		}

			#main #related .thumb {
				line-height: 0;
			}
			#main #related .link {
				display: block; 
				font-size: 16px;
				padding: 0 0 3px 0; margin: 0;
				text-align: left;
			}
				#main #related .link span {
					margin: 0 5px 0 0; padding: 0 0 0 30px;
					background: url(images/icons.png) left -322px no-repeat;
				}


		#main .featured-posts {
			background: url(images/beige-bg.jpg);
			padding: 15px 15px 0 15px;
			margin: 0 0 30px 0;
		}
			#main .featured-posts ul {
				list-style: none; overflow: hidden; margin: 0;
			}
				#main .featured-posts ul li {
					float: left; margin: 0 0 17px 17px;
					line-height: 0;
				}
					#main .featured-posts ul li:nth-child(3n-2) {
						margin: 0 0 17px 0;
					}
					#main .featured-posts ul li a {
						display: block;
					}
						#main .featured-posts ul li a span {
							display: block;
							background: #efeadf; padding: 25px 5px;
							text-align: center;
						}
						
						#main .featured-posts ul li a img {
							width: 285px;
						}



		#main #ebook-banner {
			display: block; margin: 0 0 30px 0;
		}
		
		#email-subscribe .bundle-banner {
			display: block; margin: -33px 0 -20px 0;
		}
		
		#email-subscribe p {
			margin: 0 0 5px 0;
		}
		
		#email-subscribe .af-textWrap {
			display: inline; width: auto;
		}
		#email-subscribe .af-element {
			float: left;
		}
						
		#email-subscribe {
			background: url("images/beige-bg.jpg"); padding: 20px;
			margin: 0 0 30px 0;
		}
		
			#email-subscribe label {
				display: none; 
			}
			#email-subscribe input {
				width: 375px; height: 45px; 
				border: 1px solid #e2e0d5 !important; padding: 0 15px 0 15px !important; margin: 0 0 10px 0;
				background: #fff; 
				background: linear-gradient(top, #f7f7f7 0%, #ffffff 16%) !important; 
				background: -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 16%) !important; 
				background: -webkit-linear-gradient(top, #f7f7f7 0%,#ffffff 16%) !important; 
				font: 15px "Droid Serif", serif !important; color: #a69f9b;
			}
				#email-subscribe input.submit {
					font-family: "Montserrat", sans-serif !important; font-size: 20px !important;
					text-transform: uppercase; letter-spacing: 1px; color: #fff !important;
					border: 1px solid #84bbb9 !important; background: #84bbb9 url("images/bundle-btn-bg.png") !important; cursor: pointer;
					width: 155px !important; height: 47px;
				}
					#email-subscribe input.submit:hover {
						color: #e4f1f1 !important;
					}
					
					
					#email-subscribe input:focus {
						border: 1px solid #d0cdbb;
					}	





				
		#comments {
			
		}				
			#comments h3.header {
				width: 613px; height: 48px;
				padding: 12px 0 0 55px; margin: 0 0 20px 0;
				background: url(images/h3-header-bg.jpg);
				position: relative; left: -55px;
				font-family: "Montserrat", sans-serif; font-size: 22px;
				text-transform: uppercase; letter-spacing: 2px; color: #a69f9b;
			}
	
			#comments ol.commentlist, #comments ol.commentlist ul {
				margin: 0; list-style: none;
			}
				#comments ol.commentlist li {
					padding: 0 0 20px 0; margin: 0 0 30px 0; clear: both;
					background: url(images/border.png) center bottom repeat-x;
				}
				
				#comments ol.commentlist ul.children {
					margin: 0;
				}
					#comments ol.commentlist ul.children li {
						background: none; padding: 0;
					}
				
				#comments .comment {
					overflow: visible; 
				}
					#comments .comment:after {
						display: block;
						content: "";
						clear: both;
					}
						
					#comments .comment .avatar {
						float: left; margin: 0 20px 10px 0;
						border-radius: 50%;	-moz-border-radius: 50%; -webkit-border-radius: 50%;
					}
					#comments .comment p {
						width: 514px; float: right;
					}
						#comments .comment cite {
							font-size: 18px;
							margin : 0 0 5px 0; font-style: normal;
						}
							#comments .comment span.says { display: none; }
					
					#comments .comment .comment-meta {
						float: right; font-size: 11px; margin: -30px 0 0 0; 
					}
					#comments .comment .reply {
						float: right;
					}
					#comments .comment .reply a {
						display: block; padding: 0 0 0 27px;
						background: url(images/icons.png) 0 -282px no-repeat;
					}
					#comments .comment .cancel a {
						display: block;  float: right; clear: both;
					}
			
			#comments #respond {
				margin: 0 0 50px 0; clear: both; 
				background: url(images/comment-rules.png) 20px bottom no-repeat;
			}
				#comments #respond .fields {
				 	float: left; width: 260px; overflow: hidden;
				}
				#comments #respond .message {
				 	float: left; width: 354px; overflow: hidden;
				 	padding: 0 0 5px 0;
				}
			
				#comments #respond form label {
					display: block; 
				}
				#comments #respond form input {
					width: 210px; height: 45px; 
					border: 1px solid #f3f1e6; padding: 0 15px 0 15px; margin: 0 0 10px 0;
					background: #fff; 
					background: linear-gradient(top, #f7f7f7 0%, #ffffff 16%); 
					background: -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 16%); 
					background: -webkit-linear-gradient(top, #f7f7f7 0%,#ffffff 16%); 
					font: 15px "Droid Serif", serif; color: #a69f9b;
				}
				#comments #respond form textarea {
					width: 322px; height: 201px; 
					border: 1px solid #f3f1e6; padding: 10px 15px; margin: 0 0 10px 0;
					background: #fff; 
					background: linear-gradient(top, #f7f7f7 0%, #ffffff 3%); 
					background: -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 3%); 
					background: -webkit-linear-gradient(top, #f7f7f7 0%,#ffffff 3%); 
					font: 15px "Droid Serif", serif; color: #a69f9b;
					max-width: 322px; min-width: 322px; min-height: 201px; max-height: 201px;
				}
					#comments #respond form input.commentsubmit {
						display: block; width:230px; height: 60px;
						float: right; padding: 0 0 0 0; margin: 5px 3px 0 0;
						background: url(images/beige-bg.jpg); border: none;
						box-shadow: 0 1px 5px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.15);
						font-size: 22px; text-align: center; color: #b85b5a;
						cursor: pointer;
					}
						#comments #respond form input.commentsubmit:hover {
							box-shadow: 0 3px 5px rgba(0,0,0,0.15); -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.15); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.15);
						}
						
						
						#comments #respond form input:focus, #comments #respond form textarea:focus {
							border: 1px solid #e2e0d5;
						}							
							
		
			#main #comments .pagination {
				margin: 0 0 40px 0;
			}
			
			#main #comments .pagination li.older a {
					display: block;
					float: left; padding: 0 0 0 28px;
					background: url(images/icons.png) left -317px no-repeat;
				}
				#main #comments .pagination li.newer a {
					display: block;
					float: right; padding: 0 28px 0 0;
					background: url(images/icons.png) 196px -352px no-repeat;
				}
					#main #comments .pagination li.older a:hover {
						background-position: -2px -317px;
					}
					#main #comments .pagination li.newer a:hover {
						background-position: 199px -352px;
				}		
	





#side {
	width: 267px; float: left; margin: 0 0 0 39px;
}

	#side section {
		margin: 0 0 30px 0;;
	}
	

	
	#side #side-subscribe {
		background: url("images/beige-bg.jpg"); padding: 15px;
		margin: 0 0 30px 0; overflow: visible;
	}
	
	#side #side-subscribe label {
			display: block; 
		}
		#side #side-subscribe input {
			width: 203px; height: 45px; 
			border: 1px solid #e2e0d5; padding: 0 15px 0 15px !important; 
			background: #fff; 
			background: linear-gradient(top, #f7f7f7 0%, #ffffff 16%); 
			background: -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 16%); 
			background: -webkit-linear-gradient(top, #f7f7f7 0%,#ffffff 16%); 
			font: 15px "Droid Serif", serif !important; color: #a69f9b;
		}
			#side #side-subscribe input.submit {
				font-family: "Montserrat", sans-serif !important; font-size: 17px !important;
				text-transform: uppercase; letter-spacing: 1px; color: #fff !important;
				border: 1px solid #84bbb9 !important; background: #84bbb9 url("images/bundle-btn-bg.png") !important; cursor: pointer;
				width: 235px;
			}
				#side #side-subscribe input.submit:hover {
					color: #e4f1f1 !important;
				}
				
				
				
				#side #side-subscribe input:focus {
					border: 1px solid #d0cdbb;
				}	
	
		#side #side-subscribe .bundle-banner {
			display: block; margin: -32px auto -5px auto;
		}
		
		#side #side-subscribe p {
			font-size: 14px; text-align: center;
		}
			#side #side-subscribe span {
				font-family: "Montserrat", sans-serif; font-size: 16px;
				text-transform: uppercase; letter-spacing: 1px; color: #a69f9b;
			}
		
		#side #side-subscribe p.spam {
			font-size: 12px; margin: 0;
		}
	
	
			
	#side #ads {
		background: url(images/check-these-people.png) center top no-repeat;
		padding: 30px 0 0 0; overflow: hidden;
	}
		#side #ads.loggedin {
			background: none;
			padding: 0; 
		}
		#side #ads a {
			float: left; margin: 4px;
		}

	
	#side #premium-banner {
		width: 267px; height: 575px; background: url(images/premium-sidebar-bg.jpg) bottom no-repeat;
		margin: 0 0 10px 0; clear: both;
	}
		#side #premium-banner p {
			font-family: "Cabin", sans-serif; font-size: 18px; line-height: 23px;
			color: #fff; text-shadow: 0 1px 4px rgba(0,0,0,0.6);
			padding: 0 20px 0 20px; margin: 0 0 5px 0;
		}
		#side #premium-banner dl {
			font-family: "Cabin", sans-serif; font-size: 18px; line-height: 28px;
			color: #fff; text-shadow: 0 1px 4px rgba(0,0,0,0.6);
			padding: 0 0 0 13px; overflow: hidden;
		}
			#side #premium-banner dt {
				float: left; width: 70px; text-align: center; clear: left;
			}	
			#side #premium-banner dd {
				float: left;
			}
	
	#side #side-login {
		width: 267px; height: 412px; background: url(images/premium-sidebar-bg-loggedin.jpg) bottom no-repeat;
		margin: 0 0 10px 0; clear: both;
	}
		#side #side-login ul {
			font-family: "Cabin", sans-serif; font-size: 18px; 
			text-shadow: 0 1px 4px rgba(0,0,0,0.6);
			padding: 0 20px 0 20px; list-style: none;
		}
			#side #side-login ul a { color: #fff; }
			#side #side-login ul a:hover { color: #ededed; }

		
		
	
	#side #premium-login a {
		width: 267px; height: 55px;
		display: block;
		background: url(images/premium-signin-btn.jpg); text-indent: -9999px;
	}
				

	#side #featured {
		
	}
		

	#side #featured h3.header {
		width: 300px; height: 26px;
		background: url(images/sidebar-h3-header.jpg) no-repeat;
		padding: 12px 0 17px 23px; margin: 0 0 15px 0;
		position: relative; 
		font-family: "Montserrat", sans-serif; font-size: 22px;
		text-transform: uppercase; letter-spacing: 1px; color: #a69f9b;
	}
	
	#side #featured ul {
		list-style: none
	}
		#side #featured ul li {
			width: 324px; height: 125px;
			background: url(images/sidebar-feature-bg.jpg) no-repeat;
			padding: 10px 0 0 10px;
			position: relative;
			opacity: 0.5;
			transition: opacity .25s ease-in-out;
			-moz-transition: opacity .25s ease-in-out;
			-webkit-transition: opacity .25s ease-in-out;
	}	
		#side #featured ul li:hover {
			opacity: 1;
		}
	
	
		#side #featured ul li a img {
			box-shadow: 0 0 5px rgba(0,0,0,0.4);
			padding: 0; background: none;
		}

		
		#side #featured ul li a {
			display: block;
		}
		
		#side #featured ul li a span {
			position: absolute; left: 24px; bottom: 35px; 
			font-family: "Montserrat", sans-serif; font-size: 22px;
			text-transform: uppercase; letter-spacing: 1px; color: #fff; line-height: 24px;
			text-shadow: 0 1px 4px rgba(0,0,0,0.6);
		}

		
	
		
		
		
		
		
		
		
		
		
			
#footer-wrap {
	background: #5d4e48 url(images/brown-bg.jpg);
	margin: -20px 0 0 0; padding: 20px 0 0 0;
	position: relative; z-index: 0;
}			
	footer {
		width: 920px; padding: 40px; min-height: 320px;
		margin: 0 auto; color: #a69f9b;
		overflow: hidden;
		background: url(images/footer-chris.png) right bottom no-repeat;
		position: relative;
	}	
		footer a {
			color: #d87c7b; text-decoration: none;
		}
		footer a:hover {
			color: #b85b5a;
		}

		footer a.lol {
			width: 169px; height: 158px;
			background: url(images/lol.png); text-indent: -9999px;
			position: absolute; right: 106px; top: 112px;
			opacity: 0;
		}
			footer a.lol:hover { opacity: 1; }
			
		footer .about {
			width: 690px; float: left;
		}					
			footer .about h3 {
				font-family: "Montserrat", sans-serif; font-size: 22px;
				text-transform: uppercase; letter-spacing: 2px; 
				margin: 20px 0 15px 0;
			}
		
	
			footer .about p {
				padding: 0 30px 0 0;
				margin: 0 0 15px 0;
			}
				footer .about .learn-more {
					font-family: "Montserrat", sans-serif; font-size: 16px;
					text-transform: uppercase; letter-spacing: 2px;
				}
			
		
			
		footer #links {
			clear: both; font-size: 14px;
			overflow: hidden;
			position: absolute; bottom: 30px;
		}
			footer #links ul li {
				list-style: none; float: left;
				margin: 0 0 0 5px; padding: 0 0 0 30px;
				background: url(images/icons.png) 0 -421px no-repeat;
			}
				footer #links ul li:first-child {
					background: none; margin: 0; padding: 0;
				}
	

/*---- iOS Adjustments ----*/

#main h2.header, #related ul, footer .popular ul, footer .about p, ul#smart-archives-block, ul.archive-list {
	-webkit-text-size-adjust: none;
}

#main h2 {
	-webkit-text-size-adjust: 160%; line-height: 30px;
}			


/*---- Retina ----*/

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	header h1 a {
		background-image: url(images/blogspoon-logo@2x.png);
		background-size: 164px 148px;
	}

	#topbar #social-profiles li a, #topbar #subscribe ul li a, header nav ul li a, #main .post .post-info li, #main .pagination li.older a, #main .pagination li.newer a, #main #comments .pagination li.older a, #main #comments .pagination li.newer a, #comments .comment .reply a, footer #links ul li  {
		background-image: url(images/icons@2x.png);
		background-size: 27px 512px;
	}
	
	#topbar #search input[type="submit"] {
		background-image: url(images/search-btn@2x.png);
		background-size: 17px 20px;
	}
}

			
/*----- About Page -----*/
			
#about-image {
	display: block; float: right; 
	width: 335px; height: 416px;
	background: url(images/about-pic.jpg); text-indent: -9999px;
}			
	#about-image:hover {
		background-position: 0 -416px;
	}		
			
/*----- Site Archives Page -----*/			

#main ul#smart-archives-block {
	list-style: none;
}		
	#main ul#smart-archives-block strong, #main ul#smart-archives-block span, #main ul#smart-archives-block a {
		margin: 0 7px 0 7px;
	}
		#main ul#smart-archives-block strong {
			margin: 0;
		}
	#main ul#smart-archives-block span.empty-month {
		color: #A69F9B;
	}			
			
#main ul.archive-list {
	list-style: none;
	font-size: 16px;
}	
			
		
/*----- Premium Page -----*/
	
#content #main #premium #premium-details {
	width: 460px; height: 230px; padding: 300px 25px 30px 25px; margin: 0 auto 15px auto;
	background: url(images/premium-ad-bg.jpg);
}
	#content #main #premium #premium-details h2, #content #main #premium #premium-details h3 {
		display: none;
	}
	
	#content #main #premium #premium-details h4#tuts {
		width: 314px; height: 24px; margin: 0 0 5px 0;
		background: url(images/premium-tuts.png); text-indent: -9999px;
	}
	#content #main #premium #premium-details h4#resources {
		width: 343px; height: 24px; margin: 0 0 5px 0;
		background: url(images/premium-resources.png); text-indent: -9999px;
	}
	#content #main #premium #premium-details h4#source {
		width: 358px; height: 24px; margin: 0 0 5px 0;
		background: url(images/premium-source.png); text-indent: -9999px;
	}
	#content #main #premium #premium-details h4#discounts {
		width: 322px; height: 24px; margin: 0 0 5px 0;
		background: url(images/premium-discounts.png); text-indent: -9999px;
	}
	
	#content #main #premium #premium-details p {
		font-size: 12px; line-height: 18px; color: #6b6b6b; margin: 0 0 11px 3px;
	}
	
	#content #main #premium p.join a {
		display: block; width: 506px; height: 89px; margin: 0 auto;
		background: url(images/premium-join.jpg); text-indent: -9999px;
	}
		#content #main #premium form.join-now input.submit {
			width: 506px; height: 89px; border: none; margin: 0 auto 30px auto; display: block;
			background: url(images/premium-join.jpg); text-indent: -9999px; cursor: pointer;
			
			padding: 0 0 0 506px;
		}
		
	#content #main #premium h2#expired {
		width: 507px; height: 89px; margin: 0 auto;
		background: url(images/premium-membership-expired.jpg); text-indent: -9999px;
	}
	
	#content #main #premium p.browse a {
		display: block; width: 506px; height: 88px; margin: 0 auto;
		background: url(images/premium-start-browsing.jpg); text-indent: -9999px;
	}
	
	#content #main p.premium-become-member a {
		display: block; width: 506px; height: 88px; margin: 0 auto;
		background: url(images/premium-become-a-member.jpg); text-indent: -9999px;
	}
	
	#content #main #premium p.cancel a {
		display: block; width: 506px; height: 88px; margin: 0 auto;
		background: url(images/premium-cancel-membership.jpg); text-indent: -9999px;
	}
	
	#content #main h2#registration {
		width: 508px; height: 91px; margin: 0 auto;
		background: url(images/premium-registration.jpg); text-indent: -9999px;
	}
	
	#content #main #premium #content-login {
		width: 428px; height: 318px; padding: 40px; overflow: auto; margin: 0 auto 30px auto;
		background: url(images/premium-login-bg.jpg);
	}
		#content #main #premium #content-login label {
			font-size: 20px; color: #707070; display: block; margin: 0 0 3px 0;
		}
		
		#content #main #premium #content-login input {
			width: 390px; height: 62px; 
			border: 1px solid #c9bfb6; padding: 0 15px 0 15px; margin: 0 0 10px 0;
			background: #fff; 
			background: linear-gradient(top, #f7f7f7 0%, #ffffff 16%); 
			background: -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 16%); 
			background: -webkit-linear-gradient(top, #f7f7f7 0%,#ffffff 16%); 
			font: 24px "Droid Serif", serif; color: #5a5a5a;
		}
			#content #main #premium #content-login input:focus {
				border: 1px solid #949494;
			}
			
		#content #main #premium #content-login input.submit {
			width: 152px; height: 72px; float: right; border: none; margin: 15px 7px 0 0;
			background: url(images/premium-login-btn.jpg); text-indent: -9999px; cursor: pointer;
			padding: 0 0 0 152px;
		}
		
		#content #main #premium #content-login .options {
			width: 255px; float: left; margin: 39px 0 0 0;
		}
			#content #main #premium #content-login .options p {
				float: left; width: 125px; font-size: 14px;
			}
			#content #main #premium #content-login .options label.rememberme {
					font-size: 14px; float: right; width: auto;
				}
			#content #main #premium #content-login .options input#rememberme {
				float: right; width: auto; height: auto; margin: 8px 5px 0 0;
			}
			

	
	#content #main p.wpm_err{
		background: url(images/beige-bg.jpg);
		padding: 10px; text-align: center;
		font-family: "Montserrat", sans-serif; font-size: 16px;
		text-transform: uppercase; letter-spacing: 2px; color: #a69f9b;
		line-height: 23px; margin: 0 0 30px 0;
	}

	table.wpm_registration {
		width: 100% !important;
	}
	
	table.wpm_existing {
		width: 500px;
	}
	
	
	table.wpm_registration tr.required td.label, table.wpm_registration tr.systemFld td.label, table.wpm_existing b {
		color: #5a5a5a !important; font-weight: normal; padding: 9px 20px 0 0;
		width: 160px; text-align: right;
	}	
	
	.ala-registration br, #wlmreginstructions br {
		display: none;
	}

	.wpm_registration input, table.wpm_existing input {
		width: 340px; height: 45px; border: 1px solid #f3f1e6; padding: 0 15px 0 15px; margin: 0 0 10px 0;
		background: #fff; 
		background: linear-gradient(top, #f7f7f7 0%, #ffffff 16%); 
		background: -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 16%); 
		background: -webkit-linear-gradient(top, #f7f7f7 0%,#ffffff 16%); 
		font: 15px "Droid Serif", serif; color: #a69f9b;
	}		
		.wpm_registration input:focus, .wpm_registration select:focus table.wpm_existing input:focus {
			border: 1px solid #e2e0d5;
		}
		
	
	.wpm_registration select {
		width: 373px; height: 45px; border: 1px solid #f3f1e6; padding: 0 15px 0 15px; margin: 0 0 10px 0;
		background: #fff; 
		background: linear-gradient(top, #f7f7f7 0%, #ffffff 16%); 
		background: -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 16%); 
		background: -webkit-linear-gradient(top, #f7f7f7 0%,#ffffff 16%); 
		font: 15px "Droid Serif", serif; color: #a69f9b;
	}
		.wpm_registration select option {
			background: white; padding: 5px;
		}
		
	.wpm_registration input[type=submit], .wpm_existing input[type=submit] {
		width: 282px; height: 90px; border: 0;
		background: url(images/premium-join-now-sm.jpg) center top no-repeat; text-indent: -9999px; cursor: pointer;
		
		padding: 0 0 0 282px;
	}
		.wpm_registration input[type=submit]:focus, .wpm_existing input[type=submit]:focus {
			box-shadow: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
		}
	
	.wpm_existing .forgotpassword a {
		font-size: 12px; margin: 0 0 0 10px;
	}

	
#main .downloads-banner a {
	display: block; width: 600px; height: 290px;
	background: url(images/access-all-areas/downloads-banner.jpg);
	text-indent: -9999px;
}
#main .tutorials-banner a {
	display: block; width: 600px; height: 290px;
	background: url(images/access-all-areas/tutorials-banner.jpg);
	text-indent: -9999px;
}
	
	
	
/*----- Subscribe Page -----*/	

.subscribe-form {
	background: url("images/beige-bg.jpg"); padding: 15px 30px;
	margin: 0 0 30px 0;
}

.subscribe-form label {
		display: block; 
	}
	.subscribe-form input {
		width: 424px; height: 45px; 
		border: 1px solid #e2e0d5; padding: 0 15px 0 15px !important; margin: 0 0 10px 0;
		background: #fff; 
		background: linear-gradient(top, #f7f7f7 0%, #ffffff 16%); 
		background: -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 16%); 
		background: -webkit-linear-gradient(top, #f7f7f7 0%,#ffffff 16%); 
		font: 15px "Droid Serif", serif !important; color: #a69f9b;
	}
		.subscribe-form input.submit {
			font-family: "Montserrat", sans-serif !important; font-size: 22px !important;
			text-transform: uppercase; letter-spacing: 1px; color: #fff !important;
			border: 1px solid #84bbb9 !important; background: #84bbb9 url("images/bundle-btn-bg.png") !important; cursor: pointer;
			width: 456px !important; 	
		}
			.subscribe-form input.submit:hover {
				color: #e4f1f1 !important;
			}
			
			
			.subscribe-form input:focus {
				border: 1px solid #d0cdbb;
			}	

	.subscribe-form .bundle-banner {
		display: block; margin: -29px auto -18px auto;
	}
	
	.subscribe-form p {
		margin: 0 0 10px;
	}
	
	.subscribe-form p.spam {
		font-size: 12px; margin: 0;
	}



.subscribe-form-large {
	background: url("images/bundle-bg-lg.jpg"); height: 347px;
	margin: 0 0 30px 0; position: relative;
}

.subscribe-form-large .form {
	width: 300px; padding: 0 35px 0 0;
	position: absolute; right: 0; top: 140px;
	width: 576px;
}

	.subscribe-form-large .form p {
		margin: 0 0 7px 0 !important;
	}

.subscribe-form-large label {
		display: block; 
	}
	
	.subscribe-form-large .af-body input.text {
		padding: 0 15px !important;
	}
	
	.subscribe-form-large input {
		width: 544px !important; height: 45px; 
		border: 1px solid #e2e0d5; padding: 0 15px 0 15px !important; margin: 0 0 10px 0;
		background: #fff; 
		background: linear-gradient(top, #f7f7f7 0%, #ffffff 16%); 
		background: -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 16%); 
		background: -webkit-linear-gradient(top, #f7f7f7 0%,#ffffff 16%); 
		font: 15px "Droid Serif", serif !important; color: #a69f9b;
	}
		.subscribe-form-large input.submit {
			font-family: "Montserrat", sans-serif !important; font-size: 22px !important;
			text-transform: uppercase; letter-spacing: 1px; color: #fff !important;
			border: 1px solid #84bbb9 !important; background: #84bbb9 url("images/bundle-btn-bg.png") !important; cursor: pointer;
			width: 575px !important; 	
		}
			.subscribe-form-large input.submit:hover {
				color: #e4f1f1 !important;
			}
			
			
			.subscribe-form-large input:focus {
				border: 1px solid #d0cdbb;
			}	

	.subscribe-form-large .bundle-banner {
		display: block; margin: -29px auto -18px auto;
	}
	
	.subscribe-form-large p {
		margin: 0 0 10px;
	}
	
	.subscribe-form-large p.spam {
		font-size: 12px; margin: 0;
	}



.subscribe-form-large-me {
	background: url("images/bundle-bg-lg-me.jpg"); height: 354px;
	margin: 0 0 30px 0; position: relative;
}

.subscribe-form-large-me .form {
	width: 300px; padding: 0 0 0 35px;
	position: absolute; left: 0; top: 130px;
	width: 576px;
}

	.subscribe-form-large-me .form p {
		margin: 0 0 7px 0 !important;
	}

.subscribe-form-large-me label {
		display: block; 
	}
	
	.subscribe-form-large-me .af-body input.text {
		padding: 0 15px !important;
	}
	
	.subscribe-form-large-me input {
		width: 534px !important; height: 45px; 
		border: 1px solid #e2e0d5; padding: 0 15px 0 15px !important; margin: 0 0 10px 0;
		background: #fff; 
		background: linear-gradient(top, #f7f7f7 0%, #ffffff 16%); 
		background: -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 16%); 
		background: -webkit-linear-gradient(top, #f7f7f7 0%,#ffffff 16%); 
		font: 15px "Droid Serif", serif !important; color: #a69f9b;
	}
		.subscribe-form-large-me input.submit {
			font-family: "Montserrat", sans-serif !important; font-size: 22px !important;
			text-transform: uppercase; letter-spacing: 1px; color: #fff !important;
			border: 1px solid #84bbb9 !important; background: #84bbb9 url("images/bundle-btn-bg.png") !important; cursor: pointer;
			width: 565px !important; 	
		}
			.subscribe-form-large-me input.submit:hover {
				color: #e4f1f1 !important;
			}
			
			
			.subscribe-form-large-me input:focus {
				border: 1px solid #d0cdbb;
			}	

	.subscribe-form-large-me .bundle-banner {
		display: block; margin: -29px auto -18px auto;
	}
	
	.subscribe-form-large-me p {
		margin: 0 0 10px;
	}
	
	.subscribe-form-large-me p.spam {
		font-size: 12px; margin: 0;
	}


.example {
	float: right; margin: 0 0 0 30px;
}


/* Email Overlay */

body.email-overlay {
	background: url(images/beige-bg.jpg);
}

#email-overlay {
	width: 850px; padding: 60px 60px 60px 0;
	overflow: hidden;
}
	#email-overlay .bundle {
		float: left;
	}
	
	#email-overlay h2 {
		font-size: 23px; font-weight: normal;
		margin: 23px 0 15px 0;
	}
	#email-overlay p {
		margin: 0 0 5px 0;
	}
	#email-overlay .af-textWrap {
			display: inline; width: auto;
		}
		#email-overlay .af-element {
			float: left;
		}
					
	
		#email-overlay label {
			display: none; 
		}
		#email-overlay input {
			width: 350px; height: 45px; 
			border: 1px solid #e2e0d5 !important; padding: 0 15px 0 15px !important; margin: 0 0 10px 0;
			background: #fff; 
			background: linear-gradient(top, #f7f7f7 0%, #ffffff 16%) !important; 
			background: -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 16%) !important; 
			background: -webkit-linear-gradient(top, #f7f7f7 0%,#ffffff 16%) !important; 
			font: 15px "Droid Serif", serif !important; color: #a69f9b;
		}
			#email-overlay input.submit {
				font-family: "Montserrat", sans-serif !important; font-size: 20px !important;
				text-transform: uppercase; letter-spacing: 1px; color: #fff !important;
				border: 1px solid #84bbb9 !important; background: #84bbb9 url("images/bundle-btn-bg.png") !important; cursor: pointer;
				width: 160px !important; height: 47px;
			}
				#email-overlay input.submit:hover {
					color: #e4f1f1 !important;
				}
				
				
				#email-overlay input:focus {
					border: 1px solid #d0cdbb;
				}	


#email-overlay .form {
	width: 550px; overflow: hidden; float: left;
}

/* User Profile */


.userprofile label {
	float: left; clear: left; width: 140px; text-align: right; margin: 14px 20px 0 0;
	font: 15px "Droid Serif", serif; color: #5a5a5a;
}
.userprofile input {
	float: left; width: 375px; height: 45px;
	border: 1px solid #f3f1e6; padding: 0 15px 0 15px; margin: 0 0 15px 0;
	background: #fff; 
	background: linear-gradient(top, #f7f7f7 0%, #ffffff 16%); 
	background: -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 16%); 
	background: -webkit-linear-gradient(top, #f7f7f7 0%,#ffffff 16%); 
	font: 15px "Droid Serif", serif; color: #a69f9b;
}
.userprofile textarea {
	float: left; width: 406px; height: 120px; padding: 10px 15px;
	border: 1px solid #f3f1e6; padding: 10px 15px; margin: 0 0 10px 0;
	background: #fff; 
	background: linear-gradient(top, #f7f7f7 0%, #ffffff 3%); 
	background: -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 3%); 
	background: -webkit-linear-gradient(top, #f7f7f7 0%,#ffffff 3%); 
	font: 15px "Droid Serif", serif; color: #a69f9b;
	min-width: 406px;
}

	.userprofile input:focus, #userprofile textarea:focus {
		border: 1px solid #e2e0d5;
	}

.userprofile input.submit {
	display: block; clear: both; width:230px; height: 60px; padding: 0 0 0 0; margin: 0 0 0 163px;
	background: url(images/beige-bg.jpg); border: none;
	box-shadow: 0 1px 5px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.15);
	font-size: 22px; text-align: center; color: #b85b5a;
	cursor: pointer;
}

.userprofile span.req {
	color:red;
}


.error {
	background: url(images/beige-bg.jpg);
	padding: 10px; text-align: center;
	font-family: "Montserrat", sans-serif; font-size: 16px;
	text-transform: uppercase; letter-spacing: 2px; color: #a69f9b;
	line-height: 23px; margin: 0;
}



/* Post Specific */
ul#designcuts {
	overflow: hidden;
}
ul#designcuts li {
	float: left;
	font-size: 18px;
	width: 300px;
	margin: 0 0 5px 0;
}


ul.thanks {
	overflow: hidden;
	list-style: none;
}
ul.thanks li {
	float: left; margin: 0 0 30px 0; width: 300px;
	overflow: hidden;
}
ul.thanks li a {
	float: left; 
}
ul.thanks li a.link {
	font-size: 18px; padding: 15px;
	width: 180px;
}