/*
Theme Name: WWZDW v4
Theme URI: http://wwzdw.com/
Description: Theme for wwzdw.com
Author: wwzdw.com
Version: 3
*/


* {
	padding: 0;
	margin: 0;
	border: 0;
}

body {
	background:#f5e3ba url('../../../wwzdw-v4/i-bg-mid.gif');
	font-family: lucida sans, sans-serif;
	font-size:12px;
	color:#5b2d14;
}
a { 
	color:#c54c54;
}
a:hover {
	color:#0ba0d1;
}
.constrain {
	width: 80%;	
	max-width:1200px;
	min-width:960px;
	margin: 0 auto;
	position: relative;
}

.clear:after {
  content: ".";
  height: 1px;
  display: block;
  clear: both;
  visibility: hidden;
}

.clr {
  clear: both;
}

.left {
	float:left;
}
.right {
	float:right;
}
.txt-center {
	text-align:center;
}
#header {
	position:relative;
	z-index:5;
}
	#logo {
		margin: 15px 0;
	}
	#tumblrlink {
		vertical-align:top;
		padding-top:5px;
	}
	#header-social {
		position:absolute;
		right:0;
		top:20px;
	}
#header-search {
	position: absolute;
	right: 15%;
	top: 14px;
}
	#header-search label {
		color:#5b2d14;
		font-weight:bold;
		display:inline-block;
		vertical-align:middle;
		line-height:30px;
	}
	#header-search input {
		font-family: lucida sans, sans-serif;
		padding:6px;
		width:150px;
		color:#333;
		border-radius:3px;	
		-moz-border-radius:3px;
		-webkit-border-radius: 3px;
		vertical-align:top;
	}
		#header-search input.disabled {
			color:#ccc;
			font-style:italic;
		}
	#header-search input#searchsubmit {
		width:30px;
		height:30px;
		background:#c54c54 url('../../../wwzdw-v4/search.png') no-repeat center;
		margin: 0 0 0 4px;
		cursor:pointer;
		border:0;
	}	

#nav-wrap {
	background:#c54c54;
	position:relative;
	z-index: 10;
	height:42px;
}

#header-nav {
	position:absolute;	
	right:0;
	top:0;
	z-index:110;
}
	#header-nav ul {
		list-style-type:none;
	}
		#header-nav ul li {
			position:relative;
			}
		#header-nav ul li a {
			color:#fff;
			text-decoration:none;
			display:block;
			font-size:14px;
			font-weight:bold;
			padding: 0 35px 0 15px;
			line-height:42px;
			background:#5b2d14;
		}
		#header-nav ul li a:hover, #header-nav ul li.sfhover a, #header-nav li:hover a {
			background:#5b2d14;
		}
	
		/* Second Level */
		#header-nav ul ul {
			position:absolute;
			right:0;
			top: 28px;
			width:405px;
			background:#5b2d14;
			padding: 5px;
			border-radius: 0 0 3px 3px;
			-webkit-border-radius: 0 0 3px 3px;
			-moz-border-radius: 0 0 3px 3px;
			height:1px;
			visibility:hidden;
		}
		#header-nav ul li.sfhover ul, #header-nav ul li:hover ul {
			height:auto;
			top: 41px;
			visibility:visible;
			transition: top linear 0.1s;
			-webkit-transition: top linear 0.1s;
			-moz-transition: top linear 0.1s;
		}
		#header-nav ul ul li {
			display:inline-block;
			vertical-align:top;
			width:200px;
			margin: 2px 0;
		}
		#header-nav ul ul li a {
			border-radius: 0;	
			-moz-border-radius:0;
			-webkit-border-radius: 0;
			font-size:11px;
			font-weight:normal;
			background:none;
			display:block;
			line-height:22px;
			padding: 0 5px;
		}
		#header-nav ul ul li a:hover {
			background:#754227 !important;
		}
		#header-nav .arrow {
			display:inline-block;
			vertical-align:top;
			width:5px;
			line-height:42px;
			height:42px;
			background: transparent url('../../../wwzdw-v4/arrow-down-white.gif') no-repeat left center;
		}
