/*
    ----------------------------------------
    Hum Screen Stylesheet
    Sean Mitchell, sean@seanmitchell.ca
    11 / 16 / 09
    ----------------------------------------
*/



/* RESET
---------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border: 0;
}



/* BODY
---------------------------------------- */
body {
	background: #141414;
	text-align: center;
	font-family: "Lucida Grande", Lucida Sans Unicode, Arial, Sans-Serif;
	font-size: 11px;
	line-height: 18px;
	color: #7D7D7D;
	text-rendering: optimizeLegibility;
}
a {
	color: #AFAFAF;
	text-decoration: none;
}
a:hover {
	color: #FFF;
}
a, a:focus, a:active, input, select, textarea {
    outline: none;
}



/* WRAPPER
---------------------------------------- */
#wrapper {
	margin: auto;
	text-align: left;
	width: 100%;
}



/* HEADER
---------------------------------------- */
#header {
	float: left;
	border-bottom: 2px solid #641932;
	width: 100%;
}
#header h1 {
	float: left;
	padding: 40px 0 40px 0;
	width: 155px;
}
#header h1 span {
	display: none;
}
#header h1 a {
	background: url(http://www.humclothing.com/_img/logo.gif) no-repeat;
	display: block;
	width: 126px;
	height: 53px;
}
#header h1 a:hover {
	background: url(http://www.humclothing.com/_img/logo.gif) 0 -53px no-repeat;
}
#header h2 {
	float: left;
	font-size: 13px;
	line-height: 21px;
	color: #FFF;
	margin-top: 61px;
	padding-left: 7px;
	width: 600px;
}
#header ul {
	float: left;
	padding-top: 56px;
}
#header li {
	float: left;
}
#header li a {
	display: block;
	height: 29px;
}
#header span {
	display: none;
}



/* HEADER > MENU-SHOP
---------------------------------------- */
#header #menu-shop {
	background: url(http://www.humclothing.com/_img/menu.gif) no-repeat;
	width: 69px;
}
#header #menu-shop a {
	background: url(http://www.humclothing.com/_img/menu.gif) no-repeat;
	width: 49px;
}
#header #menu-shop a:hover {
	background: url(http://www.humclothing.com/_img/menu.gif) 0 -29px no-repeat;
}
#header #menu-shop .selected, #header #menu-shop .selected:hover {
	background: url(http://www.humclothing.com/_img/menu.gif) 0 -58px no-repeat;
}



/* HEADER > MENU-BLOG
---------------------------------------- */
#header #menu-blog {
	background: url(http://www.humclothing.com/_img/menu.gif) -69px -0px no-repeat;
	width: 65px;
}
#header #menu-blog a {
	background: url(http://www.humclothing.com/_img/menu.gif) -69px -0px no-repeat;
	width: 47px;
}
#header #menu-blog a:hover {
	background: url(http://www.humclothing.com/_img/menu.gif) -69px -29px no-repeat;
}
#header #menu-blog .selected, #header #menu-blog .selected:hover {
	background: url(http://www.humclothing.com/_img/menu.gif) -69px -58px no-repeat;
}



/* HEADER > MENU-BRANDS
---------------------------------------- */
#header #menu-brands {
	background: url(http://www.humclothing.com/_img/menu.gif) -134px 0 no-repeat;
	width: 81px;
}
#header #menu-brands a {
	background: url(http://www.humclothing.com/_img/menu.gif) -134px 0 no-repeat;
	width: 64px;
}
#header #menu-brands a:hover {
	background: url(http://www.humclothing.com/_img/menu.gif) -134px -29px no-repeat;
}
#header #menu-brands .selected, #header #menu-brands .selected:hover {
	background: url(http://www.humclothing.com/_img/menu.gif) -134px -58px no-repeat;
}



/* HEADER > MENU-ABOUT
---------------------------------------- */
#header #menu-about {
	background: url(http://www.humclothing.com/_img/menu.gif) -215px 0 no-repeat;
	width: 80px;
}
#header #menu-about a {
	background: url(http://www.humclothing.com/_img/menu.gif) -215px 0 no-repeat;
	width: 59px;
}
#header #menu-about a:hover {
	background: url(http://www.humclothing.com/_img/menu.gif) -215px -29px no-repeat;
}
#header #menu-about .selected, #header #menu-about .selected:hover {
	background: url(http://www.humclothing.com/_img/menu.gif) -215px -58px no-repeat;
}



/* HEADER > MENU-PRESS
---------------------------------------- */
#header #menu-press {
	background: url(http://www.humclothing.com/_img/menu.gif) -295px 0 no-repeat;
	width: 72px;
}
#header #menu-press a {
	background: url(http://www.humclothing.com/_img/menu.gif) -295px 0 no-repeat;
	width: 51px;
}
#header #menu-press a:hover {
	background: url(http://www.humclothing.com/_img/menu.gif) -295px -29px no-repeat;
}
#header #menu-press .selected, #header #menu-press .selected:hover {
	background: url(http://www.humclothing.com/_img/menu.gif) -295px -58px no-repeat;
}



