/*  
Theme Name: Parklife
Theme URI: 
Description: 
Version: 1.0
Author: Spencer Lavery, for youlove.us
Author URI: 
*/



@font-face{
	font-family:'Garamond Bold';
	src:url('fonts/adobe_garamond_lt_bold-webfont.eot');
	src:local('☺'), url('fonts/adobe_garamond_lt_bold-webfont.woff') format('woff'), url('fonts/adobe_garamond_lt_bold-webfont.ttf') format('truetype'), url('fonts/adobe_garamond_lt_bold-webfont.svg#webfont1iRwlrBD') format('svg');
	font-weight:normal;
	font-style:normal;
	}

@font-face{
	font-family:'Garamond';
	src:url('fonts/adobe_garamond_lt_regular-webfont.eot');
	src: local('☺'), url('fonts/adobe_garamond_lt_regular-webfont.woff') format('woff'), url('fonts/adobe_garamond_lt_regular-webfont.ttf') format('truetype'), url('fonts/adobe_garamond_lt_regular-webfont.svg#webfontutfjHn0i') format('svg');
	font-weight:normal;
	font-style:normal;
	}

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,
b, u, i, center,
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-size:1em;
	vertical-align:baseline;
	background:transparent;
	font-weight:normal;
	}
html,
body{
	height:100%;
	}
body{
	line-height:1;
	}
ol, ul{
	list-style:none;
	}
blockquote,
q{
	quotes:none;
	}
blockquote:before,
blockquote:after,
q:before,
q:after{
	content:'';
	content:none;
	}			
:focus{
	outline:0;
	}			
ins{
	text-decoration:none;
	}
del{
	text-decoration:line-through;
	}
table{
	border-collapse:collapse;
	border-spacing:0;
	}
input[type=hidden]{
	visibility:hidden;
	}
	
	
/* slightly enhanced, universal clearfix hack */
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
	}
.clearfix{
	display:inline-block;
	}

/* start commented backslash hack \*/
* html .clearfix{
	height:1%;
	}
.clearfix{
	display:block;
	}
/* stop commented backslash hack */



/* Container
*********************************************************/
.container{
	width:980px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	}
	.container:after{
		visibility:hidden;
		display:block;
		font-size:0;
		content:" ";
		clear:both;
		height:0;
		}

/* Body
*********************************************************/
body{
	background:url(images/bg-body.jpg) 50% 0;
	font:100% 'Helvetica Neue','Helvetica','Arial',sans-serif;
	line-height:1.6;
	}

a{
	color:#000;
	font-weight:inherit;
	text-decoration:none;
	}
	a:hover{
		color:#008c46;
		}
		
p{
	font-size:75%;
	color:#666;
	margin:0 0 15px;
	}
	
h1{
	font-size:150%;
	}
	h1.focus{
		text-transform:uppercase;
		}
h2{
	font-size:150%;
	}
	h2.prefix{
		color:#666;
		margin:0;
		line-height:1;
		}
h3{
	font-size:125%;
	}	
h4{
	font-size:100%;
	}	
	h4.sub{
		margin:-15px 0 15px !important;
		}
h5{
	font-size:82.5%;
	}	
h6{
	font-size:75%;
	}
	
h1,
h2,
h3,
h4,
h5,
h6{
	line-height:1;
	margin:0 0 10px;
	clear:left;
	font-family:'Garamond','Times New Roman','Times',serif;
	color:#000;
	letter-spacing:1px;
	font-weight:normal;
	}
	h1 a,
	h2 a,
	h3 a,
	h4 a,
	h5 a,
	h6 a{
		color:#000;
		}
		h1 a:hover,
		h2 a:hover,
		h3 a:hover,
		h4 a:hover,
		h5 a:hover,
		h6 a:hover{
			text-decoration:none;
			}
	h1 small,
	h2 small,
	h3 small,
	h4 small,
	h5 small,
	h6 small{
		float:right;
		}
	h1 strong,
	h2 strong,
	h3 strong,
	h4 strong,
	h5 strong,
	h6 strong{
		font-weight:normal;
		}
	