.shadow, .shadow-up {
	background: transparent url('../../../wwzdw-v4/shadow-up.png') repeat-x;
	position:absolute;
	z-index:3;
	left:0;
	right:0;
	height:9px;
	pointer-events:none;
}
	.shadow-up {
		background: transparent url('../../../wwzdw-v4/shadow.png') repeat-x;
		bottom:0;
		top:auto;
		z-index:101;
		opacity:0.5;
		height:6px;
	}
#nav {
	position:relative;
	z-index:11;
}
	#nav ul {
		list-style-type:none;
	}
	#nav ul li {
		display:inline-block;
		vertical-align:top;
		background-repeat:none;
		margin: 0 8px 0 0;
	}
	#nav ul li.nav-summer { background-image: url('../../../wwzdw-v4/nav-bg-summer.jpg'); }
	#nav ul li.nav-winter { background-image: url('../../../wwzdw-v4/nav-bg-winter.jpg'); }
	#nav ul li.nav-casual { background-image: url('../../../wwzdw-v4/nav-bg-casual.jpg'); }
	#nav ul li.nav-fancy { background-image: url('../../../wwzdw-v4/nav-bg-fancy.jpg'); }

	#nav ul li a {
		display:block;
		width:155px;
		height:42px;
		text-decoration:none;
		color:#fff;
		text-align:center;
		line-height:42px;
		background-repeat:no-repeat;
		background-position: -100px;
		overflow:hidden;
		font-size:16px;
		font-weight:bold;
	}
	#nav ul li a:hover {
	}
	#nav ul li.nav-summer a { background-image: url('../../../wwzdw-v4/nav-summer.png'); }
	#nav ul li.nav-winter a { background-image: url('../../../wwzdw-v4/nav-winter.png'); }
	#nav ul li.nav-casual a { background-image: url('../../../wwzdw-v4/nav-casual.png'); }
	#nav ul li.nav-fancy a { background-image: url('../../../wwzdw-v4/nav-fancy.png'); }
	#nav ul li.nav-summer a:hover { background-position:98px 3px; }
	#nav ul li.nav-winter a:hover { background-position:105px 5px; }
	#nav ul li.nav-casual a:hover { background-position:107px 5px; }
	#nav ul li.nav-fancy a:hover { background-position:96px 6px; }

#logo-post img {
	background:#f7eccc;
	padding: 30px 20px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	
}
.post {
	position:relative;
	text-align:center;
	overflow:hidden;
	padding:0;
	float:left;
	width:33%;
	margin: 5px 0;
}
	.post img {
		max-width:98%;
		max-height:450px;
		height:auto;
		width:auto;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	}
	.post-over {
		position:absolute;
		bottom: 0px;
		left:0;
		right: 0;
		text-align:left;
		padding:5px;
		opacity:0;
		background:transparent url('../../../wornontv/i-over.png') no-repeat right center;
		-moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
		padding-right:30px;
		white-space:normal;

		-webkit-transition: opacity 0.2s linear;
		-moz-transition: opacity 0.2s linear;
		-o-transition: opacity 0.2s linear;
		transition: opacity 0.2s linear;
	}
	.post .post-over {
		background-image: url('../../../wornontv/i-over-view.png');
		padding: 10px 5px 5px 10px;
	}
	.post a .post-over  {
		color:#6a4a3c;
	}
	.post a:visited .post-over  {
		color:#493329;
	}
	a:hover .post-over {
		opacity: 1;
		-webkit-transition: opacity 0.2s linear;
		-moz-transition: opacity 0.2s linear;
		-o-transition: opacity 0.2s linear;
		transition: opacity 0.2s linear;
	}
.iexact-match {
	position:absolute;
	left:50%;
	top:50%;
	margin:-20px 0 0 -20px;
	z-index:5;
}

