/*----------------------------------------------------------------------------------------------- Typefaces -----------------------------------------------------------------------------------------------*/ @font-face { font-family: "Fontin"; src: local("Fontin"), url(../resources/Fontin-Regular.otf) format('opentype'); font-weight: normal; unicode-range: U+000-5FF, U+1e00-1fff, U+2000-2300; } @font-face { font-family: "Fontin SmallCaps"; src: local("Fontin SmallCaps"), url(../resources/Fontin-SmallCaps.otf) format('opentype'); font-weight: bold; } /*----------------------------------------------------------------------------------------------- Global Styles -----------------------------------------------------------------------------------------------*/ * { margin: 0; padding: 0; } /*----------------------------------------------------------------------------------------------- Layout / Base Page Styling -----------------------------------------------------------------------------------------------*/ html { height: 100%; } body { background: white; color: #a6a6a6; font-family: "Georgia", "Times", "Times New Roman", serif; font-size: 11px; height: 100%; } a img { border: none; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 1em 0; } li, dd { margin-left:10%; } fieldset { padding: .5em; } select option { padding:0 5px; } form { padding: 0 0 40px 0; } textarea { display: block; padding: 3px; } button { background: #ce370e; border-color: #b83e47; border-style: solid; border-width: 3px; border-radius: 6px; color: #FFFFFF; cursor: pointer; font-size: 17px; font-weight: bold; height: 42px; padding: 8px 4px 8px 2px; position: relative; text-align: center; text-shadow: 2px 2px #b6300c; top: 9px; } /*----------------------------------------------------------------------------------------------- Class Styling -----------------------------------------------------------------------------------------------*/ .clear { clear: both; font-size: 1px; height: 1px; line-height: 1px; } .hide { display: none; } .left { float: left; } .right { float: right; } .big { font-size: 2.0em; } .heavy { font-weight: 800; } .massive { font-size: 2.5em; } .medium { font-size: 1.4em; } .tiny { font-size: 0.7em; } /*.even { float: right; padding-right: 10%; position: relative; } */ /*.odd { clear: right; float: left; padding-left: 10%; position: relative; } */ .children { width: 250px; } .children img { float: left; } .portrait { width: 80px; } .landscape { height: 80px; } .description { float: right; padding: 30px 0px 50px 0; width: 329px; } .detail { float: right; padding: 30px 100px 0 0; text-align: right; width: 550px; } .detail img { border: 1px solid #bdbdbd; height: 350px; } .edit:hover { background: #fffbb4; } .gallery { float: left; padding: 30px 50px 30px 0; width: 210px; } .magnify { clear: both; } .photo { display: none; height: 400px; } .post { margin-bottom: 50px; } .preview img { border: 1px solid #bdbdbd; } .scroller span { display: none; margin-top: 3px; text-align: center; } .scroller a { display: block; text-decoration: none; } .scroller a:hover span { display: block; } .scroller a:hover img { opacity: 0.5; } .scroller li { display: block; float: left; padding: 0 4px; } .scroller span { display: block; margin-top: 3px; text-align: center; } div.scroller { height: 100px; overflow: auto; position: relative; width: 500px; } ul.scroller { display: block; list-style: none; margin: 0; padding: 0 0 0 0px; width: 3000px; } /*----------------------------------------------------------------------------------------------- ID Styling -----------------------------------------------------------------------------------------------*/ #commentlist ol { list-style: none; } #commentlist li { list-style: none; padding-left: 2em; } #commentlist img.avatar { float: left; height: 32px; margin-left: -3em; padding: 0 5px 5px 0 width: 32px; } #contact_en { float: left; margin-right: 20px; width: 45%; } #contact_ja { float: left; margin-left: 20px; width: 45%; } #container { margin: 2.0em auto 0 auto; max-width: 1050px; min-height: 120px; padding-top: 1%; padding-left: 40px; padding-right: 40px; } #container.blog div#menu { float: right; width: 329px; } #container.blog div#menu ul { list-style: none; margin-top: 0; } #container.blog div#menu ul li { margin-top: 0; } #container.blog div#menu ul li ul { margin-top: 0.5em; } #container.blog div#menu ul li ul li { margin-bottom: 10px; } #container.blog div#menu ul li.widget { margin-bottom: 30px; } #container.blog div#storycolumn { float: left; width: 550px; } #container.blog div#storycolumn img { display: block; } #container.blog div.storycontent { margin-bottom: 20px; } #container.blog div.feedback { float: right; } #content { text-align: left; } #syncor { background: #fffbb4; border-color: #cb350e; border-radius: 5px; border-style: solid; cursor: pointer; float: left; left: 30px; padding: 5px; position: relative; top: -4px; z-index: 2; } #editor { background: #fffbb4; border-color: #cb350e; border-radius: 5px; border-style: solid; cursor: pointer; float: left; left: 40px; padding: 5px; position: relative; top: -4px; z-index: 2; } #sortor { background: #fffbb4; border-color: #cb350e; border-radius: 5px; border-style: solid; cursor: pointer; float: left; left: 50px; padding: 5px; position: relative; top: -4px; z-index: 2; } .on#editor, .on#sortor, .on#syncor { background-color: #58d04c; } #footer { border-top: solid 1px #cb350e; float: right; margin-top: 3%; padding: 12px 20px 20px 0; position: relative; width: 52%; } #header { margin: 10px auto 0 auto; max-width: 1050px; padding: 0 40px 0 40px; } #jewellery, #exhibitions { padding-top: 30px; } #login form { margin: 50px 0; width: 100%; } #login input.text { background: #f9f8e4; border-color: #97b5d2; border-radius: 7px; border-style: solid; border-width: 1px; height: 50px; outline: none; padding: 5px 10px 5px 10px; width: 300px; } #login input.submit { background: #cb350e; border-color: #ce370e; border-radius: 7px; border-style: border-width: 3px; solid; cursor: pointer; height: 62px; padding: 8px 2px 8px 2px; } #meta { margin: 0 auto 0; max-width: 1050px; } #navigation { float: left; padding-top: 40px; } #sortable { list-style-type: none; margin: 0; padding: 0; } #sortable img { border: 1px solid #bdbdbd; width: 150px; vertical-align: middle; } #sortable img:hover { cursor: move; } #sortable li.sort { background: #f0f0f0; margin: 5px; padding: 10px; float: left; height: 250px; width: 200px; font-size: 4em; line-height: 250px; text-align: center; } #sorter { padding-bottom: 100px; } #splash { width: 100%; text-align: center; } #thumbs { margin: 30px auto; text-align: center; } #thumbs ul { list-style: none; } /* #thumbs li { float: left; height: 62px; overflow: hidden; padding: 0 10px 0 0; } */ #thumbs li.slidering { margin: 0; } #thumbs li img { border: 1px solid #bdbdbd; height: 60px; overflow: hidden; width:60px; } #thumbs li img.current_nav { border: 3px solid #B83E47; } #thumbs li:hover img { } #title { float: right; padding-top: 20px; } #works, #contact, #login { margin: 10px 0 0 0; } #wrapper { background-color: white; border-top: solid 7px #cb350e; clear: both; margin: 0 auto; width: 100%; } /*----------------------------------------------------------------------------------------------- Typefaces -----------------------------------------------------------------------------------------------*/ a { color: #b83e47; text-decoration: none; } h1, h2, h3 { font-family: "Georgia", "Times", "Times New Roman", serif; } h1 { font-size: 3.2em; font-weight: normal; margin: 0 0 0 0; } h2 { font-size: 2.5em; font-weight: normal; margin: 1.5em 0 0 0; } h3 { font-size: 2.0em; font-weight: normal; line-height: normal; margin: 1.0em 0 0 0; } #container .gallery div p { font-family: "Georgia", "Times", "Times New Roman", serif; font-size: 20px; font-style: italic; font-weight: 400; margin: 0; padding: 0; } #container { color: #7c7c7c; } #container blockquote { color: #a6a6a6; } #container p, #container li { font-family: "Georgia", "Times", "Times New Roman", serif; font-size: 1.5em; line-height: normal; margin: 1.0em 0 0 0; } #container.blog h2 { color: #b83e47; font-family: "Georgia", "Times", "Times New Roman", serif; font-size: 1.5em; margin-top: 0; } #container.blog div#menu ul li { font-family: "Georgia", "Times", "Times New Roman", serif; font-size: 1.6em; } #container.blog div#menu ul li ul li { font-family: "Georgia", "Times", "Times New Roman", serif; font-size: 12px; } #container.blog div#storycolumn p, #container.blog div#storycolumn blockquote, #container.blog div#storycolumn li { font-size: 15px; } #container.blog h3.storytitle { font-family: "Georgia", "Times", "Times New Roman", serif; } #container.blog div.commentlinks p { font-size: 12px; } #container.blog blockquote { margin-left: 1.0em; padding-left: 1.0em; } #container.blog li { margin-left: 3.0em; } #container .description p { font-size: 1.3em; } #container .description div.magnify { font-size: 0.9em; letter-spacing: 1px; text-transform: uppercase; } #contact h1, #login h1, #container .description div.heading p { color: #cb350e; font-family: "Georgia", "Times", "Times New Roman", serif; font-size: 2.0em; font-weight: normal; margin: 0; } #contact h2, #login h2, #container .description div.subheading p { color: #d9aa9e; font-family: "Georgia", "Times", "Times New Roman", serif; font-size: 1.4em; font-weight: normal; margin: 0; } #contact h2 { font-size: 1.6em; margin-top: 30px; margin-bottom: -15px; } #contact p, #login p { margin: 25px 0 0 0; } #container .description div { margin: 0 0 25px 0; } #container .description div.child { border: 1px solid #bdbdbd; height: 80px; width: 80px; overflow: hidden; float: left; margin-right: 20px; margin-bottom: 20px; } #container .description div.subheading p { padding-bottom: 20px; } #editor, #sortor, #syncor { color: #cb350e; font-family: "Lucida Sans", sans-serif; font-weight: bold; } .on#editor, .on#sortor, .on#syncor { color: #fffbb4; } #footer p { margin: 0 0 1.0em 0; } #login input.text { color: #7c7c7c; font-family: "Georgia", "Times", "Times New Roman", serif; font-size: 2.1em; } #login input.submit { color: #ffffff; font-family: "Georgia", "Times", "Times New Roman", serif; font-size: 2.0em; text-shadow: 2px 2px #b6300c; } #navigation { color: #dca1a5; font-family: "Georgia", "Times", "Times New Roman", serif; font-size: 1.8em; font-weight: normal; letter-spacing: 3px; opacity: 0.7; } #navigation a { color: #dca1a5; padding-bottom: 3px; } #navigation a:hover { color: #b83e47; } #navigation a.highlight { border-bottom: 1px dotted #dca1a5; } #navigation p { margin: 0; } #splash p { margin: 2.5em 0 0 0; }