/* (c) 2008 Bam Creative Title : style.css Author : Bam Creative Description : Stylesheet */ /* GLOBAL SETTINGS------------------------------------- GLOBAL SETTINGS */ a.news{ background:url(../art/news-btn.gif) no-repeat top; width:84px; height:23px; display:block; text-indent:-9999em; position:absolute; top:5px; left:194px; } a.news:hover{ background-position:bottom; } .twtr-ft a img{ display:none; } .twtr-hd{ display:none; } .twtr-tweet-text{ margin-top:8px; margin-bottom:8px; } a.facebook{ background:url(../art/facebook.gif) no-repeat top; width:137px; height:37px; display:block; text-indent:-9999em; position:absolute; top:70px; left:724px; } a.facebook:hover{ background-position:bottom; } .twitter-feed-con{ width:280px; float:right; margin-right:45px; position:relative; margin-top:30px; } .twitter-bird{ position:absolute; top:0px; left:140px; } .twtr-widget .twtr-tweet-wrap { overflow: hidden; padding: 6px 0; } .twitter-feed-con h2{ font-size:1.6em; margin-left:5px; padding-bottom:8px; } .latest-tweet{ padding:0 8px; } .latest-tweet ul{ margin:0; padding-left:15px; overflow:hidden; } .latest-tweet li{ padding-top:12px; } .latest-tweet ul li{ list-style-image:url(../art/bullet.gif); } html { } body { font-family: Arial, Helvetica, sans-serif; font-size: 0.85em; /* MASTER font-size controller */ color: #666; /* MASTER text colour controller */ background-color:#fcf9f0; } #wrap { background:url(../art/header.jpg) no-repeat top center; } #wrap-sub { background:url(../art/header-sub.jpg) no-repeat top center; } #bg { background:url(../art/bodybg.gif) repeat-y center; background-color:#fff; } .ilogo{ position:absolute; top:50px; left:58px; } .ilogo-sub{ position:absolute; top:30px; left:52px; } #header p{ position:absolute; top:90px; color:#919295; left:600px; font-family:Georgia, "Times New Roman", Times, serif; font-size:2.2em; line-height:1.2em; letter-spacing:-1px; } #header p span{ color:#006595; font-weight:bold; } #header p span.alt{ font-size:1.3em; color:#919295; letter-spacing:0px; font-weight:normal; } #wrap-sub #header p{ position:absolute; top:75px; color:#919295; left:600px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.8em; line-height:1.2em; letter-spacing:-1px; } /*-- this controls the tinymce area --*/ .mceContentBody { background-image: none; background-color: #fff; } /* LINKS -------------------------------------------------------- LINKS */ a { color:#0093ba; text-decoration:none; } a:hover { text-decoration: underline; } /* HEADINGS -------------------------------------------------- HEADINGS */ h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; padding: 0; padding-bottom: 0.2em; } h2, h3, h4, h5, h6 { padding-top: 0.2em; } h1 { font-size: 1.9em; line-height: 1.2em; color:#FFF; padding-bottom:40px; } h2 { font-size: 1.8em; font-weight: 600; color:#0093ba; } h3 { font-size: 1.4em; font-weight: 600; color:#8f8f92; } h4 { font-size: 1.3em; font-weight: bold; padding-bottom: 0.3em; color:#0093ba; } h5 { font-size: 1.2em; font-weight: bold; padding-bottom: 0.2em; } h6 { font-size: 1em; font-weight: bold; padding-bottom: 0.2em; color:#0093ba; } /* PARAGRAPHS ---------------------------------------------- PARAGRAPHS */ p { font-size: 100%; line-height: 1.4em; padding: 0 0 1.7em 0; } /* LISTS -------------------------------------------------------- LISTS */ ul, ol { padding:0 0 1.25em 2.5em; } body#tinymce h1{ color:#0093ba; } #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 */ #container { margin: 0 auto; position: relative; } #header { width:963px; height:386px; margin:0 auto; position:relative; z-index:100000; } #wrap-sub #header { width:963px; height:274px; margin:0 auto; position:relative; z-index:100000; } #contentwrap { background:url(../art/newstop.gif) top right no-repeat; width:963px; margin:0 auto; position:relative; } #content { width:550px; margin-left:38px; padding-top:14px; float:left; position:relative; } #page-content { /* all bamCMS content goes inside here: shouldn't need styling really */ } #footer { height:212px; margin:0 auto; font-size:0.9em; background:url(../art/footerrpt.gif) repeat-x; } #footer-inner { width:983px; height:212px; margin:0 auto; background:url(../art/footer.gif) no-repeat; position:relative; } .copyright { float: left; margin-left:47px; margin-top:80px; } .credits { float: right; } /* TABLES ------------------------------------------------------ TABLES */ /*-- data table --*/ table.custom-data-table { border: 1px solid #ccc; border-bottom: none; border-right: none; width: 100%; border-collapse:collapse; } 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: #ccc;/*NS FF OP */ color: #ccc;/*IE*/ border: none;/*FF NS OP*/ height: 1px;/*FF NS OP*/ 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; width: 510px; background: #fcf9f0; margin: 10px 0 10px 0px; border-top: none; width: 510px; padding: 14px 0; overflow: hidden; float: left; display: inline; border:1px solid #e6e2d9; } form.pagecontentform fieldset.submit { border:none; } form.pagecontentform fieldset.submit { background: none; } form.pagecontentform fieldset ol { margin: 0; padding: 0; } form.pagecontentform fieldset li { float: left; margin: 0 10px 7px 20px; display: inline; padding: 0; } form.pagecontentform fieldset legend { position:absolute; display:none; } form.pagecontentform fieldset fieldset { margin: 0; padding: 0; border: 0; width: 450px; } form.pagecontentform fieldset fieldset ol { margin: 0; padding: 0; } form.pagecontentform fieldset fieldset ol li { margin: 10px; width: 400px; float: left; } li.radioinput ol { width: auto; margin: 10px 0; } li.radioinput fieldset input { width: auto; } li.radioinput label, li.checkboxinput label { width: auto !important; float: left; display:inline; margin: 0 0 0 10px; padding:0px; line-height: 1.2em } form.pagecontentform input, form.pagecontentform textarea { color: #333; font-family: Arial, sans-serif; border: #c6c6c6 1px solid; float: left; padding: 6px; width: 450px; margin: 0; position: relative; display: block; } form.pagecontentform fieldset.submit button { border: 0; background: url(/art/submitbtn.gif) 0 0; width: 99px; height: 35px; display: block; float: right; cursor: pointer; text-indent: -9999px; } form.pagecontentform fieldset.submit button:hover { background: url(/art/submitbtn.gif) -99px 0px; } form.pagecontentform input { background: url(/art/inputbg.gif) repeat-x #f0f0f0; font-size: 12px; } form.pagecontentform label { padding:8px 0 2px 0; float: left; display: block; width: 100%; } 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; } .alert { color:#0093ba; } /* ARTICLES MODULE------------------------------------------ ARTICLES MODULE */ div.news-box { width: 302px; float: right; position:relative; margin-right:32px; margin-top:16px; } div.news-box h3{ margin-left:26px; font-size:1.9em; padding-top:8px; padding-bottom:5px; } img.news-thumb { float: left; padding: 4px; border: 1px solid #eee; margin: 0 8px 8px 0; } div.news-item { background:url(../art/newslinebg.gif) bottom repeat-x; margin-bottom: 0px; padding:20px 30px 0px 26px; } div.news-item h3 a { text-decoration: none; color:#8f8f92; } div.news-item h5 { font-size:1.4em; padding-top:5px; } div.article-category-heading { border-bottom: 1px dashed #ccc; margin-bottom: 20px; } div.article-thumbnail { float: left; margin: 0 9px 9px 0; } div.article-thumbnail img { border: 1px solid #eee; padding: 4px; } div.articles-paginator { background-color: #f1f1f1; padding: 3px 8px; border: 1px solid #ddd; width: auto; clear: both; margin-bottom: 10px; } div.article-listing { border-bottom: 1px dashed #ccc; padding-bottom: 8px; margin-bottom: 10px; } div.article-short-content { float: left; width: 480px; } div.articles-paginator p { padding: 0; } p.article-date { font-size: 90%; color: #999; padding-bottom: 0.8em; } div.article-image { float: right; margin: 0 0 10px 10px; } div.article-image img { border: 1px solid #eee; padding: 8px; } .rss{ position:absolute; top:-3px; left:240px; width:38px; height:55px; } /* CUSTOM CLASSES -------------------------------------- CUSTOM CLASSES */ .clear { clear: both; } /* 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; } */ #footer span { padding:0 5px 0 5px; } a.footerlogo{ position:absolute; top:22px; left:752px; width:76px; display:block; height:92px; }