/*
etnies General Stylesheet

URL: 		http://etnies.com/blog/
Created by: 	Foxxyz/Ivo KH Janssen
		Mike Rusczyk
For:		Sole Technology Inc
		Code Dealers
Site Design by:	Sole Technology Inc Web Dept
		
http://www.soletechnology.com
http://codedealers.com

*/

/******************\
| GENERAL STYLES   |
\******************/

h3 {
	display: none;
	}

/******************\
| ID SPECIFICS     |
\******************/

.adminoptions {
	overflow: hidden;
	}
	
			#content .post p.adminoptions a {
				font-size: 12px;
				color: #fff;
				background-color: #3FACD6;
				padding: 4px 8px;
				line-height:16px;
				}
		
				#content .post p.adminoptions a:hover {
					color: #fff;
					background-color: #EEA91F;
					}
		
	#content .post {
		width: 614px;
		color: #807F7F;
		background-color: inherit;
		overflow: hidden;
		}
		
		#content .post h2, #content .post h4 {
			font-size: 37px;
			font-weight: normal;
			letter-spacing: -0.5px;
			font-weight: bold;
			line-height: normal;
			}
			
			#content .post h2 a, #content .post h4 a {
				color: #807F7F;
				background-color: inherit;
				}
				
				#content .post h2 a:hover, #content .post h4 a:hover {
					color: #EEA91F;
					background-color: inherit;
					}
					
				#content .post h2 a:focus, #content .post h4 a:focus {
					outline-style: none;
					}

		#content .post p {
			font-size: 17px;
			line-height: 1.6;
			margin-bottom: 1.1em;
			}
			
			#content .post a {
				color: #EEA91F;
				background-color: inherit;
				}
				
				#content .post a:hover {
					color: #3FACD6;
					background-color: inherit;
					}
					
				#content .post p .image {
					display: block;
					margin-bottom: 20px;
					line-height: normal;
					}
					
				#content .post p small {
					margin: 3px 0 0;
					display: block;
					line-height: normal;
					font-size: 12px;
					font-style: italic;
					color: #9d9d9d;
					background-color: inherit;
					font-family:Verdana,Arial,Helvetica,sans-serif;
					}
							
		#content .post p.date, #content .post p.meta {
			font-family:Verdana,Arial,Helvetica,sans-serif;
			font-size: 12px;
			line-height: normal;
			}
			
		#content .post p.date {
			text-transform: uppercase;
			color: #cccbcb;
			background-color: inherit;
			margin: 3px 0 11px;
			}
			
			#content .post p.date a {
				color: #A29D98;
				background-color: inherit;
				}
				
				#content .post p.date a:hover {
					color: #3FACD6;
					background-color: inherit;
					}
					
		#content .post p.meta {
			border-top: 1px solid #D1D1D1;
			padding: 3px 2px 5px;
			color: #d2d2d2;
			background-color: inherit;
			overflow: hidden;
			clear: both;
			}	

			#content .post p.meta a {
				color: #EEA91F;
				background-color: inherit;
				}

				#content .post p.meta a:hover {
					color: #3FACD6;
					background-color: inherit;
					}

			#content .post p.meta span {
				width: 300px;
				float: left;
				}

			#content .post p.meta span.views {
				float: right;
				display: block;
				text-align: right;
				}
				
	.post .video {
		margin: 0 0 30px;
		}
	
	.post .video.left {
		float: left;
		margin-right: 29px;
		}
		
		.post .podcast {
			width: 323px;
			margin: -25px 0 0;
			padding: 0 0 20px;
			overflow: hidden;
			}	
			
			.post .video .podcast {
				margin-top: 0;
				}

			#content .post .podcast a.download, #content .post .podcast a.subscribe {
				display: block;
				float: right;
				text-align: center;
				width: 120px;
				padding: 3px 0;
				color: #f2f1f1;
				background: transparent url(podcast.png) no-repeat 0 0;
				font-size: 10px;
				margin: 0 13px 0 0;
				height: 15px;
				text-align: center;
				}
				
				#content .post .podcast a.download  {
					width: 96px;
					}
				
				#content .post .podcast a:hover {
					color: #fff;
					background-position: 0 -24px;
					}
			
				#content .post .podcast a.download {
					background-position: -130px 0;
					}	
					
					#content .post .podcast a.download:hover {
						color: #fff;
						background-position: -130px -24px;
						}		
	
		.post .video .flashobject {
			display: block;
			}
			
/* --------- COMMENTS -------- */

h3#addcomment {
	display: block;
	font-weight: normal;
	font-size: 20px;
	margin: 0 0 12px;
	}

