/* Info Styles
================================================ */
body {position:absolute;min-width:100% !important;}


.sidebar {
float: left;
margin-right: 20px;
width: 140px;
}
.sidebar h2 { margin-bottom: 15px; }

.sidebar h2 a {
color: #ff3399;
font-size: 29px;
}
.sidebar ul {
border-top: 5px solid #e5e5e5;
border-bottom: 5px solid #e5e5e5;
padding: 13px 0;
}
.sidebar ul ul {
border: none;
margin-left: 18px;
padding: 0;
}
.sidebar li { line-height: 19px; }
.sidebar .active a { color: #f39; }
.sidebar .active li a { color: #0099FF; }
.sidebar li a.window {background: url(../imgs/global/sheet.png) right -388px no-repeat transparent; padding-right: 12px;}
/* Main Content
------------------------------------------------- */
.main_content {
float: left;
width: 100%;
}
.main_content section {
clear: left;
float: left;
margin-bottom: 20px;
width: 100%;
}
.main_content h2 {
clear: left;
color: #555;
font-family: helvetica, arial;
font-size: 16px;
font-weight: normal;
line-height: 22px;
text-transform: none;
}
.main_content h3 { margin-bottom: 20px; }

/* Partnership
------------------------------------------------- */
.partnership {
border-top: 5px solid #e5e5e5;
padding-top: 20px;
}
.partnership hgroup {
margin-bottom: 25px;
width: 100%;
}
.partnership h1 {
display: block;
height: 0;
line-height: 0;
margin: 0;
text-indent: -999em;
}
.partnership h2 {
font-family: "kulturista-web-1", "kulturista-web-2", helvetica, arial;;
font-size: 24px;
font-weight: 300;
line-height: 32px;
width: 100%;
}
.partnership section {
clear: none;
margin: 0;
position: relative;
width: 390px;
}
.partnership a,
.partnership img {
float: left;
width: auto;
}
.partnership h3 {
background: url(../imgs/info/partners/partner_logos.png) no-repeat 0 0;
bottom: 15px;
display: block;
left: 15px;
line-height: 0;
margin: 0;
position: absolute;
text-indent: -9999em;
width: 98px;
}
.partnership .thermos { background-position: 0 0; height: 26px; }
.partnership .dell { background-position: 0 -27px; height: 60px; }
.partnership .griffin { background-position: 0 -89px; height: 26px; }
.partnership .blik { background-position: 0 -115px; height: 27px; }

/* Partners
------------------------------------------------ */
.partner section {
border-top: 5px solid #e5e5e5;
padding-top: 20px;
}
.partner section:first-child {
background: #e5e5e5;
border: none;
padding: 10px 20px 10px 10px;
width: 750px;
}
.partner section:nth-of-type(2) {
border: none;
padding: 0;
}
.video, object, embed, hgroup,
.thumbs, .thumbs li, .thumbs img {
float: left;
width: auto;
}
.video {
margin-right: 20px;
width: 370px;
}
object, embed { width: 370px; }
.partner hgroup { width: 360px; }

.partner h1 {
display: block;
line-height: 0;
margin: 18px 0 11px 0;
height: 45px;
text-indent: -999em;
width: 360px;
}
.thermos h1 { background: url(../imgs/info/partners/thermos_threadless_logo.png) no-repeat 0 0; }
.griffin h1 { background: url(../imgs/info/partners/griffin_threadless_logo.png) no-repeat 0 0; }
.dell h1 { background: url(../imgs/info/partners/dell_threadless_logo.png) no-repeat 0 0; height: 47px; }

.thumbs {
margin-top: 7px;
width: 169px;
}
.thumbs li {
border: 1px solid #a1a1a1;
height: auto;
margin-right: 5px;
position: relative;
width: 74px;
}
.thumbs img {
border: 1px solid #e5e5e5;
height: 41px;
width: 72px;
}
.thumbs .current {
border: none;
padding: 1px;
}
.thumbs .current span {
border: 5px solid #a1a1a1;
height: 34px;
left: 0;
position: absolute;
top: 0;
width: 65px;
}
.partner section:first-child p a {
background: url(../imgs/global/sheet.png) no-repeat right -268px;
float: left;
margin-top: 23px;
padding-right: 8px;
}

/* Partner Products ------------------- */
.partner_products {
float: left;
width: 100%;
}
.partner_products li {
float: left;
margin: 0 20px 30px 0;
width: auto;
}
.partner_products li:nth-of-type(4n+4) { margin-right: 0; }
figure { margin: 0; }

figcaption { line-height: 15px; }

figcaption a:first-child {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 180px;
}
figcaption, .partner_products a { color: #282828; }


/* About Page
--------------------------------------- */
.about .thread_player {
    margin-bottom: 35px;
}
.about section {
clear: none;
min-height: 765px;
padding: 35px 35px 0;
box-sizing:border-box;

}
.about section:nth-of-type(1) { background: #282828; max-width:390px; }
.about section:nth-of-type(2) { background: #e5e5e5; width: calc(100% - 390px); }
.about section:nth-of-type(2) p, .about section:nth-of-type(2) h2 { width:100%; max-width:400px; margin:0 auto 20px auto; }
.about section h1, .about section address, .about section about_logos { width:100%; max-width:400px; margin:0 auto 20px auto; }

.about h1 {
color: #FFF;
font-size: 62px;
height: auto;
line-height: 52px;
text-indent: 0;
width: auto;
}
.about h1 sup {font-size:25%;font-weight:normal;top:-2em;}

.about address {
border-top: 5px solid #555;
border-bottom: 5px solid #555;
margin: 20px 0;
padding: 35px 0 20px 0;
}
.about address h2 {
margin-bottom: 20px;
}
.about address h2,
.about address li,
.about h3 {
color: #FFF;
line-height: 16px;
}
.about section:nth-of-type(2) h2 {
color: #282828;
font-weight: bold;
margin-bottom: 23px;
}
.about p {
font-size: 16px;
line-height: 22px;
margin-bottom: 23px;
}
.about address h2,
.about address h2 a,
.about h3 {
font-size: 13px;
}
.about address h2 a,
.about h3 {
font-family: helvetica, arial;
font-weight: normal;
text-transform: none;
}
.about address h2 a { color: #0099ff; }
.about h3 { margin-bottom: 0; }
.about .thumbs { margin-top: 0; }

.about li {
display: inline-block;
margin-bottom: 15px;
width: 148px;
}
.about li:nth-of-type(1),
.about li:nth-of-type(3) {
margin-right: 20px;
}
.about li a { display: block; }

@media (max-width: 860px) {
.about section{ min-height:auto; }
.about section:nth-of-type(1) { width:100%; max-width:none; }
.about section:nth-of-type(2) { width:100%;  }
.about_logos { display:none; }
.about address{ border-bottom:none;}
}


/* Logos */
.about section > ul { margin-top: 12px; }
.about section > ul li { margin-bottom: 0; }
.about section > ul a { display: inline-block; }
.about img { border: 5px solid #555; margin-bottom: 4px; }
.about_page .about img { border:none; } /* Don't apply this to the threadplayer holding image */


/* Jobs
------------------------------------------ */
.jobs{
  background: #e5e5e5;
}
.jobs section:nth-of-type(1){
clear: none;
float:none;
margin: 0 auto;
width: 500px;
box-sizing:border-box;
}
.jobs .story {
background: #e5e5e5;
padding: 35px;
}
.jobs .story h1, .jobs .story h3, .jobs .story p {
  width:100%; max-width:600px; margin:0 auto 20px auto;
}
.jobs section:nth-of-type(1) p {
margin-bottom:24px;
font-size:14px;
}
.jobs section:nth-of-type(1) h3 {
font-family: helvetica, arial;
font-weight: bold;
text-transform: none;
font-size:16px;
margin-bottom:4px;
}
.jobs .press h3 {
color: #FFF;
}
.jobs .press a, .jobs .press iframe{
max-width: 370px;
margin: 0 auto;
display: block;
}
.jobs h1 {
color: #282828;
font-size: 42px;
margin-bottom: 24px;
}
.jobs .jobscore-jobs {
display: block;
margin: 40px auto 0 auto;
width: 100%;
max-width:600px;
box-sizing:border-box;
background:#fff;
padding:20px;
}

@media (max-width: 860px) {
  .jobs section:nth-of-type(1){width:100%; max-width:none; min-height:auto;}
  .jobs section:nth-of-type(2){width:100%; max-width:none; min-height:auto;}
}

/* Retail Stores
------------------------------------------ */
.retail section {
padding-top: 13px;
}
.retail h1 {
color: #282828;
font-family: "futura-pt-1","futura-pt-2", sans-serif;
font-weight: 800;
margin-bottom: 13px;
text-transform: uppercase;
}
.retail img,
.retail div {
width:100%;
float: left;
width: auto;
}
.retail img{
  width: 100%;
  max-width:380px;
}
.retail div {
margin: 20px 0;
box-sizing: border-box;
width: calc(100% - 420px);
margin-left: 40px;
}
.retail p {
line-height: 17px;
margin-bottom: 17px;
}
.retail ul { margin-bottom: 19px; }
.retail li { font-weight: bold; line-height: 17px; }
.retail em { font-size: 11px; }

.retail .walk-in {
background-color: #f39;
color: white;
font-size: 15px;
font-weight: bold;
line-height: 1.5;
margin: 0px;
padding: 10px;
max-width:380px;
box-sizing: border-box;
}

@media (max-width: 860px) {
  .retail div {
    width:100%;
    margin-left: 0;
  }
  .retail{
    max-width: 380px;
    margin: 0 auto;
    float: none;
  }
}

/* Blog
------------------------------------------ */
.blog {
margin-top: 35px;
width: 600px;
}
.blog > article {
border-bottom: 5px solid #e5e5e5;
float: left;
margin-bottom: 25px;
padding-bottom: 30px;
}
.blog > article header,
.blog > article footer {
float: left;
width: 600px;
}
.blog h1, .blog h1 a {
color: #282828;
font-size: 22px;
height: auto;
line-height: 25px;
margin: 0;
text-indent: 0;
width: auto;
}
.blog h2, .blog h2 a {
color: #999;
font-size: 10px;
line-height: 16px;
}
.blog .post {
float: left;
margin-top: 20px;
width: auto;
}
.blog .post p {
line-height: 18px;
margin: 0 0 15px 0;
}
.post .post img {
margin: 0 0 15px 0;
width: auto;
max-width: 600px;
}
.blog .comments .page {
margin-top: 20px;
}
article footer {
margin-top: 5px;
}
article footer li {
float: left;
margin-right: 12px;
width: auto;
}
article .comments a {
background: url(../imgs/global/sheet.png) no-repeat -97px -288px;
padding-left: 20px;
font-size:12px;
}
article .facebook {
border: none;
height: 21px;
overflow: hidden;
width:95px;
}
article .footer iframe {
height: 21px;
}
.blog article time {background:url(../imgs/global/blog_date.gif) no-repeat 0 0 transparent;display:inline-block;line-height:15px;padding:0 0 0 16px;}


/* Inner Sidebar */
.inner {
border-top: 5px solid #e5e5e5;
float: right;
margin: 44px 0 0 40px;
width: 140px;
}
.inner h3 {
color: #666;
font-family: helvetica, arial;
font-size: 13px;
margin-top: 10px;
text-transform: none;
}
.inner ul {
border: none;
border-bottom: 1px solid #e5e5e5;
}
.inner .expanded { color: #666; }
.inner a:active { text-decoration: none; }
.connect li { margin-bottom: 5px; }
.connect a { background: url(../imgs/global/sheet.png) no-repeat 0 0; padding: 2px 0 0 22px; }
.connect .flickr a { background-position: 0 -77px; }
.connect .tumblr a { background-position: 0 -103px; }
.connect .youtube a { background-position: 0 -129px; }
.connect .rss a { background-position: 0 -155px; }

.threadstaff li,
.threadstaff img {
float: left;
width: 32px;
}
.threadstaff li { margin: 0 4px 4px 0; }
.threadstaff li:nth-of-type(4n+4) { margin-right: 0; }
.threadstaff img { background: none; padding: 0; }

/* Wholesale
---------------------------------------------------- */
.wholesale {
border-top: 5px solid #e5e5e5;
padding-top: 20px;
}
.wholesale h1 {
color: #555;
font-family: "kulturista-web-1", "kulturista-web-2", helvetica, arial;;
font-size: 24px;
font-weight: 300;
line-height: 32px;
margin-bottom: 10px;
text-transform: none;
width: 100%;
}
.wholesale h1 + p {
line-height: 17px;
margin-bottom: 10px;
}
.wholesale small {
color: #999;
font-style: italic;
font-size: 11px;
}
.wholesale form {
border: 5px solid #e5e5e5;
margin-top: 22px;
padding: 50px 0;
}
.wholesale form * {
width: 260px;
}
.wholesale fieldset {
display: block;
margin: 0 auto;
}
.wholesale legend {
border-bottom: 1px solid #CCC;
font-weight: bold;
margin-bottom: 15px;
padding-bottom: 12px;
}
.wholesale legend span {
display: block;
font-weight: normal;
margin-top: 10px;
}
.wholesale form p,
.wholesale form ul {
clear: left;
float: left;
margin-bottom: 15px;
}
.wholesale li {
float: left;
width: auto;
}
.wholesale label { margin-bottom: 4px; }
.wholesale input { width: 240px; }
.wholesale textarea { max-width: 238px; }

.wholesale .name {
clear: none;
width: 125px;
}
.wholesale .name label, .wholesale .name input { width: 103px; }
.wholesale .name:nth-of-type(2) { float: right; }
.radio { margin-top: 10px; }

.radio input {
clear: none;
margin-right: 4px;
width: auto;
}
.radio li {
margin-right: 65px;
width: 65px;
}
.checkbox li { clear: left; }
.wholesale .checkbox label { width: auto; }
.checkbox > label { float: left; }
.address input:last-child { margin-top: 6px; }

.wholesale input[type="button"] {
font-size: 16px;
height: 40px;
width: 260px;
}