.isimilars {
	background: transparent url('../../../wornontv/i-circle-pink.png') no-repeat;
	width:41px;
	line-height:12px;
	height:39px;
	padding: 2px 0 0 0;
	color:#fff;
	font-size:11px;
	font-family:arial, sans-serif;
	text-align:center;
	position:absolute;
	left:50%;
	top:50%;
	margin:-20px 0 0 -20px;
	z-index:5;
}

.navigation {
	text-align:center;
	font-size:12px;
	margin-top:40px;
}
	.navigation .wp-pagenavi a, .navigation .wp-pagenavi .current, .navigation .wp-pagenavi .pages, .navigation .wp-pagenavi .extend {
		background:#5b2d14;
		color:#fff;
		border:0;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
	}
	.navigation .wp-pagenavi .current {
		background:#c54c54;
		padding: 4px 6px;
	}
	.navigation .wp-pagenavi .pages, .navigation .wp-pagenavi .extend {
		background:#894a28;
		opacity:0.7;
	}
	.navigation .wp-pagenavi a {
			transition-property: background-color;  
  			transition-duration:2s;
			transition-timing-function: ease-out;
			-webkit-transition-property: background-color;  
  			-webkit-transition-duration: 2s;  
  			-o-transition-property: background-color;  
  			-o-transition-duration: 2s;  
  			-moz-transition-property: background-color;  
  			-moz-transition-duration: 2s; 
			padding: 4px 6px;
}
	.navigation .wp-pagenavi a:hover {
		background:#c54c54;
			transition-property: background-color;  
  			transition-duration:0.5s;
			transition-timing-function: ease-out;
			-webkit-transition-property: background-color;  
  			-webkit-transition-duration: 0.5s;  
  			-o-transition-property: background-color;  
  			-o-transition-duration: 0.5s;  
  			-moz-transition-property: background-color;  
  			-moz-transition-duration: 0.5s; 

	}
#footer {
	margin: 20px 0 0 0;
	position:relative;
	padding: 10px 0 0 0;
	background:#f7eccc;
}
	#footer .shadow-up {
		top: -9px;
		bottom: auto;
		opacity:0.5;
		height:9px;
	}
	#footer .stitch {
		top:3px;
	}
.footer-section {
	display:inline-block;
	vertical-align:top;
	width:34%;
}

.footer-section h5 {
	color:#5b2d14;
	font-weight:bold;
	font-size:14px;
	margin: 10px 0 10px 0;
}
.footer-section ul {
	list-style-type:none;
	margin: 20px 0 0 0 ;
}
	.footer-section ul li {
		vertical-align:top;
		font-size:12px;
		margin: 0 0 5px 0;
		color:#333;
	}
	.footer-section ul li a {
		color:#c54c54;
		text-decoration:none;
	}
.footer-section-1 {
	width:28%;
 }
	.footer-section-1 img {
		margin: 2px 0 2px 0;
	}
.footer-section-2 { }
	.footer-section-2 img {
		margin: 0 3px 0 0;
	}
.footer-section-3 { }
	.footer-section-3 img {
		margin: 0 10px 0 0;
		vertical-align:middle;
	}	
#tile {
	text-align:center; 
}
#tilelink {
	text-decoration:underline;
	cursor:pointer;
}
.hidetile {
	display:none;
}
.stitch {
	position:absolute;
	right:0;
	left:0;	
	top:3px;
	height:1px;
	background: transparent url('../../../wwzdw-v4/i-stitch-pink.png') repeat-x;
}
	#header .stitch {
		bottom: 3px;
		top: auto;
	}
	
#content {
	margin-top: 20px;
}