/* HEADER > MENU-HOURS
---------------------------------------- */
#header #menu-hours {
	background: url(http://www.humclothing.com/_img/menu.gif) -367px 0 no-repeat;
	width: 76px;
}
#header #menu-hours a {
	background: url(http://www.humclothing.com/_img/menu.gif) -367px 0 no-repeat;
	width: 57px;
}
#header #menu-hours a:hover {
	background: url(http://www.humclothing.com/_img/menu.gif) -367px -29px no-repeat;
}
#header #menu-hours .selected, #header #menu-hours .selected:hover {
	background: url(http://www.humclothing.com/_img/menu.gif) -367px -58px no-repeat;
}



/* HEADER > MENU-CONTACT
---------------------------------------- */
#header #menu-contact {
	background: url(http://www.humclothing.com/_img/menu.gif) -443px 0 no-repeat;
	width: 91px;
}
#header #menu-contact a {
	background: url(http://www.humclothing.com/_img/menu.gif) -443px 0 no-repeat;
	width: 71px;
}
#header #menu-contact a:hover {
	background: url(http://www.humclothing.com/_img/menu.gif) -443px -29px no-repeat;
}
#header #menu-contact .selected, #header #menu-contact .selected:hover {
	background: url(http://www.humclothing.com/_img/menu.gif) -443px -58px no-repeat;
}



/* HEADER > MENU-CART
---------------------------------------- */
#header #menu-cart, #header #menu-cart a {
	background: url(http://www.humclothing.com/_img/menu.gif) -534px 0 no-repeat;
	width: 47px;
}
#header #menu-cart a:hover {
	background: url(http://www.humclothing.com/_img/menu.gif) -534px -29px no-repeat;
}
#header #menu-cart .selected, #header #menu-cart .selected:hover {
	background: url(http://www.humclothing.com/_img/menu.gif) -534px -58px no-repeat;
}



/* HEADER-WRAPPER
---------------------------------------- */
#header-wrapper {
	margin: auto;
    padding-left: 60px;
	width: 822px;
}



/* CONTENT
---------------------------------------- */
#content {
	float: left;
	background: #191919;
	width: 100%;
}
#content h3 {
	clear: both;
	font-size: 13px;
	line-height: 21px;
	color: #B4E68C;
	margin: 19px 0 14px 0;
}
#content h4 {
	clear: both;
	font-size: 11px;
	line-height: 18px;
	color: #FFF;
	margin: 0 0 14px 0;
}
#content h5 {
	clear: both;
	font-size: 11px;
	line-height: 18px;
	color: #FFF;
}
#content h6 {
	clear: both;
	font-size: 11px;
	line-height: 13px;
	color: #FFF;
	margin-bottom: 16px;
}
#content p {
	clear: both;
	padding-bottom: 14px;
}
#content ul {
	clear: both;
	padding-bottom: 14px;
}
#content a {
	border-bottom: 1px solid #323232;
}
#content a:hover {
	border-bottom: 1px solid #FFF;
}
#content .dark {
	color: #323232;
	padding: 0 3px 0 3px;
}
#content .pdf {
	background: url(http://www.humclothing.com/_img/bg-pdf.gif) 0 3px no-repeat;
	padding-left: 20px;
}
#content .link {
	background: url(http://www.humclothing.com/_img/bg-link.gif) 0 3px no-repeat;
	padding-left: 20px;
}



/* CONTENT-WRAPPER
---------------------------------------- */
#content-wrapper {
	margin: auto;
    padding: 19px 60px 0 60px;
	width: 762px;
}



/* CONTENT > PAGE
---------------------------------------- */
#content #page {
	float: left;
	padding-bottom: 21px;
	width: 600px;
}



/* CONTENT > PAGE-FULL
---------------------------------------- */
#content #page-full {
	float: left;
	padding: 0 0 21px 162px;
	width: 600px;
}
#content #page-full iframe {
	border: 2px solid #323232;
}
#content #page-full .row {
	float: left;
	background: url(http://www.humclothing.com/_img/divide.gif) left bottom no-repeat;
	margin-bottom: 12px;
	padding-bottom: 13px;
	width: 600px;
}
#content #page-full .row dl {
	float: left;
	line-height: 16px;
	padding: 5px 8px 15px 8px;
	width: 104px;
}
#content #page-full .row dt a {
	display: block;
	width: 100px;
	border: 2px solid #323232;
}
#content #page-full .row dt a:hover {
	border: 2px solid #FFF;
}
#content #page-full .row dd {
	text-align: center;
	color: #AFAFAF;
	padding-top: 8px;
}
#content #page-full .row dd a {
	border: none;
}