small{
	font-size:67.5%;
	}
strong{
	font-weight:bold;
	}
em{
	font-style:italic;
	}
	
blockquote{
		display:block;
		float:left;
		clear:both;
		overflow:hidden;
		padding:20px;
		margin:0 0 20px 0;
		border:3px solid #eee;
		width:560px;
		}
	blockquote p{
		margin:0;
		}	
		blockquote p strong{
			font-size:90%;
			font-weight:normal;
			font-style:italic;
			color:#999;
			display:block;
			margin:5px 0 0;
			}

	cite{
		display:block;
		color:#000;
		font-weight:bold;
		font-style:normal;
		padding:15px 0;
		margin-right:-5px;
		}
		
	
		
hr{
	background-color:#ddd;
	color:#ddd;
	border:none;
	margin:0 0 15px 0;
	height:1px;
	clear:both;
	}
	
	
#wrapper{
	min-height:100%;
	background:url(images/bg-header.jpg) repeat-x 50% 0;
	}	
	

/* Header
*********************************************************/
#header{
	}
	#logo a{
		background:url(images/logo.gif) no-repeat;
		width:221px;
		height:0;
		padding-top:83px;
		overflow:hidden;
		float:left;
		display:block;
		margin:20px 0 20px 20px;
		}
		
	#quickcontact{
		position:absolute;
		top:10px;
		right:180px;
		text-align:right;
		line-height:18px;
		width:170px;
		font-size:70%;
		}
		#quickcontact a{
			color:#008c46;
			}
			#quickcontact a:hover{
				color:#333;
				}
		#quickcontact strong{
			display:block;
			letter-spacing:1px;
			text-transform:uppercase;
			font-family:'Garamond Bold','Times New Roman','Times',serif;
			font-size:200%;
			font-weight:normal;
			}
		
	#quicklogin{
		position:absolute;
		top:10px;
		right:20px;
		line-height:16px;
		width:140px;
		font-size:70%;
		}
		#quicklogin a{
			color:#999;
			}
			#quicklogin a:hover{
				color:#666;
				}
		#quicklogin strong{
			display:block;
			letter-spacing:1px;
			text-transform:uppercase;
			font-family:'Garamond Bold','Times New Roman','Times',serif;
			font-size:120%;
			font-weight:normal;
			}

/* Navigation
*********************************************************/				
#nav{
	width:719px;
	margin:81px 0 0;
	float:left;
	display:block;
	}
	#nav ul{
		display:block;
		float:right;
		}
		#nav li{
			float:left;
			display:block;
			}
			#nav li a{
				display:block;
				float:left;
				line-height:1;
				color:#000;
				margin:0 0 0 40px;
				font-size:.8em;
				letter-spacing:1px;
				text-transform:uppercase;
				font-family:'Garamond Bold','Times New Roman','Times',serif;
				}
				#nav li a:hover{
					text-decoration:underline;
					}
					
				#nav li.current_page_item a,
				#nav li.current_page_ancestor a,
				#nav li.current_page_parent a{
					color:#008c46;
					}
					#nav li.current_page_item a:hover,
					#nav li.current_page_ancestor a:hover,
					#nav li.current_page_parent a:hover,
					body.blog #nav li.page-item-45 a:hover,
					body.work #nav li.page-item-16 a:hover{
						}


/* Content
*********************************************************/
#main{
	overflow:auto;
	padding-bottom:200px;
	}

#main .container{
	padding:20px 0 0 20px;
	width:960px;
	margin-bottom:-50px;
	}
	
	
.navigation{		
	display:block;
	float:left;
	clear:both;
	padding:15px 15px 1px;
	margin-bottom:20px;
	}
	.navigation .alignleft{
		float:left;
		}
	.navigation .alignright{
		float:right;
		}
	.navigation a{
		font-weight:bold;
		}
	
