/*================================================== M A I N S T Y L E S * Last Updated : 2009/10/14 * Color hex : * Electric blue #006aff * Deep red #da0000 * Pale blue (black bg.) #b5dbff * Orange (black bg.) #ff9900 ==================================================*/ @import 'lib/reset.css'; @import 'lib/utilities.css'; /*================================================== T E M P O R A R Y ==================================================*/ #haiti-banner { display: block; background: #006aff; color: #fff; margin: 0 10px 60px 10px; padding: 15px 15px; } #haiti-banner:hover { text-decoration: none; } #content div.block-data a#haiti-banner p.link-more { padding-bottom: 0; color: #ccc; } #content div.block-data a#haiti-banner:hover p.link-more { color: #fff; text-decoration: underline; color: #fff; } #header ul#misc-menu li.haiti a { background: #006aff; color: #fff; margin-top: -5px; padding-top: 10px; } body.body-night #header ul#misc-menu li.haiti a { background: #b5dbff; color: #000; } /*================================================== L A Y O U T Basic page layout ==================================================*/ body { background: #fff; font: 10px/160% Arial, Helvetica, sans-serif; text-align: center; color: #000; position:relative;} #wrapper { text-align: left; width:960px; margin:0 auto;} #header {} #content {} #footer {clear:both;} /*================================================== C O M M O N E L E M E N T S Main HTML elements ==================================================*/ h1 {} h2 { font-size: 1.8em; font-weight: bold; color:#da0000; margin-bottom:10px;} h3 {font-size: 1.8em; font-weight: bold; color:#434343; margin-bottom:18px;} #accordion h3 {background: url(/images/faq-puce.gif) no-repeat 0 center; cursor:pointer; padding-left:26px;} li, p, td, th, dd, dt, label, legend { } p { margin-bottom: 1em; } a:link { color: #006aff; text-decoration: none;} a:visited {color: #006aff; text-decoration: none; } a:hover { color: #006aff; text-decoration: underline; } a:active {color: #006aff; text-decoration: none; } .alignright {text-align:right;} /*================================================== Top bar elements ==================================================*/ #top-bar { background: #000; padding: 7px; } #top-bar div.inner { width: 940px; margin: 0 auto; } #top-bar ul.links { float: left; width: auto; margin-top: 3px; } #top-bar ul.links li { float: left; width: auto; margin-right: 10px; } #top-bar ul.links li a { display: block; text-indent: -9999em; width: 88px; height: 24px; } #top-bar ul.links li a:hover { background-position: 0 -24px; } #top-bar ul.links li.pechakucha a { background-image: url(/images/ui/top-bar-pechakucha.gif); width: 111px; } #top-bar ul.links li.facebook a { background-image: url(/images/ui/top-bar-facebook.gif); } #top-bar ul.links li.twitter a { background-image: url(/images/ui/top-bar-twitter.gif); } #top-bar ul.links li.delicious a { background-image: url(/images/ui/top-bar-delicious.gif); } #top-bar .text { float: right; width: auto; text-align: right; color: #ccc; line-height: 120%; font-size: 1.1em; } body.body-night #top-bar { background: #222; } body.body-night #top-bar ul.links li.pechakucha a { background-image: url(/images/ui/top-bar-pechakucha-night.gif); } body.body-night #top-bar ul.links li.facebook a { background-image: url(/images/ui/top-bar-facebook-night.gif); } body.body-night #top-bar ul.links li.twitter a { background-image: url(/images/ui/top-bar-twitter-night.gif); } body.body-night #top-bar ul.links li.delicious a { background-image: url(/images/ui/top-bar-delicious-night.gif); } /*================================================== Header elements ==================================================*/ /* general */ #header { position:relative; height:220px; } /* logo */ #header h1 {position:absolute; top:89px; left:10px; width:660px; height:68px; } #header h1 a:hover{text-decoration: none;} #header h1 span.site-name {display:inline; float:left; text-indent:-999em; background: url(/images/ui/logo-color.gif) no-repeat 0 0; width:286px; height:68px;} #header h1 span.module-name {display:inline; float:left; font-size:3.0em; color:#000; font-weight:bold; letter-spacing: -0.05em; padding:24px 0 0 10px; text-transform: lowercase;} #header a.subtitle span.city-name {font-weight: normal; padding-left:5px;} /* misc menu */ #header ul#misc-menu { position:absolute; top:5px; left:10px; width: auto; } #header ul#misc-menu li { display: inline; } #header ul#misc-menu li a { display: inline; float: left; font-size:1.2em; background: transparent url(/images/ui/menu-separator-grey.gif) no-repeat 0 50%; padding:5px 10px;} #header ul#misc-menu li.first a, body.body-night #header ul#misc-menu li.first a {background: 0; padding-left:0; } /* login menu */ #header ul#login-menu { position:absolute; top:5px; right:10px; width: auto; } #header ul#login-menu li { display: inline; } #header ul#login-menu li a, #header ul#login-menu li span.logged-in { display: inline; float: left; font-size:12px; background: transparent url(/images/ui/menu-separator-grey.gif) no-repeat right 50%; padding:5px 10px;} #header ul#login-menu li span.logged-in a {display:inline; float: none; padding:0; background: 0;} #header ul#login-menu li.last a, body.body-night #header ul#login-menu li.last a {background: 0; padding-right:0;} /* #header ul#login-menu li span.logged-in */ /* site title */ #header #site-title { float: left; clear: both; } /* main menu */ /* when the menu has 6 elements, use top:60px For now we'll need a bit more... */ #header #main-menu { position:absolute; top:75px; left:660px; width: auto;} #header #main-menu li {display:inline;} #header #main-menu li a {display:block; color:#000; margin-bottom:5px; cursor:pointer;} #header #main-menu li a:hover {text-decoration: none;} #header #main-menu li a span.main {font-size:1.8em; display:inline; float:left; width:140px; text-align:right; font-weight:bold; letter-spacing: -0.05em; text-transform: lowercase;} #header #main-menu li a span.explain {display:block; margin-left:150px; font-size:1.1em;} #header #main-menu li a:hover {color:#da0000;} /* contextual nav... */ .body-two0x20 #header #main-menu li.nav-20x20 a, .body-night #header #main-menu li.nav-night a, .body-presentations #header #main-menu li.nav-presentations a, .body-events #header #main-menu li.nav-events a, .body-daily #header #main-menu li.nav-daily a {color:#da0000; cursor:default;} /* old ie upgrade */ div#old-ie {background: #da0000; color:#fff; padding:10px 0; font-size:1.2em;} div#old-ie a {color:#fff; text-decoration: underline;} /* blog header */ div#access div.skip-link {display:none;} /*================================================== Contents ==================================================*/ /* generic elements */ #content div.block-data {margin-bottom: 30px;} #content div.block-data h2 {position:relative; border-bottom:1px solid #ccc; padding-bottom: 20px; margin:0 10px 10px 10px; letter-spacing: -0.05em;} #content div.block-data h2 a.feed-link img {position:absolute; right:0; top:20px;} #content div.block-data h2 a.add-link img {position:absolute; right:34px; top:11px;} #content div.block-data h2 a.calendar-link img {position:absolute; right:0; top:11px;} #content div.block-data h2 span.number {font-size:4em; color:#000; letter-spacing: -0.07em;} #content div.block-data h2 span.no-number {display:block; padding-top:19px; } #content div.block-data h2 span.smaller {font-size: 2.5em;} #content div.block-data h2 span.important {background:#eee; color:#000;} #content div.block-data h2 a.citylink {color:#006aff;} #content div.block-data p {margin:0 10px 5px 10px; font-size:1.2em; line-height: 1.5em;} #content div.block-data p.link-more {padding:10px 0 30px 0; font-size:1.4em; font-weight: bold;} /* breadcrumbs */ ul#breadcrumbs { font-size:1.2em; line-height: 1.5em; font-weight: bold; margin:0 10px 50px 10px;} ul#breadcrumbs li {display:inline;} ul#breadcrumbs li.now {display:inline; float:left; background: url(/images/ui/breadcrumb-arrow-black.gif) no-repeat 15px 50%; padding-left:40px;} ul#breadcrumbs li a {display:inline; float:left; background: url(/images/ui/breadcrumb-arrow-black.gif) no-repeat 15px 50%; padding-left:40px;} ul#breadcrumbs li.home a {background: 0; padding-left:0;} /* 20x20 top page */ .body-two0x20 #content div#column-general {display:inline; float:left; width:320px;} .body-two0x20 #content div#column-upcoming {display:inline; float:right; width:160px;} .body-two0x20 #content div#column-news {float: left; width: 480px;} /* left column only layout */ div#register-main {display:inline; float:left; width:800px;} div#register-sub {display:inline; float:right; width:160px;} /* intro */ div#block-intro {margin-bottom:20px;} div#block-intro p {margin-bottom:20px;} /* quote */ div#block-quote {margin-bottom:20px; position: relative;} div#block-quote blockquote {margin:0 10px; font-size:1.2em; line-height:1.5em; background: url(/images/ui/quote-big-l.gif) no-repeat 0 0; padding-left:26px; position:absolute;} div#block-quote blockquote span {display:block; background: url(/images/ui/quote-big-r.gif) no-repeat right bottom; padding-right:26px;} div#block-quote blockquote p.quote-source {text-align: right; color:#666; font-style: italic; padding-top:5px; line-height: 120%;} /* map */ div#block-map {padding-bottom:20px;} div#block-map div#gmap-small {height:200px; margin:0 10px 20px 0;} div#block-map a.link-bigmap {display:block; margin-top:10px; font-size:1.2em; font-weight: bold;} div#block-map a.link-bigmap:hover {text-decoration: none;} div#block-map a.link-bigmap:hover span {text-decoration: none; border-bottom:1px solid #006aff;} /* blog entries */ div#block-stories {padding-bottom:20px;} div#block-stories div.story-small {margin-bottom:20px;} div#block-stories div.story-small h3 {font-size: 1.4em; margin:0 10px 10px 10px; } div#block-stories div.story-small img.post-tmb {float:left; width:60px; height:60px; margin-left:10px; } div#block-stories div.story-small p.post-body { margin:0 10px 0 80px; } div#block-stories div.story-small p.nothumb { margin:0 10px 0 10px; } div#block-stories img.link-daily {display:block; margin:0 10px;} /* presentations */ div#block-presentation { padding-bottom: 20px;} div#block-presentation ul#presentations-tmb li {display:inline;} div#block-presentation ul#presentations-tmb li a{display:inline; float:left; width:100px; height:80px; margin:0 10px 20px 10px; position:relative; overflow: hidden;} div#block-presentation ul#presentations-tmb li a span.description {display:block; width:100px; height:80px; background:#000; color:#fff; padding:10px; display:none; position:absolute; top:0; left:0; } /* city block */ div.city-block {overflow: hidden; width:160px; height:200px; position:relative;} div.city-block a {display:block; position:absolute; width:160px; height:400px;} div.city-block a:hover {text-decoration:none;} div.city-block img {display:block; margin: 0 10px 10px 10px;} div.city-block div.city-meta {margin: 0 10px 10px 10px; color: #000;} div.city-block div.city-meta span.city-name {display:block; font-size:1.2em; font-weight: bold; color:#000; letter-spacing: -0.05em; padding-bottom:2px;} div.city-block div.city-meta span.city-timeto {display:block; font-size:2.4em; font-weight: bold; color:#da0000; letter-spacing: -0.05em; } #newsletter-subscription { line-height:1.5em; margin:0 10px 10px 10px;} #city-column-news #newsletter-subscription {text-align:right;} #newsletter-title {position:relative;} #newsletter-title #newsletter-subscription {position:absolute; right:0; top:10px; z-index: 1000;} /* this is hidden by default... */ div.city-block div.city-meta span.city-date {display:block; font-size:1.2em; line-height: 1.4em; padding-top:15px;} div.city-block div.city-meta span.city-start, div.city-block div.city-meta span.city-end, div.city-block div.city-meta span.city-door {display:block; font-size:1.2em; line-height: 1.4em;} div.city-block div.city-meta span.city-place {display:block; font-size:1.2em; line-height: 1.4em; padding-top:15px;} /* pagination ajax */ div#small-pagination {margin:-10px 10px 0 10px; font-size:1.2em;} div#small-pagination .older-link {display:inline; float:left;} div#small-pagination .newer-link {display:inline; float:right;} div#small-pagination span {color:#666;} /* upcoming events - small */ div#block-next-small {margin-top:-30px;} #content div.block-data h2#mini-events {margin-bottom:0;} div#block-next-small ul#short-list {margin:0 10px 20px 10px;} div#block-next-small ul#short-list li {font-size:1.2em; line-height: 1.5em; border-bottom:1px solid #ccc; padding: 10px 0;} div#block-next-small ul#short-list li span.dtstart {display:block;} div#block-next-small a.link-calendar {padding:10px 10px 30px 10px; font-size:1.4em; line-height: 1.5em; font-weight: bold;} /* register */ div#content form.generic {margin: 0 10px 30px 10px;} div#content form.generic h3 {padding:20px 0 5px 0;} div#content form.generic div.text, div#content form.generic div.submit {padding:5px 0;} div#content form.generic div.text label {display: inline; float:left; width:120px; font-size:1.2em;} div#content form.generic div.text input {display:block; margin-left:130px; width:460px; padding:5px 7px; border:0; background: #eee; border: 1px solid #fff; border-top:1px solid #ccc; border-left:1px solid #ccc;} div#content form.generic div.submit input {display:block; margin-left:130px; padding:5px 7px; border:0; background: #006aff; border: 1px solid #006aff; border-bottom:1px solid #0053a9; border-right:1px solid #0053a9; color:#fff; font-weight: bold; font-size:1.4em;} div#content form.generic ul.error_list {margin-left:130px; font-size:1.2em; color:#da0000; padding-top:5px;} div#content form.generic p.more-info {display:block; margin-left:130px; color:#666; padding-top:5px;} div#content form.generic div.form-note {margin-left:130px; color:#da0000; padding-top:5px;font-size:1.2em; line-height: 1.5em;} div#content form.generic div.accept-disclaimer {color:#da0000;} div#content form.generic span.mandatory {padding:0 4px; color:#da0000;} div#content form.generic h3 {clear:left;} div#content form.generic ul.checkbox_list li {font-size:1.2em; line-height:1.5em; display:inline; float:left; width:25%;} div#content form.generic div.checkboxsave {clear:left; padding-top:20px;} div#content form.generic div.checkboxsave input {margin:0 0 0 25%;} div#content form.generic div.checkbox {margin-left: 125px; margin-bottom: 10px; margin-top: 10px; font-size: 1.2em; line-height: 1.5em;} div#content p.edit-message {padding:10px; background: #eee; margin-bottom:10px;} /* night top page */ div#countdown-holder {padding-bottom:20px;} div#countdown-holder div.city-block {float:left; margin-bottom:10px;} div#countdown-holder div.city-block div.city-meta {color: #fff;} div#countdown-holder div.city-block span.city-name {color:#fff;} div#countdown-holder div.city-block span.city-timeto {color:#ff9900;} body.body-night div#register-sub h2 {position:relative; border-bottom:1px solid #4b4b4b; padding-bottom: 20px; margin:0 10px 10px 10px; letter-spacing: -0.05em;} body.body-night div#register-sub h2 span.no-number {color:#ff9900; display:block; padding-top:19px; } body.body-night div#register-sub p {margin:0 10px 10px 10px; line-height: 1.5em; font-size: 1.2em; } body.body-night div#register-sub ul#cities-suggest {margin:0 10px 10px 10px;} body.body-night div#register-sub ul#cities-suggest li {display:inline;} body.body-night div#register-sub ul#cities-suggest li a {display:block; padding:10px 0; border-top: 1px solid #4b4b4b; font-size:1.2em;} body.body-night div#night-sub div.map-holder {display:inline; float:left; width:800px; margin-bottom:50px;} body.body-night div#night-sub div.map-holder #map {margin:0 10px;} body.body-night div#night-sub div.cities-holder {display:inline; float:right; width:160px; margin-bottom:50px;} body.body-night div#night-sub div.cities-holder h2 {margin:0 10px;} body.body-night div#night-sub div.cities-holder ul#new-cities {margin:0 10px;} body.body-night div#night-sub div.cities-holder ul#new-cities li {display:block; padding:10px 0; border-bottom: 1px solid #4b4b4b; font-size: 1.2em; line-height: 1.5em;} body.body-night div#night-sub div.cities-holder ul#new-cities li a {display:block; margin-bottom:5px;} body.body-night div#night-sub h2 span.link-to-big-map {float:right; font-size:12px; font-weight: normal; margin-top:20px; letter-spacing: normal;} body.body-night div#night-sub h2 span.link-to-big-map a {color:#b5dbff;} body.body-night div#night-sub h2 span.link-to-big-map a:hover {text-decoration: underline;} /* on click map... */ div#mapCityEventDetail div.city-block {padding-top:10px; height:440px;} div#mapCityEventDetail div.city-block span.city-name, div#mapCityEventDetail div.city-block span.city-date, div#mapCityEventDetail div.city-block span.city-start, div#mapCityEventDetail div.city-block span.dtend, div#mapCityEventDetail div.city-block span.city-door, div#mapCityEventDetail div.city-block span.city-place {color:#fff;} div#mapCityEventDetail div.city-block span.city-timeto {color:#ff9900;} /* all cities list #all-cities {} ul#city-list {} ul#city-list li {display:inline;} ul#city-list li a {display:inline; float:left; width:140px; font-size: 1.2em; line-height: 1.5em; margin:0 10px;} */ div#city-list {} div#city-list div.city-list-colone {float:left; width:140px; font-size: 1.2em; line-height: 1.5em; margin:0 10px;} div#city-list div.city-list-colone span {display:block;} /* filterbox */ div#all-cities h2 {position:relative;} div#all-cities h2 div.search-box {position:absolute; right:0; bottom:20px;} div#all-cities h2 div.search-box label {font-size: 12px; letter-spacing: normal; color:#fff; font-weight: normal; padding-right:20px;} div#all-cities h2 div.search-box input#search-box-field {background: #333; border:1px solid #000; border-right:1px solid #666; border-bottom:1px solid #666; padding:5px 7px; font-size:12px; width:126px; color:#ccc; font-family: Arial, Helvetica, sans-serif;} /* 404 - wesh */ div#content div.wide h2 span.number{font-size: 2.5em;} div#content div.wide p {margin-bottom:20px;} /* modal box */ /* mr. remka; the width and height of the modalbox is set inline in the html generated by jquery-ui. i think it cannot be overridden here and we have to set them in javascript. at the moment i set width:600 and height:300. please edit it as you like. (main.js) */ div#login-dialog {display:none;} div#login-dialog div.login-account label {cursor: pointer;} div#login-dialog div.login-account {display:inline; float:left; width:340px; margin:20px 0 20px 20px; border-right:1px solid #ccc; text-align:left;} div#login-dialog div.login-facebook {margin: 20px 0 0 380px;} div#login-dialog div.login-facebook p {text-align: left;} div#login-dialog div.login-facebook div.button-holder {margin-top:20px;} div#login-dialog div.login-account div {padding:5px 0;} div#login-dialog div.login-account div.text label {display:inline; float:left; width:60px; font-size:1.2em;} div#login-dialog h2 {font-size:1.4em; text-align:left; color:#000;} div#login-dialog div.login-account div.text input {display:block; margin-left:70px; width:230px; padding:5px 7px; border:0; background: #eee; border: 1px solid #fff; border-top:1px solid #ccc; border-left:1px solid #ccc;} div#login-dialog div.login-account div.submit input {display:block; margin-left:70px; padding:5px 7px; border:0; background: #006aff; border: 1px solid #006aff; border-bottom:1px solid #0053a9; border-right:1px solid #0053a9; color:#fff; font-weight: bold; font-size:1.4em;} div.login-account div.checkbox { font-size:1.2em; margin-left:60px;} div.login-account ul.after-links {margin-left:70px;} div#events-contents div.login-account ul.after-links { margin:-10px 0 30px 140px;} div.login-account ul.after-links li {font-size: 1.2em; margin-top:5px;} div.ui-dialog.login .ui-widget-header {display:none;} div#events-contents div.button-holder {margin: 0 0 30px 140px;} /* city page */ #content div.column-3-med-left {display:inline; float:right; width:160px;} #content div.column-3-med-right {display:inline; float:left; width:320px;} #content div.column-3-med-mid {display:inline; float: right; width: 480px;} #content div.column-3-big-left {display:inline; float: left; width: 800px;} #content div.column-3-med-left h2 span.number, #content div.column-3-med-right h2 span.number, #content div.column-3-med-mid h2 span.number, #content div.column-2-left h2 span.number, #content div.column-2-right h2 span.number, #content div.column-3-big-left h2 span.number{font-size:2.5em; } #content h2 a, #content h2 a:hover {text-decoration: none;} #content h2 a {color:#da0000;} #content div.column-3-med-left img.city-thumb {display:block; margin-left:10px;} #content p.news-links {text-align:right; line-height:1.5em;} ul#city-events {margin:-10px 10px 20px 10px;} ul#city-events li {display:inline;} ul#city-events li.hide {display:none;} ul#city-events li a {display:block; padding:10px 0; font-size:1.2em; border-bottom:1px solid #4b4b4b;} ul#city-events li a span.city-name {display: block; color:#fff;} ul#city-events li a span.city-date {display: block; font-size: 1.4em; font-weight: bold;} ul#city-events li a:hover {text-decoration: none; color:#ff9900;} ul#city-events li a img.city-thumb {display:block; width:140px; height:140px; margin-bottom:10px;} #wrapper img.city-thumb {display:block; width:140px; height:140px; margin-bottom:10px;} ul#city-events li.has-thumb a span.city-date {margin-bottom:10px;} ul#city-events li a span.city-start {display: block; color:#fff;} ul#city-events li a span.city-end {display: block; color:#fff;} ul#city-events li a span.city-door {display: block; color:#fff; margin-bottom:10px;} ul#city-events li a span.city-place {display: block; color:#fff;} /* div#all-events-wrapper li.selected-event a {display: block; background: #121212;} */ div#all-events-wrapper li.selected-event a {cursor:default;} div#all-events-wrapper li.selected-event a span.city-date {color:#ff9900;} /* SO alban represents */ ul.city-events-list {margin:-10px 10px 20px 10px;} ul.city-events-list li {display:inline;} ul.city-events-list li.hide {display:none;} ul.city-events-list li a {display:block; padding:10px 0; font-size:1.2em; border-bottom:1px solid #4b4b4b;} ul.city-events-list li a span.city-name {display: block; color:#fff;} ul.city-events-list li a span.city-date {display: block; font-size: 1.4em; font-weight: bold;} ul.city-events-list li a:hover {text-decoration: none; color:#ff9900;} ul.city-events-list li a img.city-thumb {display:block; width:140px; height:140px; margin-bottom:10px;} #wrapper img.city-thumb {display:block; width:140px; height:140px; margin-bottom:10px;} ul.city-events-list li.has-thumb a span.city-date {margin-bottom:10px;} ul.city-events-list li a span.city-start {display: block; color:#fff;} ul.city-events-list li a span.city-end {display: block; color:#fff;} ul.city-events-list li a span.city-door {display: block; color:#fff; margin-bottom:10px;} ul.city-events-list li a span.city-place {display: block; color:#fff;} /* EO alban represents */ /* city page - flickr slideshow */ ul#flickr-slideshow {border-top:1px solid #4b4b4b; margin:45px 10px 10px 10px; width:460px; height:345px; overflow: hidden; padding-top:10px; position: relative; } ul#flickr-slideshow li img { display:block; position:absolute; top: 10px; left: 0; } /* city page / news */ ul#news-list {margin-bottom:20px;} ul#news-list li {margin:0 0 20px 0;} ul#news-list li h3 {font-size:1.4em; margin:0 10px 3px 10px;} ul#news-list li span.news-date {display:block; font-size:1.2em; margin:0 10px 5px 10px; color:#666;} ul#news-list li img {display:inline; float:left; width:60px; height:60px; margin:5px 10px 0 0;} /* city page / news */ ul#news-list-2 {margin-bottom:20px;} ul#news-list-2 li {margin:0 0 20px 0;} ul#news-list-2 li h3 {font-size:1.4em; margin:0 10px 3px 10px;} ul#news-list-2 li span.news-date {display:block; font-size:1.2em; margin:0 10px 5px 10px; color:#666;} ul#news-list-2 li img {display:inline; float:left; width:60px; height:60px; margin:5px 10px 0 0;} /* city page : presentation text */ div#city-presentation-text {margin:10px 0 30px 0;} /* city page : presentations list */ ul#city-presentations-list {margin:0 10px 20px 10px;} ul#city-presentations-list li {display:inline;} ul#city-presentations-list li a{display:block; border-bottom: 1px solid #4b4b4b; font-size:1.2em; padding:10px 0; } /* city page : social media links */ ul#city-socialmedia {margin:0 10px 20px 10px;} ul#city-socialmedia li {display:inline;} ul#city-socialmedia li a {display:inline; float:left; height:24px; width:115px; text-indent:-999em; margin-right:10px;} ul#city-socialmedia li.city-twitter a {background: url(/images/ui/logo-twitter.gif) no-repeat 50% 50%;} ul#city-socialmedia li.city-facebook a {background: url(/images/ui/logo-facebook.gif) no-repeat 50% 50%;} /* city page : local website */ #content div.block-data p#local-website {margin-bottom:20px;} /* city page : enquiry form */ form#city-enquiry {margin:0 10px 20px 10px;} form#city-enquiry div {padding:5px 0;} form#city-enquiry div label {display:inline; float:left; width:70px; font-size:1.2em; line-height: 1.5em;} form#city-enquiry div.text input, form#city-enquiry div.select select, form#city-enquiry div.textarea textarea {display:block; margin-left:90px; background: #333; border:1px solid #000; border-right:1px solid #666; border-bottom:1px solid #666; padding:5px 7px; font-size:1.2em; width:350px; color:#ccc; font-family: Arial, Helvetica, sans-serif;} form#city-enquiry div.textarea textarea {height:100px;} form#city-enquiry div.select select {width:365px;} form#city-enquiry div.submit input {display:block; margin-left:90px; background: #b5dbff; border:1px solid #000; padding:5px 7px; font-size:1.4em; font-weight: bold; border-top:1px solid #fff; border-left:1px solid #fff;} span#next-event-info { display:block; margin:0 10px; padding-bottom:20px;} span#next-event-info span.col-l {display:inline; float:left; width:50%;} span#next-event-info span.col-r {display:inline; float:right; width:50%;} span#next-event-info span.event-info-title {display: block; font-size:2em; line-height:1.5em; font-weight: bold;} span#next-event-info span.event-info-venue {display: block; font-size:1.4em; line-height:1.5em;} span#next-event-info span.event-info-date {display: block; font-size:1.4em; color: #999;line-height:1.5em;} span#next-event-info span.event-info-time {display: block; font-size:1.4em; color: #999;line-height:1.5em;} span#next-event-info span.event-info-price {display: block; font-size:1.4em; color: #999;line-height:1.5em;} span#next-event-info span.event-info-link {display: block; font-size:1.4em; color: #999;line-height:1.5em;} span#last-event-info { display:block; font-size:1.8em; line-height:1.5em; color:#666; padding-bottom:20px; font-style: italic; margin:0 10px;} /* event page */ #content div.column-2-left {display:inline; float:left; width:640px;} #content div.column-2-right {display:inline; float:right; width:320px;} #content div.column-2-left div.column-2-left-subl {display:inline; float:left; width:160px;} #content div.column-2-left div.column-2-left-subr {display:inline; float:right; width:480px;} #content div.column-3-med-mid div#event-meta {margin:10px 0;} #content div.column-3-med-mid div#event-meta p.meta-attend {float:left;} #content div.column-3-med-mid div#event-meta p.meta-attend a {padding:0 3px;} #content div.column-3-med-mid div#event-meta p.meta-print {float:right;} #content div.column-3-med-mid div#event-description {margin:10px 0 20px 0;} #content span.line-top {display:block; height:45px; border-bottom: 1px solid #4b4b4b; margin:0 10px 10px 10px;} #content div.top-adjust {margin-top:9px;} #content div.event-page img.city-thumb {margin:0 0 10px 10px;} #content div.event-page span.city-name, #content div.event-page span.city-date, #content div.event-page span.city-start, #content div.event-page span.city-end, #content div.event-page span.city-door, #content div.event-page span.city-place {margin:0 10px; display:block;font-size:1.2em; line-height: 1.5em;} #content div.event-page span.city-date {font-size:1.6em; font-weight: bold; color:#ff9900; margin-bottom:10px; line-height: 1em;} #content div.top-adjust h2 a {color:#ff9900;} #content div.column-2-right h2.adjust {margin-top:9px;} #map {margin:0 0 0 10px;} ul#presenters-list {margin:0 10px 30px 10px;} ul#presenters-list li {padding:10px 0; border-bottom: 1px solid #4b4b4b; font-size:1.2em; line-height: 1.5em;} ul#presenters-list li span.author-name {font-weight: bold;} /* special events part */ div#events-contents {display: inline; float:left; width:800px;} div#events-explain {display: inline; float:right; width:160px;} div#events-contents h2, div#events-explain h2 {border-bottom:1px solid #ccc; padding-bottom:20px; margin:0 10px 10px 10px;} div#events-contents p, div#events-explain p {font-size:1.2em; line-height: 1.5em; margin:0 10px 10px 10px;} div#events-contents p span.big-number {float:left; font-size:2em; color:#666; margin:0 10px 5px 0; font-style: italic;} div#events-contents p.step {clear:left; margin: 20px 10px;} div#events-contents ul.advisors {margin:-10px 10px 20px 10px;} div#events-contents ul.advisors li {font-size:1.2em; line-height: 1.5em;} div#events-contents ul.advisors li span.name {display:inline; float:left; width:120px; font-weight: bold;} div#events-contents ul.advisors li span.title {display:block; margin-left:140px;} ul#events-upcoming {margin-bottom:20px;} ul#events-upcoming li {display:inline;} ul#events-upcoming li a {display:inline; float:left; width:380px; height:266px; margin:0 10px 20px 10px; position:relative;} ul#events-upcoming li a img {display:block; width:380px; height:266px;} ul#events-upcoming li a div.event-meta-holder {position:absolute; bottom:10px; background: #fff; padding:5px 10px;} ul#events-upcoming li a span.event-date {display:block; font-size:1.2em; padding-top:5px;} ul#events-upcoming li a span.event-name {display:block; font-size:1.4em; line-height: 1.5em; font-weight: bold;} ul#events-past li {display:inline;} ul#events-past li a {display:inline; float:left; width:140px; height:100px; margin:0 10px 20px 10px; position:relative;} ul#events-past li a img {display:block; width:140px; height:100px;} ul#events-past li a div.event-meta-holder {position:absolute; bottom:10px; background: #fff; padding:0 5px; display: none;} ul#events-past li a span.event-date {display:block; line-height: 1.5em; padding-top:5px;} ul#events-past li a span.event-name {display:block; font-size:1.2em; line-height: 1.5em; font-weight: bold;} div#hcalendar-event-title p {font-size:1.2em; line-height:1.5em;} div#hcalendar-event-title span.summary {display:block; font-size:2.4em; font-weight:bold; letter-spacing: -0.05em; margin:10px 0 20px 0;} div#hcalendar-event-title span.description {display:block;} div#hcalendar-event-title div.tags {display:none;} div#events-contents img.event-image {display:inline; float:left; width:400px; height:290px; margin:0 0 20px 10px;} div#events-contents div.event-main-description {margin: 0 0 30px 420px; padding:0;} /* styling HTML elements in the description */ div#events-contents div.event-main-description em {font-style: italic;} div#events-contents div.event-main-description strong {font-weight: bold;} div#events-contents div.event-main-description ul {margin:0 20px;} div#events-contents div.event-main-description ul li {font-size: 1.2em; line-height:1.5em; list-style: square; margin:0;} div#events-contents div.event-date {margin: 0 0 10px 430px; font-size:1.8em; line-height:1.5em; font-weight: bold;} /* presentations */ #content ul.presentations-list li {display:inline;} #content ul.presentations-list li a {display:inline; float:left; width:140px; height:130px; margin:0 10px 10px 10px; overflow:hidden;} #content ul.presentations-list li a img {display:block; width:140px; height:100px; background: url(/images/ui/tmb-pres-bg.jpg) no-repeat 0 0;} #content ul.presentations-list li a img.presentation-tmb {display:block; width:140px; height:100px; margin-bottom:5px;} #content ul.presentations-list li a span.presentation-title {font-size:1.2em; line-height:1.5em; font-weight: bold;} #leave-comment {margin-top:30px;} #leave-comment p.not-allowed {margin-bottom:30px;} /*#comment-page p.no-comment, #leave-comment p.not-allowed {margin-bottom:30px;}*/ #related-presentations {margin:0;} #related-presentations ul#city-presentations-list {margin:0 0 20px 0;} /* search results */ form#search-result-form {margin:0 10px 30px 10px;} form#search-result-form label {font-size:1.2em; line-height: 1.5em; padding-right:10px;} form#search-result-form input.text {background: #eee; border:1px solid #fff; border-top:1px solid #ccc; border-left:1px solid #ccc; padding:5px;} form#search-result-form input.submit {background: #006aff; border:0; padding:5px; color:#fff; font-weight: bold;} /* paginate presentations */ #content ul#pagination {margin:10px 0 20px 170px; clear:left;} #content ul#pagination li {display:inline;} #content ul#pagination li a, #content ul#pagination li span {display:inline; float:left; background: #eee; font-size:1.2em; line-height:1.5em; margin-right:5px; padding:5px 10px;} #content ul#pagination li span {background: 0;} div#presentations-search-box h2.down {margin-top:10px;} #content h2.black {color:#000;} div#presentations-search-box form {background: #eee; margin:0 10px 10px 10px; padding:10px;} div#presentations-search-box form label {font-size:1.4em; display:block; margin-bottom:5px;} div#presentations-search-box form input {border:0; width:110px; height:17px; font-family: Arial, Helvetica, sans-serif; font-size:12px; display:block; padding:3px 5px 0 5px;} div#presentations-search-box ul.browse-menu {margin:0 10px 20px 10px;} div#presentations-search-box ul.browse-menu li a {font-size:1.8em; line-height:1.5em; font-weight: bold;} div#popular-tags ul {margin:0 10px 20px 10px;} div#popular-tags ul li {display:inline; float:left; padding:0 10px 5px 0; } div#popular-tags ul li a {font-size:1.2em; line-height:1.5em;} #head-content div.flash-holder {margin:0 10px 20px 10px; display:inline; float:right;} #head-content div.presentation-meta {display:inline; float:left; width:140px;} #head-content div.presentation-meta p {margin-left:0; margin-right:0;} #head-content div.presentation-meta p.presentation-meta {margin-bottom:10px;} ul#comment-list form.comment-form, div#col-right-in img.loading-icon {display:none;} div#col-right-in {margin:0 10px 0 0;} div#presentation-related { display:inline; float:left; width:140px;} div#col-right-in h2 img.link-rss {float:right;} div#col-right-in li.comment-block {border-bottom: 1px solid #ccc; padding: 20px 0; margin: 0;} div#col-right-in li.comment-block span.comment-author {float:left; width:140px; text-align: right; font-size:1.2em; line-height:1.5em;} div#col-right-in li.comment-block span.comment-date {display:block; text-align: right; color:#666;} div#col-right-in li.comment-block div.comment-body {margin-left:160px;} div#col-right-in li.comment-block.moderated div.comment-body {color:#999;} div#col-right-in li.comment-block ul {padding:20px 0 0 0;} div#col-right-in li.comment-block ul li {border-bottom: 0; border-top: 1px dotted #ccc; margin: 0;} div#col-right-in li.comment-block div.reply-toggle { margin-left:170px; font-size:1.2em; line-height:1.5em; padding-bottom:5px;} div#col-right-in li.comment-block textarea.comment-text {display:block; margin-left:170px; border:0; background: #eee; width:440px; height:90px; padding:5px; border:1px solid #fff; border-top:1px solid #ccc; border-left:1px solid #ccc;} div#col-right-in li.comment-block input {margin:10px 0 0 170px; border:0; color:#fff; background: #006aff; padding:10px; font-size:1.2em; cursor:pointer; background: red;} div#col-right-in li.comment-block form.comment-moderation {float:right;} div#col-right-in li.comment-block form.comment-moderation input {margin:0;padding:5px 7px;font-size:10px;background:#666;-moz-border-radius: 5px; -webkit-border-radius: 5px;} div#events-contents ul#cloudtag-main { margin-left:10px;} div#events-contents ul#cloudtag-main li {display:inline;} div#events-contents ul#cloudtag-main li a {display:inline; float:left; font-size:1.4em; line-height:1.5em; margin:0 10px 10px 0;} div#licence a {display:block; margin:0 10px 20px 10px; font-size:1.1em;} div#licence a.cc-01 {background: url(/images/ui/cc-01.gif) no-repeat 0 0; padding:19px 0 0 0;} div#licence a.cc-02 {background: url(/images/ui/cc-02.gif) no-repeat 0 50%; padding:0 0 0 35px;} div#licence a.cc-03 {background: url(/images/ui/cc-03.gif) no-repeat 0 0; padding:19px 0 0 0;} div#licence a.cc-04 {background: url(/images/ui/cc-04.gif) no-repeat 0 50%; padding-left:19px;} div#licence a.cc-05 {background: url(/images/ui/cc-05.gif) no-repeat 0 50%; padding:0 0 0 35px;} div#licence a.cc-06 {background: url(/images/ui/cc-06.gif) no-repeat 0 50%; padding:0 0 0 35px;} /* sorter options */ div#events-contents {position:relative;} div#events-contents ul#sort-options {position:absolute; right:10px; top:7px;} div#events-contents ul#sort-options li {display:inline;} div#events-contents ul#sort-options li a {display:inline; float:left; font-size:1.2em; cursor:pointer; font-weight: bold; margin-left:10px; padding:5px 20px 5px 10px; background: url(/images/ui/arrow-sort-down-grey.gif) no-repeat right 50%;} div#events-contents ul#sort-options li a:hover {background: url(/images/ui/arrow-sort-down-blue.gif) no-repeat right 50%;} div#events-contents ul#sort-options li a.active {color:#000; background: url(/images/ui/arrow-sort-down-black.gif) no-repeat right 50%;} div#events-contents ul#sort-options li.up a {background: url(/images/ui/arrow-sort-top-grey.gif) no-repeat right 50%;} div#events-contents ul#sort-options li.up a:hover {background: url(/images/ui/arrow-sort-top-blue.gif) no-repeat right 50%;} div#events-contents ul#sort-options li.up a.active {color:#000; background: url(/images/ui/arrow-sort-top-black.gif) no-repeat right 50%;} ul#comment-pagination {margin:10px 0 20px 170px;} ul#comment-pagination li {display:inline;} ul#comment-pagination li a, ul#comment-pagination li span {display:inline; float:left; background: #eee; font-size:1.2em; line-height:1.5em; margin-right:5px; padding:5px 10px;} ul#comment-pagination li span {background: 0;} div#col-right-in form.comment-form {margin:0 0 20px 0;} div#col-right-in form.comment-form textarea {border:0; background: #eee; display:block; width:608px; padding:5px; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5em; height:150px; border:1px solid #fff; border-top:1px solid #ccc; border-left:1px solid #ccc;} div#col-right-in form.comment-form input.submit {margin:10px 0 0 170px; border:0; color:#fff; background: #006aff; padding:10px; font-size:1.2em; cursor:pointer;} /* duplicate this for tag-related contents */ div#presentation-related ul.related-presentations-by-channel li, div#presentation-related ul.related-presentations-by-tags li {display:inline;} div#presentation-related ul.related-presentations-by-channel li a, div#presentation-related ul.related-presentations-by-tags li a{display:block; width:140px; height:100px; margin-bottom:10px;} div#presentation-related ul.related-presentations-by-channel li a img, div#presentation-related ul.related-presentations-by-tags li a img {display:block; width:140px; height:100px;} div#presentation-related ul.related-presentations-by-channel, div#presentation-related ul.related-presentations-by-tags {height:320px; overflow: hidden;} div#presentation-related div.flip-page {margin:10px 10px 30px 10px; font-size: 1.2em; color:#666;} div#presentation-related div.flip-page span.previous {display:inline; float:left; width:auto;} div#presentation-related div.flip-page span.next {display:inline; float:right; width:auto;} div#related-pre {width:160px; margin-top:-40px;} div#related-pre li.no-presentation {list-style:none; font-size: 1.2em; margin:0 10px 20px 10px;} /* full width map */ h2#title-map {color:#ff9900; padding-bottom:20px; margin:0 10px 10px 10px; border-bottom:1px solid #666;} div#full-map {margin-bottom:20px;} /* big calendar */ div#calendar-navigation {text-align:center; font-size:1.2em; line-height: 1.5em; border-bottom:1px solid #333; margin:0 10px; padding:10px 0;} div#calendar-navigation a.calendar-prev {float:left;} div#calendar-navigation a.calendar-next {float:right;} div#calendar-navigation span.calendar-current {font-weight: bold; font-size: 14px;} table#full-calendar {width:940px; display:block; margin: 0 auto 20px 10px; border-collapse:collapse;} table#full-calendar th {width:134px;} table#full-calendar th, table#full-calendar td {padding:10px; font-size:1.1em; line-height: 1.5em; border:1px dotted #000;} table#full-calendar th {border-bottom:1px solid #333;} table#full-calendar td span.day-number {font-size:2em; font-weight: bold; display:block; padding-bottom:10px; color:#fff;} table#full-calendar td.has-events {background: #0e0e0e;} table#full-calendar td.today {background: #ccc; border-right:1px solid #000; border-bottom:1px solid #000; color:#000;} table#full-calendar td.today span.day-number {color:#000;} table#full-calendar td.today a {color:#000;} table#full-calendar td.last-month, table#full-calendar td.next-month {opacity:0.2;} #content h2#calendar-title {text-align: left; margin-left:0; margin-right:0;} #content h2#calendar-title a.feed-link img {position:absolute; right:0; top:0;} /* mailing lists */ #content div.column-3-big-left ul#mailing-lists {margin:0 10px 20px 10px;} #content div.column-3-big-left ul#mailing-lists li {display:inline;} #content div.column-3-big-left ul#mailing-lists li a {margin:0; display:block; padding:10px 0; font-size:1.4em; line-height:1.5em; border-bottom:1px solid #666; cursor: pointer;} #content div.column-3-big-left ul#mailing-lists li a:hover {text-decoration: none;} #content div.column-3-big-left ul#mailing-lists li a span.news-issue {display:inline; float:left; width:60px; text-align:center; color:#fff; font-weight:bold;} #content div.column-3-big-left ul#mailing-lists li a span.news-subject {display: block; margin:0 160px 0 80px;} #content div.column-3-big-left ul#mailing-lists li a:hover span.news-subject {text-decoration: underline;} #content div.column-3-big-left ul#mailing-lists li a span.news-date {display:inline; float:right; width:140px; color:#999;} #content div.column-3-big-left div#newsletter-body {font-size:1.2em; line-height: 1.5em; margin:0 10px 20px 10px;} #content div.column-3-big-left div.news-header {margin:0 10px 10px 10px; font-size:1.2em; line-height:1.5em;} #content div.column-3-big-left div.news-header a.link-index {display: inline; float:left;} #content div.column-3-big-left div.news-header span.letter-date {display: inline; float:right; color:#999;} /* static pages */ div#events-contents.simple-text h3, div.simple-text h3 {margin:0 10px 10px 10px; border-bottom:1px solid #ccc; padding-bottom:10px;} div.simple-text p{padding-bottom:10px;} div.simple-text h4 {border-bottom:1px solid #ccc; margin:30px 10px 10px 10px; font-size:2em; letter-spacing: -0.05em; padding-bottom:10px;} div.simple-text h2#faq-title {margin-top:30px;} /* wide form, dark bg */ div#events-contents form.form-wide {margin:20px 10px 0 10px;} div#events-contents form.form-wide div {padding:5px 0;} div#events-contents form.form-wide div label {display:inline; float:left; width:160px; font-size:1.2em; line-height: 1.5em;} div#events-contents form.form-wide div.text input, div#events-contents form.form-wide div.textarea textarea {display:block; margin-left:160px; background: #333; border:1px solid #000; border-right:1px solid #666; border-bottom:1px solid #666; padding:5px 7px; font-size:1.2em; width:350px; color:#ccc; font-family: Arial, Helvetica, sans-serif;} div#events-contents form.form-wide div.textarea textarea {height:150px;} div#events-contents form.form-wide div.submit input {display:block; margin-left:160px; background: #b5dbff; border:1px solid #000; padding:5px 7px; font-size:1.4em; font-weight: bold; border-top:1px solid #fff; border-left:1px solid #fff;} div#events-contents form.form-wide ul.error_list {margin:5px 0 0 160px; font-size:1.2em; line-height: 1.5em; color:#ff9900;} /* user settings */ ul#user-settings {} ul#user-settings li {display:inline;} ul#user-settings li a{display:block; font-size:1.2em; line-height: 1.5em; font-weight: bold; margin:0 10px 5px 10px; padding:5px 7px;} .menu-setting-general ul#user-settings li.menu-setting-general a, .menu-setting-general ul#user-settings li.menu-setting-general a:hover, .menu-setting-password ul#user-settings li.menu-setting-password a, .menu-setting-password ul#user-settings li.menu-setting-password a:hover, .menu-setting-newsletters ul#user-settings li.menu-setting-newsletters a, .menu-setting-newsletters ul#user-settings li.menu-setting-newsletters a:hover {background: #006aff; color:#fff; text-decoration: none; cursor: default;} div#column-upcoming img.banner-140 {display:block; margin:0 10px;} /* live edit menu */ #live-menu {position: absolute; right:0px; top:0px;} #live-menu ul li {display:inline;} #live-menu ul li a {display:inline; float:left; color:#fff; background: #006aff; padding:10px; font-size:1.2em;} /*================================================== Footer elements ==================================================*/ /* general */ #footer { border-top: 1px solid #ccc; margin:0 10px; padding:30px 0 100px 0;} #footer ul#footer-menu {float:left; margin-bottom:10px;} #footer ul#footer-menu li { display: inline; } #footer ul#footer-menu li a { display: inline; float: left; font-size:1.2em; background: transparent url(/images/ui/menu-separator-grey.gif) no-repeat 0 50%; padding:5px 10px;} #footer ul#footer-menu li.first a {background: 0; padding-left:0; } #footer a.link-top {float:right; font-size:1.2em; line-height: 1.5em;} #footer p.copyright {clear:both; font-size:1.2em; line-height: 1.5em; color:#666;} #footer p.copyright span.spacer {padding:0 3px; color:#ccc;} /*================================================== PKNight - paint it black layout! ==================================================*/ body.body-night { background: #000; color: #fff;} body.body-night a {color:#b5dbff; } body.body-night #header ul#misc-menu li a { background: transparent url(/images/ui/menu-separator-dark.gif) no-repeat 0 50%;} body.body-night #header ul#login-menu li a, body.body-night #header ul#login-menu li span.logged-in { background: transparent url(/images/ui/menu-separator-dark.gif) no-repeat right 50%;} body.body-night #header #main-menu li a {color:#b5dbff;} body.body-night #header #main-menu li.nav-night a {color:#ff9900;} body.body-night #header h1 span.site-name {background: url(/images/ui/logo-white.gif) no-repeat 0 0;} body.body-night #header h1 span.module-name {color:#fff;} #header ul#login-menu a#link-profile {background: 0;} body.body-night div#old-ie {background: #ff9900; color:#000;} body.body-night div#old-ie a {color:#000;} body.body-night ul#breadcrumbs li.now {background: url(/images/ui/breadcrumb-arrow-white.gif) no-repeat 15px 50%;} body.body-night ul#breadcrumbs li a {background: url(/images/ui/breadcrumb-arrow-white.gif) no-repeat 15px 50%;} body.body-night ul#breadcrumbs li.home a {background: 0; padding-left:0;} body.body-night #footer { border-top: 1px solid #4b4b4b;} body.body-night#footer p.copyright span.spacer {color:#4b4b4b;} body.body-night #footer ul#footer-menu li a { background: transparent url(/images/ui/menu-separator-dark.gif) no-repeat 0 50%;} body.body-night #footer ul#footer-menu li.first a {background: 0;} body.body-night #content div.block-data h2 {color:#ff9900; border-bottom:1px solid #4b4b4b;} body.body-night #content div.block-data h2 span.number {color:#fff;} body.body-night .ui-dialog a {color:#666;} /*================================================== Positioning pixel-surgeon fix! ==================================================*/ /* special */ a#learn-more-next {display:inline; float:right; font-size:1.2em; margin-right:10px; padding:5px;} div#events-explain h2.pushed {margin-top:49px;} #content h2.fixed2 {padding-top:10px;} #home-timer-block {margin-bottom:20px;} #aligntopvol {display:block; padding-bottom:9px;} @media screen and (-webkit-min-device-pixel-ratio:0) { #aligntopvol {display:block; padding-bottom:1px;} } div#newsletter-subscription {margin-right:0;} /* error 500 */ div#error-wrap {width:410px; margin: 200px auto 0 auto; font-size:1.2em; line-height:1.5em;} /* fix layout presentations */ div#related-presentations {margin:0; padding:0;} div#related-presentations h2.black {margin:20px 0 10px 0;} #content div#related-presentations ul.presentations-list li a {display:inline; float:left; width:140px; height:130px; margin:0 0 10px 0; overflow:hidden;} div#related-presentations p.no-presentation {margin: 0px 0px 20px 0px;} div#col-left-in {float:left; width:140px; margin-left:10px;} div#col-left-in p#presentation-meta, div#col-left-in div.presentation-description p {margin:0; padding:0;} div#col-left-in div.presentation-description p {margin-top:10px; padding-top:10px; border-top:1px solid #ccc;} div#col-left-in div#pres-meta-min {min-height:465px;} div#col-left-in div#pres-full-description {font-size:1.2em; line-height:1.5em; margin-top:10px;} div#col-right-in {margin-left:170px; width:620px;} div#col-right-in div#comments h2.black {margin:20px 0 10px 0;} div#col-right-in div#comments img.link-rss {float:right;} div#col-right-in div#comments img.loading-icon {display:none;} div#col-right-in div#comment-page {margin:0;} div#leave-comment h2.black {margin-left:0; margin-right:0;} /* Tweets of the week */ div.entry-content ul.tweets {margin:0 20px 0 20px;} div.entry-content ul.tweets li {clear:left; margin-bottom:20px;} div.entry-content ul.tweets img {display:inline; float:left; width:70px; height:70px; border: 1px solid rgb(204, 204, 204); margin:0 5px 0 0;} div.entry-content ul.tweets span {display:block; margin-left:90px; font-style: italic;} div#facebook-welcome {margin:0 10px 20px 10px; background: #eee; padding:20px;} div#embed-dialog { display: none; } div.ui-dialog.embed .ui-widget-header {display:none;} #misc-menu .inspire a {color: #da0000; font-weight: bold;} .inspirebox{ width: 958px; margin: 0 0 50px 0; background: #da0000;} .inspirebox h2 { float: left; border: none; margin: 10px 0 0 10px;} .inspirebox h2 a { display: block; width: 284px; height: 260px; text-indent: -9999px; background: transparent url(/images/inspire.gif) no-repeat; } .inspirebox p{float: right;font-size: 14px;color: #fff;width: 607px;padding: 20px 20px 0 0;font-weight: normal;} .inspirebox p a{ color: #fff; font-weight: bold;} .globalcitiesbox{ width: 960px; margin: 0 0 50px 0; background: #ED217D; background-image: url(http://global-cities.pecha-kucha.org/cms/wp-content/themes/global-cities/support/banner-pk.png); background-repeat: no-repeat; background-position: top right; } .globalcitiesbox h2 { float: left; border: none; margin: 0 ;} .globalcitiesbox h2 a { display: block; width: 340px; padding-top: 451px; height: 0; overflow: hidden; background-image: url(http://global-cities.pecha-kucha.org/cms/wp-content/themes/global-cities/support/logo-tall.png); background-repeat: no-repeat; } .globalcitiesbox table { width: 615px; float: right; margin-top: 295px; } .globalcitiesbox td { width: 50%; padding: 10px; } .globalcitiesbox p { font-size: 14px; color: #fff; padding: 0; font-weight: normal; } .globalcitiesbox p a { color: #000; font-weight: bold;}