/* CONTENT > SUB
---------------------------------------- */
#content #sub {
	float: left;
	padding: 25px 0 3px 0;
	width: 162px;
}
#content #sub h3 {
	clear: both;
	font-size: 11px;
	line-height: 13px;
	color: #FFF;
	margin: 0 0 16px 0;
}
#content #sub ul {
	text-transform: capitalize;
	padding-bottom: 32px;
}
#content #sub a {
	color: #646464;
	border: none;
}
#content #sub a:hover, #content #sub .current-cat a, #content #sub .selected a {
	color: #FFF;
	border: none;
}



/* CONTENT > SUB > SUBSCRIBEFORM
---------------------------------------- */
#content #sub #subscribeform dl {
	padding: 5px 0 28px 0;
}
#content #sub #subscribeform dd {
	padding-bottom: 8px;
}
#content #sub #subscribeform dt {
	padding: 8px 0 9px 0;
}
#content #sub #subscribeform .field {
	border: 1px solid #141414;
	padding: 2px 4px 2px 4px;
	font-size: 12px;
	color: #7D7D7D;
	width: 124px;
}



/* CONTENT > BLOG
---------------------------------------- */
#content #blog {
	float: left;
	padding-bottom: 21px;
	width: 600px;
}
#content #blog h3 {
	margin: 19px 0 4px 0;
}
#content #blog h4 {
	line-height: 13px;
	margin-bottom: 16px;
}



/* CONTENT > BLOG > POST
---------------------------------------- */
#content #blog .post {
	float: left;
	background: url(http://www.humclothing.com/_img/divide.gif) left bottom no-repeat;
	margin-bottom: 12px;
	padding-bottom: 29px;
	width: 600px;
}
#content #blog .post img {
	background: #141414;
	margin: 5px 0 5px 0;
	border: 2px solid #323232;
}



/* CONTENT > BLOG > NAVIGATE
---------------------------------------- */
#content #blog #navigate {
	float: left;
	padding: 16px 0 14px 0;
	width: 600px;
}
#content #blog #previous {
	float: left;
	background: url(http://www.humclothing.com/_img/bg-previous.gif) 0 3px no-repeat;
	padding-left: 23px;
}
#content #blog #next {
	float: right;
	background: url(http://www.humclothing.com/_img/bg-next.gif) right 3px no-repeat;
	padding-right: 23px;
}
#content #blog #navigate a {
	color: #646464;
	border: none;
}
#content #blog #navigate a:hover {
	color: #FFF;
	border: none;
}



/* CONTENT > COLLECTION
---------------------------------------- */
#content #collection {
	float: left;
	padding-bottom: 21px;
	width: 600px;
}
#content #collection .row {
	float: left;
	background: url(http://www.humclothing.com/_img/divide.gif) left bottom no-repeat;
	margin-bottom: 12px;
	padding-bottom: 13px;
	width: 600px;
}
#content #collection dl {
	float: left;
	line-height: 16px;
	padding: 5px 8px 15px 8px;
	width: 104px;
}
#content #collection dt a {
	background: #141414;
	display: block;
	height: 100px;
	width: 100px;
	border: 2px solid #323232;
}
#content #collection dt a:hover {
	border: 2px solid #FFF;
}
#content #collection dd {
	text-align: center;
	color: #AFAFAF;
	padding-top: 8px;
}
#content #collection dd a {
	border: none;
}



/* CONTENT > INTRODUCTION
---------------------------------------- */
#content #introduction {
	float: left;
	width: 600px;
}



/* CONTENT > PRODUCT
---------------------------------------- */
#content #product {
	float: left;
	width: 600px;
}



/* CONTENT > PRODUCT > VIEWS
---------------------------------------- */
#content #product #views {
	float: left;
	padding: 21px 0 24px 0;
	width: 260px;
}
#content #product #views div {
	padding-bottom: 16px;
}
#content #product #views div a {
	background: #141414;
	display: block;
	width: 240px;
	height: 240px;
	border: 2px solid #323232;
}
#content #product #views div a:hover {
	border: 2px solid #FFF;
}
#content #product #views ul {
	float: left;
}
#content #product #views li {
	float: left;
	margin: 0 16px 16px 0;
}
#content #product #views li a {
	background: #141414;
	display: block;
	width: 32px;
	height: 32px;
	border: 2px solid #323232;
}
#content #product #views li a:hover {
	border: 2px solid #FFF;
}



/* CONTENT > PRODUCT > DETAILS
---------------------------------------- */
#content #product #details {
	float: left;
	padding: 19px 0 21px 4px;
	width: 336px;
}
#content #product #details form {
	clear: both;
}
#content #product #details h3 {
	margin: 0 0 4px 0;
}
#content #product #details label {
	padding-left: 8px;
}
#content #product #details .add {
	margin: 5px 0 18px 0;
}
#content #product #details .onsale {
	color: #7D7D7D;
	text-decoration: line-through;
}