.col{
	margin:0 20px 40px 0;
	float:left;
	}
	.threecol{
		width:220px;
		}
	.fourcol{
		width:300px;
		}	
	.sixcol{
		width:460px;
		}
	.eightcol{
		width:600px;
		margin-right:40px !important;
		}
		
	.post ul{
		margin:0 30px 20px;
		list-style:disc;
		font-size:75%;
		color:#666;
		}
		.post li{
			margin:2px 0 10px;
			width:100%;
			}
			.post li ul{
				font-size:100%;
				list-style:circle;
				margin:2px 0 2px 10px;
				color:#555;
				}	
	.post ol{
		margin:5px 25px 15px 25px;
		list-style:decimal;
		font-size:75%;
		color:#333;
		}

		.alignleft{
			float:left;
			margin:0 15px 15px 0;
			}
		.alignright{
			float:right;
			margin:0 0 15px 15px;
			}
		.aligncenter{
			display:block;
			margin:15px auto;
			}
			
	.newstitle{
		margin:0 0 5px;
		}
		
	.gallery-item{
		width:132px;
		text-align:center;
		}
			
	.col img.alignleft,
	.col img.alignright,
	.col img.aligncenter{
		background:#fff;
		padding:5px;
		border:1px solid #ddd;
		}
	.col a:hover img.alignleft,
	.col a:hover img.alignright,
	.col a:hover img.aligncenter{
		border:1px solid #aaa;
		}
	
	.col img.noborder{
		padding:0 !important;
		border:none !important;
		margin:0 !important;
		}
		.col a:hover img.noborder{
			border:none;
			}


        .gallery {
             float:left;
             clear:both;
	        }
        .gallery-item {
			float:left;
			margin:0 15px 15px 0;
	        }
        .gallery img {
			background:#fff;
			padding:5px;
			border:1px solid #ddd;
	        }

		

small.meta{
	margin-top:10px;
	border-top:1px solid #ccc;
	padding-top:10px;
	font-size:11px;
	color:#999;
	display:block;
	clear:both;
	}
	small.meta a{
		color:#666;
		}

.productthumb{
	float:left;
	margin:0 20px 20px 0;
	clear:none;
	display:block;
	padding:0;
	}
	.productthumb img{
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		}		
	
.col table{
	font-size:75%;
	margin:0 0 20px;
	width:600px;
	border-collapse:collapse;
	text-align:left;
	float:left;
	clear:both;
	}
	.col thead th{
		font-weight:bold;
		color:#333;
		padding:10px 8px;
		border-bottom:2px solid #ccc;
		background:#eee;
		}
	.col tbody th{
		font-weight:bold;
		}
	.col tbody th,
	.col tbody td{
		border-bottom:1px solid #ddd;
		color:#666;
		padding:6px 8px;
		}
		.col tbody td.note{
			color:#999;
			border-bottom:none;
			font-size:90%;
			font-style:italic;
			}
	
	.col tbody tr:hover th,
	.col tbody tr:hover td{
		color:#111;
		}

.post{
	margin:0 0 60px;
	}
		
	.posthead{
		margin-bottom:15px;
		}			
		.retweet{
			float:right;
			padding:0px 0 0;
			margin:0 0 0 15px;
			}
		
	.postfoot{
		margin:5px 0 15px;
		padding:5px 0 0;
		border-top:1px solid #ddd;
		clear:both;
		}
		.postfoot p{
			margin:0;
			clear:none;
			font-size:67.5%;
			}
			.postfoot p.date{
				float:left;
				}
			.postfoot p.comments{
				float:right;
				}
			.postfoot p a{
				color:#666;
				}
				.postfoot p a:hover{
					color:#333;
					}
	
	
p.imagenav{
	background:#fafafa;
	border:1px solid #eee;
	border-width:1px 0;
	display:block;
	float:left;
	width:600px;
	}
	p.imagenav a{
		color:#888;
		}
		p.imagenav a:hover{
			color:#666;
			}
	p.imagenav .prev{
		float:left;
		padding:5px 10px;
		border-right:1px solid #eee;
		}
	p.imagenav .next{
		float:left;
		padding:5px 10px;
		}
	p.imagenav .back{
		float:right;
		padding:5px 10px;
		}
	

