/* Common CSS for all pages */ /* Overrides of YUI Reset. Uses a simple subset of styles from YUI Reset-Fonts-Grids specifically for . */ body { position:absolute; top:0em; padding: 0px; margin:0px; min-width:760px; font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; margin-top:11em; padding-bottom:120px; /* background-position: 0; */ } h1 {font-size: 197%; /* 26pt */ margin-bottom: .5em; } h2 {font-size: 138.5%; /* 18pt */ margin-top: .75em; margin-bottom: .75em;} h3 {font-size: 123.1%; /* 16pt */} #embellish1 { position:fixed; left:0px; top:101px; z-index: 10; } #tickets-notice { position:fixed; right:206px; top:10px; z-index:90; } #alvin { position:fixed; bottom:10px; left:10px; z-index:110; } #alvin-label { position:fixed; bottom:5px; left:75px; z-index:-1; } #early-bird-discount-notice { margin-left:1em; margin-bottom:1em; } .show-alvin-label { z-index:120 !important; } .head, .head-white { color: #000; font-family: "Myriad Pro", arial,helvetica,clean,sans-serif; font-size: 123.1%; } .head-white { color: #fff; } #speakers-column-header { margin-left:1.5em; } #sponsors-column-header { /* margin-left:2.5em;*/ position:absolute; right:46px; top:24px; z-index:-1; } p, li { margin-top: .75em; margin-bottom: .75em; font-size: 108%; color:#555; } ul, ol { margin-left:2em; padding-bottom:.5em; padding-top:.25em; } li { list-style-image: url('/images/bullet.png'); margin-left: 2em; } strong { font-weight: bold; } #hd { background-image: url("/images/head-bg-small.jpg"); background-repeat: repeat-x; width:100%; background-color:#fff; /*padding-bottom:2em;*/ margin: 0; position:fixed; top:0; z-index:2; } #bd { margin: 2em 2em 0em 6em; } #ft { font-size: 100%; /* 11pt */ padding: 2em 2em 0pt 2em; clear:both; text-align:center; background-image: url("/images/grass.png"); background-repeat: repeat-x; background-position: bottom; background-attachment: fixed; /* height:56px;*/ width:100%; position:fixed; bottom:0; z-index:10; } #ft p { margin-bottom:0; padding-bottom:0; color: #fff; font-size:small; } #ft a { color: #fff; } /*#doc {margin:0pt;}*/ #contentLink { color:white; } #headerImage { position: fixed; top:5px; left:18px; z-index:4; } #userMessage, #login { position:fixed; right:20px; top:10px; z-index:11; } #userMessage { margin-top:2em; color:#000; } #login a { text-decoration: none; color:#000; } #login { margin-top:2.5pt; font-size: 138.5%; clear:right; color:#fff; } #sponsors { position: absolute; width:100%; height: 100px; background-color: #e6e6e6; bottom:0; color: #fff; } #white-reveal { position: fixed; top:225px; left:0; z-index:0; } /* #sponsors_title { width:100%; height:1.3em; background-color: #a3a3a3; padding-top:3px; position:absolute; left:46px; top:262px; } #sponsor_title_text { padding-left:5px; } */ /* Primary and secondary columns technique from: http://www.pixy.cz/blogg/clanky/css-3col-layout/ The only problem is that the secondard columns have to be placed before the main content so we have to implement a content link. */ #countdown { position: fixed; right:0px; top:0px; z-index:200; } #content { margin-right: 420px; width:expression( document.body.clientWidth-440 + "px" ); } /* Secondary columns are fixed width and float to the right */ .links { float: right; width: 180px; overflow: auto; } .links ul { margin-left:0em; line-height:1em; } .links li { margin-left:2.5em; list-style-image: none; } .links-speakers li { margin-left:2.5em; list-style-image: none; } .links-sponsors { margin-top:2.5em; } .links-sponsors li { margin-left:1em; text-align: center; } .gray_border { border-color: #bbb; border-width: 1px; border-style: solid; padding: 10px; margin: 0; color:#666; background-image:url('/images/4-percent-black.png'); background-repeat: repeat; } /* **** */ .additional_info, .error_message, .message { /* display:table;*/ padding:.5em; /* border: 1px solid #999;*/ margin-top: -1px; } .error_message, .message{ margin-top:1em; } .error_message { background-color: #ff0000; color: #fff; } .message { background-color:#00529b; color:#fff; } .message a { color:#fff; } /* Forms */ form { /* set width in form, not fieldset (still takes up more room w/ fieldset width */ font:100% verdana,arial,sans-serif; margin: 0; padding: 0; } form fieldset { border-color: #000; border-width: 1px; border-style: solid; padding: 10px; /* padding in fieldset support spotty in IE */ } form fieldset legend { font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */ /* be careful with padding, it'll shift the nice offset on top of border */ font-weight:bold; padding: 0pt 5pt 0pt 5pt; } form label{ float: left; text-align: right; margin-right: 1em; } .form_item:before, .form_item:after{ display:block; clear:both; content:"."; visibility: hidden; margin-bottom:-.75em; } #controlBar { text-align:center; background-image:url('/images/4-percent-black.png'); background-repeat: repeat; margin-top:10pt; padding:5pt 0pt 5pt 0pt; } #contentLink { position:absolute; left:-999px; } /* Links */ a { color: #00529b; /*#0068a3;*/ } a:visited { color: ##0068a3; /*#4199cf;*/ } /* Navigation */ /* A remake by Alessandro Fulciniti of the Mini Tabs by Dan Cederholm that uses display:inline instead of float. http://web-graphics.com/mtarchive/inline-mini-tabs.html Slightly hacked by Aral :) */ ul#minitabs { list-style: none; margin-top:6em; padding-right:1em; padding-bottom:1em; padding-top:.25em; font-size: 123.1%; /*border-top: 1px solid #999;*/ border-bottom: 1px solid #000; /* background-color: #fff;*/ text-align: right; white-space: nowrap; } ul#minitabs li { display: inline; margin: 0 .25em; } ul#minitabs a { text-decoration: none; padding-bottom:.5em; border-bottom: .5em solid #fff; color: #000 } ul#minitabs a#current { border-color: #0068a3; color: #00529b; } ul#minitabs a:hover { border-color: #0068a3; color: #4199cf } #feed_icon { /* Don't display for now - not sure about how dominant it looks */ display:none; position:absolute; right: 1em; top:5em; } ul.bulletted-list li { list-style-type: disc; } #reserve_tickets{ position:absolute; right:1.25em; top:5.5em; } #announcement { text-align: center; background-color: #000; padding:.10em; margin-bottom:1em; } #announcement p { color:#fff; }