/*
Theme Name: Bronx
Theme URI: http://www.bronxladies.com/
Description: The 2010 default theme for Bronx Ladies.
Version: 1.0
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
li{list-style-type: none;}
a img { border: none; }
a{color: #cc0099; text-decoration: none;}
a:hover{color: #cc0099; text-decoration: underline;}

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	height: 0px;
	visibility: hidden;
}

* html .clearfix {
	height: 1%;
}

.clear{clear: both;}
/* =Structure
-------------------------------------------------------------- */

body{min-height: 990px;}
#page-wrap{margin: 0 auto; width: 900px; position: relative;}
#header{height: 100px; width: 100%; position: relative;}
#love-you{position: absolute; right: 85px; top: 0;}
#bronx{display: block; position: absolute; right: -75px; top: -1px; z-index: 100;}
#container{position: relative;}
#content{background: #fff; margin: 0 0 50px 0; min-height: 500px; padding: 25px; width: 460px; position: relative; z-index: 100;}

/* =Typography
-------------------------------------------------------------- */
/* Containers */
body{font: 11px/16px Arial, Helvetica, sans-serif;}
#content h1{border-bottom: 1px solid #000; margin: 0 0 20px 0; font: normal 48px "Times New Roman", Georgia, Times, serif; text-transform: uppercase;}
#content h2, #content h3{font: normal 18px "Times New Roman", Georgia, Times, serif; text-transform: uppercase;}
#content h2.shoe-of-the-month{border-bottom: 1px solid #000; font-size: 37px;}
#content h3{font-weight: bold; font: bold 18px Arial, Helvetica, sans-serif;}
#content h4{color: #666; font: bold 16px Arial, Helvetica, sans-serif;}
#content h5{color: #666; font: bold 12px Arial, Helvetica, sans-serif;}
#content h6{color: #666; font: bold 11px Arial, Helvetica, sans-serif;}
#content h1#shoe-types{font: 12px Verdana, Arial, Helvetica, sans-serif;}
#like h4{font: 12px Verdana, Arial, Helvetica, sans-serif;}

/* menu-navigation */
#access a:hover, #sidebar a:hover{text-decoration: none;}
#access, #access h6{font: 26px/28px "Times New Roman", Georgia, Times, serif}
#access ul li a, #access ul li h6{text-transform: uppercase;}
#access ul li.last a, #access ul h6.last a{line-height: 21px; text-transform: none; width: 120px;}
#access ul ul{font: 12px Verdana, Arial, Helvetica, sans-serif;}
#back-home{font: 12px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase;}
.navigation a{font: normal 10px Verdana, Arial, Helvetica, sans-serif;}
/*
	Blog
*/
#sidebar{font: 11px Arial, Helvetica, sans-serif; text-transform: uppercase;}


/* =Global Elements
-------------------------------------------------------------- */

