/* Theme Name: Sixteen Tons Theme URI: http://wordpress.org/ Description: Sixteen Tons Wordpress Theme Author: the WordPress team Version: 1.1 Tags: */ @charset "UTF-8"; /* CSS Document */ /* reset ---------------------------------------------------------------------------------------*/ 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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{line-height:1;color:#000;background:#fff;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}a{text-decoration:none;} @font-face { font-family: 'nevisBold'; src: url('lib/newfonts/nevis-webfont.eot'); src: url('lib/newfonts/nevis-webfont.eot?#iefix') format('embedded-opentype'), url('lib/newfonts/nevis-webfont.woff') format('woff'), url('lib/newfonts/nevis-webfont.ttf') format('truetype'), url('lib/newfonts/nevis-webfont.svg#nevisBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OFLSortsMillGoudyTTRegular'; src: url('lib/newfonts/oflgoudystmtt-webfont.eot'); src: url('lib/newfonts/oflgoudystmtt-webfont.eot?#iefix') format('embedded-opentype'), url('lib/newfonts/oflgoudystmtt-webfont.woff') format('woff'), url('lib/newfonts/oflgoudystmtt-webfont.ttf') format('truetype'), url('lib/newfonts/oflgoudystmtt-webfont.svg#OFLSortsMillGoudyTTRegular') format('svg'); font-weight: normal; font-style: normal; } /* wrap */ #wrap {margin: 0 auto; width:900px; position: relative; z-index: 50;} #wrapper {width: 900px; padding: 30px 10px 30px 10px; margin: 0 auto;} html, body {height: 100%; width: 100%; padding: 0; margin: 0;} body {font-size: 62.5%; font-family: 'OFLSortsMillGoudyTTRegular', "Times New Roman", Times, Georgia, serif; font-size: 14px; line-height: 20px;} img {border: none;} a {font-family: 'nevisBold', Helvetica, Arial, serif; font-size: 14px; color:#722302;} a:link {} a:visited {} a:hover {background-color:#722303;color:#FFFFFF;} a:active {} p {font-family: 'OFLSortsMillGoudyTTRegular', "Times New Roman", Times, Georgia, serif; color:#666666;} h1 {font-family: 'OFLSortsMillGoudyTTRegular', "Times New Roman", Times, Georgia, serif;} h2 {font-family: 'OFLSortsMillGoudyTTRegular', "Times New Roman", Times, Georgia, serif;} h3 {font-family: 'OFLSortsMillGoudyTTRegular', "Times New Roman", Times, Georgia, serif;} h4 {font-family: 'OFLSortsMillGoudyTTRegular', "Times New Roman", Times, Georgia, serif;} h5 {font-family: 'OFLSortsMillGoudyTTRegular', "Times New Roman", Times, Georgia, serif;} ul, li {list-style-type:none; padding:0; margin:0;} p.allcaps {text-transform:uppercase;} /* header */ #header {float:left; margin-top:32px; width:920px;} #logo {float:left; width:354px; height:70px; background:url("lib/images/logo.png") no-repeat scroll left top transparent; text-align:center;} #logo:hover {float:left; width:354px; height:70px; background:url("lib/images/logo-hover.png") no-repeat scroll left top transparent; text-align:center;} #header-right {float:right; margin-top:10px;} #head-address {float:left; width:166px;} #head-address p {font-family: Helvetica-Neue, Helvetica, Arial, sans-serif; font-size:10px; line-height:1.4em; color:#FFF;} #head-address a {font-family: Helvetica-Neue, Helvetica, Arial, sans-serif; font-size:10px; color:#FFF;} #head-address a:hover {background-color:#FFFFFF;color:#722302;} #head-hours {float:left; padding-left: 30px; width:166px; border-left-style:solid; border-color:#FFFFFF; border-width:1px;} #head-hours ul li {font-family: Helvetica-Neue, Helvetica, Arial, sans-serif; font-size:10px; color:#FFF;} #head-hours ul {list-style:none;} #head-hours li {line-height:1.4em;} /* navigation */ #navigation-wrap {float:left; width:960px;} #navigation {float:left; margin: 20px 0px 0px -7px; width:900px; height:60px; background-color:#FFEB9F;} .arrow-left {width: 20px; height: 60px; float: left; margin-top: 20px; margin-left:-13px; background: url("lib/images/arrow-left.png") no-repeat scroll left top transparent;} .arrow-right {width: 20px; height: 60px; float: left; margin: 20px 0px 0px -1px; background: url("lib/images/arrow-right.png") no-repeat scroll left top transparent;} #nav-arrow {float:left; margin:12px 0px 0px 30px; width:100px; height:36px;background: url("lib/images/nav-arrow.png") no-repeat scroll left top;} #nav-store {float:left; margin:8px -1px 0 20px; padding:0 20px; width:100px; height:45px; text-align:center;background: url("lib/images/nav-store.png") no-repeat scroll center center;} #nav-store:hover {float:left; width:100px; height:45px; text-align:center;background: url("lib/images/nav-store-hover.png") no-repeat scroll center center;background-color:#722302;} #nav-news {float:left; margin:8px -1px 0 -1px; padding:0 20px; width:100px; height:45px; text-align:center;background: url("lib/images/nav-news.png") no-repeat scroll center center;} #nav-news:hover {float:left; width:100px; height:45px; text-align:center;background: url("lib/images/nav-news-hover.png") no-repeat scroll center center;background-color:#722302;} #nav-about {float:left; margin:8px -1px 0 -1px; padding:0 20px; width:100px; height:45px; text-align:center;background: url("lib/images/nav-about.png") no-repeat scroll center center;} #nav-about:hover {float:left; width:100px; height:45px; text-align:center;background: url("lib/images/nav-about-hover.png") no-repeat scroll center center;background-color:#722302;} #nav-press {float:left; margin:8px -1px 0 -1px; padding:0 20px; width:100px; height:45px; text-align:center;background: url("lib/images/nav-press.png") no-repeat scroll center center;} #nav-press:hover {float:left; width:100px; height:45px; text-align:center;background: url("lib/images/nav-press-hover.png") no-repeat scroll center center;background-color:#722302;} #nav-hours {float:left; margin: 8px 0 0 -1px; padding:0 30px; width:100px; height:45px; text-align:center;background: url("lib/images/nav-hours.png") no-repeat scroll center center;} #nav-hours:hover {float:left; width:100px; height:45px; text-align:center;background: url("lib/images/nav-hours-hover.png") no-repeat scroll center center;background-color:#722302;} .nav-border {float:left; margin:10px 0px 0px 0px; padding: 0px; height:36px; border-left-style:solid; border-color:#722302; border-width:1px; text-align:center;} /* main-content */ #main-content {float:left; width:890px; margin-top:20px;} #one-column, #hours-column {float:left; width:860px; background-color:#FFFFFF; padding:20px;} .one-column {float:left; width:860px; background-color:#FFFFFF; padding:20px; margin-top:20px;} #one-column h2, #hours-column h2 {font-family: 'nevisBold', Helvetica, Arial, serif; font-size: 20px;color:#722302; margin:0px 0px 10px 0px;} #one-column p, #hours-column p {} #one-column a, #hours-column a {} #hours-column {height:730px;} #left-column-wrap {width:520px; margin: 0px 60px 0px 0px; float:left;} #left-column {width:520px; height:644px; padding:20px; background-color:#FFFFFF;} #left-column2 {width:520px; padding:20px; background-color:#FFFFFF;} .single-post {width:520px;} .single-post img {padding-bottom:20px;} .single-post h2, .single-post h2 a {font-family: 'nevisBold', Helvetica, Arial, serif; font-size: 20px;color:#722302; margin:0px 0px 0px 0px;} .single-post h2 a:hover {color:#FFF;} .single-post h2.press {margin-bottom:15px;} .post-image {width:100%;} p.post-date {margin:0px 0px 15px 0px; text-transform:uppercase; font-family: Helvetica-Neue, Helvetica, Arial, sans-serif; font-size:10px; color:#666;} .single-post p.read, .single-post p.read a {margin-top:10px; text-transform:uppercase; font-size:11px;} p.post-intro {margin:0px;} #intro-gallery {height:315px;} #intro-text { margin:20px 0px 40px 0px; height:100px;} #intro-text h3 {font-size:20px; line-height:28px; color:#666666;} #stock-wrap {} #home-stock {height:100px; width:520px; float:left; margin-top:20px;} #about-stock {width:520px; float:left;} #stock-icon1 {float:left; margin-left:-40px; width:124px; height:124px; background: url("lib/images/stock-icon.png") no-repeat scroll center center transparent;} #stock-list-wrap {width:860px;} #stock-list p {font-family: 'nevisBold', Helvetica, Arial, serif; font-size: 14px;color:#666} #stock-list ul {list-style:none;} #stock-list li {line-height:1.5em; width:160px;} #home-stock #stock-list .col1 {margin-left:110px;} #home-stock #stock-list .col2 {margin-left:260px;} #stock-list .col1 {margin-left:110px;} #stock-list .col2 {margin-left:290px;} #stock-list .col3 {margin-left:470px;} #stock-list .col4 {margin-left:650px;} #stock-list .top {margin-top:-9em;} #stock-list a:hover {text-decoration:underline;} /* dynamic columns */ div.dynamic-col-1 { float: left; width: 160px; padding-right: 2%; margin-left:20px;} div.dynamic-col-2 { float: left; width: 160px;padding-right: 2%;} div.dynamic-col-3 { float: left; width: 160px;padding-right: 2%;} div.dynamic-col-4 { float: left; width: 160px;} div.clear { clear: both; } #stock-icon2 {float:right; width:65px; height:120px; margin-top:-8.7em; background: url("lib/images/scissors.png") no-repeat scroll left top;} #right-column-wrap {width:280px; float:left;} #right-column {width:280px; height:644px; background-color:#FFFFFF; padding:20px;} #right-column2 {width:280px; background-color:#FFFFFF; padding:20px;} #right-column2 h2, #right-column2 h2 a {font-family: 'nevisBold', Helvetica, Arial, serif; font-size: 20px;color:#722302; margin:0px 0px 10px 0px;} #right-column2 h2 a:hover {color:#FFF; background-color:#722302} #nav-list a, #nav-list2 a {color:#666;} #nav-list a:hover, #nav-list2 a:hover {color:#FFF; background-color:#722302} #nav-list li, #nav-list2 li {line-height:24px;} /* The slider container width needs to be fixed based on the width of one of our list items and the overflow set to "hidden" to hide the other items */ #nav-list {width: 260px; height: 415px; overflow: hidden; position: relative;} #nav-list ul#page {height: 415px; position: absolute; top: 0; left: 0;} /* We set the width and the height of each list item to match the slider container */ #nav-list ul#list {width: 260px; height: 415px; float: left;} /* The following code just sets the control button styling */ #control a {background:#999;padding:6px;display:block;float:left;margin-right:5px;} #control a.active{background:#111;padding:6px;display:block;float:left;outline:none;} span#prevBtn a{float:left; padding:0px 20px 0px 0px; text-transform:uppercase; font-size:11px; } span#nextBtn a{float:left; padding:0px 0px 0px 20px; text-transform:uppercase; font-size:11px; } span#rss a{float:left; padding:0px 20px 0px 20px; text-transform:uppercase; font-size:11px; border-left-style:solid; border-right-style:solid; border-color:#722302; border-width:1px; } .prev {width:50px;} #paginate {margin:0px 0px 10px 0px; padding:0px 0px 10px 0px;} #paginate a {color:#666;} #paginate a:hover {color:#722302; background-color:#FFF;} p.newer a {float:left; padding:0px 20px 0px 0px; text-transform:uppercase; font-size:11px;} p.rss a {float:left; padding:0px 20px 0px 20px; text-transform:uppercase; font-size:11px; border-left-style:solid; border-color:#722302; border-width:1px;} p.older a {float:left; padding:0px 0px 0px 20px; text-transform:uppercase; font-size:11px; border-left-style:solid; border-color:#722302; border-width:1px;} #tonnage-icon {height:58px; width:240px; margin:-30px 0px 30px 18px; background: url("lib/images/tonnage-icon.png") no-repeat scroll center center transparent;} #tonnage-intro {height:112px; margin-bottom:50px;} #tonnage-intro p.read {line-height:2.8em;} .tonnage-photo {height:200px; margin-top:20px;} #hours-header {width:556px; height:32px; margin:0px auto; text-align:left; background: url("lib/images/hours-header.png") no-repeat scroll center center transparent;} #about-header {width:341px; height:32px; margin:0px auto; text-align:left; background: url("lib/images/about-header.png") no-repeat scroll center center transparent;} #news-header {width:364px; height:34px; margin:0px auto; padding:0px 0px 0px 0px; text-align:left; background: url("lib/images/news-header.png") no-repeat scroll center center transparent;} #praise-header {width:372px; height:32px; margin:0px auto; text-align:left; background: url("lib/images/praise-header.png") no-repeat scroll center center transparent;} .page-border {width:100%; height:10px; border-bottom-style:solid; border-top-style:solid; border-color:#722302; border-width:1px; margin:15px 0px 20px 0px;} #store-hours, #single-post {float:left; width:100%; margin:0px 0px 20px 0px;} #store-hours h3 {font-family: 'nevisBold', Helvetica, Arial, serif; font-size: 14px;color:#722302;} #schedule-wrap {width:101%;} .schedule {float:left; width:122px; margin-left:-1px; border-style:solid; border-color:#666; border-width:1px;} .day {float:left; height:30px; width:100%; padding-top:10px; text-align:center; background-color:#FFF7D9;} .day p {font-family: 'nevisBold', Helvetica, Arial, serif; font-size: 14px;color:#722302} .time {float:left; width:100%;} .time p {font-family: Helvetica-Neue, Helvetica, Arial, sans-serif; font-size:10px; color:#666; border-top-style:solid; border-color:#666; border-width:1px; text-align:center; padding:20px;} #about-gallery {height:410px; margin:0px 0px 20px 0px;} #about-post {float:left; width:575px;} #about-icon {float:left; height:258px; width:158px; margin:0px 0px 0px 60px; vertical-align:middle; background: url("lib/images/about-icon.png") no-repeat scroll center center transparent;} p.intro {font-size:20px; line-height:25px; margin-bottom:15px;} #directions-wrap {width:830px;} #directions-left {float:left; width:250px;} #directions-left a {font-family: 'OFLSortsMillGoudyTTRegular', "Times New Roman", Times, Georgia, serif;} #directions-left a:hover {} .directions {margin:20px 0px 20px 0px;} #directions-right {float:right; width:570px; margin:20px 0px 0px 0px;} #google-map small {line-height:30px;} #google-map small a {font-family: 'nevisBold', Helvetica, Arial, serif; font-size: 14px; color:#722302;} #google-map small a:hover {background-color:#722303;color:#FFFFFF;} /* footer */ #footer {width:760px; height:60px; margin:40px 0px 0px 60px; padding-bottom:40px; float:left;} #footer-left {width:186px; float:left;} #footer-middle {width:445px; height:62px; border-left-style:solid; border-color:#FFFFFF; border-width:1px; padding-left:10px; float:left;} #footer-right {width:95px; margin-left:20px; border-left-style:solid; border-color:#FFFFFF; border-width:1px; float:left;} .footer-bar {} #footer-hand {width:85px; height:30px; background: url("lib/images/hand.png") no-repeat scroll center center transparent; float:left; margin: 15px 10px 0px 0px;} #footer-media {padding:0px; margin:0px; float:left;} #footer-media ul li a {font-family: 'nevisBold', Helvetica, Arial, serif; font-size: 10px; color:#FFF;} #footer-media ul {list-style:none;} #footer-media li {line-height:1.3em;} #footer-media a:hover {background-color:#FFFFFF;color:#722302;} #footer-media li {} #mailing-wrap {} #mailing-text {} #mailing-text p {font-family: Helvetica-Neue, Helvetica, Arial, sans-serif; font-size:10px; color:#FFF; text-align:center;} #contactForm #email {height:22px; background-color:#FFFFFF; width:320px; margin-left:20px; padding-left:10px; float:left; } #contactForm button {width:84px; height:28px; background: url("lib/images/button.png") no-repeat scroll left top transparent; float:left;cursor:pointer; border:none;} #contactForm button:hover {width:84px; height:28px; background: url("lib/images/button-hover.png") no-repeat scroll left top transparent; float:left;cursor:pointer; border:none;} p.thanks, p.error {color:#FFF; padding: 0px 10px; text-align:center;} .error {position:absolute; margin: 35px 0px 0px 30px; color:#FFF;} .subject {display:none;} #site-credit {padding:20px 0px 20px 20px; float:right;} #site-credit a {font-family: Helvetica-Neue, Helvetica, Arial, sans-serif; font-size:10px; color:#FFF;} #site-credit a:hover {} /* TOOLTIP */ /* trigger button */ #site-credit-links { height:44px; margin-bottom:30px; overflow:hidden; text-indent:-999em; width:159px; cursor:pointer; } /* mouseover state */ #site-credit-links:hover { } /* clicked state */ #site-credit-links:focus { } /* tooltip styling */ .tooltip { display:none; background-color:#FFEB9F; height:45px; padding:20px; width:140px; font-size:9px; font-family:Helvetica-Neue,Helvetica,Arial,sans-serif; line-height:15px; } /* a .label element inside tooltip */ .tooltip .label { color:yellow; width:35px; } .tooltip a { font-size:11px; } /* clear */ .clearfloat {clear: both; display: block; height: 1px; font-size: 1px; line-height: 0px;}