/* Comments
*********************************************************/	
ol.commentlist{
	margin:20px 0;
	padding:0;
	list-style:none;
	font-size:75%;
	}
	ol.commentlist li{
		font-size:100%;
		}
		ol.commentlist li div.commenttitle{
			padding:10px;
			background:#eee;
			border:1px solid #ddd;
			border-width:1px 1px 0;
			-moz-border-radius-topright:5px;
			-moz-border-radius-topleft:5px;
			-webkit-border-top-right-radius:5px;
			-webkit-border-top-left-radius:5px;
			}

			ol.commentlist li div.commenttitle cite{
				display:block;
				color:#333;
				font-weight:normal;
				font-style:normal;
				padding:0;
				margin-right:0;
				font-family:'Garamond','Times New Roman','Times',serif;
				letter-spacing:1px;
				}
			
			ol.commentlist li div.commenttitle cite a{
				text-decoration:none;
				font-style:normal;
				font-size:150%;
				color:#333;
				}
			ol.commentlist li div.commenttitle img{
				float:right;
				display:block;
				padding:3px;
				background:#fff;
				border:1px solid #bbb;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				}
			ol.commentlist li div.commenttitle small{
				padding-top:2px;
				text-decoration:none;
				font-size:87.5%;
				color:#999;
				display:block;
				}
				ol.commentlist li div.commenttitle small a{
					color:#999;
					}				
		ol.commentlist li div.commentbody{
			padding:0 10px;
			border:1px solid #ddd;
			margin-bottom:16px;
			-moz-border-radius-bottomright:5px;
			-moz-border-radius-bottomleft:5px;
			-webkit-border-bottom-right-radius:5px;
			-webkit-border-bottom-left-radius:5px;
			}
			ol.commentlist li div.commentbody p{
				padding:0 !important;
				margin:10px 0 !important;
				font-size:100%;
				}

	

/* Comments
*********************************************************/	
#sidebar{
	}	
	
	#sidebar ul{
		list-style:none;
		margin:0;
		font-size:100%;
		}
		#sidebar ul li{	
			float:left;
			margin:0 0 30px;
			display:block;
			clear:both;
			width:100%;
			}	
			#sidebar li li{
				margin:0;
				font-size:75%;
				padding:5px 0;
				width:100%;
				display:block;
				float:left;
				clear:both;
				border-top:1px solid #eee;
				border-bottom:none;
				}
				#sidebar ul li.widget_lastfmrecordswidget li,
				#sidebar ul li.widget_quickflickr a img{
					padding:0;
					text-indent:0;
					background:none;
					clear:none;
					margin:7px 13px 8px 0;
					border-top:none;
					width:80px;
					border:1px solid #ccc;
					float:left;
					display:block;
					}
				
				#sidebar ul ul ul{
					margin:2px 0 2px 10px;
					font-size:100%;
					}
				#sidebar li li a{
					color:#666;
					font-family:'Garamond','Times New Roman','Times',serif;
					font-size:130%;
					}
					#sidebar li li a:hover{
						color:#333;
						}
					
			#sidebar ul li#text-4,
			#sidebar ul li#text-7,
			#sidebar ul li#facebook-fan-box,
			#sidebar ul li.widget_lastfmrecordswidget{
				}
				#sidebar ul li#text-4 h2,
				#sidebar ul li#text-7 h2,
				#sidebar ul li#facebook-fan-box h2,
				#sidebar ul li.widget_lastfmrecordswidget h2{
					}
					
				#sidebar li#text-4 h2{
					background:url(images/icon-client-login.jpg) no-repeat 100% 0;
					}
				#sidebar li#text-3 h2{
					background:url(images/icon-guided-tour.jpg) no-repeat 100% 0;
					}
				#sidebar li#text-7 h2{
					background:url(images/icon-newsletter-signup.jpg) no-repeat 100% 3px;
					}
				#sidebar li.aktt_widget h2{
					background:url(images/icon-twitter.jpg) no-repeat 100% 0;
					}
				#sidebar li.widget_tag_cloud h2{
					background:url(images/icon-tag.jpg) no-repeat 100% 0;
					}
				#sidebar li.widget_recent_comments h2{
					background:url(images/icon-comments.jpg) no-repeat 100% 0;
					}
				#sidebar li.widget_lastfmrecordswidget h2{
					background:url(images/icon-lastfm.jpg) no-repeat 100% 1px;
					}
				#sidebar li.widget_quickflickr h2{
					background:url(images/icon-flickr.jpg) no-repeat 100% 3px;
					}
				
			#sidebar li.widget_tag_cloud{
				line-height:1;
				}
				#sidebar li.widget_tag_cloud a{
					white-space:nowrap;
					}
				
			#sidebar p.text input{
				width:288px;
				margin:0 0 7px;
				}

		

		#sidebar .aktt_tweets ul li{
			margin:0;
			line-height:1.4;
			text-indent:0;
			color:#666;
			}
			#sidebar .aktt_tweets .aktt_tweet_time{
				clear:left;
				display:block;
				font-size:11px;
				color:#000 !important;
				font-weight:normal !important;
				}
			


