/*--------------------------------------------------//

Theme Name: Brass Tack
Theme URI: http://www.brasstackclothing.com
Description: Never Established
Version: 1.0
Author: Jason R. Walker
Author URI: http://two24studios.com/

TABLE OF CONTENTS
-----------------

01. Reset
02. Layout

//--------------------------------------------------*/

/*--------------------------------------------------//

01. 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;}
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;}
abbr, acronym { border:0;}	
a { outline: none;}

/*--------------------------------------------------//

/*--------------------------------------------------//

02. Layout

//--------------------------------------------------*/

body { background: #000 url(images/bg.jpg) fixed no-repeat top center;}

#layout {
width: 960px;
margin: 0 auto;
}

.clear { clear: both;}

#logo {
position: relative;
width: 960px;
height: 120px;

}

#logo a {
position: absolute;
right: 15px;
display: block;
width: 85px;
height: 120px;
background: url(images/logo.png) no-repeat top center;
text-indent: -999em;
}

#nav {
position: relative;
width: 960px;
height: 55px;
}

#nav li {
float: left;
height: 55px;
text-indent: -999em;
}

#nav ul {
position: absolute;
right: 15px;
}

#nav_shop a {
display: block;
width: 50px;
height: 35px;
margin: 20px 0 0;
background: url(images/nav_bg.png) no-repeat 0 -20px;
}

#nav_shop a:hover { background-position: 0 -95px;}

#nav_collection a {
display: block;
width: 117px;
height: 35px;
margin: 20px 0 0;
background: url(images/nav_bg.png) no-repeat -50px -20px;
}

#nav_collection a:hover { background-position: -50px -95px;}

#nav_wholesale a {
display: block;
width: 108px;
height: 35px;
margin: 20px 0 0;
background: url(images/nav_bg.png) no-repeat -167px -20px;
}

#nav_wholesale a:hover { background-position: -167px -95px;}

#nav_history a {
display: block;
width: 81px;
height: 35px;
margin: 20px 0 0;
background: url(images/nav_bg.png) no-repeat -275px -20px;
}

#nav_history a:hover { background-position: -275px -95px;}

#nav_artists a {
display: block;
width: 120px;
height: 35px;
margin: 20px 0 0;
background: url(images/nav_bg.png) no-repeat -356px -20px;
}

#nav_artists a:hover { background-position: -356px -95px;}

#nav_contact a {
display: block;
width: 94px;
height: 35px;
margin: 20px 0 0;
background: url(images/nav_bg.png) no-repeat -476px -20px;
}

#nav_contact a:hover { background-position: -476px -95px;}

#nav_sponsored a {
display: block;
width: 104px;
height: 35px;
margin: 20px 0 0;
background: url(images/nav_bg.png) no-repeat -570px -20px;
}

#nav_sponsored a:hover { background-position: -570px -95px;}

#main {
width: 930px;
margin: 30px 15px 0;
}

#content {
float: left;
width: 600px;
margin: 0 30px 0 0;
}

#collection {
width: 945px;
margin: 30px 0 0 15px;
}

#news_title {
width: 600px;
height: 40px;
margin: 0 0 15px;
background: url(images/news_title.png) no-repeat top left;
text-indent: -999em;
}

#shop_title {
width: 600px;
height: 40px;
margin: 0 0 15px;
background: url(images/shop_title.png) no-repeat top left;
text-indent: -999em;
}

#collection_title {
width: 945px;
height: 40px;
margin: 0 0 15px;
background: url(images/collection_title.png) no-repeat top left;
text-indent: -999em;
}

#wholesale_title {
width: 600px;
height: 40px;
margin: 0 0 15px;
background: url(images/wholesale_title.png) no-repeat top left;
text-indent: -999em;
}

#history_title {
width: 600px;
height: 40px;
margin: 0 0 15px;
background: url(images/history_title.png) no-repeat top left;
text-indent: -999em;
}

#artists_title {
width: 600px;
height: 40px;
margin: 0 0 15px;
background: url(images/artists_title.png) no-repeat top left;
text-indent: -999em;
}

#contact_title {
width: 600px;
height: 40px;
margin: 0 0 15px;
background: url(images/contact_title.png) no-repeat top left;
text-indent: -999em;
}

#sponsored_title {
width: 600px;
height: 40px;
margin: 0 0 15px;
background: url(images/sponsored_title.png) no-repeat top left;
text-indent: -999em;
}

.post {
width: 600px;
padding: 0 0 50px;
background: url(images/post_end.png) no-repeat bottom center;
}

.post h3 {
color: #907b4e;
font: normal bold 32px Arial, Helvetica, sans-serif;
letter-spacing: -1px;
text-transform: uppercase;
}

.post h3 a {
color: #907b4e;
text-decoration: none;
}