p {margin: 10px 0;}
#nav-above{margin: 0 0 35px 0;}
.nav-previous{float: left; width: 120px;}
.nav-next{float: right; width: 120px;}
.navigation a:link, .navigation a:visited{color:#cc0099;text-decoration:none;text-transform: uppercase;}
.navigation a:hover{text-decoration: underline;}
.navigation a span{color:#999999;}

/* Meta Data */

.entry-meta, .entry-meta a{color: #999;}
/* Blog */
.entry-utility span{display: block; float: left;}
.entry-utility span, .entry-utility span a{color: #999999; line-height: 20px;}
.entry-utility span a:hover{text-decoration: underline;}
.entry-utility-prep, .entry-utility-prep-tag-links{margin: 0 5px 0 0; text-transform: uppercase;}
.meta-sep{margin: 0 10px;}


.share-links a{margin: 0 0 0 10px;}
.share-links a.twitter{background: url(images/share-twitter.jpg) no-repeat left top; display: block; float: right; height: 18px; text-indent: -9999px; width: 14px}
.share-links a.facebook{background: url(images/share-facebook.jpg) no-repeat left top; display: block; float: right; height: 20px; text-indent: -9999px; width: 9px}

/* =Menu
-------------------------------------------------------------- */

#access{position: absolute; right: 0; top: 0; z-index: 300;}
#access ul{background: #cc0099; display: block; padding: 5px 5px 20px 5px; width: 200px; }
#access ul li{border-bottom: 1px solid white; padding: 3px; position: relative;}
#access ul li.last{border: none;}
#access ul li a{color: #fff; display: block; width: 100%;}
#access ul li a:hover{color: #000;}
#access ul ul{width: 200px;}
#access ul ul li.see-all{margin: 15px 0;}

#access ul ul{background: none; padding: 10px 5px;}
#access ul ul li{border: none;}
#access ul ul li a{border: none;}
#access h6{color: #fff; cursor: pointer; display: block; width: 100%;}
#access h6:hover{color: #000;}

#access ul li span { background:none repeat scroll 0 0 #000000; color:#FFFFFF; font-family:verdana; font-size:10px; font-weight:bold; line-height:15px; margin:0; 
padding:2px 3px; position:absolute; right:0; text-transform:uppercase; top:0; }
#access #back-home{background: #fff; color: #000;}
#access #back-home:hover{background: #000; color: #fff;}

#access ul.contact li{color: #fff;}
#access ul.contact li a{text-transform: none;}

#sidebar #social-nav{margin: 0 0 20px 0;}
#sidebar #social-nav li{margin: 0 0 5px 0;}
#sidebar #social-nav li a:hover{background: #fff;}

#sidebar #social-nav, #shoe-sidebar #social-nav{margin: 0 0 20px 0;}
#sidebar #social-nav li, #shoe-sidebar #social-nav li{margin: 0 0 5px 0;}
#sidebar #social-nav li a:hover, #shoe-sidebar #social-nav li a:hover{background: #fff;}

/* =Content
-------------------------------------------------------------- */
#content h2{margin: 0 0 20px 0;}
#content h2 a{color: #000;}
#content h2.shoe-of-the-month{padding: 0 0 10px 0;}
#content h2 a:hover{color: #cc0099;}
#content h2.shoe-of-the-month span{color: #999;}
#content h1#shoe-types{border-bottom:1px solid black; border-top:1px solid black; float:left; font-size:12px; padding:2px 0; text-transform:uppercase;}
#like h4{color: #CC0099; border-bottom:1px solid black; border-top:1px solid black; float:left; font-size:12px; padding:2px 0; text-transform:uppercase;}
#content img.blog-image{margin:0 0 25px 0;}

.entry-content { margin: 0 0 25px 0; overflow: hidden; }
.hentry li{ list-style: circle; margin: 0 0 0 12px}
.home .hentry, .archive .hentry{border-bottom: 3px double #000; padding: 5px 0 25px 0;}


#footer{text-align: right;}
#footer a{color: #fff;}
#footer a:hover{color: #000;}

/* What's your vibe? */
.image-inner-container{color: #fff; position: relative;}
.image-inner-container div{width: 100%; position:absolute; top: 30%; left: 0;}
.image-inner-container h5{font-size:18px; font-weight: normal; text-transform: uppercase;}
.image-inner-container h5, .image-inner-container p{margin: 12px 0;}
.image-inner-container h5 span, .image-inner-container p span{background: #cc0099; padding: 2px 4px; width: auto;}

#basic-1{position:absolute; left: 15px; top: 15px;}
#basic-2{position:absolute; left: 15px; top: 324px;}
#basic-3{position:absolute; left: 255px; top: 324px;}
#basic-4{position:absolute; left: 15px; top: 563px;}
#basic-5{position:absolute; left: 15px; top: 718px;}

#content .list-shoe li{float: left; margin: 10px; padding: 0 10px;}
#content .list-shoe li a{color: #000;}
#content .list-shoe li a:hover{color: #cc0099;}
#content .list-shoe li a img{height: 190px; width: 190px;}
#content .list-shoe li a span{border-top: 1px solid #000; display: block; width:100%; text-transform: uppercase;}


#breadcrumbs span{line-height:22px;margin:0 9px;}
#breadcrumbs a{text-transform:uppercase;}
body.single-shoe .information{border-bottom: 1px solid #000; border-top: 1px solid #000; margin: 20px 0; padding: 10px 0;}
body.single-shoe p span{color: #999;}

#shoe-zoom{float: left; margin: 15px 0 0 0;}
#shoe-zoom li{list-style: none; margin: 10px 0;}
#shoe-zoom li a img{border: 1px solid #999999; display: block; margin: 0;}

#like{background: #fff; padding: 25px; z-index: 100; position: relative; width: 460px}
#like ul li{float: left; margin: 10px;}
#find-a-store div:first-child{border-top: 1px solid #000;}
#find-a-store div{border-bottom: 1px solid #000; overflow: hidden; width: 140px;}
#find-a-store div h3{cursor: pointer; color: #cc0099; font-weight: bold; font-size: 11px; line-height: 35px;  text-transform: uppercase;}
#find-a-store div h4{border: none; float: none; font: bold 11px/16px Arial,Helvetica,sans-serif; padding: 10px 0 0 0;}
#find-a-store div p{color: #999;}
#find-a-store div p strong{color: #000;}



/* Asides
-------------------------------------------------------------- */

.home #content .category-asides p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top:0;
}
.home .hentry.category-asides {
	padding: 0;
}
.home #content .category-asides .entry-content {
	padding-top: 0;
}




/* Gallery listing
-------------------------------------------------------------- */

.category-gallery {
	margin-bottom: 48px;
}
.category-gallery h2 {
	margin-top: 10px;
}
.category-gallery .entry-meta {
}
.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.category-gallery .gallery-thumb {
	float: left;
	margin-right:20px;
	margin-top: -4px;
}
.home #content .category-gallery .entry-content p {
	display: inline;
}
.home #content .category-gallery .entry-utility {
	padding-top:4px;
}


/* Images
-------------------------------------------------------------- */

#content img {
	margin: 0;
	max-width: 640px;
}
#content .attachment img {
	max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft, 
#content img.alignright, 
#content img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}
#content .wp-caption img {
	margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 12px;
}
#content .wp-smiley {
	margin:0;
}
#content .gallery {
	margin: auto;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#content .gallery img {
	border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 10px solid #f1f1f1;
}
#content .gallery br+br {
	display: none;
}


