/* (c) 2008 Bam Creative Title : style.css Author : Bam Creative Description : Stylesheet */ /* GLOBAL SETTINGS------------------------------------- GLOBAL SETTINGS */ html { } body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.80em; /* MASTER font-size controller */ color: #2f3032; /* MASTER text colour controller */ background: #000 url(/art/bgrep2.gif) center repeat-Y; padding:0 0 0 0; margin:0px; } #wrap{ padding:220px 0 0 0px; margin:0px; background:url(/art/headbg.jpg) top no-repeat; } /*-- this controls the tinymce area --*/ .mceContentBody { background-image: none; background-color: #fff; } /* LINKS -------------------------------------------------------- LINKS */ a { color:#136e34; text-decoration: underline; } a:hover { color:#136e34; text-decoration:none; } /* HEADINGS -------------------------------------------------- HEADINGS */ h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; padding: 0; padding-bottom: 0.3em; color:#136e34; } h1 { font-size: 1.7em; color:#000; } h2 { font-size: 1.3em; font-weight: normal; padding-top:0.4em; } h3 { font-size: 1.5em; font-weight: normal; padding-top:0.5em; } h4 { font-size: 1.5em; font-weight: normal; padding-bottom: 0.3em; padding-top:0.5em; } h5 { font-size: 1.5em; font-weight: normal; padding-bottom: 0.2em; padding-top:0.5em; } h6 { font-size: 1.5em; font-weight: normal; padding-bottom: 0.2em; padding-top:0.5em; } /* PARAGRAPHS ---------------------------------------------- PARAGRAPHS */ p { font-size: 100%; line-height: 1.4em; padding: 0 0 1.25em 0; } #page-content img { border:1px solid #000; } /* 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-image:url(/art/bullet.gif); } /*-- 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 */ .logo{ position:absolute; top:-160px; left:15px; z-index:1000; } .topshadow{ position:absolute; top:-204px; left:-88px; z-index:1; } #container { width:865px; margin: 0px auto 0px auto; position: relative; background: url(/art/contentbg.png) repeat-Y; } #header { height:198px; margin-left:35px; width:795px; } #content { width:743px; margin:28px auto 0px auto; padding:0 0 20px 0; } #page-content { /* all bamCMS content goes inside here: shouldn't need styling really */ } #footer { width:793px; height:40px; margin:0 auto 40px auto; padding:11px 0px 0px 0px; color:#FFFFFF; background:url(/art/footer.png) no-repeat; font-size:0.8em; } #footer a{ color:#198440; text-decoration:none; } #footer a:hover{ color:#198440; text-decoration:underline; } .copyright { margin-left:12px; float: left; } .credits { float: right; margin-right:12px; } /* TABLES ------------------------------------------------------ TABLES */ /*-- data table --*/ table.custom-data-table { border: 1px solid #ccc; border-bottom: none; border-right: none; width: 100%; } table.custom-data-table th, table.custom-data-table td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px; text-align: center; line-height: normal; } table.custom-data-table th{ background-color: #eee; font-size: 12px; font-weight: bold; height: 23px; color: #666; line-height: normal; } table.custom-data-table td { color: #676767; font-size: 12px; text-align: left; } table.custom-data-table td.right { text-align: right; } /* MISC --------------------------------------------------------- MISC */ hr { background:#D8D8D8; border: none; color:#D8D8D8; height:2px; margin-bottom:20px; width:100%; } /* FORMS -------------------------------------------------------- FORMS */ /* No generic form styling shall be applied here as it causes too many problems with Bamcms admin area. Instead, use classes or ids on forms to style. For more information refer to the CSS and XHTML Best Practices Manual */ form.pagecontentform fieldset { border: 0; position: relative; width: 470px; background: #eee; padding: 10px 0; margin: 0 0 10px 0px; border-top: #ddd 1px solid; border-right: #ddd 1px solid; border-left: #ddd 1px solid; border-bottom: #ddd 1px solid; padding-top:20px; 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 13px 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: #c6c6c6 1px solid; float: left; padding: 5px; width: 450px; margin: 0; position: relative; display: block; } form.pagecontentform fieldset.submit button { border: 0; background: url(/art/submitbtn.gif) 0 0; width: 92px; height: 33px; display: block; float: right; cursor: pointer; text-indent: -9999px; outline:none; } form.pagecontentform fieldset.submit button:hover { background: url(/art/submitbtn.gif) 0 -33px; outline:none; } form.pagecontentform fieldset.submit button:active { background: url(/art/submitbtn.gif) 0 -66px; outline:none; } 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; } 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; } .custom-tablespec { vertical-align:top; padding:0px; margin:0px; } .custom-tablespec td{ vertical-align:top; padding:0px 60px 0 0; margin:0px; width:400px; } .custom-image-top{ padding:0; border:1px solid #000; display:block; margin:33px 0 15px 20px; } .custom-image-bottom{ border:1px solid #000; display:block; padding:0px; margin:10px 0 15px 20px; } table{ font-size:1em; } /* Any classes that start with the "custom-" prefix will automatically be made available in the TinyMCE Styles drop down menu. For example: .custom-red-text { color: #F00; } */