.product {
	text-align:center;
	font-size:12px;
	font-weight:bold;
	background:none;
	position:relative;
	margin-top:10px;
}
	.exact-match {
		position:absolute;
		left: -3px;
		top:3px;
	}
	.bargain-buy {
		position:absolute;
		right: 11px;
		top:165px;
	}
	.product-logo {
		max-width:134px;
		height:auto;
		padding:3px;	
		background:#fff;
	}
	.product-item {
		display:inline-block;
		vertical-align:top;
		width:152px;
		position:relative;
		padding: 5px 0;
		margin: 0 28px 0 0;
	}
	.product-item-image {
		width:150px;
		height:214px;
		overflow:hidden;
		border:1px solid #e2c891;
		display:block;
		background:#fff;
		position:relative;
		text-align:center;
		background-repeat:no-repeat;
		background-size:contain;
		background-position:center;
	}
	.product a {
		color:#884a28;
		text-decoration:none;
		display:block;
		padding: 5px 0;
		}
	.product a:hover {
		color:#c54c54;
		background:transparent;
	}
	.product img.product-image {
		max-width:150px;
		max-height:214px;
		height:auto;
		width:auto;
	}
	.product a:hover .product-item-image  {
		border:1px solid #c54c54;
	}
.clicknum {
	position:absolute;
	padding:3px;
	background:#eee;
	color:#333;
	font-size:11px;
	opacity:0.4;
	left:50%;
	top:40%;
}
.hr {
	background: transparent url('../../../wwzdw-v4/i-stitch-pink.png') repeat-x left center;
	min-height:3px;
	width:auto;
	margin: 1em 0;
	text-align:center;
}
	.hr h3 {
		background:#f7eccc;
		display:inline-block;
		padding: 0 10px;
		margin-bottom:0;
	}
	.hr h3 img {
		vertical-align:middle;
		margin-top:-2px;
	}
		
.dressbreak { }
	.dressbreak .product {
		margin:0;
	}
	.dressbreak .product-item {	
		width:122px;
		margin-top:5px;
		margin-right:7px;
	}
	.dressbreak .product-logo {
		margin-top: 3px;
	}
	.dressbreak .product-item-image {
		width:120px;
		height:180px;
	}
	.dressbreak .product img.product-image {
		min-width:120px;
		min-height:180px;
		height:auto;
		width:auto;
		max-width:auto;
		max-height:auto;
	}


#sidebar {
	display:inline-block;
	vertical-align:top;
	width:33%;
	margin: 0 1% 0 0;
}
	.box {
		background:#f7eccc;
		padding:10px;
		margin: 0 0 10px 0;
	}
	.related-post-item {
		display:inline-block;
		vertical-align:top;
		max-width:45%;
		margin: 0 15px 15px 0;
		height:auto;
		max-height:200px;
	}
	.related-post-item img {
		height:auto;
		width:auto;
		max-height:200px;
	}

	h1 {
		margin-bottom: 10px;
		color:#5b2d14;
	}
	.sic-facebook { width:90px; }
	.sic-twitter { width: 90px; }
	.sic-pinterest { width:90px; }
	.sic-tumblr { width:60px; }
	#sidebar .post {
		width:auto;
		float:none;
	}

		#sidebar .dressbreak .product-item {
			width:114px;
		}
		#sidebar .dressbreak .product-item-image {
			width:112px;
			height:160px;
		}
		#sidebar .dressbreak .product img.product-image {
			min-width:112px;
			min-height:160px;
			height:auto;
			width:auto;
			max-width:auto;
			max-height:auto;
		}	
	#sidebar .dressbreak .product-logo {
		margin-top: 3px;
		max-width:100px;
	}

#main {
	display:inline-block;
	vertical-align:top;
	width:66%;
}
	h3 {
		color:#5b2d14;
		font-size:20px;
		margin: 0 0 10px 0;
	}
		.post h3 {
			font-size:14px;
		}
	.entry-description {
		border: 2px solid #c3a984;
		padding:10px;
		margin: 10px 0;
	}
	.entry-meta {
		background:#e7d9b9;
		padding:10px;
		margin: 10px 0;
	}
		.entry-meta p {
			font-size:11px;
			line-height:20px;
		}

hr {
	height:1px;
	color:#e7d9b9;
	background:#e7d9b9;
	margin: 4px -10px;
	padding: 0 10px;
}

.ebay-item {
	text-align:left;
	font-size:12px;
	height:85px;
	overflow:hidden;
}
	.ebay-item a {
		display:block;
		padding: 5px;
		height:75px;
		text-decoration:none;
	}
	.ebay-item a:hover {
		background:#f3e6c9;
	}
	.ebay-item .ebay-image-wrap {
		float:left;
		margin: 0 10px 0 0;
		display:block;
		width:50px;		
	}
	.ebay-image-wrap img {
		width:auto;
		height:auto;
		max-width:100%;
		max-height:75px;
		border:1px solid #6a4a3c;
	}
	.ebay-price {
		display:block;
		color:#6a4a3c;
		padding-top:3px;
	}
/* Comments */
.comment-title {
	text-align:left;
}

.comment-title h3 {
	font-size:18px;
	margin: 5px 0;
	font-weight:normal;
}
.comment-title h3.blue {
	font-size:16px;
	font-weight:normal;
	margin: 0 0 10px 0;
}
.form-allowed-tags {
	display:none;
}
ol.commentlist {
	list-style-type:none;
}
ol.commentlist li {
	background:#f9f2db;
	padding: 20px;
	margin: 10px 0;
}
.comment-meta {
	font-size:11px;
}
.comment-meta a {
	text-decoration:none;
	color:#a5885f;
}
.commentlist p {
	margin:5px 0;
}
.comment-author {
	color:#6A4A3C;
	font-weight:bold;
	font-size:12px;
}
.avatar {
	display:none;
}

.comment.byuser .says {
	background: transparent url('../../../wwzdw-v4/admin.png') no-repeat right center;
	padding: 0 60px 0 0;
}
.comment-awaiting-moderation {
	background:#00a0b0;
	font-size:11px;
	font-weight:bold;
	display:inline-block;
	color:#fff;
	padding:3px;
	margin: 3px 0 0 0;
}
#main p.commentlink {
	font-size:10px;
	opacity:0.7;
}
/* Forms */
input, select, textarea {
	background:#fff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border: 1px solid #fff;
	border-left: 1px solid #d2d2d2;
	border-top: 1px solid #b8b8b8;
	color:#4c4c4c;
	padding: 5px;
	font-size:12px;
	margin-bottom:4px;
	font-family: lucida sans, sans-serif;
}
.disabled {
	font-style:italic !important;
	color:#b8b8b8 !important;
}
input.submit, input#submit {
	background:#c54c54;
	color:#fff;
	border-bottom: 1px solid #b73f47;
	border-right: 1px solid #b73f47;
	border-left:1px solid #d9686f;
	border-top:1px solid #d9686f;
	cursor:pointer;
}
input.submit:hover, input.submit:focus,
input#submit:hover, input#submit:focus {
	background:#f05470;
	border-bottom: 1px solid #e03a58;
	border-right: 1px solid #e03a58;
	border-left:1px solid #f77089;
	border-top:1px solid #f77089;
}
#respond label {
	width:100px;
	display:block;
	float:left;
	padding:7px 0 0 0;
}
p.form-submit {
	padding-left:100px;
}

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}


#feature {
	position:relative;
	overflow:hidden;
	width:315px;
	margin: 0 auto;
	height:390px !important;
}

#feature li {
	max-width:100%;
}
bjqs-wrapper {
	z-index:5;
	position:relative;
	}
	.feature-post img {
		max-width:100%;
		min-width:317px;
		height:auto;
	}
	.feature-post p {
		margin:5px 0;
	}
#feature .bjqs-markers {
	list-style-type:none;
	text-align:center;
	z-index:100;
	position:relative;
}
	#feature .bjqs-markers li {
		display:inline-block;
		margin:5px 4px 0 4px;
	}
	#feature .bjqs-markers li a {
		display:block;
		width:10px;
		height:10px;
		border-radius:100px;
		-webkit-border-radius:100px;
		-moz-border-radius:100px;
		background:#c3a984;
		overflow:hidden;
		text-indent:100px;
		cursor:pointer;
	}		
	#feature .bjqs-markers li.active-marker a {
		background:#9e0013;
	}