/* =Comments
-------------------------------------------------------------- */
#comments { clear:both; }
#comments p a{border:none;}
h4#comments-title { padding:24px 0; }
h4#comments-title, h4#reply-title {
color:#000000;
font-size:18px;
font-weight:bold;
margin-bottom:0;
}
#comments h1, #comments h2, #comments h4, #comments h4, #comments h5, #comments h6 {
color:#000000;
line-height:1.5em;
margin:10px 0 0 0;
float: none;
border: none;
}
cite, em, i { font-style:italic; }
#comments p, #comments ul, #comments ol, #comments dd, #comments pre, #comments hr { margin-bottom:24px; }
.commentlist {
list-style:none outside none;
margin:0;
}
.commentlist li:last-child { border-bottom:medium none; margin-bottom:0; }
.commentlist li.comment {
border-bottom:1px solid #E7E7E7;
line-height:18px;
margin:0 0 24px;
padding:0 0 0 56px;
position:relative;
}
.comment-meta {margin:0 0 18px; }
.comment-meta a:link, .comment-meta a:visited { color:#888888; text-decoration:none; }
#comments .comment-body p:last-child { margin-bottom:6px; }
.reply { padding:0 0 24px; }
.reply a, a.comment-edit-link, p.comment-form-comment label { color:#888888; }
#comments img {
margin:0;
max-width:640px;
}

.comment-author cite {
color:#000000;
font-style:normal;
font-weight:bold;
}
.comment-author .says {
font-style:italic;
}
.commentlist .avatar {
left:0;
position:absolute;
top:4px;
}
#respond textarea {
width:98%;
}
#comments, #comments input, #comments textarea {
color:#333333;
font-size:11px;
line-height:18px;
}
input[type="text"], textarea {
-moz-box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0.1);
background:none repeat scroll 0 0 #F9F9F9;
border:1px solid #CCCCCC;
padding:2px;
}

