/* * Styleshoot for Cosin 2009 - by Cedric Spindler * adapted for Cosin 2009 - poven * */ /* ###### General ###### */ body { font-family: "Lucida Grande", "Arial", sans-serif; background-image: url(/images/sitebg.png); background-color: #ffffff; font-size: 0.9em; color: #000000; margin: 0px auto; width: 934px; } a { color: #5c8040; font-style: italic; } a:hover { background-color: #f2ffcd; } /* ###### Header ###### */ #header { background-image: url(/images/header.png); min-height: 143px; height: 143px; } #header h1 { display: none; } /* ###### Navigation ###### */ #menu { background-image: url(/images/menubg.png); min-height: 80px; height: 80px; } #menu ul { list-style-type: none; overflow: hidden; margin: 0px; margin-right: 20px; margin-left: 240px; padding: 0px; } #menu ul li { display: inline; margin: 0px; } #menu ul li a { background-color: #63ab45; float: left; display: block; padding: 6px; text-decoration: none; margin-top: 2px; margin-left: 1px; font-style: normal; color: #ffffff; } #menu ul li a:hover { background-color: #273013; } #menu ul li a:focus { background-color: #273013; } /* ###### Content ###### */ #content { background-image: url(/images/contentbg.png); margin-left: 34px; padding-bottom: 30px; } /* ###### Leftbar ###### */ .left { margin-left: 60px; float: left; width: 220px; font-size: 0.9em; } .left h3 { margin: 0px; font-size: 1.4em; color: #658362; } .left strong { font-weight: bold; } /* ###### Rightbar ###### */ .right { float: right; width: 530px; padding-right: 60px; } .right h2 { margin-top: 10px; margin-bottom: 5px; padding: 5px; padding-left: 10px; font-size: 1.2em; background-color: #337866; color: #ffffff; } .right h2:first-child { margin-top: 0px; } .right h3 { margin: 0px; font-size: 1.2em; color: #658362; } .right p { margin-top: 3px; margin-bottom: 3px; } /* ###### Footer ###### */ #footer { text-align: center; font-size: 0.8em; margin: 5px; }