#comments {
	clear: both;
	color: #4B4A4B;
	background-color: inherit;
	border-top: 1px solid #D1D1D1;
	}
	
	#comments a {
		color: #3FACD6;
		background-color: inherit;
		}
		
		#comments a:hover {
			color: #F1AA1E;
			background-color: inherit;
			}
			
	#comments a.permalink {
		display: block;
		width: 65px;
		margin: 0 0 10px;
		}
	
	#comments .author {
		float: right;
		width: 140px;
		}
		
		#comments .author .name {
			font-size: 12px;
			}
	
	#comments .content {
		float: left;
		font-size: 12px;
		width: 334px;
		color: #A39E99;
		background-color: inherit;
		overflow: hidden;
		}
		
	#comments p.explanation {
		color: #A39E99;
		background-color: inherit;
		margin: 4px 0 14px;
		font-size: 12px;
		}
		
	#comments form {
		width: 404px;
		}
		
		#comments .formheader div {
			overflow: hidden;
			margin: 0 0 16px;
			}
	
	#comments h4 {
	    font-size: 33px;
		font-weight: normal;
		margin: 0 0 0;
		padding: 20px 0 18px;
		}
	
		#comments h4 .info {
			display: none;
			}
		
		#comments h4 span {
			font-size: 12px;
			text-transform: uppercase;
			}
			
	#comments input {
		width: 188px;
		float: left;
		margin: 0;
		}

		#comments .submit input {
			float: none;
			width: 126px;
			height: 25px;
			background: transparent url(submit-124.png) no-repeat 0 1px;
			}
			
			#comments .submit input:hover {
				background-position: 0 -27px;
				}
		
	#comments label {
		width: 194px;
		float: right;
		font-size: 14px;
		font-family:helvetica,arial,sans-serif;
		line-height: 24px;
		}
		
		#comments label small {
			font-size: 11px;
			color: #A39E99;
			background-color: inherit;
			}
			
	#comments li {
		padding: 40px 54px 40px 0;
		border-top: 1px solid #E9EBEB;
		list-style-type:none;
		overflow: hidden;
		}
		
	#comments ol {
		border-bottom: 1px solid #D1D1D1;
		margin: 0 0 40px;
		}
		
	#comments p.error {
		font-size:18px;
		margin: 0 0 1.2em;
		padding: 15px;
		color: #F8F5EF;
		background: #F0A91E;
		}
		
	#comments textarea {
		width: 400px;
		height: 150px;
		}

	#comment_text_container label {
		display: none;
		}

/******************\
| CLASS SPECIFICS  |
\******************/

p.blognav {
	text-align: right;
	color: #c6c4c4;
	background-color: inherit;
	margin: 5px 0 40px;
	font-size: 10px;
	}
	
	p.blognav a {
		color: #c6c4c4;
		background-color: inherit;
		padding: 0 2px;
		}
		
		p.blognav a:hover {
			color: #3FACD6;
			background-color: inherit;
			}

/* ---------- PAGINATION ---------- */

.paginate {
	color: inherit;
	background: transparent url(pagination-blog.png) no-repeat 0 0;
	width: 614px;
	height: 42px;
	text-align: center;
	position: relative;
	clear: both;
	}
	
	.paginate a {
		color: #6d6c6c;
		background: transparent url(pagination-items.png) no-repeat 0 0;
		display: block;
		height: 20px;
		padding: 5px 0 0;
		}
		
		.paginate a:hover {
			color: #fff;
			background-position: 0 -27px;
			}
		
		.paginate a:focus {
			outline-style: none;
			}
		
	.paginate .previous a, .paginate .newer a {
		width: 101px;
		position: absolute;
		top: 9px;
		}
		
	.paginate .previous a {
		left: 10px;
		}
		
	.paginate .newer a {
		right: 10px;
		}
		
	.paginate .pages {
		width: 370px;
		position: absolute;
		top: 9px;
		left: 122px;
		}
		
		.paginate .pages a {
			width: 31px;
			float: left;
			margin: 0 3px;
			background-position: -106px 0;
			}
			
			.paginate .pages a:hover {
				background-position: -106px -27px;
				}
				
				.paginate .pages a.active, .paginate .pages a.active:hover {
					color: #000;
					background-position: -106px -53px;
					}
					
.postgroup {
	float: left;
	width: 614px;
	}					
		
/* --------------------- */

		.post #subnavigation a.feeds {
			font-family: helvetica, arial, sans-serif;
			font-size: 11px;
			display: block;
			color: #6d6c6c;
			background: transparent url(post-rss.png) no-repeat 0 0;
			padding: 3px 0 0 19px;
			width: 60px;
			height: 13px;
			line-height:11px;
			}
			
			.post #subnavigation a.feeds:hover {
				color: #3FACD6;
				background-position: 0 -17px;
				}
		
		.single #subnavigation li {
			padding: 0;
			}
			
			.single #subnavigation li li {
				padding: 0 0 5px 10px;
				} 

				.post #subnavigation li li ul {
					display: none;
					}
			
.related  {
	margin: 43px 0 0;
	}	
	
	.related h4 {
		color: #e0e0e0;
		background-color: inherit;
		display:block;
		font-size:14px;
		font-weight:normal;
		text-align:center;
		text-transform:uppercase;
		}
	
	.related  ul {
		padding: 10px 0 20px;
		}
		
		.related  ul.swatches {
			padding: 0 33px;
			}
			
/* ---------- TWITTER ---------- */

		.related .meta a {
			color: #c4c5c5;
			background-color: inherit;
			}
			
			.related .meta a:hover {
				color: #3FACD6;
				background-color: inherit;
				}

		.related #twats .author {
			font-size: 14px;
			font-family: helvetica, arial, sans-serif;
			}
			
		.related #twats br {
			display: block;
			}

		.related #twats h3 {
			display: block;
			text-indent: -9809px;
			width: 149px;
			height: 29px;
			margin: 24px 0 6px;
			color: inherit;
			background: transparent url(twitter-header.png) no-repeat 0 0;			
			}	
			
		.related #twats li {
			min-height: 20px;
			text-align: left;
			width: 194px;
			border-style: none;
			font-size: 10px;
			padding: 0;
			margin: 0 0 25px;
			color: #807F7F;
			background: transparent url(twitter-bubble.png) no-repeat 0 -113px;
			}	
			
		.related #twats q {
			overflow: hidden;
			padding: 10px 0 6px;
			margin: 0 16px 0;
			display: block;
			}	
			
		.related #twats p {
			margin: 0;
			padding: 15px 0 0 31px;
			color: inherit;
			background: #fff url(twitter-bubble.png) no-repeat 0 0;
			}	
			
		.related #twats small {
			font-size: 10px;
			}	

/* -------------------- */				
			
		.single #content .post {
			padding: 0;
			overflow: visible;
			}		
	
	.single p.breadcrumb {
		margin-bottom: 0;
		}
		
	.single #subnavigation  {
		margin: 77px 0 0;
		}
		
		.single #subnavigation h5 {
			font-size: 13px;
			}
		
			.single #subnavigation li ul {
				padding:0 0 28px;
				}

/* ====== SNS Tools ====== */	

	.single .sntools {
		margin-right: 0;
		}

.sntools {
	position: relative;
	height: 24px;
	margin: 20px 5px 0 0;
	float: right;
	}
	
	.main .sntools {
		height: 22px;
		}
		
	.single .sntools {
		padding-top: 26px;
		width: 85px;
		}

	.sntools li {
		float: left;
		margin-left: 6px;
		cursor: pointer;
		font-size: 11px;
		display: block;
		width: 17px;
		height: 17px;
		text-indent: -9909px;
		color: #CCCBCB;
		background: transparent url(/app/css/images/sns-icons.png) no-repeat 0 0;
		}	
		
		.sntools li:focus {
			outline-style: none;
			}

		.sntools li:hover {
			background-position: 0 -24px;
			}
			
			.sntools li:hover span {
				display: block;
				}
				
		.sntools li span {
			display: block;
			}
			
	.sntools .facebook span, .sntools .twitter span, .sntools .stumbleupon span  {
		width: 300px;
		display: none;position: absolute;
		text-align: right;
		left: -302px;
		bottom: 8px;
		text-indent: 0;
		}

	.sntools .fblike {
		opacity: .7;
		background-image: none;
		width: 83px;
		height: 20px;
		text-indent: 0;
		float: none;
		position: absolute;
		top: 0;
		left: 0;
		}
		
		.sntools .fblike:hover {
			opacity: 1;
			}

	.sntools .stumbleupon {
		background-position: -42px 0;
		}

		.sntools .stumbleupon:hover {
			background-position: -42px -24px;
			}

	.sntools .twitter {
		background-position: -21px 0;
		}

		.sntools .twitter:hover {
			background-position: -21px -24px;
			}

	.sntools span {
		display: none;
		}

/* - - - - - - */											
				