/* Footer
*********************************************************/		
#footer{
	background:url(images/bg-footer.jpg) repeat-x 50% 100%;
	height:200px;
	position:relative;
	margin-top:-200px;
	clear:both;
	}
	#footer .container{
		padding:153px 20px 0;
		width:940px;
		}
		#footer a{
			color:#333;
			}
			#footer a:hover{
				color:#000;
				}
				
	#footer p{
		font-size:70%;
		color:#333;
		margin:0;
		}
		
	#footer .social{
		color:#58703a;
		float:left;
		clear:left;
		line-height:14px;
		margin:3px 0 0;
		}
		#footer .social a{
			color:#58703a;
			padding:0 0 0 17px;
			display:block;
			float:left;
			margin:0 20px 0 0;
			}
			#footer .social a.facebook{
				background:url(images/icon-facebook.gif) no-repeat 0 0;				
				}
			#footer .social a.twitter{
				background:url(images/icon-twitter.gif) no-repeat 0 0;				
				}
			#footer .social a:hover{
				color:#000;
				}
	
	#footer .address{
		color:#58703a;
		font-style:italic;	
		float:right;
		clear:right;	
		}
		#footer .address strong{
			font-weight:normal;
			font-style:normal;
			}
			
	#footnav{
		display:block;
		float:right;
		font-size:70%;
		color:#333;
		}
		#footnav li{
			display:inline;
			padding:0 0 0 3px;
			color:#333;
			}
			#footnav li a{
				color:#333;
				}
				#footnav li a:hover{
					color:#000;
					}

#foottweet{
	position:absolute;
	top:48px;
	left:23px;
	background:url(images/footer-tweet.png) no-repeat 0 0;	
	width:270px;
	height:46px;
	font-size:10px;
	color:#666;
	padding:5px 7px 1px 155px;
	line-height:1.2;
	}
	#foottweet a{
		color:#666;
		}
		#foottweet a:hover{
			color:#333;
			}


#footersignup{
	background:url(images/footer-email.png) no-repeat 0 0;
	width:339px;
	height:55px;
	display:block;
	position:absolute;
	top:44px;
	left:532px;
	opacity:0.5;
	}
	#footersignup:hover{
		opacity:1;
		}
	#footersignup .email{	
		position:absolute;
		top:30px;
		left:61px;
		width:175px;
		height:20px;
		background:none;
		border:none;
		color:#666;
		font-family:Arial,sans-serif;
		font-size:11px;
		}
	#footersignup .submit{
		position:absolute;
		top:27px;
		left:245px;
		background:none;
		border:none;
		color:#3b8a48;
		font-family:Arial,sans-serif;
		font-weight:bold;
		font-size:13px;
		background:#fff;
		padding:5px 10px;
		text-transform:uppercase;
		border:1px solid #ccc;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		cursor:pointer;
		}
		#footersignup .submit:hover{
			background:#3b8a48;
			color:#fff;
			border:1px solid #3b8a48;
			}