.post h3 a:hover { color: #fff;}

.post ol {
margin: 0 0 15px 30px;
list-style: decimal outside;
color: #a5a5a5;
font: normal normal 12px/18px Arial, Helvetica, sans-serif;
}

.post p {
margin: 0 0 15px;
color: #a5a5a5;
font: normal normal 12px/18px Arial, Helvetica, sans-serif;
text-align: justify;
}

.post p a {
color: #545454;
text-decoration: underline;
}

.post p a:hover { color: #907b4e;}

.post p span {
color: #545454;
font-weight: bold;
text-transform: lowercase;
}

.post p span a {
color: #545454;
font-weight: bold;
text-transform: lowercase;
text-decoration: none;
}

.post p strong { font-weight: bold;}

.post_photo {
width: 600px;
margin: 0 0 15px;
border-bottom: 1px solid #907b4e;
}

.post_photo img { padding: 0 0 15px;}

.alignleft a {
float: left;
padding: 5px;
background: #000;
color: #907b4e;
font: normal normal 12px Arial, Helvetica, sans-serif;
text-decoration: none;
}

.alignright a {
float: right;
padding: 5px;
background: #000;
color: #907b4e;
font: normal normal 12px Arial, Helvetica, sans-serif;
text-decoration: none;
}

.collection_item {
float: left;
width: 300px;
height: 560px;
margin: 0 15px 15px 0;
background: rgba(0,0,0, .5);
}

.collection_item h3 {
margin: 0 15px;
color: #907b4e;
font: normal bold 18px Arial, Helvetica, sans-serif;
letter-spacing: -1px;
text-transform: uppercase;
}

.collection_item h3 a {
color: #907b4e;
text-decoration: none;
}

.collection_item h3 a:hover { color: #fff;}

.collection_item p {
margin: 0 15px 15px;
color: #a5a5a5;
font: normal normal 11px/14px Arial, Helvetica, sans-serif;
text-align: justify;
}

.collection_item p a {
color: #545454;
text-decoration: underline;
}

.collection_item p a:hover { color: #907b4e;}

.collection_item p span {
color: #545454;
font-weight: bold;
text-transform: lowercase;
}

.collection_item p span a {
color: #545454;
font-weight: bold;
text-transform: lowercase;
text-decoration: none;
}

.collection_img {
width: 300px;
margin: 0 0 15px;
border-bottom: 1px solid #907b4e;
}

.collection_item img { padding: 0 0 15px;}

#sidebar {
float: left;
width: 300px;
margin: 55px 0 0;
}

#lookbook {
width: 300px;
height: 145px;
margin: 0 0 15px;
background: url(images/lookbook_bg.png) no-repeat top center;
}

#lookbook a {
display: block;
width: 300px;
height: 145px;
text-indent: -999em;
}

#social {
width: 300px;
height: 42px;
margin: 0 0 15px;
}

#social li {
float: left;
height: 42px;
}

#social_twitter a {
display: block;
width: 139px;
height: 40px;
margin: 0 10px 0 0;
background: url(images/social_bg.png) no-repeat 0 0;
border: 1px solid #907b4e;
text-indent: -999em;
}

#social_twitter a:hover { background-position: 0 -40px;}

#social_facebook a {
display: block;
width: 147px;
height: 40px;
background: url(images/social_bg.png) no-repeat -139px 0;
border: 1px solid #907b4e;
text-indent: -999em;
}

#social_facebook a:hover { background-position: -139px -40px;}

#newsletter {
width: 280px;
height: 155px;
margin: 0 0 15px;
padding: 0 0 0 20px;
background: url(images/newsletter_bg.png) no-repeat top center;
}

#newsletter p { margin: 0 0 15px;}

#newsletter h2 {
width: 280px;
height: 45px;
text-indent: -999em;
}

#newsletter_sub {
width: 280px;
height: 20px;
margin: 0 !important;
text-indent: -999em;
}

#e2ma_signup_message { display: none;}

.e2ma_signup_form_label { display: none;}

#e2ma_signup_form_button_row { clear: both;}

.e2ma_signup_form_element input {
width: 237px;
height: 19px;
margin: 0 0 15px;
padding: 6px 0 0 3px;
background: #322f2a;
border: none;
color: #fff;
font: normal normal 12px Arial, Helvetica, sans-serif;
}

.e2ma_signup_form_required_footnote { display: none;}

#e2ma_signup_reset_button { display: none;}

#e2ma_signup_submit_button {
display: block;
width: 120px;
height: 33px;
background: url(images/submit_button.png) no-repeat top center;
border: none;
cursor: pointer;
font-size: 0;
line-height: 0;
}

#shop {
width: 300px;
height: 145px;
margin: 0 0 15px;
background: url(images/shop_bg.png) no-repeat top center;
}

#shop h2 a {
display: block;
width: 300px;
height: 145px;
text-indent: -999em;
}

#ad_2010 {
width: 300px;
height: 155px;
margin: 0 0 15px;
background: url(images/2010_bg.png) no-repeat top center;
text-indent: -999em;
}

#footer {
position: relative;
width: 960px;
height: 75px;
color: #545454;
font: normal normal 10px Arial, Helvetica, sans-serif;
}

#footer_details {
position: absolute;
top: 20px;
left:15px;
line-height: 23px;
}

#footer_logo a {
display: block;
float: left;
width: 56px;
height: 23px;
margin: 0 15px 0 0;
background: url(images/footer_links.png) no-repeat 0 0;
text-indent: -999em;
}

#footer_links {
position: absolute;
top: 20px;
right: 15px;
}

#footer_links span { float: left;}

#honey_design a {
display: block;
width: 77px;
height: 23px;
margin: 0 15px 0 0;
background:url(images/footer_links.png) no-repeat -56px 0;
text-indent: -999em;
}

#two24_studios a {
display: block;
width: 93px;
height: 23px;
margin: 0 15px 0 0;
background:url(images/footer_links.png) no-repeat -133px 0;
text-indent: -999em;
}

#merchline a {
display: block;
width: 84px;
height: 23px;
margin: 0 15px 0 0;
background:url(images/footer_links.png) no-repeat -226px 0;
text-indent: -999em;
}

#hydro74 a {
display: block;
width: 121px;
height: 23px;
background:url(images/footer_links.png) no-repeat -310px 0;
text-indent: -999em;
}