/** Layout --------------------------------- * Using a negative margin technique, adapted from ZEN. The page is loaded by this order: * * 1. Header * 2. Content * 3. Navigation menus * 4. Sidebar Left * 5. Sideabr Right * */ #page { width: 960px; /* edit to change the width of the page */ margin: 0 auto; /* remove 'auto' and the width to switch to a fluid width */ } /** Sidebars width --------------------------------- * Changing the width of the sidebars is dead easy, just change the * values below corresponding to the sidebar you want to modify. * Make sure you keep negative values as negative values. * For example, if I want to increase the width of the left sidebar * to 300px, I would have to change each '190' to '300'. */ .two-sidebars .center, .sidebar-left .center { margin-left: 210px; /* LEFT value */ } #sidebar-first { width: 200px; /* LEFT value */ margin-right: -270px; /* negative LEFT value */ } .two-sidebars .center, .sidebar-right .center { margin-left:30px; margin-right:285px; /* RIGHT value */ margin-top:20px; } #sidebar-second { width: 270px; /* RIGHT value */ } /** Columns inner --------------------------------- * You can change the padding inside the columns without changing the * width of them by just usinbg the INNER div of each column */ .inner { padding: 0px; } /** Navigation styles --------------------------------- */ #header-region ul.nice-menu a{ border-right:1px solid #347CC4; color:#FFFFFF; font-size:13px; height:17px; padding:11px 20px; text-decoration:none; } #header-region ul.nice-menu a:hover { background:url("images/nav-over.jpg") repeat-x scroll left top transparent; } #header-region ul.nice-menu a.active { background:url("images/nav-over.jpg") repeat-x scroll left top transparent; } #header-region ul.nice-menu li { border:none; background:none; padding:0; } /** LAYOUT RULES --------------------------------- * do not change if you're not sure you know what you're doing */ #header #header-region { clear:both; } .not-logged-in .breadcrumb { display:none; } #content { float: left; width: 100%; margin-right: -100%; padding: 0; } .sidebar { float: left; } #sidebar-second { float: right; } #navigation { float: left; margin-left: 0; margin-right: -100%; padding: 0; width: 100%; } /* header */ #main { background:url("images/content-bg.png") repeat-y scroll left bottom transparent; clear:both; } #header { background:url(images/header-bg.jpg) repeat-x; height:247px; position:relative; } #header-region { background:url("images/navigation-bg.jpg") repeat-x scroll 0 0 transparent; float:left; height:39px; margin-top:24px; width:692px; } #logo-title { float:left; height:208px; width:692px; } #page-image { background:url("images/page-image-bg.jpg") no-repeat scroll 0 0 transparent; float:left; height:224px; margin-top:23px; width:268px; } #page-image .rotor-items { margin:13px 0 0 17px; } #name-and-slogan h1 a { background:url("images/logo.jpg") no-repeat scroll 0 0 transparent; display:block; height:67px; margin-left:40px; margin-top:103px; text-indent:-999em; width:606px; } /* Sidebar */ #sidebar-second-inner { background:url("images/sidebar-bg-mid.png") no-repeat scroll 9px 0 transparent; } #sidebar-second .content { margin:0 -15px 0 0; padding:10px 40px 0 30px; } #sidebar-second .content p { margin:0 0 2em 0; } #sidebar-second #block-block-7 h3 { background:url(images/banner.jpg) no-repeat; } #sidebar-second .block h3 { background:url("images/banner-green.png") no-repeat scroll 0 0 transparent; color:#FFFFFF; font-size:1.2em; font-style:normal; font-weight:bold; height:35px; margin-bottom:0; padding:10px 30px; } #block-block-8 .block-inner .edit a:link { color:#000000; } #block-block-8 a:link, #block-block-8 a:visited, #block-block-8 a:hover, #block-block-8 a:active { color:#FFFFFF; } #sidebar-second p { color:#334B66; font-family:Arial,Helvetica,sans-serif; font-size:13px; font-style:italic; } h2 { color:#488738; font-size:17px; font-style:italic; font-weight:bold; margin-bottom:0.75em; } /* Feature Boxes */ #feature-boxes { background:url(images/feature-bg.jpg) no-repeat 0 41px; margin:0 -22px 0 -30px; } #feature-boxes #block-block-5, #feature-boxes #block-block-4 { float:left; margin-left:30px; width:300px; } #feature-boxes .block h3{ color:#2D1E0F; font-size:17px; font-style:normal; font-weight:bold; } #feature-boxes #block-block-10 h3{ color:#FFF; background:#3B7321; font-size:17px; font-style:normal; font-weight:bold; padding:8px 30px; margin-left:2px width:100%; height:25px; } #feature-boxes #block-block-4 img { border:3px solid #FFFFFF; } #feature-boxes #block-block-5 img { border:3px solid #ADADAD; } #block-block-4 p, #block-block-5 p { color:#000000; font-size:11px; font-style:normal; font-weight:normal; line-height:15px; } /* footer */ .front #footer { background:url("images/footer-grass-front.jpg") no-repeat scroll left top #2D1E0F; clear:both; float:none; height:140px; width:954px; } #footer { background:url("images/footer-grass.jpg") no-repeat scroll left top #2D1E0F; clear:both; float:none; height:140px; width:954px; } #footer-seo { color:#FFFFFF; float:left; font-size:10px; margin-left:50px; margin-top:100px; } #footer-copy { color:#FFFFFF; float:right; font-size:10px; margin-right:50px; margin-top:100px; } /* Layout Helpers */ #header, #footer, #main #content .mission, #main #content .breadcrumb, #main #content .node { clear: both; } .front .node-inner { margin-right:200px; width:450px; } #sidebar-first { margin-left: 466px; position: absolute; top: 282px; width: 185px; } #block-block-11 { background-color:#efefef; padding:5px 10px; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; behavior: url(PIE.htc); } #block-block-11 p { font-size:10px; } #block-block-11 h3 { font-size: 14px; margin-bottom: 0; margin-top: 6px; text-align: center; font-weight:bold; } #block-block-11 table tbody { border-top:none; }