.item {
	width: 614px;
	float: left;
	margin: 0 0 100px;
	}

		.main #content h2 {
			display: none;
			}
			
	.main .post {
		margin-bottom: 70px;
		}
		
		.main #subnavigation p {
			font-size:12px;
			margin-bottom: 30px;
			}
			
			.main #subnavigation p a {
				background-color:inherit;
				color:#3FACD6;
				}
				
				.main #subnavigation p a:hover {
					background-color:inherit;
					color:#F1AA1E;
					}
			
			.main #subnavigation p img {
   				display:inline;
   				padding: 0 2px 0 1px;
   				}

/*------ Buy a Shoe, Plant a Tree ------*/

@font-face {
	font-family: "Trade Gothic LT";
	src: url("/app/css/fonts/TradeGothicLTStd.otf") format("opentype");
	}

#wrapper.category-buy-a-shoe-plant-a-tree {
	background: #FFFFFF url("/app/css/images/baspat-blog-bg.jpg") no-repeat fixed center 0;
	}
	
	.category-buy-a-shoe-plant-a-tree #shadow {
		position: fixed;
		}

	.category-buy-a-shoe-plant-a-tree #header {
		top: 0;
		width: 100%;
		z-index: 999;
		position: fixed;
		display: block;
		}
	
	.category-buy-a-shoe-plant-a-tree #container {
		background-color: transparent;
		color: inherit;
		overflow: hidden;
		}
		
		.category-buy-a-shoe-plant-a-tree .postgroup {
			float: right;
			margin-top: 196px;
			}
			
			.category-buy-a-shoe-plant-a-tree #content .post {
				font-family: "Trade Gothic LT", "Helvetica Neue", Helvetica, Arial, sans-serif;
				}
			
			.category-buy-a-shoe-plant-a-tree #content .post a {
				color: #EE3E42;
				background-color: inherit;
				}
				
				.category-buy-a-shoe-plant-a-tree #content .post a:hover {
					background-color: inherit;
					color: #0099C7;
					}
			
			.category-buy-a-shoe-plant-a-tree #content .post h4 a, .post.single .category-buy-a-shoe-plant-a-tree #content .post h2 a {
				font-size: 30px;
				color: #EE3E42;
				background-color: inherit;
				}
				
				.category-buy-a-shoe-plant-a-tree #content .post h4 a:hover, .post.single .category-buy-a-shoe-plant-a-tree #content .post h2 a:hover {
					background-color: inherit;
					color: #0099C7;
					}
					
			.category-buy-a-shoe-plant-a-tree #content .post p.date, .category-buy-a-shoe-plant-a-tree #content .post p.meta {
				font-family: "Trade Gothic LT", "Helvetica Neue", Helvetica, Arial, sans-serif;
				font-size: 11px;
				text-transform: none;
				background-color: inherit;
				color: #CCCBCB;
				}
				
				.category-buy-a-shoe-plant-a-tree #content .post p.date a:hover {
					background-color: inherit;
					color: #0099C7;
					}
				
				.category-buy-a-shoe-plant-a-tree #content .post p.meta a {
					background-color: inherit;
					color: #A29D98;
					}
					
					.category-buy-a-shoe-plant-a-tree #content .post p.meta a:hover {
						background-color: inherit;
						color: #0099C7;
						}
				
				.category-buy-a-shoe-plant-a-tree #content .post p {
					font-size: 12px;
					background-color: inherit;
					color: #414141;
					}
	
		.category-buy-a-shoe-plant-a-tree p.breadcrumb, .category-buy-a-shoe-plant-a-tree #subnavigation, .category-buy-a-shoe-plant-a-tree #footer {
			display: none;
			}
			
		.post.single .category-buy-a-shoe-plant-a-tree #content {
			position: relative;
			}
		
		.post.single .category-buy-a-shoe-plant-a-tree p.status, .post.single .category-buy-a-shoe-plant-a-tree p.error {
			background-image: none;
		    font-size: 14px;
		    position: absolute;
		    top: 97px;
			left: 226px;
			padding: 10px;
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-weight: bold;
			}
			
		.post.single .category-buy-a-shoe-plant-a-tree p.blognav {
			margin-top: 115px;
			}
			
		.post.single .category-buy-a-shoe-plant-a-tree .item {
			float: right;
			margin-top: 27px;
			font-family: "Trade Gothic LT", "Helvetica Neue", Helvetica, Arial, sans-serif;
			}
			
		.post.single .category-buy-a-shoe-plant-a-tree #comments a {
			color: #EE3E42;
			background-color: inherit;
			}
			
			.post.single .category-buy-a-shoe-plant-a-tree #comments a:hover {
				background-color: inherit;
				color: #0099C7;
				}
				
		.post.single .category-buy-a-shoe-plant-a-tree .related {
			display: none;
			}