#respond .form-allowed-tags {
color:#888888;
line-height:18px;
}
#respond p {
margin:0;
}
#comments p, #comments ul, #comments ol, #comments dd, #comments pre, #comments hr {
margin-bottom:24px;
}
#respond .form-allowed-tags code  {
font-size:11px;
}
#comments code {

}
code {
}
code {
font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
}
abbr, acronym {
border-bottom:1px dotted #666666;
cursor:help;
}
#respond .required {
color:#FF4B33;
font-weight:bold;
}
#respond p {
margin:0;
}
#comments p, #comments ul, #comments ol, #comments dd, #comments pre, #comments hr {
margin-bottom:24px;
}
#respond input {
margin:0 0 9px;
width:98%;
}
#comments input, #comments textarea {
color:#333333;
font-size:16px;
line-height:24px;
}
input[type="text"], textarea {
-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1) inset;
background:none repeat scroll 0 0 #F9F9F9;
border:1px solid #CCCCCC;
padding:2px;
}
#respond label {
color:#888888;
}
#respond .form-submit input {
font-size:14px;
width:auto;
}

/* Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}


/* =Home Page
-------------------------------------------------------------- */

.home #content{padding: 25px 75px 25px 25px; width: 460px;}
.home #sidebar{width: 180px; position: absolute; right: -140px; top: 115px; z-index: 200;}
.home #sidebar li{width: 170px;}
.home #sidebar li a{background: #fff; color: #000;}
.home #sidebar li a:hover{background: #000; color: #fff;}
.home #sidebar #archive{margin: 15px 0 0 0;}

#sidebar{width: 180px; position: absolute; right: -175px; top: 115px; z-index: 200;}
#sidebar li{margin: 1px 0 0 0; width: 185px;}
#sidebar li a{background: #fff; color: #000;}
#sidebar li a:hover{background: #000; color: #fff;}


/* =Single Shoe Page
-------------------------------------------------------------- */

body.single-shoe #nav-above, body.single-shoe .entry-meta, body.single-shoe div.entry-utility > span{display: none;}
body.single-shoe div.entry-utility span.share-links, body.single-shoe div.entry-utility span.share{display: block;}
#carousel{height: 280px; overflow: hidden; width: 460px;}
#carousel img.carousel-image{height: 280px; width: 460px;}
#carousel-controls {display:block; height:24px; margin:10px 0 0;}
#next{background:url("images/next.jpg") no-repeat left top; display:block; float:right; height:24px; width:14px;}
#prev{background:url("images/prev.jpg") no-repeat left top; display:block; float:left; height:24px; width:14px;}
#shoe-zoom{width: 460px;}
#shoe-zoom #zoom-large{float: right; margin: 0 90px 0 0;}
#shoe-zoom li.colour-2{display: none;}
#shoe-zoom li.colour-3{display: none;}
#shoe-zoom li.colour-4{display: none;}
#shoe-zoom li.colour-5{display: none;}


/* =Form
-------------------------------------------------------------- */
.formBuilderForm .formBuilderSubmit{width: 317px;}
.formBuilderError{color: #cc0099;}
/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background:none !important;
	}
	#wrapper {
		float: none !important;
		clear: both !important;
		display: block !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		margin: 0;
		padding:0;
		line-height: 1.4em;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		width: 100%;
		margin: 0;
	}
	#content,
	.one-column #content {
		width: 100%;
		margin: 24pt 0 0;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display:none
	}
	#site-generator a {
		padding: 0;
	margin: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display:inline;
	}
	.home .sticky {
		border: none;
	}
}