/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Description: These are the styles for the 2009 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 Grey #776774 Off white #fbfaf8 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* =OTHER STYLESHEETS ------------------------------------------------------------------- */ @import url('/RiemerWeek/common/styles.css'); /* =ELEMENTS ------------------------------------------------------------------- */ a:link, a:visited { color: #bd8178; } a:hover, a:active { color: #1f0b0d; } body { background: #1f0b0d; color: #bd8078; font-family: "Trebuchet MS", Verdana, "Deja Vu Sans", sans-serif; } em { font-style: italic; } img { border: 2px solid #776774; padding: 2px; } p { background-color: #fbfaf8; } strong { font-weight: bold; } /* =DIVS -------------------------------------------------------------------------*/ #about h2 { margin-top: 0; } #airfarewatchdog { float: right; margin: 0 0 0 20px; width: 160px; } #airfarewatchdog #linky { background-image: url('http://afwdwidget.airfarewatchdog.com/App_Themes/Red/seo.gif'); background-repeat: no-repeat; color: white; font-family: Arial; font-size: 10px; font-weight: normal; height: 38px; letter-spacing: normal; line-height: normal; margin-top: -4px; padding-top: 6px; text-align: center; width: 160px; word-spacing: 0.055em; } #airfarewatchdog #linky a { color: white; font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: none; } #amenities { float: left; width: 645px; } #amenities ul { float: left; width: 200px; } #announcementDate { margin: 0 0 0 10px; } #container { border-width: 0; border-bottom: 2px solid #776774; color: #1f0b0d; width: 709px; } #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; } #survey #contactInfo ul li { margin: 0 0 10px; text-indent: 0; } #survey #contactInfo ul li input { display: block; width: 260px; } #survey #contactInfo ul li ul li input { display: inline; width: auto; } #content { background-color: #fbfaf8; border: 2px solid #776774; border-width: 0 2px; padding: 30px; } #header { background: #f1eff1 url('/RiemerWeek/2009/images/bak_header.jpg') no-repeat top left; border-color: #776774; border-width: 2px 2px 0; border-style: solid; height: 278px; width: 705px; } #header h1, #header h2 { background-image: none; display: none; margin: 0; padding: 0; position: static; text-indent: 0; visibility: hidden; } #hyattInfo { float: left; line-height: 1.4; margin-bottom: 20px; width: 100%; } #hyattInfo h2 { margin-top: 0; } #hyattInfo dl { float: left; margin: 10px 20px 0 0; width: 310px; } #hyattInfo dd { margin-bottom: 10px; } #hyattInfo img { float: right; margin: 10px 0 0; } #lastupdate { color: #776774; font-style: italic; margin: 0 0 30px; } #map { border: 1px solid #776774; float: left; height: 400px; margin: 10px 20px 0 0; width: 300px; } #map div { line-height: 1.5; } #missedPrintedBrochure-reasons { margin-left: 25px; width: 500px; } #pagefoot { border: none; clear: both; color: #bd8078; 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 #bd8178; 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: #f9cfbe; } div#secure { /*background-color: #fbfaf8; border: 2px solid #bd8178; */float: right; margin: 20px 0 0; padding: 10px; text-align: center; width: 150px; } div#secure img { border: none; } fieldset#paymentOpts div#secure p { /*background-color: #fbfaf8;*/ font-style: italic; margin: 5px 0 0; text-align: center; } /* =NAVIGATION -------------------------------------------------------------------------*/ ul#nav { font-weight: normal; margin: 0 20px 0 0; position: absolute; top: 285px; } ul#nav li, ul#nav li:first-child { background-image: none; font-family: "Trebuchet MS", Verdana, "Deja Vu Sans", sans-serif; font-size: 1.25em; margin: 0 0 0 20px; padding: 0; } ul#nav a:link, ul#nav a:visited { color: #776673; font-weight: normal; } ul#nav a:hover, ul#nav a:active { color: #351d1f; font-weight: normal; text-decoration: underline; } ul#nav-utility { background-color: #1f0b0d; margin: 0; padding: 5px 0 10px; text-align: right; } ul#nav-utility li { border-left: 1px solid #bd8178; display: inline; margin: 0 0 0 10px; padding: 0 0 0 10px; } ul#nav-utility li:first-child { border-left: none; } ul#nav-utility li a:hover, ul#nav-utility li a:active { color: #f9cfbe; } ul#nav-secondary { margin-bottom: 2em; } ul#nav-secondary li { list-style-type: none; } ul#nav-secondary li a { border-color: #bd8178; } 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: #fbfaf8; color: #bd8178; } ul#nav-secondary li a:hover, ul#nav-secondary li a:active { background-color: #fbfaf8; color: #1f0b0d; } /* 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: #351d1f; font-weight: bold; } #nav-registration h3 { color: #776774; margin-right: 10px; } #register #nav-secondary { float: none; overflow: auto; } /* =CLASSES -------------------------------------------------------------------------*/ .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; } .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: #bd8178; } .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; } /* =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; } td.vevent { color: #776774; padding: 8px 3px; } td.vevent strong, td.vevent a.summary { color: #1f0b0d; display: block; font-weight: bold; margin-bottom: 8px; } td.vevent a:link, td.vevent a:visited { color: #1f0b0d; text-decoration: none; } td.vevent a:hover, td.vevent a:active { color: #bd8178; 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: #fbfaf8; 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; width: 457px; } #speakers dd.photo { float: left; margin: 0; } /* =FORMS -------------------------------------------------------------------------*/ form fieldset { border-color: #bd8178; } form button { background-color: #f8f2f1; border-color: #bd8078; color: #bd8078; margin: 20px auto; } form button:hover { background-color: #f9cfbe; border-color: #bd8078; color: #1f0b0d; } form legend { color: #bd8178; } form ul li { color: #1f0b0d; list-style-type: none; } form label { color: #1f0b0d; } form ul li strong { margin: 0 5px 0 0; } #paymentOpts > ul { float: left; } #register form fieldset { background-color: #F8F2F1; border-width: 1px 0 0; } #register form fieldset p { background-color: #F8F2F1; } #survey textarea { margin-bottom: 20px; width: 100%; }