/********************************************************************************************** Main Sections in CSS: 1. BASIC ELEMENTS Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. 2. LAYOUT Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site 3. PAGE COMMON STYLES Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc 4. PAGE SPECIFIC STYLES Define content styles that are specific to a particular page ***********************************************************************************************/ /* import core styles */ @import url(base.css); /*------------------------------------------ // 1.BASIC ELEMENTS // Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. //------------------------------------------*/ /*------- // Globals //-----*/ body{font-family:Arial, Helvetica, sans-serif; background:#f5f5e9; color:#555555;} h1,h2,h3,h4,h5{line-height:1.5em;} p{line-height:1.2em;} /*------- // Page Layout //-----*/ /*-----Container-----*/ div#container{min-width:1000px;} /*-----Wrapper-----*/ div.wrapper{width:920px; margin:0px auto;} /*-----Header-----*/ div#header {height:107px; background:transparent url(../images/header/header_bg.gif) left top repeat-x;} /*-----Banner-----*/ div#banner{background:transparent url(../images/header/banner_bg.gif) left top repeat-x; height:155px;} /*-----footer-----*/ div#footer{background:#A2A290 url(../images/content/footer_bg.gif) left top repeat-x; padding:25px 0px;} /*------- // common page content //-------*/ /*-----Header-----*/ div#header div.wrapper{ overflow:visible; position:relative; } div#header h1 a{display:block; background:transparent url(../images/header/business_development_centre_logo.jpg) left bottom no-repeat; width:168px; height:193px; position:absolute;} div#header div#navigation div.top_navigation{margin-right:10px;} div#header div#navigation div.top_navigation ul li { display:block; float:left; line-height:26px; font-weight:bold; background:#9cb45f;} div#header div#navigation div.top_navigation ul li a { color:#FFFFFF; margin:0px 11px; text-decoration:none; display:block; } div#header div#navigation div.top_navigation ul li a:hover { text-decoration:underline; } div#header div#navigation div.top_navigation ul li.active { background:#687F2F; } div#header div#navigation div.top_navigation ul li.active a:hover { text-decoration:none; } div#header div#navigation div.top_navigation ul li.pipe{background: transparent url(../images/header/pipe.gif) left top no-repeat; width:2px; height:26px; } div#header div#navigation div.main_navigation{clear:both; margin-right:10px;} div#header div#navigation div.main_navigation ul{padding:32px 0px 0px 0px;} div#header div#navigation div.main_navigation ul li{display:block; float:left;} div#header div#navigation div.main_navigation ul li a{ padding:10px 0px; display:block; float:left; height:18px; margin-left:4px;} div#header div#navigation div.main_navigation ul li a:hover, div#header div#navigation div.main_navigation ul li.active a{ border-bottom:solid 9px #b1cd6a;} div#header div#navigation div.main_navigation ul li a.home{background:transparent url(../images/content/home.gif) left center no-repeat; width:52px;} div#header div#navigation div.main_navigation ul li a.about{background:transparent url(../images/content/about_us.gif) left center no-repeat; width:71px;} div#header div#navigation div.main_navigation ul li a.incubator{background:transparent url(../images/content/business_incubator.gif) left center no-repeat; width:138px;} div#header div#navigation div.main_navigation ul li a.counseling{background:transparent url(../images/content/business_counseling.gif) left center no-repeat; width:143px;} div#header div#navigation div.main_navigation ul li a.financing{background:transparent url(../images/content/financing.gif) left center no-repeat; width:77px;} div#header div#navigation div.main_navigation ul li a.training{background:transparent url(../images/content/training&events.gif) left center no-repeat; width:121px;} div#header div#navigation div.main_navigation ul li a.blog{background:transparent url(../images/content/blog.gif) left center no-repeat; width:42px;} div#header div#navigation div.main_navigation ul li.active a.home, div#header div#navigation div.main_navigation ul li a.home:hover{background:transparent url(../images/content/active_home.gif) left center no-repeat; width:52px;} div#header div#navigation div.main_navigation ul li.active a.about, div#header div#navigation div.main_navigation ul li a.about:hover{background:transparent url(../images/content/active_about.gif) left center no-repeat; width:71px;} div#header div#navigation div.main_navigation ul li.active a.incubator, div#header div#navigation div.main_navigation ul li a.incubator:hover{background:transparent url(../images/content/active_incubator.gif) left center no-repeat; width:138px;} div#header div#navigation div.main_navigation ul li.active a.counseling, div#header div#navigation div.main_navigation ul li a.counseling:hover{background:transparent url(../images/content/active_counselling.gif) left center no-repeat; width:143px;} div#header div#navigation div.main_navigation ul li.active a.financing, div#header div#navigation div.main_navigation ul li a.financing:hover{background:transparent url(../images/content/active_financing.gif) left center no-repeat; width:77px;} div#header div#navigation div.main_navigation ul li.active a.training, div#header div#navigation div.main_navigation ul li a.training:hover{background:transparent url(../images/content/active_training.gif) left center no-repeat; width:121px;} div#header div#navigation div.main_navigation ul li.active a.blog, div#header div#navigation div.main_navigation ul li a.blog:hover{background:transparent url(../images/content/active_blog.gif) left center no-repeat; width:42px;} /*-----Content-----*/ div#content div.wrapper{background:transparent url(../images/content/content_bg.gif) left top no-repeat; margin-top:-54px; padding-top:22px;} /*----- Main - Socialable -----*/ div#main div#socialable { background:#cbcbbd; padding:5px; width:616px; overflow:hidden; } div#main div#socialable div.frame{ background:url(../images/content/frame.gif) left top no-repeat; width:32px; height:32px; float:left; margin-right:6px; padding:5px; } div#content div#main div#socialable p{ font-size:140%; float:left; margin:10px 0px 0px 10px; color:#878787; } /*----- Main - Slideshow -----*/ div#main div#slideshow{ background:#e8e8dd url(../images/content/slideshow-bg.gif) left top no-repeat; width:606px; overflow:hidden; padding:10px; margin-bottom:20px; } div#content div#main div#slideshow h2{ margin-top:0px; border-bottom:1px solid #cacabc; padding-bottom:5px; } div#main div#slideshow h2 span.controls{ float:right; display:block; } div#main div#slideshow h2 span.controls a{ background:url(../images/content/control-bg.gif) left top no-repeat; display:block; float:left; margin-right:4px; width:23px; height:20px; line-height:20px; text-align:center; color:#4b4b4b; display:block; text-decoration:none; } div#main div#slideshow h2 div.controls a:hover{ text-decoration:none; } div#content div#main div#slideshow div.slide p{ margin-bottom:12px; font-size:110%; color:#444; line-height:18px; } div#content div.sidebar_bg{background:transparent url(../images/content/content_right_bg.gif) right top repeat-y; margin:0px 10px; padding:28px 25px 0px 28px; width:847px; position:relative; } /*-----Content - left-----*/ div#content div.sidebar_bg div#main{width:626px;} div#content div.sidebar_bg div#main div.content_banner{border:solid 7px #e8e8dd; margin-bottom:18px; } div#content div.sidebar_bg div#main h1{ font-size:240%; font-family:Georgia, "Times New Roman", Times, serif; color:#b69329; margin-bottom:7px; background:url(../images/content/border-double.gif) left bottom repeat-x; padding-bottom:10px; } div#content div.sidebar_bg div#main h2{ font-size:180%; font-family:Georgia, "Times New Roman", Times, serif; color:#b69329; margin-bottom:7px; } div#content div.sidebar_bg div#main p{font-size:130%; color:#444444; line-height:1.4em; margin-bottom:25px;} div#content div.sidebar_bg div#main ul li { font-size:130%; color:#444444; list-style-type:disc; margin:10px 0 10px 14px ; line-height:15px; } div#content div.sidebar_bg div#main ul,ol { margin-bottom:25px; } div#content div.sidebar_bg div#main ol li { font-size:130%; color:#444444; list-style-type:decimal; margin:10px 0 10px 20px ; line-height:15px; } div#content div.sidebar_bg p a{color:#748940; text-decoration:underline;} div#content div.sidebar_bg div#main p a:hover{color:#B69329;} /*-----Content - right-----*/ div#content div#sidebar{width:204px; height:100%;} div#content div#sidebar div.signup {background:transparent url(../images/content/signup_bg.gif) left top no-repeat; bottom:0; position:absolute; padding:20px 0px 20px 15px;} div#content div#sidebar div.signup h2{background:transparent url(../images/content/signup_for.gif) left top no-repeat; width:155px; height:22px;} div#content div#sidebar div.signup p{margin-top:5px;} div#content div#sidebar div.signup p input{vertical-align:middle;} div#content div#sidebar div.signup p input.search{border:solid 1px #c1c1b0; padding:8px; margin-right:5px; font-size:120%; font-weight:bold; color:#5c5c5c; width:130px;} /*-----footer-----*/ div#footer div.wrapper{width:888px; overflow:hidden; padding-left:10px; } div#footer ul{margin-bottom:10px;} div#footer ul li{ font-weight:bold; display:inline;} div#footer a{ color:#555555; margin:0px 2px;} div#footer ul li a.active{text-decoration:underline;} div#footer p{ font-weight:bold;} div#footer div.right_footer { background:#aeae9b; padding:14px; } div#footer div.right_footer p { float:left; margin:3px 20px 0px 0px; } div#footer div.right_footer div.socialable{ float:right; } div#footer div.right_footer div.socialable a{ float:left; margin:0px 1px; } div#footer div.right_footer div.socialable img{ border:1px solid #959287; } /*-----Index Page Content-----*/ div#content div#sidebar div.quotes{padding-left:20px; padding-bottom:120px;} div#content div#sidebar div.quotes img{margin-top:5px; padding-right:8px;} div#content div#sidebar div.quotes img.bottom{ margin-top:-10px; position:relative; } div#content div#sidebar div.quotes p{line-height:1.8em; } div#content div#sidebar div.quotes span.gray{font-size:140%; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#555555;} div#content div#sidebar div.quotes p.name{ font-size:110%; color:#b69329;} div#content div#sidebar div.quotes p.name img { float:left; border:7px solid #cecec3; padding:0; margin-right:6px; } /*------- // Blog page content //-------*/ div#main h1 a.rss{ font-size:60%; background:url(../images/content/rss1.gif) right center no-repeat; font-weight:bold; display:block; float:right; padding-right:24px; color:#ff7400; } div#content div#main div.post{ margin-bottom:20px; background:url(../images/content/border-double.gif) left bottom repeat-x; padding-bottom:10px; } div#content div#main div.post h1{ margin-bottom:0px; padding:0px; background:none; } div#content div#main div.post h2{ font-size:220%; font-family:Georgia, "Times New Roman", Times, serif; } div#content div#main div.post h3{ font-size:200%; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:7px; } div#content div#main div.post h4{ font-size:180%; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:7px; } div#content div#main div.post h5{ font-size:160%; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:7px; } div#content div#main div.post a{ color:#b69329; } div#main div.post div.datestamp { color:#cecec3; font-size:120%; font-weight:bold; line-height:14px; margin-bottom:14px; } div#content div#main div.post div.entry p { font-size:120%; } div#content div#main div.post div.entry blockquote{ font-style:italic; } div#content div#main div.post div.entry ul{ margin:0px 0px 20px 16px;} div#content div#main div.post div.entry ul li{ margin:0px; list-style:disc; } div#content div#main div.post div.entry ol{ margin:0px 0px 20px 24px; } div#content div#main div.post div.entry ol li{ margin:0px; list-style:decimal; } div#content div#main div.post div.author img{ float:left; margin:0px 20px 18px 0px; } div#content div#main div.post div.author p { font-size:120%; line-height:1.3em; } div#content div#main div.post div.author p a{ color:#748940; } div#content div#main div.post div.author img { border:7px solid #e8e8dd; } div#content div#main div.post div.post-metadata{ padding:10px 5px; background:#e8e8dd; } div#content div#main div.post div.post-metadata p{ margin-bottom:0px; font-size:100%; font-weight:bold; } div#content div#main div.post div.post-metadata p a{ color:#444; text-decoration:none; } /*---- Images in post section ----*/ div#main div.post div.entry img { border:7px solid #e8e8dd; } div#main div.post div.entry p img.aligncenter{ display:block; margin-left:auto; margin-right:auto;} div#main div.post div.entry p img.alignright{display:inline; margin:0 0 14px 7px; float:right;} div#main div.post div.entry p img{max-width:100%; padding:0;} div#main div.post div.entry p img.alignleft{display:inline; margin:0 14px 14px 0; float:left; } /*---- Pagination ----*/ div#pagination{ background:#e8e8dd; text-align:center; padding:10px; margin-bottom:26px; } div#pagination ,div#pagination span { color:#b69329; font-weight:bold; } div#pagination a{ color:#656565; font-weight:bold; margin:0px 2px;}