/* (c) 2008 Bam Creative Title : style.css Author : Graeme Haynes @ Bam Creative Description : Stylesheet */ /* GLOBAL SETTINGS------------------------------------- GLOBAL SETTINGS */ html { height: 100%; } body { font-family: Verdana, sans-serif; font-size: 0.75em; /* MASTER font-size controller */ color: #515050; /* MASTER text colour controller */ height: 100%; } /*-- this controls the tinymce area --*/ .mceContentBody { background-image: none; background-color: #fff; } /* LINKS -------------------------------------------------------- LINKS */ a { color: #4c5db4; text-decoration: none; } a:hover { text-decoration: underline; } /* HEADINGS -------------------------------------------------- HEADINGS */ h1, h2, h3, h4, h5, h6 { font-family: 'Century Gothic', verdana, sans-serif; font-weight: normal; margin: 0; padding: 0; padding-bottom: 0.4em; } h1 { color: #121e5c; font-size: 1.95em; line-height: 1.2em; } #searchbox h1 { color: #fff; font-size: 1.95em; line-height: 1.2em; margin-left:50px; margin-bottom:10px; padding-top:10px; } h2 { color: #121e5c; font-size: 1.5em; line-height: 1.3em; } h3 { color: #010000; font-size: 1.3em; line-height: 1.2em; } h4 { font-size: 1.1em; line-height: 1.2em; font-weight: bold; padding-bottom: 0.3em; } h5 { font-size: 1em; line-height: 1.3em; font-weight: bold; padding-bottom: 0.2em; } h6 { font-size: 0.9em; line-height: 1.3em; font-weight: bold; padding-bottom: 0.2em; } /* PARAGRAPHS ---------------------------------------------- PARAGRAPHS */ p { font-size: 100%; line-height: 1.4em; padding: 0 0 1.25em 0; } /* LISTS -------------------------------------------------------- LISTS */ ul, ol { padding:0 0 1.25em 2.5em; } #content li, body#tinymce li { font-size: 100%; line-height: 1.6em; } #content ul li, body#tinymce ul li { list-style:circle; } /*-- nested lists --*/ #content ul ul, body#tinymce ul ul { padding: 0 0 0 1.5em; } #content ol ol, body#tinymce ol ol { padding: 0 0 0 1.5em; } /* LAYOUT ------------------------------------------------------ LAYOUT */ #wrapper { margin: 0 auto 0 auto; background: url(../art/body-bg.jpg) repeat-x; height: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -160px 0; /* negative value must be the same height as footer (for stickyness) */ } .push { height:160px; } #lights { background: url(../art/wrapper-bg.jpg) top center no-repeat; } #search { height: 410px; background: #483930; width: 100%; border-bottom: 4px solid #7b7168; position:relative; overflow:hidden; } #searchbox { width: 590px; position: relative; margin: 0 auto; } #container { width:900px; margin: 0 auto; } #header { width: 576px; height: 225px; margin: 0px auto 0 auto; padding-top: 30px; text-align: center; } #header p { font-size: 0.95em; } .details { margin: 5px 0 0 0; } a#close { position:absolute; left:350px; top:345px; height:33px; width:55px; } a#close2 { position:absolute; left:490px; top:65px; height:33px; width:55px; } #easel { width: 691px; height: 572px; background: url(../art/easel.png); margin: 4px 0 0px 114px; position: relative; } #slideshow { width: 293px; height: 323px; position: absolute; top: 29px; left: 189px; } .logo { margin-top:11px; } .thumbnail { /*padding:29px 0 0 188px;*/ } #content { width: 553px; margin: -50px auto 30px auto; padding: 0px 0 0 0; clear: left; position:relative; } #content2 { width: 553px; margin: 0px auto 30px auto; padding: 20px; clear: left; position:relative; background:#fff; border:5px solid #efefef; } #page-content { /* all bamCMS content goes inside here: shouldn't need styling really */ } #footer { height:160px; margin: 0 auto; background: url(../art/footer.jpg) repeat-x #e1dfdd; } #footer-content { font-size: 0.95em; width: 553px; margin: 0 auto; padding: 85px 0 0 0; color: #515050; text-align: center; } #footer-content p { line-height: 1.8em; } .copyright { float: left; } .credits { float: right; } /* TABLES ------------------------------------------------------ TABLES */ /* MISC --------------------------------------------------------- MISC */ hr { background:#d1d0d0;/*NS FF OP */ color:#d1d0d0;/*IE*/ background:#D7D7D7;/*NS FF OP */ color:#D7D7D7;/*IE*/ border:none;/*FF NS OP*/ height:1px;/*FF NS OP*/ width: 100%; margin-bottom:20px; clear:both; } /* FORMS -------------------------------------------------------- FORMS */ form.pagecontentform fieldset { border: 0; position: relative; width: 510px; padding: 10px 0; margin: 0 0 10px 30px; width: 510px; overflow: hidden; } form.pagecontentform fieldset.submit { background: none; } form.pagecontentform fieldset ol { margin: 0; padding: 0; } form.pagecontentform fieldset li { float: left; margin: 0 0 7px 20px; display: inline; padding: 0; } form.pagecontentform fieldset legend { position: absolute; top: -20px; text-indent: -9999px; display: none; } form.pagecontentform input, form.pagecontentform textarea { color: #333; font-family: Arial, sans-serif; border: #7b7168 2px solid; float: left; padding: 5px; width: 300px; margin: 0; position: relative; display: block; margin-bottom:4px; } form.pagecontentform textarea { width:450px; } form.pagecontentform button.submit { border: 0; background: url(/art/submitbtn.gif) 0 0; width: 92px; height: 33px; display: block; float:right; cursor: pointer; text-indent: -9999px; position:absolute; left:418px; top:345px; } form.pagecontentform button.submit:hover { background: url(/art/submitbtn.gif) 0 -33px; } form.pagecontentform button.submit:active { background: url(/art/submitbtn.gif) 0 -66px; } form.pagecontentform input { background: url(/art/inputbg.gif) repeat-x #f0f0f0; font-size: 12px; } form.pagecontentform label { padding:0 0 5px 0; float: left; display: block; color: #fff; width:150px; } form.pagecontentform textarea { background: url(/art/textareabg.gif) repeat-x #f0f0f0; font-size: 12px; } form.pagecontentform fieldset .checkboxinput input { float: left; width: auto; margin: 3px 5px; } /* CUSTOM CLASSES -------------------------------------- CUSTOM CLASSES */ .clear { clear: both; } #confirm-message { color:#FFFFFF; font-weight:bold; padding-left:50px; } /* LIGHTBOX -------------------------------------------------- LIGHTBOX */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none; } #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; /* zoom: 1; Removed for validation GH */ display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }