/* Site Name: Lindauer Online Site URI: --- Description: --- Version: 1.0 UPDATE INFO --------------------------------------- Revision number: 1.0 Last updated: 01 Jan 2009 Last update made by: Adam (adam[at]terabyte.co.nz) CONVENTIONS --------------------------------------- hyphenate class / id names - #my-id-name, .my-class-name class / id names to start with lower case letter (ID's reserved for .net use will start with Upper case letter) CONTENTS ------------------------------------------ *01: Reset *02: Util classes & Phrase Elements *03: Default Styles (Typography, colour) *04: Structure (layout, size, positioning) *05: Common Containers & Subclasses *06: Forms *07: Custom Containers & Subclasses */ /* *01: Reset -----------------------------------------------------------------------------------------------------------------*/ body {color:#000;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} img{display:block;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} li {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:"'";} abbr,acronym {border:0;font-variant:normal;} sup,sub {line-height:-1px;vertical-align: text-top;} sub {vertical-align:text-bottom;} input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} /* *02: Util Classes ----------------------------------------------------------------------------------------------------------*/ .center { text-align: center; } .right { text-align: right !important; } .left { text-align: left !important; } .small { font-size: 9px !important;} #ie6 .small, #ie7 .small{ font-size: 10px !important;} .float-right { float: right; } .float-left { float: left;} .clear { clear: both; } .uppercase { text-transform: uppercase; } .nowrap { white-space: nowrap; } .offscreen { position: absolute; left: -9999px; top: -9999px; } .hidden { display: none; } .self-clear { zoom: 1; } .self-clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .no-right-margin { margin-right: 0 !important; } .no-left-margin { margin-left: 0 !important; } .no-top-margin { margin-top: 0 !important; } .no-bottom-margin { margin-bottom: 0 !important; } .hot { cursor:pointer; } .extra-top-padding { padding-top: 30px; } /* *02a: Phrase Elements -------------------- */ strong, .bold { font-weight: bold !important; /*letter-spacing:1px;*/ } em, .italic { font-style: italic; } code { font-family: Courier, serif; color: #999; font-size: 0.5em; } cite { font-style: italic; } abbr, acronym { border-bottom: 1px dotted; cursor: help; } q { color: #fff; } blockquote { color: #fff; font-size: 1.1em; margin: 0 0 0.5em 0; } /* *03: Default Styles --------------------------------------------------------------------------------------------------------*/ body { font: 62.5%/1.6 Arial,sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */ background: #4f4230 url(/Images/interface/bg/bg-header.jpg) no-repeat 50% 0; color: #4e412f; } img, #logo, #sign-guestbook, #pagehead .wrapper, #pagehead, #video-list a, #footer-details .footer-nav li, #back-to-top, .drop-o, .drop-w, .generic-drop, #collection-search-links a, #feature, a.pagination-btn, #visitors-book, .flash-sidebar .sidebar-links a, #forum-welcome #login { behavior: url(/scripts/iepngfix.htc) } h1, h2, h3, h4, h5, h6 { font-family: Arial,sans-serif; font-weight: bold; letter-spacing: 0px; margin-bottom: 0; } h1 { font-size: 2.6em; margin: 22px 0 15px 0; font-weight: normal; } h1 span { font-size: 1.6em; } h1 a { color: #4e412f; } #pagehead-content h1 { text-align: center; margin: 0; padding: 30px 0px 18px; line-height: 1em; } #pagehead-content h1 span { font-size: 0.7em; display: block; } h2 { font-size: 1.4em; margin: 2.3em 0 0 0; font-weight: bold; } h3 { font-size: 1.3em; margin: 2.3em 0 0 0; font-weight: bold; color: #96896f; } h4 { font-size: 1.5em; margin: 0 0 0 0; font-weight: normal; color: #665a4b; } p { font-size: 1.3em; line-height: 1.4em; margin: 2.3em 0 0 0; } a { color: #9a2925; text-decoration: none; } a:hover, a:active { text-decoration: underline; } ul li { list-style: none; } .body-copy ul li { list-style: disc; } ol li { list-style-type: decimal; } .img-replace { display: block; text-indent: -9999px; overflow: hidden; } .btn:hover { background-position: bottom left !important; } .todo { background: yellow; ;} /* non-valid browser styles (mostly CSS3 implementations) ====================================*/ .crnr, .crnrs { -moz-border-radius: 5px; -webkit-border-radius: 5px; /* IE support for rounded added via DD Roundies js - see frontend.js for setup */ } .drop-shadow { background: #fff; -moz-box-shadow: 2px 2px 5px #c6beaf; -webkit-box-shadow: 2px 2px 5px #c6beaf; } #ie6 .drop-shadow, #ie7 .drop-shadow { margin: -6px; filter: progid:DXImageTransform.Microsoft.Shadow(color=#c6beaf,direction=0,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#c6beaf,direction=90,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#c6beaf,direction=180,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#c6beaf,direction=270,strength=6); } /* *04: Structure -------------------------------------------------------------------------------------------------------------*/ /* : NOTE: only structural css here - widths, heights, floats, margins etc. any styling code to go in '05: Common Containers & Subclasses' */ .structural { width: 960px; margin: auto auto; position: relative; } #header { height: 111px; padding-bottom: 53px; } #navigation { width: 920px; height: 52px; z-index: 1; } #pagehead { background: #bfb39f url(/Images/interface/bg/bg-pagehead-bot.png) repeat-x bottom left; position: relative; z-index: 2; } #pagehead .wrapper { background: url(/Images/interface/bg/bg-pagehead-top.png) repeat-x; zoom: 1; } #pagehead-content { /*563px;*/ background: url(/images/interface/bg/bg-section-heading-highlight.png) center -20px no-repeat; } .guestbook-pagehead #pagehead-content { background: none; } #ie6 #pagehead-content { background: none; } #book-data { background: #95856d; padding-bottom: 23px; } #page { background: #e6e2da; border: 1px solid #e6e2da; zoom: 1; } #content { width: 920px; } #footer { background: #4f4230 url(/Images/interface/bg/bg-footer.jpg) no-repeat 50% 0; height: 166px; padding: 18px 0 26px; } /* *05: Common Containers & Subclasses ----------------------------------------------------------------------------------------*/ /* Accesskeys ====================================*/ #access-keys { display: none; } /* Header ====================================*/ #logo { width: 560px; height: 90px; background: url(/Images/interface/bg/bg-logo.png) no-repeat; position: absolute; top: 6px; left: 39px; } #search-box { width: 215px; position: absolute; top: 20px; right: 20px; } .search-input { font-size: 1.1em; color: #4d402f; padding: 8px 10px 0 10px; margin: 0; width: 195px; height: 19px; background: url(/Images/interface/bg/bg-search-field.gif) no-repeat !important; } #search-box .search-input { padding: 5px 10px 3px; } .search-submit { background: url(/Images/interface/bg/bg-search-submit.gif) no-repeat !important; width: 23px; height: 23px; font-size: 1px; color: #d8d1c3; position: absolute; top: 3px; right: 4px; cursor: pointer; } #ie6 .search-submit, #ie7 .search-submit { top: 4px; } #sign-guestbook { width: 216px; height: 43px; margin-top: 11px; background: url(/Images/interface/btn/btn-sign-guestbook.png) no-repeat; } /* Main Navigation ====================================*/ #navigation { position: absolute; bottom: 0; left: 20px; } #ie6 #navigation ul, #ie7 #navigation ul { width:100%; border:1px solid white;} #navigation li { position: absolute; bottom:0; background: #FFF; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; margin: 0 5px 0px 0px; } #navigation li.nav-item-1 { width:103px; left:0; } #navigation li.nav-item-2 { width:179px; left:108px; } #navigation li.nav-item-3 { width:141px; left:292px; } #navigation li.nav-item-4 { width:198px; left:438px; } #navigation li.nav-item-5 { width:155px; left:641px;} #navigation li.nav-item-6 { width:119px; left:801px;} #navigation a { display:block; bottom:0; padding: 8px 20px 0px 18px; line-height: 1.0em; font-size: 1.4em; font-weight: bold; height: 38px; color: #4e412f; } #navigation a:hover { text-decoration: none; color: #9a2925; } #navigation a:hover span { color: #9a2925; } #navigation li.last { margin-right: 0; } #navigation li.selected { background: #aa9b86 url(/Images/interface/bg/bg-nav-selected.jpg) repeat-x top left; margin-top: 0; } #navigation li.selected a { color: #4e412f; padding-top: 15px; } #navigation a span { font-size: 0.8em; display: block; color: #9c8b75; font-family: Arial, sans-serif; } #navigation li.selected a span { color: #4e412f;} #header span.drop { display: block; width: 920px; height: 15px; background: url(/Images/interface/bg/bg-nav-shadow.png) repeat-x; position: absolute; bottom: 0; left: 20px; z-index: 2; } #ie6 #header span.drop { display: none; } /* Columns ====================================*/ #col-main { float: left; width: 665px; margin-top:20px;} .main-block { background: #f3f1ed; padding: 20px; margin-bottom: 12px; } .main-block-dark { background: #cbc2b4; } .main-block-dark h4 { font: normal normal bold 1.6em Arial, sans-serif; border-bottom: 1px solid #d2ccbf; padding-bottom: 11px; } .main-block-dark h4 em { font-size: 13px; font-weight: bold; display: block; color: #877e6d; width: 400px; } .main-block-dark p.intro-text, .main-block-dark div.intro-text p { margin-top: 10px; } #col-sidebar { float: left; width: 255px; margin-top:20px; } /* Common Buttons ====================================*/ a.grad-btn { background: url(/Images/interface/bg/bg-grad-btn-red.jpg) repeat-x; display: block; height: 40px; width: 200px; color: #FFF; font-weight: bold; } a.grad-btn-brown { background: url(/Images/interface/bg/bg-grad-btn-brown.jpg) repeat-x; } a.grad-btn span, .form-grad-button span { display: block; line-height: 1em; } a.grad-btn span.btn-label, .form-grad-button span.btn-label { font-size: 1.3em; background: url(/Images/interface/ind/ind-arrow-white.png) no-repeat 11px 8px; padding: 7px 11px 0px 27px; } #ie6 a.grad-btn span.btn-label, #ie6 .form-grad-button span.btn-label { background: none; } a.grad-btn span.label-translation, .form-grad-button span.label-translation { font-size: 1.1em; font-style: italic; padding: 1px 11px 0px 27px; } a.grad-btn:hover, .form-grad-button:hover { background-position: bottom left; text-decoration: none; } .form-grad-button { width: 165px; position: relative; font-weight: bold; float: left; margin-left: 9px; display: inline; } .form-grad-button input { width: 100% !important; height: 40px; padding: 0 !important; background: url(/Images/interface/btn/bg-form-grad-btn-red.gif) no-repeat; color: #FFF; cursor: pointer; padding: 0; zoom: 1; float: none !important; } .form-grad-button-brown input { background: url(/Images/interface/btn/bg-form-grad-btn-brown.gif) no-repeat; } .form-grad-button-brown-small input { background: url(/Images/interface/btn/bg-form-grad-btn-brown-sml.gif) no-repeat; } .form-grad-button-brown-small { width: 115px; } .form-grad-button input:hover, .form-grad-button input.hover { background-position: bottom left; } .form-grad-button .overlay { position: absolute; top: 0; left: 0; color: #FFF; display: none; cursor: pointer; } #ie6 .form-grad-button .overlay, #ie7 .form-grad-button .overlay {} .audio-link { padding-right: 30px; background: url(/Images/interface/ico/ico-audio.gif) no-repeat 100% 50%; } .audio-link:hover { text-decoration: none; border-bottom: 1px dotted #a89781; } /* Footer ====================================*/ #footer-details { background: url(/Images/interface/bg/bg-footer-details.png) repeat; } #footer-details .col-1, #footer-details .col-2 { padding: 16px 20px 13px 20px; position: relative; float: left; } #footer-details .col-1 { width: 490px; border-right: 1px solid #837465; } #footer-details .col-2 { width: 389px; } #footer-details #gallery { color: #FFF; font-size: 1.1em; font-weight: bold; float: left; } #footer-details #gallery img { margin-top: 5px; } #footer-details .footer-nav { float: left; display: inline; width: 300px; margin-left: 20px; } #footer-details .with-logos { width: 350px; } #footer-details .footer-nav li { width: 95px; padding: 0px 10px 0px 10px; margin: 9px 0px 0px 0px; float: left; background: url(/Images/interface/ind/ind-arrow-sml-opaque-white.png) no-repeat 0 2px; font-weight: bold; line-height: 1.2em; } #footer-details .footer-nav li.sec { width: 165px; } #footer-details .footer-nav li.logo { background: none; padding: 0; margin-right: 18px; width: auto;} #footer-details .footer-nav li.last-logo { margin-right: 0; } #footer-details .footer-nav a { color: #FFF; font-size: 1.1em; } #footer-details .footer-nav a em { display: block; } #footer-details .footer-nav li.one-line {width: 300px; } #footer-details .footer-nav li.one-line a em { display: inline; } #footer-details .footer-nav #req-prints { float: right; } #bottom-nav { font-size: 1em; color: #dbd5ca; font-weight: bold; line-height: 1em; margin-top: 13px; } #bottom-nav li { float: left; border-left: 1px solid #c1b7ab; padding-left: 13px; margin-left: 13px; line-height: 1.1em; } #bottom-nav li.first { border: none; padding: 0; margin: 0; } #bottom-nav li em { display: block; } #bottom-nav li a { color: #FFF; } /* Comments ====================================*/ #comments {} #comments .grad-btn { float: right; } #comments .btn-label { font-size:1.2em; } #comments ul { background: #f3f1ed; padding: 20px 20px 0px 20px; margin-top: 20px; } #comments li { border-bottom: 1px solid #e2ded6; padding-bottom: 18px; margin-bottom: 14px; } #comments li h5 { font-size: 1.2em; } #comments li h5 span { font-size: 0.9em; } #comments li p { margin-top: 10px; } #comments li p.date { margin: 0; font-size: 1em; text-transform: uppercase; color: #877e6d; } #comments li.report { border: none; margin: 0; } #comments li.report a { background: url(/Images/interface/ind/ind-email.gif) no-repeat; padding-left: 22px; font-size: 1.1em; font-weight: bold; } #pagination #pages { background: #f3f1ed; padding: 5px 15px 5px 15px; margin: 10px 0 0 0; width: 500px; float: left; } #ie6 #pagination #pages, #ie7 #pagination #pages { padding: 3px 15px 3px 15px; } #pagination span { float: left; font-size: 1.2em; font-weight: bold; padding-top: 2px; } #pagination ul { margin: 0 0 0 5px; padding: 0; float: left; } #pagination li { border: none; margin: 0; float: left; font-size: 1.5em; font-weight: bold; padding: 0; margin-left: 15px; display: inline; } #pagination li a { padding: 2px 7px 2px 7px; } #pagination li a:hover { background: #FFF; } #pagination li.selected a { /*background: #e1dfdb;*/ color: #4e412f; } a.pagination-btn { display: block; width: 34px; height: 34px; margin: 10px 0px 0px 3px; float: right; text-indent: -9999px; overflow: hidden; background: url(/Images/interface/btn/btn-next-prev.png) no-repeat; } a.next-page { background-position: 0 0; } a.prev-page { background-position: -34px 0; } a.next-page:hover { background-position: 0 -34px; } a.prev-page:hover { background-position: -34px -34px; } #comments-form { clear: both; background: #d9d2c7; margin-top: 27px; position:relative; } .guestbook #comments-form { margin-top:0 !important;} #comments-form p.mandatory { position: absolute; right: 20px; top: 3em; font-size: 11px; font-weight: bold; } #comments-form ul { background: none; margin: 0; padding: 0; } #comments-form li { border: none; margin: 0 0 0 0; padding: 10px 0 0 0; clear: both; zoom: 1; } /* see forms section for further styling on this form */ /* Crumbs ====================================*/ .crumbs{ list-style:none; clear:both; overflow:hidden;} .crumbs li {float:left; padding:0 1em 0 0; font-size:1.2em;} /* *06: Forms -----------------------------------------------------------------------------------------------------------------*/ /* Default form style ====================================*/ input, textarea, select { background: #fff; font-size: 1.3em; padding: 5px; border: none; } input:focus, textarea:focus, select:focus { background: #f2f1ed;} /* Comments form ====================================*/ #comments-form fieldset { width: 414px; margin: 9px 0px 0px 34px; } #comments-form li { position: relative; } #comments-form label { font-weight: bold; font-size: 1.4em; width: 75px; display: block; line-height: 1em; float: left; } #comments-form.registration-form label { font-size: 1.2em; font-weight: normal; } #comments-form .note { clear:left; padding-left: 75px; font-size: 1.1em; color: #96896f; } #comments-form .checkbox label { width: auto; color: #96896f; padding: 1px 0 0 10px; font-size: 12px; font-weight: normal; } #ie6 #comments-form .checkbox label, #ie7 #comments-form .checkbox label { padding-top: 5px; } #comments-form label span { color: #96896f; font-size: 0.8em; font-weight: normal; display: block; margin-bottom: -3px; } #ie6 #comments-form label span, #ie7 #comments-form label span { line-height: 2; margin-top: -.3em; } #comments-form input, #comments-form textarea { width: 329px; float: left; } #comments-form .checkbox input { width: auto; background: none; } #comments-form .fullwidth label { width: auto; font-size: 1.6em; } #comments-form .fullwidth input, #comments-form .fullwidth textarea { width: 404px; margin-top: 3px; } #ie6 #comments-form .fullwidth textarea { width: 401px; } #comments-form select { width: 339px; float: left; } #ie6 #comments-form select, #ie7 #comments-form select {} #comments-form .instruction { color: #96896f; font-size: 1.1em; float: right; } #recaptcha_widget { width: 339px; float: left; position: relative; } #recaptcha_widget #recaptcha_image img { width: 339px; height: 64px; } #recaptcha_widget .recaptcha_only_if_incorrect_sol { display: none; } #recaptcha_widget .captcha-controls { position: absolute; top: 0; right: -109px; width: 100px; display: none; } #recaptcha_widget .captcha-controls li { margin: 0 0 5px 0; padding: 0; } #recaptcha_widget .captcha-controls li a { font-size: 1.1em; background: url(/Images/interface/ind/ind-recaptcha.gif) no-repeat; display: block; padding-left: 23px; height: 16px; } #recaptcha_widget .captcha-controls li.audio a { background-position: 0 -21px; } #recaptcha_widget .captcha-controls li.help a { background-position: 0 -42px; } #recaptcha_widget p { font-size: 1.1em; margin: 0; padding: 13px 0px 3px 0px; } li.padded { margin-left: 74px !important; } #comments-form #form-buttons { margin-left: 66px; } .form-error { background: #96302d; display: block; width: 140px; position: absolute; top: 10px; right: -148px; color: #FFF; font-size: 1.1em; padding: 4px; } .fullwidth .form-error { top: 31px; } .form-error span { display: block; width: 9px; height: 11px; background: url(/Images/interface/ind/ind-arrow-left-red.png) no-repeat; position: absolute; top: 8px; left: -5px; } #ie6 .form-error { position: static; margin-left: 75px; width: 331px; } #ie6 .form-error span { display: none; } /***** Pass *****/ #psr-score { padding: 8px 0 0 75px; line-height:1.3em; vertical-align:top; } .registration-form #psr-score p, .registration-form #psr-verify p { margin:0; padding:0; font-size:1.1em; } #psr-score .psr-level { display: inline-block; margin-right: 5px; text-transform:uppercase; font-weight:bold; } #psr-verify { display: inline; padding-left: 10px; } #psr-strength-notice { position: absolute; top: -10px; left:344px; } .psr-bar { display: inline-block; height:5px; margin-top:9px; font-size:0em; } .psr-weak .psr-level { color: #A52A2A; } .psr-weak .psr-bar { width: 25px; background-color:#A52A2A; } .psr-medium .psr-level { color: #FFA500; } .psr-medium .psr-bar { width: 50px; background:#FFA500; } .psr-strong .psr-level { color: #3DBE5E; } .psr-strong .psr-bar { width: 75px; background:#3DBE5E; } .psr-excellent .psr-level { color: #416EC2; } .psr-excellent .psr-bar { width: 100px; background:#416EC2; } /* Search Collection / Site / guestbook forms ====================================*/ #search-collection input, #search-site input, #search-site select, #filter select, #search-guestbook input { border: 1px solid #b1a28f; float: left; padding: 11px; width: 403px; } #search-collection .form-grad-button { font-size: 0.85em } #search-collection .overlay { top: 3px; } #search-site .form-grad-button span { } #search-collection .form-grad-button span.btn-label { font-size: 1.4em; } #search-collection .form-grad-button span.label-translation { font-size: 1.2em; } #search-collection .form-grad-button input, #search-site .form-grad-button input, #search-guestbook .form-grad-button input { border: none; float: none; } #search-site input { width: 200px; } #search-guestbook input { width: 230px; } #search-site select, #filter select { width: 190px; padding: 10px; margin-left: 9px; } #filter select { float: none; margin: 0; width: 224px; } /* Search Collection / Iwi Hapu Overlay List ====================================*/ #iwi-hapu-list { margin: 10px 0 0; } #iwi-hapu-list .holder { position: relative; padding:10px 15px 10px 15px; color:#fff; background:#4e412f; } #iwi-hapu-list a.close { position:absolute; top:13px; right:10px; overflow:hidden; display:inline-block; width:15px; height:15px; text-indent:-10000px; background:url(/images/interface/btn/btn-close-overlay.png) 0 0; } #iwi-hapu-list a.close:hover, #iwi-hapu-list a.close:focus { background-position:0 -15px; } #iwi-hapu-list h5 { margin-right:20px; font-size:1.2em; } #iwi-hapu-list ul { overflow: hidden; padding: 10px 0 0; margin: 10px 0 0; border-top:1px solid #7F725F; background:none; } #iwi-hapu-list li { font-size:1.1em; font-weight:normal; display: block; float: left; width: 130px; margin-right: 15px; } #iwi-hapu-list li a { color:#fff; } /* visitors book forms ====================================*/ .form-box input { border: 1px solid #a2907a; width: 155px; float: left; } input.small-submit { background: url(/Images/interface/btn/btn-small-submit.gif) no-repeat; color: #FFF; width: 26px; height: 27px; margin: 0; float: right; border: none; cursor: pointer; text-indent:-10000px; } #ie6 input.small-submit, #ie7 input.small-submit { padding:50px 0 0; } input.small-submit:hover { background-position: bottom left; } /* forum login form ====================================*/ #forum-welcome #login label { color: #FFF; font-size: 1.1em; font-weight: bold; } #forum-welcome #login .field { margin-bottom: 10px; position: relative; } #forum-welcome #login input { width: 185px; } #forum-welcome #login .form-grad-button { width: 195px; margin: 10px 0 0 0; clear: both; } #forum-welcome #login .form-grad-button input { background: url(/Images/interface/btn/bg-forum-form-grad-btn.gif) no-repeat; } #forum-welcome #login .form-grad-button input:hover, #forum-welcome #login .form-grad-button input.hover { background-position: bottom left; } #forum-welcome #login .checkbox label { width: auto; padding: 0px 0 0 10px; font-size: 12px; font-weight: normal; float: left; } #ie6 #forum-welcome #login .checkbox label, #ie7 #forum-welcome #login .checkbox label { padding-top: 1px; } #forum-welcome #login .checkbox input { width: auto; background: none; float: left; } #forum-welcome #login .field-error { font-size: 1.2em; color: #e6e2da; background: url(/Images/interface/ind/ind-arrow-white.png) no-repeat 0 1px; padding: 0px 0px 0px 13px; } /* *07: Custom Containers & Subclasses ----------------------------------------------------------------------------------------*/ /* Homepage Styles ===================================*/ #feature { width: 960px; height: 563px; background: url(/Images/interface/bg/bg-homepage.png) no-repeat; position: relative; z-index:1; } #feature h1 { background: url(/Images/interface/bg/bg-home-welcome.gif) no-repeat; display: block; width: 566px; height: 47px; margin: auto auto; text-indent: -9999px; text-align: center; position: relative; top: 39px; } #home-flash { position: absolute; z-index:2; top: 174px; left: 134px; } #feature .large-link { position: absolute; z-index: 99; top:118px; display:block; height: 320px; text-indent: -999em; overflow:hidden; } #ie6 #feature .vb-link, #ie7 #feature .vb-link { filter:alpha(opacity=0); background:#fff; } #feature .vb-link { left: 80px; width: 440px; } #feature .mp-link { left: 600px; width: 270px; } .home-link { position: absolute; display: block; width: 276px; height: 48px; text-indent: -9999px; overflow: hidden; background: url(/Images/interface/bg/bg-home-link.gif) no-repeat; } #home-link-book { background-position: 0 0; top: 459px; left: 167px; } #home-link-book:hover { background-position: 0 -48px; } #home-link-portrait { background-position: -276px 0; top: 459px; left: 597px; } #home-link-portrait:hover { background-position: -276px -48px; } #welcome-copy { position: relative; z-index: 2; background: #e6e2db url(/Images/interface/bg/bg-welcome.jpg) repeat-x; } #welcome-copy .structural { width: 920px; padding-bottom: 20px; } #welcome-copy p { width: 293px; margin-right: 20px; font-size: 1.3em; color: #4b4138; float: left; } #welcome-copy p.last { margin-right: 0; } #welcome-copy .drop-o, #welcome-copy .drop-w { display: block; width: 115px; height: 106px; text-indent: -9999px; overflow: hidden; float: left; margin: -75px -30px 0px -20px; } #welcome-copy .drop-o { background: url(/Images/interface/bg/bg-drop-o.png) no-repeat; } #welcome-copy .drop-w { background: url(/Images/interface/bg/bg-drop-w.png) no-repeat; margin-top: -70px; } #welcome-copy #welcome-continue, #homepage-listing .info a { background: url(/Images/interface/ind/ind-arrow-sml-brown.png) no-repeat 0 5px; display: block; padding-left: 14px; margin-top: 5px; font-size: 11px; font-weight: bold; } #listing-holder { background: #f9f8f3; } #ie6 #listing-holder, #ie7 #listing-holder { margin-bottom: -14px; } #homepage-listing { width: 920px; margin: auto auto; padding: 40px 0px 40px 0px; zoom: 1; } #homepage-listing li { width: 450px; float: left; margin-left: 20px; } #homepage-listing li a.thumb { position: relative; width: 130px; height: 76px; overflow: hidden; display: block; float: left; margin-right: 20px; } #homepage-listing li a.thumb span { position: absolute; top:25px; left:48px; background: url(/images/interface/ind/ind-video.png) no-repeat; display: block; width: 37px; height: 30px; } #ie6 #homepage-listing li a.thumb span { background-image: url(/images/interface/ind/ind-video.gif); } #homepage-listing li.first { margin-left: 0; } #homepage-listing img { } #homepage-listing .info { float: left; width: 300px;} #homepage-listing h2 { margin: 0; font-size: 1.4em; line-height: 1.2em; } #homepage-listing h2 em { font-size: 0.9em; color: #928169; display: block; } #homepage-listing p { margin-top: 3px; line-height: 1.2em; } /* Landing Styles ====================================*/ #intro-copy { font-size: 1.1em; position: relative; padding: 10px 0px 0 10px; margin-top: 23px; } #intro-copy.error-page { min-height:350px; } #ie6 #intro-copy.error-page { height: 350px; } #intro-copy p { margin: 0; } .generic-drop { display: block; width: 94px; height: 77px; background: url(/Images/interface/bg/bg-drop-generic.png) no-repeat; position: absolute; top: -20px; left: -20px; } #collection p {margin-top:1em !important;} #search-collection { position:relative; background: #d9d2c7; padding: 20px 12px 10px 12px; margin-top: 2.3em; z-index:2; } #search-collection h4 { border: none; } #collection-search-links li { float: left; margin-top: 5px; } #search-guestbook #collection-search-links { padding-top: 3px; } #search-guestbook #collection-search-links li { margin-top:0; } #collection-search-links a { background: url(/Images/interface/ind/ind-arrow-sml-brown.png) no-repeat 0 3px; padding-left: 14px; margin: 5px 20px 0 0; font-size: 1.1em; font-weight: bold; } #portrait-list { position: relative; } #portrait-list li { float: left; position: relative; margin: 15px 15px 0px 0px; } #portrait-list li.row-end { margin-right: 0; } #portrait-list li a { display: block; width: 113px; height: 113px; text-indent: -9999px; overflow: hidden; position: absolute; top: 0; left: 0; background: url(/Images/interface/bg/bg-blank.gif;) no-repeat; } #portrait-list li a:hover { background: url(/Images/interface/bg/bg-thumb-cover-large.gif) no-repeat; } #portrait-overlay { display: block; padding: 10px 15px 10px 15px; height: 20px; text-align: center; color: #FFF; font-size: 1.2em; font-weight: bold; background: #4e412f; position: absolute; top: 0; left: 0; z-index:3; display: none; } #visitor-intro {background: #a99d89 url(/Images/interface/bg/bg-spread-info.jpg) repeat-x; padding: 20px; width: 880px; } #visitor-intro .generic-drop {top:0!important;} #visitor-intro .copy {width:630px; margin-right:15px; float:left;} #visitor-intro .copy p {margin:1em 0 0 0; font-size:1.4em;} #visitor-intro .comment-on-book-large {width:218px; height:212px; display:block; float:right; margin:1em 0em; text-indent:-999em; background: url(/images/interface/btn/comment-on-book.png) top left no-repeat;} #visitor-intro .comment-on-book-large:hover {background-position: bottom left;} #spread-info { background: #a99d89 url(/Images/interface/bg/bg-spread-info.jpg) repeat-x; padding: 20px; width: 880px; } #spread-info h3 { font-size: 1.6em; color: #4e412f; line-height: 1.2em; margin: 0; } #spread-info h3 em { font-size: 0.80em; color: #d9d1c1; display: block; font-weight: bold; } #spread-info .expand-list h5 { line-height: 1.4em; } #spread-info .expand-list h5 em { display: block; } #translations { margin-bottom: 30px; } #translations table { width: 100%; font-size: 1.2em; } #translations table th { color: #896e47; font-weight: bold; } #translations table .comments { width: 400px; } #translations table th, #translations table td { padding: 5px; vertical-align: text-top; border-bottom: 1px solid #c4bdae; } #related-content { background: #f3f1ed; padding-bottom: 20px; margin-top: 5px; } #related-content li { margin: 20px 0px 0px 20px; width: 266px; float: left; } #related-content li.row-start { clear: both; } #related-content a { display: block; float: left; width: 64px; } #related-content img { margin: auto auto; } #related-content .copy { width: 194px; float: left; margin: 0px 0px 0px 8px; } #related-content h5 a { font-size: 1.3em; color: #896e47; font-weight: normal; line-height: 1.1em; width: auto; float: none; } #related-content p { font-size: 1.2em; margin-top: 5px; } #related-content .copy a.view { width: auto; float: none; margin: 0; } #related-content .copy a.view, .subpage-listing a.view { background: url(/Images/interface/ind/ind-arrow-sml-brown.png) no-repeat 0 5px; display: block; padding-left: 14px; margin-top: 8px; font-size: 1.1em; font-weight: bold; } .subpage-listing { margin-bottom: 14px; } .subpage-listing li { float: left; margin: 0px 0px 16px 10px; width: 195px; background: #f3f1ed; padding: 10px; } .subpage-listing li .landing-link { position: relative; display: block; width: 195px; height: 113px; } .subpage-listing li .landing-link img { z-index:1; } .subpage-listing li .landing-link span { position: absolute; display: block; top:0; left:0; width: 195px; height: 113px; background: url(not_exsist.gif) top left no-repeat; } .subpage-listing li .landing-link:hover span{ background-image: url(/Images/interface/bg/bg-landing-cover.png); } .subpage-listing li.row-start { margin-left: 0; clear: left; } .subpage-listing h3 { margin: 0; font-size: 1.4em; color: #665a4b; margin: 12px 0px 7px 0px; } .subpage-listing h3 a { color: #4E412F; } .subpage-listing h3 em { color: #928169; font-size: 0.9em; display: block; } .subpage-listing p { margin: 0; line-height: 1.2em; } #visitors-book { background: url(/Images/interface/bg/bg-divider.png) no-repeat top right; margin: auto auto; padding-top: 8px; width: 920px; } #visitors-book.flat { background-image: url(/Images/interface/bg/bg-divider-flat.png); } #visitors-book .flash-sidebar p.div { background: url(/Images/interface/bg/bg-divider.png) no-repeat bottom right; padding-bottom: 25px; margin-top:.3em; } #book { margin-top: -57px; outline: 0; } #book img { margin-top: 57px; } .flash-holder { width: 665px; height: 503px; margin-bottom: 24px; } .flash-sidebar { width: 236px; float: right; } .flash-sidebar .sidebar-links { margin-top: 30px; } .flash-sidebar .sidebar-links a { background: url(/Images/interface/ind/ind-arrow-sml-dkbrown.png) no-repeat 0 2px; display: block; padding-left: 14px; margin-top: 8px; font-size: 1.1em; font-weight: bold; line-height: 1.2em; zoom: 1; } .flash-sidebar .sidebar-links a em { display: block; } .flash-sidebar h2 { font-size: 2em; margin: 14px 0 0 0; } .form-box { background: #b2a18a; padding: 17px; margin-top: 5px; } .form-box p { font-size: 1.1em; margin: 0; padding: 3px 0 0 0; clear: both; } .form-box label { font-size: 1.4em; font-weight: bold; line-height: 1.1em; padding-bottom: 5px; display: block; } .form-box label em { display: block; font-size: 0.8em; color: #6F634C; font-weight: bold; } .form-box .error { display: block; clear: both; padding: 5px 0px 0px 10px; background: url(/Images/interface/ind/ind-arrow-sml-right-red.png) no-repeat 0 10px; color: #8b1d1b; font-size: 1.2em; display: none; } .error-full { display:block; padding:1em; color:#fff; background:#8b1d1b; margin:0 0 1em 0;} #ie6 .form-box .error { padding-left: 0; background: none; } #ie7 .form-box .error { background-position: 0 15px;} #book-search-results p { color: #fff; margin: 5px 0px 0px 0px; } #book-search-results ul { background: #FFF; border: 1px solid #a39079; overflow: auto; height: 169px; padding-top: 5px; } #book-search-results li { border: 1px solid #fff; } #book-search-results a { font-size: 1.2em; font-weight: bold; display: block; padding: 5px; margin: 0px 5px 0px 5px; } #book-search-results a:hover { background: #f6f2eb; } #portrait-wall { outline: none; } /* Listing Styles ====================================*/ #pagehead.guestbook-pagehead { background: #e6e2da url(/Images/interface/bg/bg-guestbook-pagehead.gif) repeat-x 0 5px; } #pagehead.guestbook-pagehead .wrapper { background: none;} #guestbook-btn { background: url(/Images/interface/bg/bg-guestbook-button.gif) no-repeat; width: 228px; height: 88px; padding-top: 28px; float: right; } #guestbook-btn .grad-btn { height: 60px; width: 228px; font-size: 1.1em; } #guestbook-btn .grad-btn span.btn-label { padding-top: 14px; background-position: 11px 15px } .guestbook-intro { width: 600px; } #search-guestbook { position: absolute; top: 43px; left: 506px; } #guestbook { width: 940px; margin: 25px -10px 0px -10px; padding-top: 164px; position: relative; background: url(/Images/interface/bg/bg-guestbook-head.jpg) no-repeat; } #guestbook h2 { font-size: 2.6em; position: absolute; top: 0px; left: 50px; font-family: arial, sans-serif; font-weight: normal; } #guestbook #signed { background: url(/Images/interface/bg/bg-guestbook-body.jpg) repeat-y; min-height:550px; height:auto !important; height:550px; } #guestbook table { font-size: 1.3em; margin: 0px 0px 0px 50px; width: 840px; } #guestbook table th { color: #896e47; font-size: 0.9em; font-weight: bold; padding-top:0 !important; } #guestbook table th, #guestbook table td { padding: 10px 5px 15px 5px; vertical-align: text-top; border-bottom: 1px solid #c6bfb0; line-height: 1.2em; } #guestbook table .comments { width: 420px; } #guestbook #pagination { background: url(/Images/interface/bg/bg-guestbook-foot.jpg) no-repeat; height: 101px; padding-right: 29px; } #guestbook #pagination #pages { margin: 44px 0px 0px 28px; width: 760px; display: inline; } #guestbook #pagination a.pagination-btn { margin-top: 44px; } #no-guests { background: url(/Images/interface/bg/bg-noguests-decoration.gif) no-repeat 0 4px; text-align: center; font-weight: bold; font-size: 1.2em; color: #9a9184; margin:0 0 25px 0; } /* Detail Styles =====================================*/ #heading-translation { font-size: 1.6em; margin: -23px 0px -5px 0px; } #subnav { background: #cdc5b8; padding: 12px 0px 14px 0px; margin-bottom: 12px; } #subnav ul { width: 920px; margin: auto auto; } #subnav li { width: 303px; margin: 2px 0px 0px 5px; float: left; } #subnav li.row-start { width: 303px; margin: 2px 0px 0px 0px; } #subnav a { display: block; color: #4e4130; background: url(/Images/interface/ind/ind-arrow-sml-right-red.png) no-repeat 92px 9px; cursor: pointer; overflow: hidden; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; } #subnav a:hover { text-decoration: none; color: #7a120f; } #subnav a.selected { background: #bcaf9e; text-decoration: none; color: #4e4130; } #subnav span { margin: 0; width: 198px; float: right; font-size: 1.2em; font-weight: bold; padding-top: 5px; } #subnav span strong { display: block; color: #7d6c52; } #subnav a:hover span strong { color: #7a120f; } #subnav img { float: left; } #abstract { font-size: 1.6em; color: #96896f; margin: 17px 20px 0 42px; } a.cont-jump { margin-left:42px; font-size:1.3em; } #body-text { position: relative; margin: 17px 0 0; } #body-text p, #body-text h2, #body-text h3 { margin-left: 42px; margin-right: 20px; margin-top: 0; } #body-text p { margin-bottom: 10px; } #contributed-stories-list .copy h3 { margin-bottom: -28px; } #body-text ul li { list-style-type: disc; list-style-position: outside; } #body-text ul, #body-text ol { margin: 2.3em 0 2em 62px; font-size: 1.3em; } .drop-cap { font-size: 30px; } #ie6 .drop-cap, #ie7 .drop-cap { line-height: 1; } #body-text .detail-img { background: #e6e2da; display: block; clear: both; margin-top: 2.3em; margin-bottom:1em; } #body-text p .detail-img { margin-left: -42px; display: inline; } #body-text .detail-img span.caption { display: block; font-size: 12px; font-style:italic; margin: 0; padding: 10px; } #body-text .detail-img span.caption .title { display: block; font-size: 11px; font-weight:bold; color:#96896F; font-style:normal; } #body-text .sml-detail-img { float: left; margin-right: 25px; } #body-text .sml-detail-img a { display:block; } #body-text .lrg-detail-img img { float: right; margin-left: 19px; } #body-text .lrg-detail-img span.caption { padding: 25px 19px 25px 19px; } #footnotes { margin: 31px 20px 0px 42px; border-top: 1px solid #dbd5cb; padding-top: 15px; } #footnotes li { font-size: 1.1em; line-height: 1.1em; margin-top: 5px; margin-left: 10px; } #footnotes sup { font-size: 0.7em; display: block; float: left; margin: 0 0 0 -10px; } #footnote-details { position: absolute; top: 0; left: 0; width: 210px; padding: 12px; background: #FFF; border: 1px solid #ccc; line-height: 1.2em; } #footnote-details sup { margin-right: 5px; font-size: 0.8em; } .inpage-pod { padding: 20px; margin: 18px 0px 0px 0px; } .inpage-pod p { margin-top: 10px; } .inpage-pod p.title-translation { margin: 0; color: #928169; font: italic normal bold 1.2em Arial; border-bottom: 1px solid #d2ccbf; padding-bottom: 4px; } .inpage-pod #video-options { float: right; font-style: normal; display: inline-block; width: 400px; position:relative; top: -4px; } .inpage-pod #video-options a span { font-size: 11px; background: url(/images/interface/bg/bg-plus-minus-brown.jpg) no-repeat; padding: 2px 25px 4px 0; display: block; overflow:hidden; height: 13px; float:right; margin-left: 8px; cursor: pointer; } .inpage-pod #video-options a.min span { background-position: right -38px; } .inpage-pod #video-options a.min:hover span { background-position: bottom right; } .inpage-pod #video-options a.max span { background-position: right top; } .inpage-pod #video-options a.max:hover span { background-position: right -19px; } #ie6 .inpage-pod #video-options a span, #ie7 .inpage-pod #video-options a span { line-height:1; position: relative; } .inpage-pod .grad-btn { float: right; } #video-list { background: #fdfcfb; display: none; /* hide from users with no js */ } #video-list li { width: 260px; padding: 0px 0px 0px 32px; margin-top: 12px; float: left; background: url(/Images/interface/ico/ico-video.gif) no-repeat; font-size: 1.145em; } #video-list h5 { font-size: 1.3em; color: #896e47; font-weight: normal; padding-right: 12px; line-height: 1.2em; padding-top: 5px; } #video-list h5 a { color: inherit; } #video-list a.link-arrow { font-weight: bold; background: url(/Images/interface/ind/ind-arrow-sml-brown.png) no-repeat 0 3px; padding-left: 14px; } #video-list a.link-arrow em { font-weight: normal; } #video-list .selected .link-arrow { color: #896E47; } #video-player { margin-top: 20px; height:382px; } #vplayer { height: 1px !important; } #video-player.visible { height: 382px !important; } #video-player.visible #vplayer { height: 382px !important; } #video-details { background: #4b4b4b; /*width: 470px;*/ padding: 20px; display: none; } #video-details h5 { color: #dbdbdb; font-size: 1.6em; } #video-details p { color: #dbdbdb; } #contributed-stories-list { background: #e6e2da; } #contributed-stories-list ul { margin-top: 17px; } .expand-list li { background: #f3f1ed; position: relative; margin-top: 5px; } .expand-list li a.open, .expand-list li a.close { display: none; width: 19px; height: 19px; background: url(/Images/interface/bg/bg-plus-minus.jpg) no-repeat; position: absolute; top: 17px; right: 17px; text-indent: -9999px; overflow: hidden; } .expand-list li a.close { background-position: 0 -38px; } .expand-list li a.open:hover, .expand-list li a.open-hover { background-position: 0 -19px; } .expand-list li a.close:hover, .expand-list li a.close-hover { background-position: 0 -57px; } .expand-list h5 { font-size: 1.2em; font-weight: bold; padding: 11px 26px 7px 21px; } .expand-list h5 span { text-transform: uppercase; display: block; font-size: 10px; color: #877e6d; } .expand-list h5 span.contributor { text-transform: none; display: inline; font-size: 12px; color: #4e412f; } .expand-list .copy { border-top: 1px dotted #aa9e8e; padding: 18px 26px 18px 21px; } .expand-list .copy p { margin-top: 2.3em; } .expand-list .copy img { float: left; margin: 0 18px 0 0; } #page-end { clear: both; width: 665px; text-align: right; padding: 10px 0 30px; } #page-end #back-to-top { font-size: 1.1em; font-weight: bold; background: url(/Images/interface/ind/ind-arrow-up-brown.png) no-repeat 0 3px; padding-left: 15px; } /* Forum Styles =====================================*/ /* community page ---------*/ #forum-welcome { width: 920px; margin: auto auto; padding-bottom: 30px; } #forum-welcome .col { margin-left: 20px; float: left; display: inline; } #forum-welcome #copy { width: 305px; position: relative; } #forum-welcome #copy p { margin: 0px 0px 30px 0px; } #forum-welcome #copy .generic-drop { top: -30px; left: -30px; } #forum-welcome #image { width: 300px; background: #e6e2d9; margin-bottom: 24px; } #forum-welcome #image p { margin: 0; padding: 8px 10px 8px 10px; font-size: 1.2em; font-style: italic; } #forum-welcome .grad-btn { width: 300px; margin-top: 10px; } #forum-welcome #login { width: 235px; min-height: 302px; margin-left: 40px; background: url(/Images/interface/bg/bg-forum-login-bot.png) no-repeat bottom left; } #ie6 #forum-welcome #login { height: 302px; } #forum-welcome #login .wrapper { background: url(/Images/interface/bg/bg-forum-login-top.png) no-repeat top left; padding-bottom: 22px; } #forum-welcome #login h2 { color: #FFF; font-size: 1.8em; font-weight: normal; line-height: 1em; margin: 0px 20px 20px 20px; padding: 20px 0px 15px 0px; border-bottom: 1px solid #837468; } #forum-welcome #login h2 span { font-size: 0.8em; font-style: italic; display:block; } #forum-welcome #login ul { margin: 0px 20px 0px 20px;} #forum-welcome #login #logged-in { height: 200px; } #forum-welcome #login #logged-in h2 { padding-top: 0; overflow:hidden; } #forum-welcome #login #logged-in h2 span { font-size: 1em; font-style: normal; font-weight: bold; } #forum-welcome #login #logged-in p { margin: 0px 20px 0px 20px; color: #e6e2da; padding-top: 20px; } #forum-welcome #login .grad-btn { margin: 0px 20px 0px 20px; width: 195px; } #forum-list-container .forum-listing { background: #f3f1ed; padding: 30px; margin-top: 20px; } #forum-list-container h2 { line-height: 1.2em; margin: 30px 0px 10px 0px; } #forum-list-container .forum-listing h4 { border: none; font-size: 1.4em; padding-bottom:5px !important; } #forum-list-container h2 span { display: block; font-size: 0.9em; font-style: italic; font-weight: normal; } #forum-list-container .forum-listing h4 span { margin: 0; font-size: 1em; text-transform: uppercase; color: #877e6d; display:block; font-weight:normal;} #forum-list-container .forum-listing h4 span { font-size: 0.8em; } #forum-list-container .forum-listing h4 span a { text-decoration: underline; font-weight:bold; } #forum-list-container .forum-listing p { margin: 0; } #forum-list-container .forum-listing li { border-bottom: 1px solid #e2ded6; padding-bottom: 20px; margin-bottom: 20px; } #forum-list-container .forum-listing li.last { border: none; margin-bottom: 0; padding-bottom: 0; } #login-notice h4 { font-size: 1.4em; border: none; } /* forum page ---------*/ #forum-description { margin: 0px 0px 30px 0px; } #forum-title a { color: #9A2925; } #forum-title span { font-size: 0.5em; } .topic-listing { width: 100%; font-size: 1.2em; } .topic-listing tr.alt { background: #ebe8e3; } .topic-listing th, .topic-listing td { padding: 5px 10px; } .topic-listing th { background: #e2ded6; } .topic-listing h5 { font-size: 1.2em; } .topic-listing p { font-size: 1em; } /* topic page ---------*/ #comments-listing { margin-bottom: 30px; } #comments-listing li { background: #F3F1ED; padding: 20px; margin-top: 10px; } #comments-listing li#post { background: #fff; } #comments-listing .member-badge { width: 200px; float: left; } #comments-listing .member-badge .member { font-size: 1.4em; font-weight: bold; } #comments-listing .member-badge .date {font-size: 1em; text-transform: uppercase; color: #877e6d; display: block; } #comments-listing .comment-body { width: 380px; float: left; margin: 0; } #topicForm .form-grad-button span.btn-label {font-size:1.2em;} /* Sidebar Styles =====================================*/ #print-page { background: url(/Images/interface/ico/ico-print.gif) no-repeat; display: block; padding-left: 22px; margin: 0px 0px 27px 20px; font-size: 1.1em; font-weight: bold; } #col-sidebar h5 { background: #f3f1ed url(/Images/interface/bg/bg-sidebar-pod-top.jpg) no-repeat; color: #665a4b; font-size: 1.56em; font-weight: normal; line-height: 1.1em; margin: 0; padding: 29px 17px 0 40px; } #col-sidebar .sidebar-pod { background: url(/Images/interface/bg/bg-sidebar-pod-bot.png) no-repeat bottom left; padding: 0 17px 26px 40px; } #col-sidebar .sidebar-pod p { margin: 0; } #col-sidebar .sidebar-pod p.tagline { font: italic normal bold 1.2em Arial, sans-serif; color: #96896f; border-bottom: 1px solid #e2dfda; padding-bottom: 3px; margin-bottom: 12px; } #col-sidebar .thumbnail-list li { float: left; margin: 3px 3px 0px 0px; position: relative; } #col-sidebar .thumbnail-list li.row-end { margin-right: 0; } #col-sidebar .thumbnail-list a { display: block; width: 64px; height: 64px; text-indent: -9999px; overflow: hidden; position: absolute; top: 0; left: 0; background: url(/Images/interface/bg/bg-blank.gif;) no-repeat; } #col-sidebar .thumbnail-list a:hover { background: url(/Images/interface/bg/bg-thumb-cover.gif) no-repeat; } #col-sidebar a#show-all-thumbs { background: url(/Images/interface/bg/bg-plus-minus-brown.jpg) no-repeat; display: none; height: 19px; padding: 0px 0px 0px 25px; margin: 15px 0px 0px 0px; font-size: 1.1em; font-weight: bold; } #col-sidebar a#show-all-thumbs:hover { background-position: 0 -19px; } #col-sidebar a#show-all-thumbs.close { background-position: 0 -38px; } #col-sidebar a#show-all-thumbs.close:hover { background-position: 0 -57px; } #col-sidebar .links-list {} #col-sidebar .links-list li, #col-sidebar .audio-list li { margin-top: 20px; } #col-sidebar .links-list li a, #col-sidebar .audio-list li a { clear: left; background: url(/Images/interface/ind/ind-arrow-sml-brown.png) no-repeat 0 3px; padding-left: 14px; margin-top: 5px; font-size: 1.1em; font-weight: bold; } #col-sidebar .links-list li a.clear { display: block; clear: both; } #col-sidebar .links-list h6, #col-sidebar .audio-list h6 { font-size: 1.3em; font-weight: normal; line-height: 1.2em; display:inline; } #col-sidebar .audio-list h6 { color: #896e47; background: url(/Images/interface/ico/ico-audio.gif) no-repeat; padding-left: 25px; zoom: 1; } #col-sidebar .links-list .icon { min-height: 50px; display: block; float:left; } #ie6 #col-sidebar .links-list .icon { height: 50px; } #col-sidebar .links-list h6 a { clear: none; color: #896e47; background: none; padding: 0; font-weight: normal; margin-top: 0; zoom: 1; } #col-sidebar .audio-list a { display: block; } #col-sidebar .links-list p { font-size: 1.1em; margin-top: 5px; } #col-sidebar .links-list .download .icon { background: url(/Images/interface/ico/generic.jpg) no-repeat; width: 65px; text-indent: -999em; zoom: 1; } #col-sidebar .links-list .avi .icon { background: url(/Images/interface/ico/avi.jpg) no-repeat; } #col-sidebar .links-list .doc .icon, #col-sidebar .links-list .docx .icon { background: url(/Images/interface/ico/doc.jpg) no-repeat; } #col-sidebar .links-list .dwg .icon { background: url(/Images/interface/ico/dwg.jpg) no-repeat; } #col-sidebar .links-list .mov .icon { background: url(/Images/interface/ico/mov.jpg) no-repeat; } #col-sidebar .links-list .mp3 .icon { background: url(/Images/interface/ico/mp3.jpg) no-repeat; } #col-sidebar .links-list .mpg .icon { background: url(/Images/interface/ico/mpg.jpg) no-repeat; } #col-sidebar .links-list .pdf .icon { background: url(/Images/interface/ico/pdf.jpg) no-repeat; } #col-sidebar .links-list .ppt .icon { background: url(/Images/interface/ico/ppt.jpg) no-repeat; } #col-sidebar .links-list .swf .icon { background: url(/Images/interface/ico/swf.jpg) no-repeat; } #col-sidebar .links-list .txt .icon { background: url(/Images/interface/ico/txt.jpg) no-repeat; } #col-sidebar .links-list .wav .icon { background: url(/Images/interface/ico/wav.jpg) no-repeat; } #col-sidebar .links-list .xls .icon { background: url(/Images/interface/ico/xls.jpg) no-repeat; } #col-sidebar .links-list .zip .icon { background: url(/Images/interface/ico/zip.jpg) no-repeat; } #col-sidebar .links-list .pdf-book .icon { background: url(/images/interface/ico/pdf-book.png) no-repeat; min-height: 65px; } #ie6 #col-sidebar .links-list .pdf-book .icon { height: 65px; } #promo-pods { margin-top: 29px; } #promo-pods li { width: 215; margin: 0 0 20px 40px; background: url(/Images/interface/bg/bg-promo-pods.jpg) no-repeat; } #promo-pods li a { display: block; height: 60px; text-indent: -9999px; overflow: hidden; } #ie6 #promo-pods li a, #ie7 #promo-pods li a, #ie8 #promo-pods li a { background:url(/images/interface/bg/bg-promo-pods-ie.png) top center no-repeat; } #promo-pods li p { font-size: 1.1em; font-weight: bold; line-height: 1.3em; margin:0; padding:8px 16px 10px 16px; color: #FFF; } #ie6 #promo-pods li p, #ie7 #promo-pods li p, #ie8 #promo-pods li p { background:url(/images/interface/bg/bg-promo-pods-ie.png) bottom center no-repeat; } #ie6 #promo-pods li a, #ie6 #promo-pods li p { background-image:url(/images/interface/bg/bg-promo-pods-ie.gif); } #promo-pods #the-artist-pod { background-position: -215px 0; } #promo-pods #community-pod { background-position: -430px 0; } #promo-pods #portrait-pod { background-position: -645px 0; } #audio-player { margin-top: 20px; } #audio-player, #aplayer { height: 1px; } #audio-player.visible, #audio-player.visible #aplayer { height: 42px;} #audio-details { background: #484848; padding: 5px; display: none; } #audio-details h5 { margin: 0; padding: 0; border: 0; background: none; color: #dadada; font-size: 1.1em; } #top-audio-holder { height: 1px; width: 1px; } #aplayerTop { height:1px; width: 1px; } /* Search styles =====================================*/ #search-site { background: #d9d2c7; padding: 14px; margin-top: 2.3em; } #filter { background: #d9d2c7; margin: 22px 0px 0px 0px; padding: 14px 14px 28px 14px; margin-bottom: -19px; } #search-results h5 { font-size: 1.4em; line-height: 1.2em; background: url(/Images/interface/ico/ico-search-results.jpg) no-repeat 17px 5px; padding-left: 70px; } #search-results h5 strong { font-size: 0.85em; color: #9c8b75; display: block; } #search-results h5.book { background-position: 13px -64px; } #search-results h5.artist { background-position: 13px -135px; } #search-results h5.community { background-position: 13px -200px; } #search-results .copy { padding: 14px 21px 14px 21px; } #search-results ul li { border-bottom: 1px solid #e2ded6; padding-bottom: 10px; margin-top: 14px; } #search-results ul li h6 { font-size: 1.2em; font-weight: bold; } #search-results ul li p { margin: 5px 0 0 0; line-height: 1.2em; } #search-results ul li p.date { text-transform: uppercase; font-size: 1em; color: #877e6d; font-weight: bold; } .no-of-results { float: right; font-size: 1.1em; font-weight: bold; margin: 10px 0px 0px 0px; text-align: right; } .no-of-results em { display: block; } #search-results li .no-of-results { margin: 12px 50px 0px 0px; } .view-all { background: url(/Images/interface/ind/ind-arrow-sml-brown.png) no-repeat 0 5px; display: block; padding-left: 14px; margin-top: 10px; font-size: 11px; font-weight: bold; } /* Sitemap styles ===================================*/ .sitemap { margin-top:10px; } .sitemap li { font-size:1.4em; font-weight:bold; } .sitemap li ul { margin:0 0 15px 15px; } .sitemap li li { font-size:.8em; font-weight:normal; } .sitemap li li ul { margin:0 0 5px 15px; } .sitemap li li li { font-size:1em; } /* ColorBox styles ===================================*/ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -moz-border-radius: 5px;} #cboxWrapper{background-color:#e6e2da;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{position:relative;overflow:auto;} #cboxPrint { position:absolute; left:0px; top:-30px; display:inline-block; padding-left:22px; color:#9A2925; font-weight:bold; font-size:11px; background:url(/images/interface/ico/ico-print.png) 0 2px no-repeat; } #ie6 #cboxPrint { background-image:url(/images/interface/ico/ico-print-cbox.gif); } #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} #cboxOverlay{background:#000;} #colorbox{} #cboxContent{margin:48px 0 140px;} #cboxLoadedContent{background:#e6e2da; padding:1px; padding-left: 10px; padding-right: 10px; } #cboxLoadingGraphic{background:url(/images/interface/cbox/loading.gif) center center no-repeat #e6e2da;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; border-top: 1px solid #B8B5AE; bottom: -84px; left:11px; right: 11px; color:#333; margin:0; font-size: 14px; padding: 17px 0px 0px 0px; height: 44px; } #cboxCurrent{position:absolute; right:100px; text-indent:0px; font-size: 1.3em; color:#666; bottom: -16px; } #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:18px; height:30px; position:absolute; background:url(/images/interface/cbox/controls.png) 0 0 no-repeat;} #cboxClose { width: 150px; color: #9a2925; font-family: "helvetica, arial"; font-size: 1.1em; height: auto; } #cboxPrevious, #cboxNext { height: 28px; width: 26px; bottom:-18px; } #cboxPrevious{background-position:-18px 0px; right: 40px;} #cboxPrevious.hover{background-position:-18px 0px;} #cboxNext{background-position:-44px 0px; right:10px;} #cboxNext.hover{/*background-position:44px 0px;*/} #cboxClose{background-position:0px 0px; top:-36px; right:8px; background: none;} #cboxClose.hover{background-position:0px 0px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;} #cboxCloseLeft { float:left; white-space: nowrap; width: 120px; line-height: 1.1em; overflow: visible; font-family:Arial, Helvetica; } #cboxCloseLeft span { float:left; text-align:right; width: 100%; } #cboxCloseRight { float:left; width: 18px; height: 17px; background:url(/images/interface/cbox/controls.png) 0 0 no-repeat; margin-left: 10px; margin-top: 1px; } #cboxClose {font-family: "arial, Sans-Serif, verdana";} /* ColorBox styles END ===============================*/