/* ----------------------------------------------- Bella Kalolo - - - - - - - - - - - - - - - - - - - - - - - - Description: Base Setup Styles Filename: bella.base.css Author: Catch Design Limited (www.catchdesign.co.nz) Date: 1 January 2008 Updated: 1 January 2008 Version: v.0.0 ----------------------------------------------- */ /* GLOBAL - Clearfix - Generic - Typography - Forms - Lists - Tables STRUCTURE - Masthead - Content - Footer - Primary Nav - Secondary Nav DETAIL - Articles - **GUYS, this is where anything from Graphical headers, to section specific styles can go** PLUGINS - **Plugin specific styles here** */ /* =GLOBAL ----------------------------------------------- */ body { background:#000 url(../img/bg_bella_tokyo.jpg) no-repeat top right; font: 63.7%/1.4 Arial, Helvetica, sans-serif; color:#000; text-align:right; } /* =Clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* =Generic */ a { color: #b52100; text-decoration:underline; } a:hover { text-decoration: none; } a img { border: none !important; } .hide { text-indent:-9999em; outline: none; } .alignright { float:right; } .alignleft { float:left; } img.alignright { padding:0; margin:0; } img.alignleft { padding:0; margin:0; } br.clear{clear:both;} img.floatright{float:right;clear:both;margin:0 0 10px 10px;} /* =Typography */ p { font-size:1.2em;color:#fff;margin-bottom:20px;} small {} strong {} em {} .blur{color:#ccc;} h1 {background:transparent url(../img/bg_bella_kalolo_logo.png) no-repeat top left;width:562px;height:176px;display:block;outline: none; position:absolute;top:450px;right:20px;float:right; text-indent:-999em;} h1.inside {background:transparent url(../img/bg_bella_kalolo_logo_inside.png) no-repeat top right;width:481px;height:151px;display:block;outline: none; cursor:pointer; position:absolute;top:465px;right:20px;float:right; text-indent:-999em;} h2 {font-size:2.6em;color:#c82500;font-weight:normal;margin-bottom:5px;} h2 a {color:#c82500;} h3 {font-size:1.4em;color:#E52800;font-weight:normal;margin-bottom:5px;letter-spacing:1px;text-transform:uppercase;} h4 {} h5 {} /* =Forms */ fieldset {} fieldset legend {} label {display:none;} input {font-size:1.2em; color:#fff;font-weight:normal;} input.textbox {border: 1px solid #5d1400; background:#131212;padding:4px 6px 4px 6px;width:115px;float:left;margin-right:5px;} input.radio {} input.checkbox {} input.signup {width:28px;height:24px;} textarea {} select {} /* =Lists */ ul { list-style: disc; font-size:1.2em;} ol {font-size:1.2em;} li {color:#fff;} /* =Tables */ table {} td {} /* =STRUCTURE ----------------------------------------------- */ .wrap {width:980px;text-align:left;float:right;} #container{width:980px;} .col1 {width:530px;float:right;} .col2 {width:299px;float:left;padding-top:144px;} .wide {width:430px;padding-top:45px} /* Masthead */ /* Content */ .panel{background: transparent url(../img/bg_panel.png) top left;padding:15px;margin-bottom:10px;min-height:545px;} /* for Internet Explorer */ /*\*/ * html div.panel {height: 545px !important;} /**/ .navigation {font-size:1.2em;padding:0 15px;} p.meta{color:#999;font-size:1.2em;margin-bottom:7px;background:#000;} p.meta a{color:#999;} /* Footer */ div.footer{margin:35px 0;display:block;height:50px;text-indent:0;width:980px;} #logo_catch {background:transparent url(../img/logo_catch.png) no-repeat scroll 0pt;display:block;float:left;height:14px;width:88px;text-indent:-999em;} #copyright{float:right;width:413px;color:#f7f6f6;font-size:1.1em;padding-right:15px;} /* Primary Nav */ ul#primary_nav{width:159px;float:right;margin-top:45px;} ul#primary_nav li{height:37px;float:right;} ul#primary_nav li a{background:url(../img/primary_nav.png) repeat-x top left;height:37px;text-indent:-999em; cursor:pointer;outline:none;display:block;text-indent:-999em;} ul#primary_nav li.page-item-26 a{width:99px;height:37px;display:block;background-position:-2px 0;} ul#primary_nav li.page-item-26 a:hover{height:37px;display:block;background-position:-2px -37px;} ul#primary_nav li.page-item-26.current_page_item a{height:37px;display:block;background-position:-2px -37px !important;;} ul#primary_nav li.page-item-3 a{width:159px;height:37px;display:block;background-position:-103px 0;} ul#primary_nav li.page-item-3 a:hover{height:37px;display:block;background-position:-103px -37px;} ul#primary_nav li.page-item-3.current_page_item a {height:37px;display:block;background-position:-103px -37px !important;} ul#primary_nav li.page-item-6 a{width:95px;height:37px;display:block;background-position:-267px 0;} ul#primary_nav li.page-item-6 a:hover{height:37px;display:block;background-position:-267px -37px;} ul#primary_nav li.page-item-6.current_page_item a{height:37px;display:block;background-position:-267px -37px !important;} ul#primary_nav li.page-item-7 a{width:111px;height:37px;display:block;background-position:-362px 0;} ul#primary_nav li.page-item-7 a:hover{height:37px;display:block;background-position:-362px -37px;} ul#primary_nav li.page-item-7.current_page_item a{height:37px;display:block;background-position:-362px -37px !important;} ul#primary_nav li.page-item-10 a{width:117px;height:37px;display:block;background-position:-474px 0;} ul#primary_nav li.page-item-10 a:hover{height:37px;display:block;background-position:-474px -37px;} ul#primary_nav li.page-item-10.current_page_item a{height:37px;display:block;background-position:-474px -37px !important;} ul#primary_nav li.page-item-11 a{width:131px;height:37px;display:block;background-position:-586px 0;} ul#primary_nav li.page-item-11 a:hover{height:37px;display:block;background-position:-586px -37px;} ul#primary_nav li.page-item-11.current_page_item a{height:37px;display:block;background-position:-586px -37px !important;} /* Secondary Nav */ /* =DETAIL ----------------------------------------------- */ /* Audioplayer */ #audioplayer{background:#962609;padding:4px;margin-bottom:25px;} #audioplayer ul{float:left; color:#fff;} #audioplayer ul li.title{font-size:1.2em;font-weight:bold;} #audioplayer ul li.artist{font-size:1em;} #audioplayer ul li.link{font-size:1em;} #audioplayer ul li.link a{color:#fff;} #audioplayer img.thumb{float:left;margin-right:10px;} #flashplayer{margin-top:4px;} /* Latest News */ #latest_news{width:299px;color:#fff;margin-bottom:25px;background:url(../img/bg_news.png) no-repeat bottom left} #latest_news dt{border-top:1px solid #e52800;width:42px;float:left;padding:10px 0;font-size:1.1em;font-weight:bold;} #latest_news dd{border-top:1px solid #5d1400;width:237px;float:right;padding:10px; font-size:1.1em;} #latest_news a{color:#fff;text-decoration:none;} #latest_news a:hover{text-decoration:underline;} /* =PLUGINS ----------------------------------------------- */