/* Forms
*********************************************************/
form{
	margin:0 0 20px;
	float:left;
	position:relative;
	display:block;
	clear:both;
	width:100%;
	}
	
	#searchform{
		}
		#searchform p{
			float:left !important;
			width:auto !important;
			clear:none !important;
			margin-right:5px !important;
			}
			#searchform .text input{
				width:220px;
				float:left;
				}
			#searchform .submit input{
				float:left;
				}
	
	form h1,
	form h2,
	form h3,
	form h4{
		margin:0 0 15px;
		}
	form p{
		margin:0 !important;
		padding:0 !important;
		display:block !important;
		clear:both !important;
		width:100% !important;
		}
	form p.info,
	form p.intro{
		margin-bottom:20px !important;
		}
		form p.info{
			font-size:11px;
			color:#999;
			}
		form p.info a{
			color:#666;
			}
	.error{
		display:block;
		background:#ffc;
		color:#f00;
		border:1px solid #fcc;
		font-weight:bold;
		float:left;
		text-align:center;
		width:100%;
		margin:0 0 15px;
		padding:5px 0;
		}
	
	.text input,
	.text textarea{
	 	clear:left;
		display:block;
		float:left;
		width:590px;
		padding:4px;
		font-size:.825em;
		margin:0 0 15px 0;
		background:#fff;
		border:1px solid #ddd;
		font:100% Arial,sans-serif;
		color:#666;
		}
		.text:hover input,
		.text:hover textarea,
		.text:focus input,
		.text:focus textarea{
			border:1px solid #008c46;
			}
	.text select{
	 	clear:left;
		display:block;
		float:left;
		padding:5px;
		font-size:1em;
		margin:0 0 15px 0;
		background:#fff;
		border:1px solid #bbb;
		font:100% Arial,sans-serif;
		color:#333;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		}
	label{
		float:left;
		display:block;
		clear:left;
		font-size:100%;
		text-transform:uppercase;
		font-weight:bold;
		color:#666;
		}
		label.required:after {
			color:#008c46;
			content:" *";
			font-weight:bold;
			}
			
	.forgot{
		display:block;
		float:left;
		width:200px;
		font-size:.95em;
		color:#666;
		margin:-3px 0 12px 170px;
		}
	.check input{
		display:block;
		clear:both;
		float:left;
		margin:0 5px 15px 160px;
		cursor:pointer;
		}
	.check label{
		display:block;
		float:left;
		margin:-3px 0 10px 0;
		cursor:pointer;
		width:450px;
		}

	.button,
	.submit input{
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		-moz-box-shadow:#333 0px 1px 3px;
		-webkit-box-shadow:#333 0px 1px 3px;
		background:#fff url(images/36px-blended.png) 0 0;
		padding:4px 12px 6px;
		text-shadow:#fff 0px 1px 1px;
		cursor:pointer;
		display:inline-block;
		font-weight:bold;
		line-height:1;
		overflow:visible;
		position: relative;
		text-decoration:none;
		width:auto;
		outline:0;
		color:#444 !important;
		font-size:11px;
		margin:0;
		border:none;
		font-family:Arial,sans-serif;
		}
	.button:hover,
	.submit input:hover{
		background-color:rgb(238, 238, 238);
		color:#222 !important;
		}
	.button:active,
	.submit input:active{
		top:1px;
		}
.paypalform{
	display:block;
	float:left;
	margin:0 0 20px 0;
	}
	.paypalform h3{
		margin:0;
		}
	.paypalform label{
		float:left;
		display:block;
		clear:left;
		font-size:11px;
		text-transform:uppercase;
		font-weight:bold;
		color:#888;
		line-height:26px;
		width:32px;
		}
	.paypalform select{
		display:block;
		float:left;
		margin:3px 10px 0 0;	
		width:220px;
		}
	.paypalform input{
		display:block;
		float:left;
		}