@charset "iso-8859-1"; body { background-color: #fff; color: #000; font-size: 100.1%; margin: 0px; padding: 0px; } @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: normal; src: local('Ubuntu'), url('http://people.canonical.com/~jriddell/ubuntu-font-family-sources/Ubuntu-R.ttf') format('truetype'); } #pageWrapper { border-style: solid; border-width: 0; /* layout's side borders */ font-family: 'Ubuntu'; /*font-size: 80%;*/ /* arial looks better with a smaller size */ margin: 0; min-width: 500px; /* IE doens't understand this property */ width: auto; } * html #pageWrapper { word-wrap: break-word; /* invalid CSS but keeps IE from breaking horribly under narrow viewports */ } #outerColumnContainer { background-color: #fff; border-style: solid; border-width: 0 19em 0 0; /* side border widths must equal the widths of the left and right columns. */ border-right-color: #fff; /* right hand column background color */ color: #000; z-index: 1; } * html #outercolumncontainer { /* IE5.0/Win fix for 1px whitespace between masthead and body. * The case-incorrect selector is on purpose. IE5.0 and IE5.5 are * case insensitive and I'm targeting IE 5.0. 5.5 doesn't get hurt * by this extra margin work. */ margin-top: -1px; border-top: solid 1px #fff; } #innerColumnContainer { width: 100%; z-index: 2; margin-left: 2em; } html[xmlns] .mozclear { /* this selector should be valid CSS, but Opera 7.5 (and above) will pick * this up as well. Shouldn't be a problem, Opera should handle this fine, * but it's a Mozilla-targeted hack, and it should probably only affect * mozilla. You can do that by replacing the INVALID CSS selector * :root .mozclear for what's give here. */ border-bottom: 1px solid; border-color: transparent; margin-bottom: -1px; } #rightColumn, #contentColumn { float: left; overflow: visible; /* fix for IE italics bug */ position: relative; z-index: 10; } #rightColumn { float: right; /* doesn't have to be floated right, but if using some original skidoo tweaks, you need it this way */ margin: 0 -18em 0 1px; width: 18em; } #rightColumn .inside { font-size: 100%; /* because the parent element ( #rightColumn ) defines its width in EMs, we can't change the font size in that selector, otherwise the column won't use the entire width reserved for the column */ } #contentColumn { margin: 0 -1px 0 0; /* required to get the negative margin-based layout to work. if #contentColumn does not overlap the left and right columns, then the whole layout will break */ width: 100%; } #footer { /*background-color: 0065bd;*/ border-style: solid; border-width: 1px 0; /* border for bottom of layout and top of footer area */ color: #50588B; background-color: #638ec6; position: relative; text-align: center; background-image: url(images/footer-bg-edgy.png); background-repeat: repeat-y; background-position: center; } html>body #footer { padding-bottom: 1.01em; /* attempt to fix Gecko engine's rounding errors which can disrupt the layout. */ } p, h1, h2, h3, h4, h5, h6 { margin: .6em 0 .4em 0; /* for better consistency across platforms */ } .clear { clear: both; } .inside { padding: 0 1.5em; /* glitch in IE caused by vertical padding in this class, so 0 padding is set here and those blocks that need the vertical padding must be applied to the parent element. the purpose of this class is to provide horizontal padding without using hacks to get around IE's broken box model. so it's okay to apply vertical padding to the parent element, just not horizontal padding. */ } #centerColumn, #rightColumn { padding-top: 0.5em; padding-bottom: 0.5em; /* this is the vert padding talked about in the .inside selector comment. */ } #footer { padding: .5em; /* ditto from above */ } #pageWrapper, #innerColumnContainer, #masthead, #footer { border-color: #000; /* one-stop control of border color used within the layout */ } #outerColumnContainer { border-top-color: #000; /* should match the above border color */ } /* navigation elements */ #rightColumn ul { list-style: none; margin: 0; padding: 0; } #rightColumn #navigation_links li { padding: 0 0 .3em 20px; } #rightColumn #navigation_news li { padding: 0 .3em .3em 20px; } #rightColumn a { text-decoration: none; /* color: black;*/ color: #0031af; font-weight: bold; } #rightColumn li.active { background-image: url(little-u.gif); background-repeat: no-repeat; background-position: top left; } #navigation_download_install { /* background-color: #E9CE9F; border: 1px solid #E9CE9F;*/ background-color: #aaccef; border: 1px solid #caf0fd; padding: 3px 10px 15px 10px; } #navigation_download_install img { padding: 0 3px 0 0; } #navigation_download_install strong { font-weight: bolder; font-size: 130%; } #navigation_download_install a { font-weight: 400; /* color: #5B4832;*/ color: blue; text-decoration: underline; } #navigation_download_livecd { /* background-color: #FEEFD6; border: 1px solid #E9CE9F;*/ background-color: #b6e4f4; border: 1px solid #caf0fd; padding: 3px 10px 15px 10px; } #navigation_download_livecd img { padding: 0 0 3px 0; } #navigation_download_livecd strong { font-weight: bolder; font-size: 130%; } #navigation_download_livecd a { font-weight: 400; /* color: #5B4832;*/ color: blue; text-decoration: underline; } /* body styles */ #contentColumn a { /* color: black;*/ color: #0031af; font-weight: bold; } #contentColumn p { font-size: 100%; font-family: Verdana, arial, helvetica, sans-serif; } /* header styles */ h1, h2, h3, h4, h5, h6 { width: 100%; color: #0065bd; padding-bottom: .0em; padding-top: 0.4em; } h1, h2, h3, h4, h5, h6 { /*margin-left: -1ex; breaks IE*/ } h2 { font-size: 160%; border-bottom: 2px solid #0065bd; } h3 { font-size: 140%; } h4 { font-size: 130%; } h5 { font-size: 110%; } h6 font-size: 100%; } /* misc styles */ .urgent { color: red; } .linkpara { margin-left: 1em; }