/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Description: These are the styles for the 2010 Riemer Week pages --- Company Colors --- blue (text): #039 green (headers): #363 maroon (links): #600 --- 2009 Colors --- Dark plum #1f0b0d Lighter pink #f9cfbe Darker pink #bd8178 Off white #fbfaf8 --- 2010 Colors ---- Dark Brown: #1c1714 #1c1714 Light Gold: #ecd079 Dark Gold: #ca9038 Grey #776774 Off-white: #fffff9 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* =OTHER STYLESHEETS ------------------------------------------------------------------- */ @import url('/RiemerWeek/common/styles.css'); /* =ELEMENTS ------------------------------------------------------------------- */ a:link, a:visited { color: #ca9038; } a:hover, a:active { color: #1c1714; } body { background: #1c1714; color: #ca9038; font-family: "Trebuchet MS", Verdana, "Deja Vu Sans", sans-serif; } em { font-style: italic; } img { background-color: #ecd079; border: 2px solid #1c1714; padding: 2px; } p { background-color: #fffff9; } strong { font-weight: bold; } h2 { font-weight: bold; letter-spacing: 1px; text-transform: uppercase; } h3 { letter-spacing: 1px; margin-top: 1.5em; text-transform: uppercase; } h4 { font-size: 1.5em; font-weight: bold; margin-top: 1.5em; } h3 + p, h4 + p { margin-top: 0; } strong { color: #000; font-size: 1.1em; } /* =DIVS -------------------------------------------------------------------------*/ #airfarewatchdog { float: left; } #airfarewatchdog #linky { background: url('http://afwdwidget.airfarewatchdog.com/App_Themes/Mellow%20Yellow/seo.gif') no-repeat; font-size: 0.8em; height: 38px; margin-top: -4px; padding-top: 6px; text-align: center; width: 160px; } #airfarewatchdog #linky a:link, #airfarewatchdog #linky a:visited { color: #1c1714; } #airfarewatchdog #linky a:hover, #airfarewatchdog #linky a:active { color: #ecd079; } #container { border-width: 0; border-bottom: 2px solid #edd07a; color: #1c1714; width: 702px; } #content { background-color: #fffff9; border: 1px solid #ca9038; border-width: 0 1px; padding: 30px; } #desk { float: right; width: 200px; } #desk dl dt { float: left; width: 8em; } #desk dt, #desk dd { margin-bottom: 5px; } #desk h2 { font-size: 1.2em; margin: 0 0 5px; padding: 0; text-transform: lowercase; } #graphicExtras { margin: 2em 0 0; overflow: auto; } #header { background: #f1eff1 url('/RiemerWeek/2010/images/bak_header2.jpg') no-repeat top left; border-color: #ca9038; border-width: 1px 1px 0; border-style: solid; height: 327px; width: 700px; } #header h1, #header h2 { background-image: none; display: none; margin: 0; padding: 0; position: static; text-indent: 0; visibility: hidden; } #map { border: 1px solid #ca9038; float: right; height: 400px; margin: 0; width: 430px; } #map div { line-height: 1.5; } #map img { background-color: transparent; border: none; padding: 0; } #map ul li { font-size: 1em; } #pagefoot { border: none; clear: both; font-size: 0.75em; margin: 20px; } #pagefoot p { background: none; float: left; margin: 1em 1em 0 0; } #pagefoot ul { float: right; margin: 1em 0; } #pagefoot ul li { border-left: 1px solid #ca9038; display: inline; list-style-type: none; margin: 0 0 0 4px; padding-left: 5px; } #pagefoot ul li:first-child { border-left: none; } #pagefoot a:hover, #pagefoot a:active { color: #ecd079; } #tasteOfSanFran img { float: right; margin: 0 0 1em 1em; } #sightsAndDinner img { margin: 1em auto; } div#secure { float: right; margin: 20px 0 0; padding: 10px; text-align: center; width: 150px; } div#secure img { border: none; } fieldset#paymentOpts div#secure p { font-style: italic; margin: 5px 0 0; text-align: center; } /* Remove the border and background color from about page pics, as they have a shadow */ body#about img { border: none; background-color: transparent; } /* =NAVIGATION -------------------------------------------------------------------------*/ ul#nav { font-weight: normal; margin: 0 20px 0 0; position: absolute; top: 332px; } ul#nav li, ul#nav li:first-child { background-image: none; font-family: sans-serif; letter-spacing: 2px; margin: 0 0 0 12px; padding: 0; text-transform: uppercase; } ul#nav li a { font-size: 0.8em; padding: 5px; } ul#nav li a:link, ul#nav li a:visited { color: #90682c; } ul#nav li a:hover, ul#nav li a:active { border: none; color: #ecd079; } ul#nav-utility { background-color: #1c1714; margin: 0; padding: 5px 0 10px; text-align: right; } ul#nav-utility li { border-left: 1px solid #ca9038; display: inline; margin: 0 0 0 6px; padding: 0 0 0 10px; } ul#nav-utility li:first-child { border-left: none; } ul#nav-utility li a { letter-spacing: 2px; text-decoration: none; text-transform: uppercase; } ul#nav-utility li a:hover, ul#nav-utility li a:active { color: #ecd079; } ul#nav-secondary { margin-bottom: 2em; } ul#nav-secondary li { list-style-type: none; } ul#nav-secondary li a { border-color: #ca9038; } ul#nav-secondary li:first-child a { border-left-width: 1px; } ul#nav-secondary li a:link, ul#nav-secondary li a:visited { background-color: #fffff9; color: #ca9038; } ul#nav-secondary li a:hover, ul#nav-secondary li a:active { background-color: #fffff9; color: #1c1714; } /* Current page styling */ body#location li#n-location, body#about li#n-about, body#speakers li#n-speakers, body#sessions li#n-sessions, body#tracks li#n-tracks, body#schedule li#n-schedule, body#photos li#n-photos, body#register li#n-register, body#survey li#n-survey { background-image: none; } /* Current page styling */ body#location li#n-location a, body#about li#n-about a, body#speakers li#n-speakers a, body#sessions li#n-sessions a, body#tracks li#n-tracks a, body#schedule li#n-schedule a, body#photos li#n-photos a, body#register li#n-register a, body#survey li#n-survey a { color: #ecd079; font-weight: bold; } #nav-registration h3 { color: #776774; margin-right: 10px; } #register #nav-secondary { float: none; overflow: auto; } /* =CLASSES -------------------------------------------------------------------------*/ .attributedImage { float: right; margin: 1em 0 1em 1em; width: 150px; } .attributedImage a { font-size: 0.25em; } .meta { color: #776774; } input.percent { margin: 0 10px 3px 20px; } .errorDisplay { background-color: #fff; border: 1px solid #ffb2a9 !important; padding: 1px !important ; } .errorDisplay .wrap { background: #ffede8 url('/graphics/exclaim.gif') no-repeat 10px 10px; min-height: 48px; padding: 10px 20px 10px 58px; } .errorDisplay .wrap h2 { color: #c30; margin: 0 0 1em; } .errorDisplay .wrap p { background-color: #ffede8; } .photowrap { margin-right: 20px; } body.photos img { background-color: transparent; border: none; padding: 0; } .sessioninfo { float: right; width: 510px; } .sessioninfo h3 { font: bold 1.4em/1.6 Arial, sans-serif; margin-top: 0; } .sessioninfo h4 { margin: 0 0 0.5em 0; line-height: 1.6; } .sessioninfo .speaker { font-size: 1.2em; font-weight: normal; } .sessionmeta { color: #776774; font-style: italic; float: left; width: 90px; } .sessionmeta .day { color: #776774; font: italic bold 1.4em/1.6 Arial, sans-serif; } .sessionmeta img { display: block; margin-top: 10px; } .sessionwrap { float: left; margin-bottom: 20px; width: 610px;} .slides.on, .handout.on { color: #426475; margin-top: 20px; } .slides.on a, .handout.on a { background-repeat: no-repeat; background-position: top left; display: block; font-size: 1.2em; height: 20px; padding-left: 20px; } .handout.on a { background-image: url("/RiemerWeek/2009/images/handouts_on.gif"); } .slides.on a { background-image: url("/RiemerWeek/2009/images/slides_on.gif"); } .slides.off, .handout.off { background-repeat: no-repeat; background-position: top left; margin-top: 20px; padding-left: 20px; } .slides.off { background-image: url("/RiemerWeek/2009/images/slides_off.gif"); } .handout.off { background-image: url("/RiemerWeek/2009/images/handouts_off.gif"); } .meeting { background-color: #e7d6d3; border-color: #ca9038; } .session { background-color: #fcebe5; border-color: #f9cfbe; } .general { background-color: #e3e0e3; border-color: #776774; } .networking { background-color: #fef0d9; border-color: #fedba2; } .keynote { background-color: #edc5be; border-color: #d97560; } .needInfo { color: red; font-size: 2em; } /* =MICROFORMATS -------------------------------------------------------------------------*/ div.adr div, div.adr span, div.adr abbr, div.vcard dl { font-size: 1.2em; line-height: 1.4; margin: 10px 0 0; } div.vcard dt { float: left; font-weight: bold; width: 80px; } div.vcard dd { margin-left: 100px; } div.vcard img { float: right; margin: 10px 0 10px 20px; } td.vevent { color: #776774; padding: 8px 3px; } td.vevent strong, td.vevent a.summary { color: #1c1714; display: block; font-weight: bold; margin-bottom: 8px; } td.vevent a:link, td.vevent a:visited { color: #1c1714; text-decoration: none; } td.vevent a:hover, td.vevent a:active { color: #ca9038; text-decoration: underline; } td.vevent span.eventTimes { font-size: 0.8em; text-transform: uppercase; } td.vevent span.eventTimes abbr { border: none; cursor: default; } td.vevent li span.eventTimes { margin-left: 10px; } /* =TABLES -------------------------------------------------------------------------*/ #pricing td { background-color: #fffff9; border-top-color: #ccc; color: #776774; } #pricing th.secondary { background-color: #eee; border-color: #776774; color: #776774; } #pricing th span { color: #776774; } #schedule table, #schedule table tr, #schedule table th, #schedule table td { border-color: #c5c5c5; } #schedule table.events th { color: #777; } #schedule table td ul { font-size: 0.8em; } /* =LISTS -------------------------------------------------------------------------*/ ul { margin: 1em 2em; } ul li { background-image: none; list-style-image: none; list-style-type: disc; } ul#airlines { margin-right: 180px; } ul.attractions { margin-left: 340px; } #speakers dl { float: left; margin: 0; } #speakers dd { margin: 0 0 30px 188px; } #speakers dt { float: right; font-size: 1.4em; font-weight: bold; margin: 0 0 0 188px; width: 457px; } #speakers dd.photo { float: left; margin: 0; } /* =FORMS -------------------------------------------------------------------------*/ form fieldset { border-color: #ca9038; } form input#submit { background-color: #f8f2f1; border-color: #bd8078; color: #bd8078; margin: 20px auto; } form input#submit:hover { background-color: #f9cfbe; border-color: #bd8078; color: #1c1714; } form legend { color: #ca9038; } form ul li { color: #1c1714; list-style-type: none; } form label { color: #1c1714; } form ul li strong { margin: 0 5px 0 0; } label.rrsval-error { background-color: transparent; color: #f00; } #paymentOpts > ul { float: left; } #register form fieldset { background-color: #F8F2F1; border-width: 1px 0 0; } #register form fieldset p { background-color: #F8F2F1; } #register form strong { font-size: 1em; } #register #secure img { background-color: transparent; } #survey textarea { margin-bottom: 20px; width: 100%; }