/* CONTENT > CART
---------------------------------------- */
#content #cart {
	float: left;
	padding: 0 0 21px 162px;
	width: 600px;
}
#content #cart h3 {
	margin: 19px 0 3px 0;
}
#content #cart p {
	padding: 11px 0 14px 0;
}
#content #cart form {
	padding-bottom: 5px;
}
#content #cart table {
	width: 100%;
}
#content #cart th {
	color: #AFAFAF;
	padding: 11px 6px 11px 6px;
	border-top: 1px solid #232323;
}
#content #cart .none {
	border: none;
}
#content #cart td {
	padding: 11px 6px 11px 6px;
	border-top: 1px solid #232323;
}
#content #cart .update {
	text-align: center;
	border: 1px solid #141414;
	padding: 2px 4px 2px 4px;
	font-size: 12px;
	color: #191919;
    width: 24px;
}
#content #cart .image {
	width: 54px;
}
#content #cart .image a {
	background: #141414;
	display: block;
	width: 50px;
	height: 50px;
	border: 2px solid #323232;
}
#content #cart .image a:hover {
	border: 2px solid #FFF;
}
#content #cart .title {
	text-align: left;
}
#content #cart .title a, #content #cart .remove a {
	border-bottom: 1px solid #323232;
}
#content #cart .title a:hover, #content #cart .remove a:hover {
	border-bottom: 1px solid #FFF;
}
#content #cart .image, #content #cart .quantity, #content #cart .times, #content #cart .price, #content #cart .equals, #content #cart .total, #content #cart .remove {
	text-align: center;
}
#content #cart .continue a {
	border: none;
}



/* CONTENT > CONTACTFORM
---------------------------------------- */
#content #contactform {
	clear: both;
	padding: 21px 0 19px 0;
}
#content #contactform dl {
	clear: both;
}
#content #contactform dt {
	float: left;
	color: #AFAFAF;
	padding-bottom: 16px;
	width: 120px;
}
#content #contactform dd {
	padding-bottom: 16px;
}
#content #contactform p {
	padding: 0 0 0 120px;
}
#content #contactform .input {
	border: 1px solid #141414;
	padding: 2px 4px 2px 4px;
	font-size: 12px;
	color: #191919;
	width: 380px;
}
#content #contactform textarea {
	border: 1px solid #141414;
	padding: 2px 4px 2px 4px;
	font-family: "Lucida Grande", Sans-Serif;
	font-size: 12px;
	line-height: 15px;
	color: #191919;
	width: 380px;
}



/* FOOTER
---------------------------------------- */
#footer {
	float: left;
	border-top: 2px solid #641932;
	width: 100%;
}



/* FOOTER-WRAPPER
---------------------------------------- */
#footer-wrapper {
	margin: auto;
    padding-left: 222px;
	width: 660px;
}



/* FOOTER > SPLIT
---------------------------------------- */
#footer #split {
	float: left;
	padding: 35px 0 35px 0;
	color: #4B4B4B;
	width: 600px;
}
#footer #split #copyright {
	float: left;
}
#footer #split #community {
	float: right;
}
#footer #split a {
	color: #4B4B4B;
}
#footer #split a:hover {
	color: #FFF;
}
#footer #split .slash {
	color: #282828;
	padding: 0 6px 0 6px;
}



/* SIFR
---------------------------------------- */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}
.sIFR-hasFlash #header h2 {
	visibility: hidden;
}
.sIFR-hasFlash #content h3 {
	visibility: hidden;
}
.sIFR-hasFlash #content h6 {
	visibility: hidden;
}
.sIFR-hasFlash #sub h3 {
	visibility: hidden;
}
.sIFR-hasFlash #blog h4 {
	visibility: hidden;
}



/* LIGHTBOX
---------------------------------------- */
#lightbox {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9999;
	width: 480px;
	height: 480px;
	margin: -240px 0 0 -240px;
	background: #141414;
	text-align: center;
	vertical-align: 50%;
	border: 2px solid #323232;
}
#lightbox[id] {
	position: fixed;
}
#overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5000;
	background-color: #000000;
	-moz-opacity: 0.8;
	opacity: .8;
	filter: alpha(opacity=8);
}
#overlay[id] {
	position: fixed;
}
#lightbox.done #lbLoadMessage {
	display: none;
}
#lightbox.done #lbContent {
	display: block;
	width: 480px;
	height: 480px;
}
#lightbox.loading #lbContent {
	display: none;
}
#lightbox.loading #lbLoadMessage {
	display: block;
}
#lightbox.done img {
	vertical-align: bottom;
}