body {background-color: #000; font-family: Georgia, "Times New Roman", Times, serif; color: #fff; font-size: 62.5%;} a:link {color:#666666; text-decoration: none;} a:visited {color:#666666; text-decoration: none;} a:hover {color:#666666; text-decoration: underline;} a:active {color:#666666; text-decoration: none;} div {border: 0px dotted gray;} h1 {font-family: 'Dosis', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 8em; margin: 0 0 8px 0; text-shadow: 3px 3px 3px #000; text-transform: uppercase;} h2 {font-family: 'Dosis', Helvetica, Arial, sans-serif; font-weight: 300; font-size: 2em; font-weight: normal; line-height: 120%; text-shadow: 1px 1px 1px #000;} h3 {font-family: 'Quattrocento', Georgia, "Times New Roman", Times, serif; font-size: 1.4em; font-weight: normal; line-height: 130%;} p {font-size: 1.4em; margin: 0 0 10px 0; line-height: 140%; text-align: left;} p.lead {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; margin: 0 0 20px 0; line-height: 140%; text-shadow: none;} strong, b {font-weight: 600;} li {display: inline; margin-left: 26px;} #header-wrapper {height: 25px; width: 100%; background: url('../images/header-bg.gif');} #wrapper {width: 100%; background: url('../images/wrapper-bg.png');} #navigation {height: 10px; width: 960px; padding: 40px 0 50px 0; margin: 0 auto 0 auto;} #menu {float: left;} #menu ul {list-style: none;} #menu ul li {display:inline; margin: 0 50px 0 0;} #menu ul li.contact {margin-right: 0;} #menu ul li a {color: #FFF; font-family: 'Dosis', Helvetica, Arial, sans-serif; font-size: 1.8em; text-transform: uppercase;} #menu ul li a:hover {border-bottom: 1px solid #FFF; text-decoration: none;} #search {display: none; width: 186px; height: 27px; background: url('../images/searchbox.png') no-repeat; position: relative; top: -5px; float: right;} #search form { display: inline;} .searchbox {height: 21px; width: 150px; border: 0px; background-color: transparent; position: absolute; top: 2px; left: 7px; font-family: 'Dosis', Helvetica, Arial, sans-serif; font-size: 1.8em;} .searchbox-submit {height: 23px; width: 24px; border: 0px; background-color: transparent; position: absolute; top: 2px; left: 160px;} /* #presentation-wrapper {height: 300px; width: 100%; min-width: 960px; background: #000 url('../images/presentation-bg.jpg') no-repeat center; border-top: 1px solid black; border-bottom: 1px solid black;} #presentation {height: 400px; width: 960px; margin: 0 auto 0 auto;} #headline {height: 250px; width: 600px; padding: 50px 0 0 0; float: left} #book-cover {height: 276px; width: 193px; padding: 12px 56px 12px 56px; background: url('../images/50percentblack.png'); float: right;} */ #blurb {height: auto; width: 960px; padding: 50px 0 50px 0; margin: 0 auto 0 auto; text-align: center;} #blurb h2 {font-family: 'Quattrocento', Georgia, "Times New Roman", Times, serif; font-size: 1.8em; text-shadow: none;} #line {margin: 20px 0 20px 0;} #articles {height: 220px; width: 960px; padding: 0 0 50px 0; margin: 0 auto 0 auto; } #articles a {color: #FFF;} #articles a:hover {text-decoration: none;} #articles-border-left {height: 200px; width: 230px; border-top: 1px solid #303030; border-left: 1px solid #303030; border-bottom: 1px solid #303030; padding: 5px; float: left;} #articles-border-right {height: 200px; width: 700px; border: 1px solid #303030; padding: 5px; float: left;} #articles0 {height: 160px; width: 200px; padding: 20px 15px; background: url('../images/10percentblack.png');} #articles0 h1 {font-size: 2.8em;} #articles0 h2 {font-size: 1.8em; margin: 30px 0;} .articles-border {height: 194px; width: 224px; padding: 2px; border: 1px solid #505050; float: left;} .articles-border-margin {height: 194px; width: 224px; padding: 2px; margin-left: 5px; border: 1px solid #505050; float: left;} #articles1 {height: 74px; width: 224px; padding: 120px 0 0; background: url('../images/article1-bg.jpg') no-repeat center center;} #articles2 {height: 74px; width: 224px; padding: 120px 0 0; background: url('../images/article2-bg.jpg') no-repeat center center;} #articles3 {height: 74px; width: 224px; padding: 120px 0 0; background: url('../images/article3-bg.jpg') no-repeat center center;} .blackbg {height: 59px; width: 194px; padding: 15px 15px 0; margin: 0; background: url('../images/70percentblack.png');} .blackbg h1 {font-size: 1.9em; line-height: 120%; margin: 0;} .blackbg h2 {font-size: 1.3em; line-height: 155%; font-style: normal; text-shadow: 1px 1px 1px #000;} #footer-wrapper {width: 100%; padding: 40px 0; background: url('../images/footer-bg.gif');} #footer {height: 10px; width: 960px; margin: 0 auto 0 auto; padding: 15px 0 20px 0; font-family: 'Dosis', Helvetica, Arial, sans-serif; font-size: 1.2em;} #copyright {color: #FFF; font-size: 1.4em; float: left;} #footermenu {float: right;} #footermenu ul {list-style: none;} #footermenu ul li {display: inline; margin: 0 0 0 20px;} #footermenu ul li a {color: #FFF; font-size: 1.4em; font-style:italic; text-transform: uppercase;} /* source */ #source {width: 960px; margin: 0 auto; text-align: right; color: #9a9a9a; font-size: 1.4em; font-family: 'Dosis', Helvetica, Arial, sans-serif;} #source a, #source a:hover {color: #9a9a9a;} #source ul {list-style-type: none; padding-top: 1px; margin-bottom: 5px;} #source ul li {display: inline; margin-left: 8px; text-transform: uppercase;} #credit {float: left; font: 11px Tahoma, Geneva, sans-serif; line-height: 0; color: #666666 !important; text-decoration: none !important; text-align: right; background: url('http://www.localseven.com/misc/credit/localseven-lgdark.png') no-repeat; white-space: nowrap; height: 5px; padding-top: 30px; min-width: 128px; text-transform: uppercase;} #credit:hover {color: #FFF !important; text-decoration: none !important; background: url('http://www.localseven.com/misc/credit/localseven-lgdark.png') bottom no-repeat;} /* article pages */ #title {height: 100px; width: 100%; min-width: 960px; background: #000 url('../images/slide1-bg.jpg') no-repeat center; border-top: 1px solid black; border-bottom: 1px solid black;} #title-inner {height: 100px; width: 960px; margin: 0 auto 0 auto;} #title-inner h1 {font-size: 4em; text-shadow: 1px 1px 3px #000; float: left; margin: 28px 0;} #title-inner h2 {font-size: 2em; float: right; margin: 37px 0;} #article1 {width: 960px; padding: 50px 0 50px 0; margin: 0 auto 0 auto; overflow: auto;} #article2 {width: 960px; padding: 50px 0 50px 0; margin: 0 auto 0 auto; overflow: auto;} #article3 {width: 960px; padding: 50px 0 50px 0; margin: 0 auto 0 auto; overflow: auto;} #article4 {width: 960px; padding: 50px 0 50px 0; margin: 0 auto 0 auto; overflow: auto;} #article5 {width: 960px; padding: 50px 0 50px 0; margin: 0 auto 0 auto; overflow: auto;} #article6 {width: 960px; padding: 50px 0 50px 0; margin: 0 auto 0 auto; overflow: auto;} #article7 {width: 960px; padding: 50px 0 50px 0; margin: 0 auto 0 auto; overflow: auto;} #article8 {width: 960px; padding: 50px 0 50px 0; margin: 0 auto 0 auto; overflow: auto;} #article9 {width: 960px; padding: 50px 0 50px 0; margin: 0 auto 0 auto; overflow: auto;} #article-left {height: 100%; width: 650px; float: left;} #article-left h1 {font-family: 'Quattrocento', Georgia, "Times New Roman", Times, serif; font-size: 2.6em; font-weight: normal; text-align: center; margin: 0; text-shadow: none;} #article-left h2 {font-family: 'Quattrocento', Georgia, "Times New Roman", Times, serif; font-size: 1.2em; font-weight: normal; text-align: center; margin: 15px 0 30px; text-shadow: none;} #article-left li {display: block; font-size: 1.4em; line-height: 140%; margin-top: 20px; margin-bottom: 20px;} #article-left li:first-child {margin-left: 0px;} #article-right {height: 540px; width: 275px; float: right;} .article-image {border: 1px solid gray; padding: 3px; margin: 20px 15px 0 0;} .article-menu {height: auto; width: 275px; padding: 20px 0 20px; border-bottom: 1px dotted #444; text-align: center; font-family: 'Dosis', Helvetica, Arial, sans-serif; font-size: 1.5em; font-weight: normal; text-transform: uppercase;} .article-menu:first-child {padding: 0 0 10px 0; margin: 0; border: none; font-size: 2em; font-weight: bold;} .article-menu:last-child {border: none;} .article-menu a {color: #FFF;} /* article index */ #articles-index {height: 630px; width: 960px; padding: 50px 0 50px 0; margin: 0 auto 0 auto; } #articles-index a {color: #FFF;} #articles-index a:hover {text-decoration: none;} #articles-index-border-left {height: 200px; width: 230px; border-top: 1px solid #303030; border-left: 1px solid #303030; border-bottom: 1px solid #303030; padding: 5px; float: left;} #articles-index-border-right {height: 610px; width: 700px; border: 1px solid #303030; padding: 5px; float: left;} #articles-index-border-left #articles0 h1 {font-size: 2.1em; font-weight: normal; line-height: 110%; color: #FFF;} .articles-border2 {height: 194px; width: 224px; padding: 2px; margin-top: 5px; border: 1px solid #505050; float: left;} .articles-border-margin2 {height: 194px; width: 224px; padding: 2px; margin-top: 5px; margin-left: 5px; border: 1px solid #505050; float: left;} #articles4 {height: 74px; width: 224px; padding: 120px 0 0; background: url('../images/article4-bg.jpg') no-repeat center center;} #articles5 {height: 74px; width: 224px; padding: 120px 0 0; background: url('../images/article5-bg.jpg') no-repeat center center;} #articles6 {height: 74px; width: 224px; padding: 120px 0 0; background: url('../images/article6-bg.jpg') no-repeat center center;} #articles7 {height: 74px; width: 224px; padding: 120px 0 0; background: url('../images/article7-bg.jpg') no-repeat center center;} #articles8 {height: 74px; width: 224px; padding: 120px 0 0; background: url('../images/article8-bg.jpg') no-repeat center center;} #articles9 {height: 74px; width: 224px; padding: 120px 0 0; background: url('../images/article9-bg.jpg') no-repeat center center;} /* sourcing */ #sourcing {overflow: auto; width: 960px; padding: 50px 0 50px 0; margin: 0 auto 0 auto;} #sourcing-left {width: 650px; float: left;} #sourcing-left li {display: block; font-size: 1.4em; line-height: 140%; margin-top: 20px; margin-bottom: 20px;} #sourcing-left h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; margin: 0 0 20px 0; line-height: 140%; text-shadow: none;} img.example {float: left; border: 1px solid #505050; padding: 3px; margin: 8px 20px 0 0;} #sourcing-right {float: right;} #gallery {height: 330px; width: 620px; border: 1px solid #303030; padding: 20px 10px 20px 20px; margin-top: 30px; background: url('../images/10percentblack.png');} #gallery p {margin: 0 0 10px 0; text-indent: 0px;} img.gallery-image {height: 136px; width: 136px; border: 1px solid #505050; padding: 2px; margin: 0 10px 10px 0;} /* about us */ #aboutus {height: 365px; width: 960px; padding: 50px 0 50px 0; margin: 0 auto 0 auto;} #aboutus h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; margin: 0 0 20px 0; line-height: 140%; text-shadow: none;} #aboutus-left {height: 365px; width: 650px; float: left;} #aboutus-right {width: 275px; float: right;} img.sidebar {width: 267px; border: 1px solid gray; padding: 3px;} /* studio japan */ #studiojapan {overflow: auto; width: 960px; padding: 50px 0 50px 0; margin: 0 auto 0 auto;} #studiojapan h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; margin: 0 0 20px 0; line-height: 140%; text-shadow: none;} #studiojapan-left {width: 650px; float: left;} #studiojapan-left img.left-float {float: left;} #studiojapan-right {float: right;} img.thestudio {width: 642px; border: 1px solid gray; padding: 3px; margin: 0 0 30px 0;} img.tohoku {border: 1px solid gray; padding: 3px; margin: 4px 20px 4px 0; float: left;} /* sidebar contact form + images (sourcing, studio japan, about us) */ #contactform {width: 235px; border: 1px solid #303030; padding: 20px; background: url('../images/10percentblack.png');} #contactform p {margin: 0 0 10px 0; text-indent: 0px;} #contactform .input-text {width: 130px; border: 1px solid #505050; color: #4c4c4c; padding: 1px;} #contactform .drop-down {width: 134px; border: 1px solid #505050; color: #4c4c4c} #contactform .text-area {width: 130px; height: 60px; border: 1px solid #505050; color: #4c4c4c; padding: 1px; font-size: 1.2em; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} #contactform .form-button {width: 66px; height: 22px; border: 1px solid #505050; color: #FFF; font-weight: bold; background: url(../images/content-right-button-bg.png) repeat-x; cursor: pointer; padding: 1px; margin: 0 0 0 85px;} #contactform label {display: block; margin-top: 20px; color: #FFF;} #contactform label span {font-size: 1.2em; display: block; float: left; padding-top: 2px; padding-right: 12px; width: 72px; text-align: right;} .honeypot {display: none;} /* slider (index) */ #slider {height: auto; width: auto;} #slider a:hover {text-decoration: none;} #slide1 {height: 400px; width: 100%; min-width: 960px; background: #000 url('../images/slide1-bg.jpg') no-repeat center; border-top: 1px solid black; border-bottom: 1px solid black;} #slide1_inner {height: 400px; width: 960px; margin: 0 auto 0 auto;} #headline1 {height: 250px; padding: 50px 0 0 0; float: left;} #book-cover {height: 276px; width: 193px; padding: 12px 56px 12px 56px; background: url('../images/50percentblack.png'); float: right;} #slide2 {background: #000 url('../images/slide2-bg.jpg'); border-top: 1px solid black; border-bottom: 1px solid black; background-size: cover; background-repeat: no-repeat; background-position: center center;} #slide2_inner {height: 400px; width: 960px; margin: 0 auto 0 auto;} #headline2 {height: 250px; padding: 100px 0 0 0; float: left} #headline2 a {color: #fff;} #headline2 h1, #headline2 h2 {background: url('../images/50percentblack.png'); float: left; clear: both; margin-bottom: 20px;} #headline2 h2 {line-height: 120%; margin-bottom: 5px;} #sliderNav {overflow: hidden; float: right; padding: 15px 0 0 0} #sliderNav a {background: url("../images/slider-buttons.png") no-repeat bottom left; display: block; float: left; height: 12px; margin: 0 10px 0 0; text-indent: -9999px; width: 12px;} #sliderNav a.activeSlide {background-position: top left;} /* search results */ #thesearch {height: 760px; width: 960px; padding: 50px 0 50px 0; margin: 0 auto 0 auto;} #search-result {height: 100%; width: 850px; float: left;} #search-result h1 {font-family: 'Quattrocento', Georgia, "Times New Roman", Times, serif; font-size: 2.6em; font-weight: normal; text-align: center; margin: 0; text-shadow: none;} #search-result h2 {font-family: 'Quattrocento', Georgia, "Times New Roman", Times, serif; font-size: 1.8em; font-weight: normal; margin: 0; text-decoration: underline; text-shadow: none;} #search-result h2 a {color:#FFF;} #search-result h2 a:hover {color:#FFF;} #search-result h3 {margin: 0 0 30px 0;} #search-result p {margin: 0 0 20px 0; text-indent: 0;} #search-result a:hover {color:#666666; text-decoration: underline} #next-result {font-family: 'Quattrocento', Georgia, "Times New Roman", Times, serif; font-size: 1.4em; font-weight: normal; text-align: center;} /* woahbar */ .woahbar {position: fixed; top: 0px; left: 0px; width: 100%; height: 16px; z-index: 100; padding: 9px 0; text-align: center; color: #fff; background-color: #323232; /* << set custom bar color here */ box-shadow: 0px 0px 5px black; -moz-box-shadow:0px 0px 5px black; -webkit-box-shadow:0px 0px 5px black; border-bottom: 1px solid #777777; font-family: 'Quattrocento', Georgia, "Times New Roman", Times, serif; font-size: 1.3em;} .woahbar a {color: #cecece;} .woahbar-stub { position: fixed; top: -10px; left: 0px; width: 100%; height: 19px; z-index: 200; padding: 7px 0 5px 0; text-align: center; } .woahbar span { float: left; width: 95%; text-align: center; padding-top: 2px; } .woahbar-down-arrow:hover {background-color: #323232; /* << set custom hover bar color here */ } .woahbar-up-arrow:hover { background: url('../images/woahbar-up-arrow-hover2.png'); } .close-notify {float: right; margin-right: 22px; color: #fff; width: 17px; height: 19px; text-decoration: none; background-color: #323232; /* << set custom bar color here */ cursor:pointer; } .show-notify {padding: 5px 0 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #777777; box-shadow: 0 0 5px rgba(0,0,0,0.35); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.35); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.35); float: right; margin-right: 12px; color: #fff; width: 35px; height: 33px; text-decoration: none; background-color: #323232; /* << set custom bar color here */ cursor:pointer; } /* sourcing */ #sales {overflow: auto; width: 960px; padding: 50px 0 50px 0; margin: 0 auto 0 auto;} #sales-left {width: 650px; float: left;} #sales-left li {display: block; font-size: 1.4em; line-height: 140%; margin-top: 20px; margin-bottom: 20px;} #sales-left h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; margin: 0 0 20px 0; line-height: 140%; text-shadow: none;} #sales-right {float: right;} .sales-categories, .tansu-item { border: 1px solid #303030; padding: 5px; background: url('../images/10percentblack.png'); overflow: auto; } .sales-category { width: 207px; height: 225px; border: 1px solid #505050; margin-left: 5px; float: left; position: relative; } .sales-category a, .sales-category a:hover { color: white; } .sales-category img { position: absolute; top: 0; left: 0; } .sales-category h1 { position: absolute; bottom: 0; left: 0; background: url('../images/70percentblack.png'); font-size: 1.9em; line-height: 120%; margin: 0; padding: 15px; } .no-margin { margin: 0 !important; } .tansu-item { padding-bottom: 15px; margin-bottom: 15px; } .tansu-item img { width: 313px; min-height: 200px; border: 1px solid #505050; margin-left: 5px; } .tansu-item .row { padding-left: 10px; padding-right: 10px; margin-top: 10px; font-size: 13px; font-family: 'Dosis', Helvetica, Arial, sans-serif; overflow: hidden; } .tansu-item .row p { text-indent: 0; margin-bottom: 5px; font-size: 16px; } .tansu-item .span1 { float: left; width: 100px; font-style: italic; } .tansu-item .span2 { float: left; width: 500px; } #contactpage {overflow: auto; width: 960px; padding: 50px 0 50px 0; margin: 0 auto 0 auto;} .left {width: 650px; float: left;} .right {float: right;} a.btn { border: 1px solid #505050; color: #FFF; font-weight: bold; cursor: pointer; padding: 8px 12px; letter-spacing: .05em; font-family: 'Dosis', Helvetica, Arial, sans-serif; display: inline-block; margin-top: 15px; text-decoration: none; text-transform: uppercase; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; } a.btn:hover { border: 1px solid #fff; }