/* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 3.0.0 build: 1549 */ /* RESET */html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} /* FONTS */body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /* BASE */h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;} html { overflow-y: scroll; background: #b2b6ac; } body { font-family: Helvetica, Arial, clean, sans-serif; color: #353a39; text-align: center; background: #fff url('../images/body-bg.png') repeat-x 0 0; padding-top: 173px; } body.with-toolbar { background-position: 50% 37px; padding-top: 210px; } header, footer, article, section, aside, nav { display: block; } a { text-decoration: none; color: #0042ff; outline: none !important; } a.read-more { white-space: nowrap; } b { font-weight: normal; } .wrapper, #bd { width: 940px; margin: 0 auto; text-align: left; } .toolbar { background: #adc687; height: 36px; width: 100%; line-height: 36px; overflow: hidden; margin: 0; border-bottom: 1px solid #e6ecdc; position: absolute; top: 0; left: 0; right: 0; } .toolbar a { color: #353a39; } .toolbar p { float: left; margin: 0; } .toolbar ul { float: right; margin: 0; } .toolbar ul li { list-style: none; display: inline; display: inline-block; padding-left: 1em; margin-left: 1em; } .toolbar ul li:first-child { border-left: none; } .vcard {} .vcard .tel {} .vcard .tel .type { display: none; } .left { text-align: left; } .center { text-align: center; } .right { text-align: right; } abbr.dtstart, abbr.dtend, abbr.required, abbr.published, abbr.updated { border: none; } abbr.dtstart, abbr.dtend { cursor: default; white-space: nowrap; } span.amp { font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif; font-size:110%; font-style:italic; font-weight: normal; } form { display: block; } form fieldset { display: block; border-top: 1px solid #ccc; padding-top: 1em; } form fieldset legend { font-weight: bold; } form fieldset legend span { padding: 0 0.5em 0 0; background: #fff; } form label { display: block; margin: 0 0 0.25em; } form input[type=text], form input[type=password], form textarea { padding: 3px; width: 20em; border: 1px solid #eceee8; background: #eceee8 url('../images/input-bg.png') no-repeat 0 0; } form textarea { height: 6em; } form textarea#id_description { width: 40em; height: 20em; } form input[type=text]:focus, form input[type=password]:focus, form textarea:focus { outline: none !important; background: #d1dcbf; } form input[rel=date] + img { margin-left: 0.5em; vertical-align: middle; } form ol { margin: 0 auto; } form ol li { list-style: none; margin: 0 0 1em; } form ol li.hidden, form ol li.am-i-human { display: none; } form ol li.checkboxselectmultiple { width: 100%; overflow: hidden; } form ol li ul { margin: 0; } form ol li ul li { margin: 0; } form ol li.checkboxselectmultiple ul li { width: 33%; float: left; margin: 0 0 1em; } form ul.errorlist { color: #c00; } form .help { margin-top: 0.5em; font-style: italic; display: block; } form .preview { margin-left: 1em; } form .preview img { vertical-align: middle; } form .buttons {} form .buttons button, form .buttons a, a.button { border: none; padding: 0; background: transparent; cursor: pointer; font-size: 100%; } form .buttons button span, form .buttons a, a.button span, ul.tools li span a { display: inline-block; padding: 4px 6px 4px; color: #fff; font-weight: bold; background: #32662e url(../images/button_span_bg.png) repeat-x 0 0; font-size:11px; cursor: pointer; text-decoration: none; text-shadow:-1px -2px 1px #3a8936; } form .buttons button:hover span, ul.tools li span a:hover { background:url(../images/button_span_bg_hover.png) repeat-x 0 0; color:#323232; text-shadow:1px 2px 1px #d0d0d0; } form .buttons a { font-size: 95%; } a.button.email span, a.button.rss span, a.button.itunes span { padding-left: 28px; background-image: url('../images/email.png'); background-repeat: no-repeat; background-position: 6px 50%; } a.button.rss span { background-image: url('../images/feed.png'); } a.button.itunes span { background-image: url('../images/itunes.png'); } form.member-form li.description { margin-bottom: 3em; } form.member-form li.logo { margin: 3em 0; } form.member-form textarea#id_description { width: 532px; } form.member-form li.loc_street, form.member-form li.loc_street2, form.member-form li.loc_city, form.member-form li.phone, form.member-form li.fax { float: left; width: 275px; } form.member-form li.loc_city, form.member-form li.phone, form.member-form li.url { clear: left; } form.member-form li.loc_state { float: left; width: 150px; } form.member-form li.loc_state select { width: 140px; } form.member-form li.loc_zip { float: left; width: 114px; } form.member-form li.loc_zip label { font-size:90%; } form.member-form li.loc_zip input { width: 106px; } form.member-form li.number_of_members input { width: 20px; text-align: right; } form.member-form li.number_of_members .price { font-weight: bold; margin-left: 1em; } #hd { position: absolute; top: 0; left: 0; right: 0; margin: 0; } .with-toolbar #hd { border-top: none; top: 37px; } #hd .wrapper { position: relative; background:url(../images/hd_bg_image.png) no-repeat 100% 0; } #hd .logo { padding: 30px 0 0 0; margin:0;} #hd .logo a { width: 228px; height: 90px; text-indent: -1000px; overflow: hidden; display: block; background: transparent url('../images/logo.png') no-repeat 0 0; } #hd #nav { position:absolute; top: 132px; left:0; width: 100%; padding: 0; z-index:100; } #hd #nav ul { margin: 0; } #hd #nav ul li { list-style: none; height: 42px; position:relative; float:left; text-indent:-9999px; overflow:hidden; width:79px; } #hd #nav ul li a { display: block; height: 84px; color: #fff; background:url(../images/nav_bg.png) 0 0 no-repeat; position:relative; } #hd #nav ul li a:hover, #hd #nav ul li.ancestor a, #hd #nav ul li.selected a { margin-top:-42px; } #hd #nav ul li.nav-events { width:67px; } #hd #nav ul li.nav-events a { background-position:-79px 0; } #hd #nav ul li.nav-programs { width:87px; } #hd #nav ul li.nav-programs a { background-position:-146px 0; } #hd #nav ul li.nav-news { width:54px; } #hd #nav ul li.nav-news a { background-position:-233px 0; } #hd #nav ul li.nav-resources { width:91px; } #hd #nav ul li.nav-resources a { background-position:-287px 0; } #hd #nav ul li.nav-sponsors { width:84px; } #hd #nav ul li.nav-sponsors a { background-position:-378px 0; } #hd #nav ul li.nav-about { width:61px; } #hd #nav ul li.nav-about a { background-position:-462px 0; } #hd #nav ul li.nav-contact { width:77px; } #hd #nav ul li.nav-contact a { background-position:-523px 0; } #hd #nav ul li.nav-join { width:45px; margin-left:237px;} #hd #nav ul li.nav-join a { background-position:-838px 0; } #hd #nav ul li.nav-login { width:58px; } #hd #nav ul li.nav-login a { background-position:-883px 0; } #hd #search { position: absolute; top: 74px; right: 0; width:190px; height:24px; } #hd #search input.text { width: 144px; border: 2px solid #c2c2c2; background: #eceee8; color: #8a8f80; margin-right: 0.5em; border-top:0px; padding-top:2px; margin-top:1px; position:absolute; top:0; left:0; } #hd #search input.submit { position:absolute; top:1px; right:0; width:28px; height:22px; } #hd #search button { border: none; padding: 0; background: transparent; float: right; } #hd #search button span { display: block; overflow: hidden; text-indent: -1000px; width: 26px; height: 22px; background: #499a3a url('../images/search-icon.png') no-repeat 50% 50%; } #hd a.login, #hd a.join { display:block; position: absolute; top: 132px; right: 0px; width: 58px; height: 42px; overflow: hidden; text-indent: -1000px; } #hd a.login span, #hd a.join span { display:block; position: relative; width: 100%; height: 84px; background: url('../images/nav_bg.png') no-repeat -883px 0; } #hd a.join { right:58px; width:45px; } #hd a.join span { background-position:-838px 0; } #hd a.login:hover span, #hd a.join:hover span { margin-top:-42px; } #bd { padding: 0; zoom: 1; overflow: hidden; } #main { width: 600px; overflow:hidden; float: left; position: relative; } body.application div#main { height:1500px; } .login #main { width: auto; float: none; } .login #main form { width: 263px; margin: 0 auto; display: block; } .login #main form .buttons { width: 100%; overflow: hidden; line-height: 23px; } .login #main form .buttons button { float: right; } .login #main form .buttons a { float: left; } #main a { color: #458940; font-weight:bold; text-decoration: none; } #main .resource-url a { text-decoration: none; } #main form .buttons a { color: #fff; text-decoration: none; } #main h1 { margin: 18px 0 0; font-weight: bold; font-size: 22px; } body#login #main h1 { text-align:center; } #main h1 b { font-weight:bold; } #main h1 a { color: #5f9baf; text-decoration: none; } #main h1 b a { color: #353A39; } .home #main h1 { display: none; } body#subscriptions #main h1 { margin-bottom:10px; } #main h2, #main h3 { font-weight: bold; margin: 2em auto 0.5em; } body#subscriptions #main h2 { margin:0 0 20px; font-weight:bold; } #main h2 + h3 { margin-top: 0; } #main h2 a, #main h3 a { text-decoration: none; } .resources #main h2 a { color: #353A39; } .jobs #main h2 a { color: #5f9baf; } #main ol, #main ul {} #main ol li, #main ul li { margin-bottom: 1em; } #main ol ol li { list-style: lower-alpha; } #main ol.comment-list li.empty { list-style: none; } #main ol.scripted, #main ul.scripted { color: #a9c383; font-weight: bold; } #main ol.scripted li span, #main ul.scripted li span { color: #353A39; font-weight: normal; } #main ul li { list-style-image: url('../images/main-ul-li-bullet.png'); } #main form ul li { list-style: none; } #main p + form, .jobs #main p + dl { margin-top: 2em; } #main dl { margin: 0 0 1em; } #main dl dt { font-weight: bold; } #main dl dd { margin: 0 0 1em; } .podcasts dl dt, #subscriptions dl dt { margin-right: 1em; width: 10em; clear: left; } #subscriptions dl dt { width: 15em; line-height: 22px; } .podcasts dl dd { margin-left: 11em; } #subscriptions dl dd { } #main .intro { margin: 0 0 2em; } #main .heroshot { margin: 0 0 1em; width:598px; height:284px; overflow:hidden; position:relative; background:#222; z-index:200; } #main .heroshot div#hero-caption { display:block; width:100%; height: 85px; background:url(../images/hero_caption_bg.png); position:absolute; bottom:0; left:0; color:#fff; line-height:56px; font-size:24px; } #main .heroshot div#hero-caption span#caption-holder { margin:0 20px; } #main .heroshot ul#hero-numbers { position:absolute; bottom:0; left:0; } #main .heroshot ul#hero-numbers li { position:relative; float:left; list-style:none; color:#333; display:block; width:20px; height:20px; background:url("../images/button_span_bg_hover.png") repeat-x scroll 0 0 #32662E; text-align:center; line-height:22px; margin:0 10px 0 0; text-shadow:1px 2px 1px #d0d0d0; border-bottom:1px solid #555; } #main .heroshot ul#hero-numbers li.current { color:#fff; background:#32662e url(../images/button_span_bg.png) repeat-x 0 0; text-shadow:-1px -2px 1px #3a8936; border-color:#3a7533; } #main .heroshot div.hero_shadow { width:100%; height:10px; position:absolute; left:0; top:0; background:url(../images/hero_shadow.png) 0 0 repeat-x; } #main .featured-members { width: 100%; overflow: hidden; margin:28px 0 0; border-top:1px dashed #d9d9d9; padding:27px 0 0; } #main .featured-members h2 { margin-top: 0; color: #2f2f2f; font-weight: bold; font-size: 22px;} #main .featured-members h2 span.view-all { font-weight: bold; font-size: 11px; display:block; width:50%; position:relative; float:right; text-align:right; line-height:29px; } #main .featured-members h2 span.view-all a { color:#458940; } #main .featured-members ul { margin: 0; zoom: 1; overflow: hidden; width:100%; } #main .featured-members ul li { float: left; width: 190px; list-style: none; text-align: center; margin-right: 8px; margin-bottom: 10px; position:relative; display:block; } #main .featured-members ul li.third { float: right; margin-right: 0; } #main .featured-members ul li.view-all { float: none; clear: both; width: 100%; margin: 1em 0 0; text-align: left; font-size: 85%; color: #353a39; } #main .featured-members ul li.view-all a { color: #353a39; text-decoration: none; text-transform: uppercase; } #main .featured-members ul li img { max-width: 100%; height: auto; } #main img { max-width: 100%; height: auto; } #main table { width: 100%; border-top: 1px dashed #d9d9d9; margin:50px 0 0; } #main table th, #main table td { border: none; vertical-align: top; padding: 0.5em 1em; border-bottom: 1px dashed #d9d9d9; } #main table thead td { padding: 0; } .board #main table thead th { text-align: left; } #main table tbody td:first-child, .board #main table thead th:first-child { padding-left: 0; } #main table tbody td.year { padding-left: 0; padding-right: 0; } .members #main table {} #main table.mceLayout { border: 1px solid #ccc; } .mceToolbar table { width: auto !important; border-top: none !important; } .members #main table tbody td { border-bottom: 1px dashed #d9d9d9; padding: 1em 0.5em; } #main table.mceLayout tbody td { border-top: none; border-bottom: none; padding: 0; } .members #main table tbody td.logo { width: 150px; padding-left: 0; } .members #main table tbody td.logo img { max-width: 150px; height: auto; } .members #main table tbody td.company {} .members #main table tbody td.company a { text-decoration: none; } #main .pagination { zoom: 1; overflow: hidden; min-height: 24px; text-align: center; margin: 1em auto; color: #444; } #main .pagination li { list-style: none; display: inline; margin: 0 0.5em; } #main .pagination li.prev, #main .pagination li.next { display: block; margin: 0; position: absolute; top: 25px; right: 1em; } #main .pagination li.prev { right: 5em; } #main .pagination a { color: #458940; background: none; padding: 2px 6px; text-decoration: none; } #main .pagination li.prev a, #main .pagination li.next a { background: transparent; color: #458940; font-weight:bold; } #main .pagination a.disabled { color: #a7ab9f; border-color: transparent; } #main .pagination li.prev a.disabled, #main .pagination li.next a.disabled { color: #ccc; font-weight:normal; } #main .pagination a.current { color: #ccc; border-color: transparent; } .member-profile #main img.logo { float: right; margin: 0 0 0.5em 1em; } .member-profile #main h1, .member-profile #main p.contact, .member-profile #main p.category { margin-right: 163px; } .member-profile #main p.adr { float: left; width: 249px; } .member-profile #main p.tel, .member-profile #main p.website { margin-left: 262px; } .member-profile #main p.tel { margin-bottom: 0; } .member-profile #main .note { clear: left; } #main .vevent p { margin: 0; } #main .vevent h2 { margin-bottom: 0; } #main .tools { margin: 1em 0; text-align: left; } #main .tools li { display: inline; margin: 0 1em 0 0; } #main .tools li a { color:#fff; font-weight:normal; font-size:10px; padding-top:5px; } #main .tools li a:hover { color:#333; } .news #main .hentry { margin-bottom: 2em; line-height: 1.5; } .news #main h2.entry-title, .news #main h2.entry-title + .meta { margin-bottom: 0; } .news #main .entry-content { margin-bottom: 3em; } #main #comments {} #main #comments ol.comments { margin: 0 0 2em; } #main #comments ol.comments li { list-style: none; margin: 0 0 1em; } #main #comments ol.comments li p.author-posted { margin: 0; } .resources #main h2 { margin: 2em 0 0; } .resources #main h1 + h2 { margin: 1em 0 0; } .resources #main p { margin: 0; } #main #comments { padding-top: 1px; margin-top: 3em; border-top: 1px solid #ccc; } #main #comments h2 { margin: 2em 0 1em; } .events #sb .callout-ical a { float: none; display: block; } .member-profile #main a.vcard abbr { border: none; } body#subscriptions div#main div.item { width:30%; position:relative; float:left; margin-right:10px; padding-right:10px; border-right:1px dashed #d8d8d8; } body#subscriptions div#main div.item:last-child { margin-right:0; padding-right:0; border-right:0; } div#main dd { line-height:20px; } div#main dd a.email, div#main dd a.rss { display:block; padding:0 0 0 20px; margin:10px 0 0; } div#main dd a.email { background:url(../images/subscription_email.png) 0 0 no-repeat; } div#main dd a.rss { background:url(../images/subscription_rss.png) 0 0 no-repeat; } #sb { width: 300px; padding:0 0 0 20px; border-left:1px dashed #d8d8d8; float: right; } body#login #sb { display:none; } #sb a { color: #458940; } #contact #sb { padding-top: 38px; } #sb .block { width: 280px; padding:20px 10px 0px; border-top:1px dashed #d8d8d8; margin: 0px 0 20px; } #sb .block:first-child { border-top:0; padding-top:15px; margin-top:20px; } #sb .callout { margin: 0 auto; border-bottom:0; background:#e2e2e2; padding:10px 10px 0; width:260px;} body#directory #sb .callout, body#events #sb .subscribe-calendar, body#archive #sb .subscribe-calendar, body#speakers #sb .subscribe-calendar, #sb .callout-ical, body.event-detail #sb .callout { padding-bottom:10px; } #sb .callout a { line-height:0; display:block; } #sb .newsletter-subscribe { padding-bottom:10px; } #sb .block h2 { margin: 0 0 5px; color: #2f2f2f; font-weight: bold; font-size: 20px; } #sb .block h2 a { color: #fff; } #sb .block > ul, #sb .block > form, #sb div.vcard { margin: 0; padding: 0; } #sb div.vcard { width: auto; zoom: 1; margin-top:0; padding-top:0; } #sb div.block.vcard { margin-top:0; padding:0px 10px 0; margin-bottom:20px; } #sb div.vcard p.adr { font-weight:bold; } #sb .block > ul li { list-style: none; margin: 0.5em 0 0; } #sb .block > ul li:first-child { margin-top: 0; } #sb .block > ul li a { color: #458940; font-weight:bold; } #sb div.subnav ul { margin-left:5px; font-size:14px; } body#contact #sb div.subnav ul { margin-left:0; } #sb div.subnav ul li ul { margin-left:30px; font-size:12px; } #sb div.subnav ul li { margin: 0 0 10px; } #sb div.subnav ul li a { display: block; } #sb div.subnav ul li a:hover, #sb .block > ul li a:hover, #bd a:hover { color:#b7b7b7; } #sb div.subnav ul li.selected > a, #sb div.subnav ul li.ancestor > a { background:url(../images/sb_subnav_arrow.png) 0 0 no-repeat; color:#323232; padding-left:36px; margin-left:-36px; } #sb div.subnav ul li ul li.selected a, #sb div.subnav ul li ul li.ancestor a { background:none; } #emails #sb div.subnav ul li.ancestor > a, #subscriptions #sb div.subnav ul li.ancestor > a { background: none; } #sb .contact-member .buttons { margin-bottom: 0; } #sb .block a.view-all, #sb .block li.subscribe { font-weight:bold; font-size:11px; color: #458940; } .events #sb div.subnav h2 { display: none; } #sb .tweets {} #sb .block.links h3, #sb ul.social-links li { line-height:22px; } #sb .block.links h3 a, #sb ul.social-links li a { display:block; padding:0 0 0 25px; color:#323232; height:20px;} #sb .block.links h3 a span, #sb ul.social-links li a span { color:#458940; } #sb .block.links h3.twitter a, #sb ul.social-links li a.twitter { background:url(../images/sb_links_twitter.png) 0 0 no-repeat; } #sb .block.links h3.feed a { background:url(../images/sb_links_rss.png) 0 0 no-repeat; } #sb .block.links h3.email a { background:url(../images/sb_links_email.png) 0 0 no-repeat; } #sb ul.social-links li a.linkedin { background:url(../images/sb_links_linkedin.png) 0 0 no-repeat; } #sb ul.social-links li a.facebook { background:url(../images/sb_links_facebook.png) 0 0 no-repeat; } #sb .fb-posts li.post a, #sb .tweets li.post a, #sb .fb-posts li abbr.published, #sb .tweets li abbr.published { } #sb .fb-posts li abbr.published, #sb .tweets li abbr.published { font-size: 85%; display: block; } #sb form {} #sb form input[type=text], #sb form input[type=password], #sb form textarea { width: 187px; background: #fff; } #sb form .buttons { } #members #sb form .buttons, .jobs #sb form .buttons { text-align: left; } .jobs #sb form ol li ul li { text-indent: -20px; margin-left: 20px; } #contact #sb .vcard h2 { display: none; } #contact #sb .vcard p.tel { margin: 0; color:#458940; font-weight: bold; } #contact #sb .vcard p.tel span.type { display:inline; color:#323232; } #contact #sb .vcard p.download { margin: 1em 0 0; } #contact #sb .vcard p.download { line-height:24px; } #contact #sb .vcard p.download a { color: #458940; font-weight:bold; padding:0 0 0 30px; background:url(../images/sb_links_vcard.png) 0 0 no-repeat; display:block; height:30px; } #sb div.newsletter-subscribe form { background: url('../images/callout-email-subscribe.png') no-repeat 0 0; padding: 57px 0 0 22px; height: 39px; color: #fff; } #sb div.newsletter-subscribe form ol, #sb div.newsletter-subscribe form ol li, #sb div.newsletter-subscribe p { display: inline; padding: 0; } #sb div.newsletter-subscribe form input { background: #eceee8; border: 0px solid #96b170; border-bottom-color: #d1dcbf; border-right-color: #ebede6; width: 120px; } #sb div.newsletter-subscribe form input.placeholder { color: #8a8f80; font-size:11px; } #sb div.newsletter-subscribe form button span { padding:4px 6px; } #ft { margin-top: 1em; clear: both; zoom: 1; color: #fff; overflow: hidden; background:url(../images/ft_bg.png) 0 0 repeat-x #458940; } #ft .wrapper { padding: 1px 0 0; } #ft .social-links { margin: 0 0 1em; } #ft h2 { margin: 0 -22px; padding: 22px; clear: both; font-size: 100%; color:#363636; text-shadow:1px 1px 0px #48a141; } #ft a { color: #fff; } #ft ul { margin: 0 0 22px; width: 100%; overflow: hidden; } #ft .sponsors ul { margin:0; padding:0 0 22px; background:url(../images/ft_sponsors_rule.png) 0 100% repeat-x; } #ft ul li { list-style: none; } #ft p, #ft .social-links, #ft .ft_nav { margin: 0; padding: 0; width: 23%; float: left; line-height:53px; font-size:11px; } #ft .ft_nav { width: 64%; } #ft .ft_nav ul { margin:0; } #ft .ft_nav ul li { display:inline; margin:0 8px 0 0; border-right:1px solid #fff; padding:0 8px 0 0; } #ft .ft_nav ul li:last-child { border-right:0; } #ft p.copyright { float: right; text-align: right; } #ft .social-links { float: left; margin:0; width: 10%; text-align: right; overflow: hidden; line-height:60px; height:53px; overflow:hidden; } #ft .social-links li { display: inline; margin: 0 0 0 0.5em; line-height:53px; } #ft .social-links li a { display: inline-block; width: 16px; height: 16px; overflow: hidden; text-indent: -1000px; text-align: left; background: transparent no-repeat 50% 50%; } #ft .social-links li a.facebook { background-image: url('../images/facebook.png'); } #ft .social-links li a.flickr { background-image: url('../images/flickr.png'); } #ft .social-links li a.twitter { background-image: url('../images/twitter.png'); } #ft .social-links li a.linkedin { background-image: url('../images/linkedin.png'); } #ft .sponsors { margin: 0 -22px; width: 100%; overflow: hidden; padding: 0 22px; clear: both; } #ft .sponsors ul li { float: left; height: 85px; margin: 0 40px 1em 0; } #ft .sponsors ul li span { display: none; } #messages { position: fixed; _position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #000; background-color: rgba(0,0,0,0.5); z-index: 999; margin: 0; padding: 0; } #messages li { list-style: none; display: block; margin: 2em auto; color: #fff; background: #5f9baf; width: 300px; font-weight: bold; text-align: center; padding: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; } #messages li .close { color: #fff; display: block; font-weight: normal; margin-top: 1em; } #ui-datepicker-div { display: none; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.75); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.75); box-shadow: 0 0 10px rgba(0,0,0,0.75); } #fonttest { top: 0; left: -10000px; }