body { background-color:#000; text-align:center; margin-top:0; margin-bottom:0; background-image: url('graphic/bg.png'); background-repeat: repeat-y; background-position:center; } #overall { background-color:#b7b7b7; width:800px; height:100%; background-image: url("graphic/bg.png"); background-repeat: repeat-y; z-index: 10; margin:auto; position: relative; } #logo { width:800px; height:171px; margin:auto; } #menu { float:left; width:118px; height: 100%; min-height:400px; margin-left:2px; margin-top:14px; text-align:left; background-color:#CFCFCF; } div.page { width:535px; min-height:200px; background-color:#CFCFCF; margin-top: 10px; margin-left: 10px; text-align:left; border:1px solid #d14e00; background-image: url("graphic/stempel.png"); background-repeat: no-repeat; background-position:right bottom; } #banner{ float:left; width:118px; min-height:400px; margin-left:-30px; margin-top:14px; text-align:left; } #sms_box { left:245px; position:absolute; top:128px; } a{ color:#000000; } a:hover { text-decoration: none; color:#000000; } #center { float:left; } #rmenu { float:right; width:117px; min-height:400px; height: 100%; background-color:#CFCFCF; margin-left:2px; margin-top:14px; text-align:left; margin-right:2px; } #google { margin-left: 200px; margin-top: 135px; position: absolute; } #skolen { width:105px; min-height:250px; background-color:#CFCFCF; border:1px solid #d14e00; margin-left:1px; text-align:left; } acronym { cursor: help; } .cb-img, .cb-img-left, .cb-img-right{ padding: 2px; } .fill { width: 100%; } .container { margin: 0; width: 100%; height: 100%; float: none; clear: both; } .blog-container { /*border: solid 1px #66FF66;*/ margin-top: 90px; margin-bottom: 0; width: 666px; margin-left: 80px; margin-right: 50px; } #corzblogspace { width: 100%; font-size:0.9em; } .sidebar { padding: 1.3em 0.8em 0em 1em; float: left; width: 120px; border-right: dotted 1px #E0AD12; } #demo { margin-top: 90px; margin-left: 22%; margin-right: 22%; } .blogzcol { padding: 2.3em 0.5em 0.5em 0.1em; /*margin-left: 9em; */ float: right; width: 530px; } .blogzcol ul { list-style: square outside url("../img/ulio.gif"); } .blogzcol ul li{ padding-top: 0.2em; padding-bottom: 0.2em; } .blogzcol ol li { width: 80%; font-size: 95%; text-align: justify; } .blog-entry { text-align: justify; font-size: 90%; margin-bottom: 1em; margin-right: 2em; margin-left: 1em; } .blog-entry h3 { margin-bottom: 0.5em; } /* the HUGE title at the top of the main column */ #cb-header { margin: 0; padding: 4px 0px 11px 10px; font-family: "Trebuchet MS", Trebuchet, Verdana, "Lucida Grande", Tahoma, sans-serif; font-size: 300%; letter-spacing: -2px; letter-spacing: -0.045em; } #description { margin: 0; padding: 0px 0px 2px 11px; color: #F5A90A; font-size: 90%; } /* sidebar.. */ .sidebar ul { margin: 0 0 2.3em 0; padding: 0; list-style-type: none; font-size: 95%; color: #939393; } .sidebar ul h2 { color: #FBB626; } .sidebar ul li, .sidebar ul li { padding: 0 0 0 0.5em; list-style-type: none; font-family: "Trebuchet MS", Trebuchet, Verdana, "Lucida Grande", Tahoma, sans-serif; font-size: 95%; } .sidebar ul a:link { color: #939393; } .sidebar ul a:visited { color: #B5B5B5; } .sidebar ul a:hover { color: #E8910D; text-decoration: underline; } .sidebar ul a:active { color: #f1be23; } /* rss feeds.. */ .feedtext { position: relative; top: -1em; } .feedtext ul li a { position: relative; /* drop the text right onto the image, */ top: -0.5em; /* looks neat, especially with the rdf button */ font-size: 80%; } .feedlink, .feedlink a, .feedlink a:hover, .feedlink a:active, .feedlink a:visited, .feedlink a:link { cursor: crosshair; position: relative; left: 0.1em; bottom: -0.5em; text-decoration: none; } /* these just inherit from sidebar, atm */ .links { width: auto; } /* my cool 3D css menu.. I visualised this some time ago, but did not really have the css skills to implememnt it. In the end it took less time than I spent looking for someone other site that had already implemented something like this, a vain search. a lesson there, huh. props to the guys at css zen garden and glish.com for the assistance. So here it is, the original 3D css menu. copy at will! anyways, when you archive your blogs, name them "something-somethingelse" and the menu will have a top level of "somethings"s each with submenus of "somethingelse"s. to a non-css browser, it is just a plain unordered list. if you are ripping this off, remember you will need the Behaviours file (.htc) for it to work in IE (5.01 upwards) browsers. */ .menu1 { position: relative; top: -1em; width: 70px; margin: 0; padding: 0; } .menu ul { } .menu ul li ul li { padding: 0 0 0 0.2em; cursor: crosshair; /* good cursor for navigation-that-is-not-actual-links */ width: 4.2em; /* not too wide, or sub-menus become inaccessible */ /* cursor: help; /* handy for debugging css */ } .menu a { display: block; } .menu li { position: relative; height: 1em; } .menu ul ul ul { position: absolute; top: 0; left: 3.3em; width: 4.2em; } .menu ul ul ul, .menu ul ul li:hover ul ul { display: none; } .menu ul ul li:hover ul, .menu ul ul ul li:hover ul { display: block; z-index: 69; width: 6em; top: 0.1em; } /* body styles */ pre { color: #A07A47; } blockquote { font-size: 90%; } .cb-news { padding: 0.1em; margin: 0.1em; width: 4em; float: right; color: #DD7400; text-align: center; font-weight: bold; font-size: 2.3em; } .cb-refs-title { font-weight: bold; position: relative; top: -0.3em; font-size: small; } .dropcap1 { float: left; width: 0.6em; font-size: 500%; line-height: 0.91em; } .dropcap2 { float: left; width: 0.72em; font-size: 500%; line-height: 0.91em; } .dropcap3 { float: left; width: 0.84em; font-size: 500%; line-height: 0.91em; } .dropcap4 { float: left; width: 0.96em; font-size: 500%; line-height: 0.91em; } .dropcap5 { float: left; width: 1.1em; font-size: 500%; line-height: 0.91em; } .byline { /* the "posted by" date line, etc */ padding: 0; margin: 0; color: #939393; font-size: 80%; } .byline ul { padding: 2px; margin: 1px; font-size: 100%; } .byline a { border: none; text-decoration: none; } .byline a:hover { text-decoration: underline; margin-bottom: 0.5em; } .cbguide { padding: 0; margin: 0.2em 0 0 0; color: #939393; font-size: 80%; } .cbguide a { color: #F5A90A; } .cbinfo { margin: 0; } .cbinfo .smilies { text-align: right; } /* simple [code]code[/code] span */ .code { font-family: ProFontWindows, monaco, "Lucida Console", "Courier New", Courier, monospace; font-size: 95%; color: #A07A47; } code { /* you may prefer to style tags differently */ font-family: ProFontWindows, monaco, "Lucida Console", "Courier New", Courier, monospace; font-size: 95%; color: #A07A47; } /* [coderz]code[/coderz] */ .coderz { text-decoration: none; margin: 0px 0px 7px 0px; width: 95%; font-family: ProFontWindows, monaco, "Lucida Console", "Courier New", Courier, monospace; font-size: 90%; background-color: #9C9C9C; border:1px solid #d14e00; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; padding: 7px; } .onlineusers { text-decoration: none; width: 96%; font-family: ProFontWindows, monaco, "Lucida Console", "Courier New", Courier, monospace; font-size: 90%; background-color: #9C9C9C; border:1px solid #d14e00; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; padding: 4px; } .cb-ccc { font-size: 90%; } /* depricated */ .simcode { font-family: ProFontWindows, monaco, "Lucida Console", "Courier New", Courier, monospace; font-size: 95%; color: #006600; margin: 2px 0px 0px 0px; } .cb-ref { padding: 0; margin: 0; margin-bottom: auto; font-family: Tahoma, "Lucida Grande", "Trebuchet MS", Trebuchet, Verdana, sans-serif; color: #C19B53; margin-bottom: 1.5em; } .ref-title, .ref-title a, .ref-title a:visited, .ref-title a:active, .ref-title a:hover { padding-bottom: 2em; font-size: 90%; text-decoration: underline; margin-bottom: -1em; } .reftext { font-size: 80%; /* text-indent: -1.5em; gives us a sort of cool ordered list look, only works with block level elements margin-left: 1.5em; */ } .comment_text { font-family: Tahoma, "Lucida Grande", "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: small; padding: 0px; color: #333; } a.turl { /* no underlining, it is not a "real" link */ text-decoration: none } .cb-table { /* tables with CSS! */ width: 100%; clear: both; margin: 0; margin-top: 1em; } .cb-table-b { /* bordered */ width: 100%; clear: both; margin: 0; padding: 0.1em; margin-top: 1em; } .cb-table-s { /* spaced-out man */ width: 100%; clear: both; margin: 0; padding: 0.2em; margin-top: 1em; } .cb-tablerow { width: 100%; clear: right; float: right; } .cb-table-b .cb-tablerow { /* border: solid 1px; */ } /* any combination adds up to 90% */ .cell1 { /* fills the whole row */ width: 100%; float: left; } .cell { /* regular two-column table cell */ width: 45%; float: left; } .cell3 { /* three column cell */ width: 30%; float: left; } .cell4 { /* 4, etc */ width: 22.5%; float: left; } .cell5 { width: 18%; float: left; } .cb-table-b .cell, .cb-table-b .cell1, .cb-table-b .cell2, .cb-table-b .cell3, .cb-table-b .cell4, .cb-table-b .cell5 { border: solid 1px; padding: 3px; } .cb-table-s .cell, .cb-table-s .cell1, .cb-table-s .cell2, .cb-table-s .cell3, .cb-table-s .cell4, .cb-table-s .cell5 { padding: 0.5em; } span.box { border: solid 1px; } div.box { border: solid 1px; vertical-align: middle; text-align: center; padding: 1px; } .hidden { display: none; } .cb-hr-regular { /* [hrr] */ height: 1px; width: 333px; } .cb-hr { /* [hr] */ height: 1px; width: 333px; margin-left: 0px; text-align: left; } .cb-hr2 { /* [hr2] */ width: 50px; text-align: left; margin-left: 0px; } .cb-hr3 { /* [hr4] */ width: 100px; text-align: left; margin-left: 0px; } .cb-hr4 { /* [hr4] */ width: 150px; text-align: left; margin-left: 0px; } .footer { clear: both; width: 100%; text-align: center; margin-top: 55px; font-size: 80%; font-size: 0.7em; color: #DE7008; margin-bottom: 3px; } #footer_left { position: relative; float: left; margin-left: 5px; bottom: -5px; } #footer_right { position: relative; float: right; margin-right: 5px; bottom: -5px; } .footer_middle { position: relative; text-align: center; bottom: -7px; } a.foot_link { color: #B5B5B5; } .comments { margin-top: 100px; margin-left: 2%; margin-right: 40%; } .warning{ width: auto; color: #FF6633; font-weight: bold; font-size: 2em; } #message { color: #F5A90A; font-size: 110%; } #bbinfo { color: #C19B53; padding-left: 0.5em; margin-bottom: 3em; } .clear { clear: both; height: 1px; overflow: hidden; margin: 0; } .space { clear: both; overflow: hidden; margin: 0; width: 100%; height: 200px; } .half-space { clear: both; overflow: hidden; margin: 0; width: 100%; height: 100px; } .quarter-space { clear: both; overflow: hidden; margin: 0; width: 100%; height: 50px; } .small-space { clear: both; overflow: hidden; margin-left: 0; width: 100%; height: 25px; } .very-small-space { clear: both; overflow: hidden; margin-left: 0; width: 100%; height: 10px; } .minute-space { clear: both; overflow: hidden; margin-left: 0; width: 100%; height: 5px; } .left, cb-img-left { float: left; } .right { float: right; } .cb-img-right { float: right; text-align: right; } .two-column { width: 100%; } .left-column { float: left; width: 47%; padding-right: 3%; text-align: justify; } .right-column { float: right; width: 47%; padding-left: 3%; text-align: justify; } .small { font-size: x-small; } .smaller { font-size: xx-small; } .centered { text-align: center; } .underline { text-decoration: underline; } .bottom, #bottom{ vertical-align: bottom; } .searchword { background-color: yellow; } .alignright { text-align: right; } #google_ad_bottom { background-color: black; width:800px; height:70px; margin:auto; }