/* COLORS Rojo: e4002b Gris: 737467 (original) Amarillo: ffb81c Verde: 789d4a Azul: 00bfb3 */ /* reset */ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,img,fieldset,input {margin:0;padding:0} ul {list-style:none} fieldset,img,abbr {border:none} caption,th {text-align:left} /* web fonts */ @font-face {font-family: 'PoligonalBold'; src: url('../fonts/poligonalbold-webfont.eot'); src: url('../fonts/poligonalbold-webfont.eot?iefix') format('eot'), url('../fonts/poligonalbold-webfont.woff') format('woff'), url('../fonts/poligonalbold-webfont.ttf') format('truetype'), url('../fonts/poligonalbold-webfont.svg#webfonthEf4fsRP') format('svg'); font-weight: normal;font-style: normal} @font-face {font-family: 'PoligonalRegular'; src: url('../fonts/poligonal-webfont.eot'); src: url('../fonts/poligonal-webfont.eot?iefix') format('eot'), url('../fonts/poligonal-webfont.woff') format('woff'), url('../fonts/poligonal-webfont.ttf') format('truetype'), url('../fonts/poligonal-webfont.svg#webfontAri4TA8v') format('svg'); font-weight: normal;font-style: normal} /* links */ a {text-decoration:none;color:#00bfb3;font-weight:normal;outline:none;border:none} a:hover, a.highlight, #calendar_event #content a:hover {color:#333} #content a, #sidebar a, .calendar a, #footer a {-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;transition: all 0.2s ease-out} #content ul.tabs a {-moz-transition: color 0.2s ease-out;-o-transition: color 0.2s ease-out;-webkit-transition: color 0.2s ease-out;-ms-transition: color 0.2s ease-out;transition: color 0.2s ease-out} ::selection {background-color:#e4002b;color:white;text-shadow:none} /* basic layout */ html {overflow-y: scroll} body {font: 62.5%/1.5 Georgia, "Times New Roman", Times, serif;color:#737467;background:#fafafa url(../images/bg-page.png) top center no-repeat} #content {float:left;width:650px;min-height:500px;font-size:1.3em;border-right:1px solid #ddd;padding-right:15px} #sidebar {float:right;width:280px;font-size:1.3em} #category #sidebar, #sidebar .slides_container div, #calendar_event #sidebar {width:220px} #category #content {background:url(../images/separation.png) top right repeat-y;padding-right:80px;min-height:680px;border:none} #calendar_event #content {width:710px;min-height:680px} .wrapper {width:960px;margin:0 auto;position:relative;overflow:hidden;background:white;padding:10px;border:1px solid #ddd;-webkit-box-shadow:0 3px 10px rgba(204, 204, 204, 0.3);-moz-box-shadow:0 3px 10px rgba(204, 204, 204, 0.3);box-shadow:0 3px 10px rgba(204, 204, 204, 0.3)} .wrapper, .container, .vevent, #calendar_event .addthis {zoom:1} /* sprite */ p.link a,input#subscribe, dd,input#sendit,ul.inline li,#header ol a,.tweets,ul.follow a {background-image:url(../images/icons2012.png);background-repeat:no-repeat} /* header */ #header {height:190px;width:980px;margin:0 auto;position:relative;text-transform:uppercase;color:white} #header a {color:#fff} #logo a {width:125px;height:146px;display:block;text-indent:-5000em;position:absolute;top:20px;left:0;background:url(../images/spainartsculture_logo2.png) top left no-repeat} #logo a:hover, #logo a.hover {background-position:bottom left} #home #logo a:hover {background-position:top left;cursor:default} #header ol {position:absolute;top:15px;left:180px;width:710px;color:#fff;list-style:none} #header a:hover, #header a.active, #cultural_links a#nav_cultural_links, #grants a#nav_grants, #competitions a#nav_competitions, #about_us a#nav_about_us, #press a#nav_press {color:#333} #header ol a {display:block;padding-left:2em;position:absolute;font-size:1.6em} #header li#nav_architecture a {top:0;left:0;background-position:-300px -300px} #header li#nav_architecture a:hover, #header li#nav_architecture a.active {background-position:-600px -300px} #header li#nav_culinaryarts a {top:25px;left:0;background-position:-301px -1100px} #header li#nav_culinaryarts a:hover, #header li#nav_culinaryarts a.active {background-position:-601px -1100px} #header li#nav_design a {top:50px;left:0;background-position:-300px -350px} #header li#nav_design a:hover, #header li#nav_design a.active {background-position:-600px -350px} #header ol li#nav_film a {top:75px;left:0;background-position:-300px -400px} #header ol li#nav_film a:hover, #header ol li#nav_film a.active {background-position:-600px -400px} #header ol li#nav_heritage a {top:0;left:235px;background-position:-300px -450px} #header ol li#nav_heritage a:hover, #header ol li#nav_heritage a.active {background-position:-600px -450px} #header ol li#nav_kids a {top:25px;left:235px;background-position:-390px -500px} #header ol li#nav_kids a:hover, #header ol li#nav_kids a.active {background-position:-600px -500px} #header ol li#nav_literature a {top:50px;left:235px;background-position:-300px -550px} #header ol li#nav_literature a:hover, #header ol li#nav_literature a.active, .Literature {background-position:-600px -550px} #header ol li#nav_music a {top:75px;left:235px;background-position:-300px -600px} #header ol li#nav_music a:hover, #header ol li#nav_music a.active {background-position:-600px -600px} #header ol li#nav_performingarts a {top:0;left:480px;background-position:-300px -650px} #header ol li#nav_performingarts a:hover, #header ol li#nav_performingarts a.active {background-position:-600px -650px} #header ol li#nav_future a {top:25px;left:480px;background-position:-300px -700px} #header ol li#nav_future a:hover, #header ol li#nav_future a.active {background-position:-600px -700px} #header ol li#nav_urbanculture a {top:50px;left:480px;background-position:-300px -750px} #header ol li#nav_urbanculture a:hover, #header ol li#nav_urbanculture a.active {background-position:-600px -750px} #header ol li#nav_visualarts a {top:75px;left:480px;background-position:-300px -800px} #header ol li#nav_visualarts a:hover, #header ol li#nav_visualarts a.active {background-position:-600px -800px} #header ul {position:absolute;top:150px;left:180px;font-size:1.3em;border-top:1px solid #fff} #city-filter:after {content:' \003E'} #header ul div {position:absolute;top:20px;left:0;z-index: 99999;padding:10px 0 10px 10px;width:445px;background:#333;-webkit-box-shadow:0 5px 15px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 5px 15px rgba(0, 0, 0, 0.3);box-shadow:0 5px 15px rgba(0, 0, 0, 0.3);display:none} #header ul div a {float:left;display:block;width:125px;padding:0 5px;margin-right:10px} #header ul div a:hover {background-color:#fff} #header div a.active {color:#e4002b} /* highlight */ #highlight {position:relative;z-index:1;width:650px;height:300px} #highlight .slides_container {width:650px;height:300px;overflow:hidden} #highlight .slides_container div {width:650px;height:300px;display:block} #highlight .pagination {background-color:white;margin-top:10px} #highlight .pagination .current {background-color:#e4002b} #highlight .pagination .current a {color:white} /* footer */ #footer {clear:both;font-size:1.2em;line-height:1.3em;height:210px;background:url(../images/footer-2011.png) 0 50px repeat-x;position:relative} #footer p {padding-top:190px} a.top {float:right;margin-top:2em;position:relative} a.top:before, a.top::before {content:"\21A5";position:absolute;left:-12px;top:0} #footer ul {position:absolute} #nav {top:62px;font-size:1.1em;left:0} #sponsors {top:105px;left:-5px} #footer ul li {float:left} #footer ul a {display:block;padding:0 10px;color:white;text-transform:uppercase} #footer ul a:hover {color:#ddd} #sponsors a {height:65px;text-indent:-5000em;background:url(../images/sponsors.png) no-repeat;border:1px solid white;margin-right:5px} #sponsors a:hover, #sponsors #spaingovt:hover, #sponsors #asuntosexteriores:hover, #sponsors #ministeriocultura:hover, #sponsors #aecid:hover, #sponsors #cervantes:hover {border-color:#737467} #sponsors #spainusafoundation {width:132px;background-position:5px 18px} #sponsors #embassy {background-position:6px -50px;width:110px} #sponsors #spaingovt {background-position:6px -150px;width:102px;border-color:#ddd} #sponsors #asuntosexteriores {background-position:6px -232px;width:102px;border-color:#ddd} #sponsors #ministeriocultura {background-position:6px -312px;width:178px;border-color:#ddd} #sponsors #aecid {background-position:20px -380px;width:102px;border-color:#ddd} #sponsors #cervantes {background-position:8px -450px;width:45px;margin-right:0} /* misc */ p {padding-top:1em} p.link {padding-top:0.2em;padding-bottom:1em;clear:left} #calendar_event p.link {padding-top:1em;padding-bottom:0} .vevent p.link a, p.link a {background-position:0 -150px;padding-left:1.5em} p.quiet, span.quiet {font-size:90%;line-height:1.6;padding-bottom:0.75em;padding-top:0.75em} p.note {font-size:10px;background:#fffbdd;padding:2px} .credits {color:#888;font-size:90%} span.readmore {display:inline} dt {padding:0.75em 0 0 0;font-size:1.2em;line-height:1.3em;text-transform:uppercase} .extra {padding-top:1.5em} dl ul {padding-left:1.5em;font-size:90%} #press dl {text-align:left} dd {padding-left:1.5em;background-position:0 -846px;border-bottom:1px dotted #5d4f47} #grants dd, #competitions dd, #cultural_links dd, #press dd, #press dt, #calendar_event dd {border:0;padding-bottom:.2em} #calendar #sidebar dd {font-size:90%;text-align:left;border:none} #press dt img, #press dd img, img.floatRight {float:right;margin-left:0.7em} dd.extra {padding-left:0;padding-top:1em;background-image:none;border:none} dd i {font-size:90%} img.floatLeft {float:left;margin-right:1em;border:1px solid #5d4f47} #grants #content dl {padding-right:200px;background: url(../images/grants-logos.png);background-repeat: no-repeat;border-bottom:1px dotted white;padding-bottom:1.5em;text-align: left} #grants #content dl#grant-fullbright {background-position:right -800px} #grants #content dl#grant-ministry {background-position:right -450px} #grants #content dl#grant-aecid {background-position:right -600px} #grants #content dl#grant-maec {background-position:right -200px} #grants #content dl#grant-cooperation {background-position:right 0} #spainred {margin-bottom:3px} .subscribe li {float:left;width:50%;padding-top:0.75em;height:32px} #calendar_event .addthis {display:block;overflow:hidden;width:100%;margin-top:5px} .addthis li {padding:0;float:left;margin:0} .subscribe a, .addthis a {display:block;width:28px;height:32px;background:url(../images/icons2012.png) no-repeat;text-indent:-5000em} #calendar_event #content .addthis a {display:block;margin:10px 0 5px 0;padding:0} .vevent .addthis a:hover {background-color:white} #rss-feed {background-position:0 -850px} #rss-newsletter, #addthis_email {background-position:-2px -750px} #addthis_twitter {background-position:-2px -350px} #addthis_facebook {background-position:-2px -400px} #addthis_delicious {background-position:-2px -550px} #addthis_more {background-position:-2px -600px} #addthis_zootool {background-position:-2px -650px} #addthis_digg {background-position:-2px -700px} iframe.fb {background:white;overflow:hidden;width:280px;height:490px;border:none;margin-top:5px} /* tabs */ #about_us .container ul.tabs {float:left;width:150px;padding:4.5em 0;background-color:#737467} #about_us .container ul.tabs a {display:block;padding:0.3em 0;text-indent:10px;color:#fff;text-shadow:none} #about_us .container ul.tabs a.active {background-color:#fafafa;color:#737467} #about_us .container {margin:1.5em 0;border:2px solid #ddd;overflow:hidden;background-color:#fafafa; -webkit-border-top-right-radius:10px;-moz-border-radius-topright:10px;border-top-right-radius:10px} #about_us .panels {margin-left:150px;padding-left:20px;width:450px;text-align:left} #about_us dt {padding-bottom:0.75em} .hidden {visibility:hidden;display: none} #cultural_links #content .active, #about_us .first .active {border-bottom: 2px solid #5c504a;padding-bottom:.1em;color:#5c504a} #cultural_links ul.tabs li, #about_us ul.first li {display:inline;padding-left:1em} ul#filter {margin:37px 0 5px 0} ul#filter li {float:left} ul#filter a {display:block;width:162px;text-align:center;padding:5px 0} #cultural_links ul.tabs, #about_us ul.first {text-align:right;margin:2em 0} .error {font-weight:normal;padding:5px;color:#bf4e37;background-color:#f2f1eb;border:1px solid #bf4e37} #about_us .error {margin-top:1em} .info {padding:1em;margin:1.3em 0;background-image:url(../images/info-bg.png)} .message {color:#e4002b} .info span {background:white;padding:3px;display:block;overflow:hidden} p.notice {padding-bottom:1em} /* sidebar */ h2, #sidebar label,#sidebar dl, #home, .eventbrief .description {color:#737467} #sidebar .nav {margin:0 7em 0 1em;background:url(../images/line.png) top left repeat-x;padding-top:0.5em;min-height:5em} #sidebar .nav li {float:left;padding-right:0.4em} #sidebar ol {padding:1em 0 0 0.5em;background:#fafafa;border:1px solid #ddd} #sidebar ol > li {margin-left:2em;padding-bottom:0.5em} #sidebar ol ul li {display:inline-block} /* Nested lists bug in IE */ /* sidebar form */ #sidebar form p {padding:.5em 0 0 0} #calendar #sidebar form p {padding:1em 0} label, #home #sidebar small {display:block;padding-left:0} #sidebar .checkbox label {display:inline} #sidebar .checkbox input {width:auto} input, textarea {color:#737467;font-size:13px;width:267px;border:3px double #ddd;background-color:#fafafa;padding:2px;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out;ms-transition: all 0.6s ease-out;transition: all 0.6s ease-out} input#sendit {display:block;text-indent:-5000em;background-position:-150px -116px;width:116px;height:34px;border:0;background-color:transparent;overflow:hidden;cursor:pointer !important;cursor:hand;-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none} #content input#email {padding:6px} input#sendit:hover {background-position:-300px -116px} input:focus, textarea:focus {background-color:white;outline:none;-webkit-box-shadow:0 0 5px rgba(55,151,175,0.75);-moz-box-shadow:0 0 5px rgba(55,151,175,0.75);box-shadow:0 0 5px rgba(55,151,175,0.75)} .field-hint {color:#737467} label span {color:#ee0101} .information {display:none} /* EVENTS LIST */ #eventwrapper {margin-left:-5px;text-align:left;width:660px; letter-spacing:-.25em /* fix inline-block 4px margin: http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/ */} .vevent {z-index:1;position:relative;width:220px;margin:0 0 10px 0;display:inline-block;vertical-align:top;padding-bottom:0.75em;color:#64655d;background:url(../images/event-border.png) bottom center no-repeat;letter-spacing:normal} .eventbrief {margin:0 0 1.5em 0;padding-bottom:0.75em;border-bottom:4px double #8b8c82;color:#64655d} .vevent h2, .eventbrief h3 {padding-top:0.5em} .vevent h2:after, .eventbrief h3:after {content:'---';display:block;color:#64655D} .vevent li {color:#e4002b;line-height:1.3em} .vevent .col2 li {color:#7e7f74} .list {padding:.5em 0.75em 0 1.3em;list-style-type:square} .list li {padding-bottom:0.5em} .vevent .list li {color:#64655d;line-height:1.5} .location {border-bottom:1px solid #f8bfca;font-size:90%;width:210px;font-style:italic;text-transform:uppercase} #home #sidebar .location {border:none} .category {font-size:90%;text-transform:uppercase} .event_time {color:#e4002b;padding-top:0.5em} .vevent a, .eventbrief a {display:block;color:#64655d;background-color:white;padding:5px} #content a.url, #sidebar a.url {-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none} .vevent p a, .vevent li a {padding:1px} .vevent a:hover, .eventbrief a:hover {background-color:#e1e0e0} .photoframe, .photo {position:relative;padding:0;overflow:hidden;clear:both} .photoframe span {position:absolute;top:0;left:0;display:block;width:210px;height:180px;z-index: 1;background-image:url(/images/thumbs/mask.png);background-repeat:no-repeat} .photo span {position:absolute;top:0;left:0;display:block;width:450px;height:250px;z-index: 1;background-image:url(/images/large/mask_large.png);background-repeat:no-repeat} .photoframe span.mask3, .photoframe span.mask5, .photoframe span.mask6 {background-position:bottom left} .vevent a:hover span.mask3, .vevent a:hover span.mask5, .vevent a:hover span.mask6, .eventbrief a:hover span.mask3, .eventbrief a:hover span.mask5, .eventbrief a:hover span.mask6 {background-position:bottom right} .photoframe span.mask2, .photoframe span.mask4, .photoframe span.mask9 {background-position:top left} .vevent a:hover span.mask2, .vevent a:hover span.mask4, .vevent a:hover span.mask9, .eventbrief a:hover span.mask2, .eventbrief a:hover span.mask4, .eventbrief a:hover span.mask9 {background-position:top right} .photoframe span.mask7, .photoframe span.mask8, .photoframe span.mask1, .photoframe span.mask0 {background-position:center left} .vevent a:hover span.mask7, .vevent a:hover span.mask8, .vevent a:hover span.mask1, .eventbrief a:hover span.mask7, .eventbrief a:hover span.mask8, .eventbrief a:hover span.mask1, .eventbrief a:hover span.mask0, .vevent a:hover span.mask0 {background-position:center right} .photoframe img {z-index:0} img.large {float:none;border:none;width:100%} ul.inline {margin-top:0.75em;padding-bottom:1.5em;border-bottom:1px solid #ddd} ul.inline li {display:inline-block;width:45%;background-position:0 -500px;padding-left:1.2em;text-align:left} #home .description, #home .vevent p, .eventbrief p {padding-top:0} /* SINGLE EVENT */ .date {font-size:1.4em;margin-top:2em;color:#7e7f74} .date:before, .time:before {content:'>'} .time:before {padding-right:1em} .date:before {padding-right:0.6em} #calendar_event .vevent {width:auto;display:block;margin:0;padding:0;border:0} .vevent_header {min-height:160px} #calendar_event #content a {display:inline;color:#00bfb3} .col1 {float:left;width:450px} .col2 {float:right;width:250px} .col2 p {padding-top:0.75em} .col2 ul {background:url(../images/categories.png) no-repeat} .col2 ul.architecture {background-position:0 0} .col2 ul.design {background-position:-250px 0} .col2 ul.film {background-position:-500px 0} .col2 ul.heritage {background-position:-750px 0} .col2 ul.kids {background-position:-1000px 0} .col2 ul.literature {background-position:-1250px 0} .col2 ul.music {background-position:-1500px 0} .col2 ul.performing-arts {background-position:-1750px 0} .col2 ul.sketching-the-future {background-position:-2000px 0} .col2 ul.urban-culture {background-position:-2250px -1px} .col2 ul.visual-arts {background-position:-2500px 0} .col2 h3, .intro, .pagination, .date, .time, .vevent .col1 h3 {font-family:'PoligonalBold'} .vevent .col1 h3 {text-transform:uppercase;font-weight:normal} .col2 .category, .col2 .location {font-size:1em;color:#7e7f74} .col2 .location {border-top:1px solid #ddd;border-bottom:none} small {padding-left:5px;font-size:90%} .col2 h3 {text-transform:uppercase;font-weight:normal;margin-top:1.7em;position:relative;background-color: #7e7f74;background-image: -moz-linear-gradient(top, #8a8c7c, #7e7f74);background-image: -o-linear-gradient(top, #8a8c7c, #7e7f74); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #8a8c7c),color-stop(1, #7e7f74)); background-image: -webkit-linear-gradient(#8a8c7c, #7e7f74);background-image: linear-gradient(top, #8a8c7c, #7e7f74);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8a8c7c', EndColorStr='#7e7f74') } .col2 h3:first-of-type {margin-top:0} .col2 h3:after {content:"\00a0";display:block;position:absolute;bottom:-5px;left:0.7em;width:0;height:0;border-width:5px 5px 0;border-style:solid;border-color:#7e7f74 transparent} #map {width:250px;height:300px} .col2 h3, .venue p {padding:5px;font-size:0.9em;color:white} a.map-modal {padding:3px 5px;background:#d6f5f3} .venue {padding-bottom:30px;background:#7e7f74 url(../images/venue-triangle.png) bottom left no-repeat;color:white} #calendar_event .photo {padding:0} .intro {padding:0;color:#e4002b;font-size:1.4em;line-height:1.3em} .col2 .dtend {display:block;padding-left:.9em} .col1 .category, .col1 .location, .eventbrief ul, #highlight .pagination a {color:#e4002b} #catalogs, #videos {width:320px;min-height:370px;text-shadow:0 1px 0 white} #videos p, #catalogs p {padding:0 10px 0 10px;font-size:0.9em} #catalogs {float:right;background-color:#f3efe6} #videos {float:left;background-color:#e7f7f6} /* titles */ h1 {font-weight:normal;font-family: 'PoligonalBold';word-spacing:0.2em;text-transform: uppercase;color:#444;font-size:2.8em;line-height:1em} h1 span {display:block;color:#999;font-size:60%;line-height:0.9em} /*h1 span:after { content:" //"}*/ h2, #header, dt, .eventbrief h3 {font-weight:normal;font-family: 'PoligonalBold'} h2 span {font-family: 'PoligonalRegular';color:#666} #videos h2, #catalogs h2 {padding:10px;text-shadow:none} p.crumb {margin:1.5em 0 1.5em 0;font-size:0.9em;padding:0.3em;background:#fafafa;border-top:1px solid #ddd;border-bottom:1px solid #ddd;line-height:1.4em} #content h2, .eventbrief h3 {color:#333;line-height:1.1em;text-transform:uppercase;font-size:1.5em} #sidebar h2, #content h2.emphasis {position:relative;text-transform:uppercase;font-size:1.2em;line-height:1.1em;margin:0 0 10px 0;padding:0.5em;color:white;text-shadow:#dda01a 0 -1px;background-color: #ffb81c;background-image: -moz-linear-gradient(top, #ffb81c, #dda01a);background-image: -o-linear-gradient(top, #ffb81c, #dda01a); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffb81c),color-stop(1, #dda01a)); background-image: -webkit-linear-gradient(#ffb81c, #dda01a);background-image: linear-gradient(top, #ffb81c, #dda01a);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffb81c', EndColorStr='#dda01a')} #sidebar h2:after, h2.emphasis:after {content:"\00a0";display:block;position:absolute;bottom:-5px;left:0.7em;width:0;height:0;border-width:5px 5px 0;border-style:solid;border-color:#dda01a transparent} #content h2.extra, #home #sidebar h2 {margin-top:15px} #home h3, .calendar caption, #error #sidebar h3 {font-size:0.9em;letter-spacing:.1em;text-transform:uppercase;padding:0.25em 0.5em;font-family: 'PoligonalBold';color:white;font-weight:normal} #catalogs h3 {background-color:#ffb81c;padding-left:10px;text-shadow:none} #videos h3 {background-color:#18b9af;padding-left:10px;text-shadow:none} h2 a {color:#333} #catalogs h2, #videos h2 {font-size:1.3em} /* twitter */ #twitter {padding:5px 10px;background:#e7f7f6;border:1px solid #ddd;text-align:left;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position: relative;margin-bottom:1.5em; -webkit-font-smoothing: antialiased} #twitter:after, #twitter:before {content: ' ';height: 0;position: absolute;width: 0;border: 10px solid transparent;border-top-color: #e7f7f6;top: 100%} #twitter:before {border-width:11px;border-top-color: #ddd;left:9px} #twitter:after {left:10px} #twitter .slides_container div {width:260px;word-wrap: break-word} .twitter span.meta a {display:block;color:#737467} .pagination {list-style:none;text-shadow:none} .pagination li {float:left} .pagination a {padding:2px 6px} #sidebar .pagination .current a {background-color:#737467;color:white} .tweets {padding:0 0 0 35px;background-position:0 -302px;line-height:25px} .prev {margin-right:1em} #sidebar .slides_container {padding-bottom:1em} /* follow us */ .follow, #filter {border-top:1px solid #ddd;border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #bcbcbc;overflow:hidden;zoom:1;margin-bottom:0.75em; background: #eeeeee; /* old browsers */ background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); /* FF3.6 */ background-image: -o-linear-gradient(top, #eeeeee, #cccccc); /* Opera 11.10+ */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(#eeeeee, #cccccc); /* Chrome 10+, Saf5.1+ */ background-image: linear-gradient(top, #eeeeee, #cccccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc'); /* IE6–IE9 */ } .follow li {float:left;width:50%} .follow a, #filter a {display:block;background:transparent;font-size:80%;font-weight:bold;text-transform:uppercase;font-family:sans-serif;color:#888;line-height:1.3em;text-shadow:0 1px 0 #fafafa;-webkit-box-shadow:inset 0 0 0 #0c8a82;moz-box-shadow:inset 0 0 0 #0c8a82;box-shadow:inset 0 0 0 #0c8a82} .follow a {padding:5px 10px 5px 40px} .follow a:hover, #filter a:hover {background-color:#00bfb3;color:white;text-shadow:0 1px 0 #0c8a82;-webkit-box-shadow:inset 0 0 4px #0c8a82;-moz-box-shadow:inset 0 0 4px #0c8a82;box-shadow:inset 0 0 4px #0c8a82} #filter a.current {background: #737467;color:white;text-shadow:0 1px 0 #666} a.follow-twitter {background-position:5px -345px} a.follow-facebook {background-position:5px -395px} a.follow-rss {background-position:5px -445px} a.follow-calendar {background-position:5px -495px} /* calendar */ .calendar {width:100%;border-collapse:collapse;border-right:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd} .calendar caption, #home #sidebar h3, h3.upcoming, #error #sidebar h3 {background-color:#e4002b;text-align:center} h3.upcoming {margin:1.5em 0;display:none} #eventlist h3 {margin-top:10px} .calendar th {border-bottom: 1px solid #ccc;font-weight: normal;background: #fff;text-align:center} .calendar td {text-align: center} .calendar a {color: #737467;text-decoration: none;padding:0.2em;display:block} .calendar td.today {background: #ffc} .calendar td.highlighted, td a.selected {background:#d6f5f3} .calendar td:hover, .calendar td.today:hover, .calendar a:hover {background: #00bfb3;color:white} table.calendar td.pad {color: #999;background: #fff} table.calendar td.pad:hover {background: none;border: 0} .sunday, .saturday {background: #f0f0f0} #year {padding: 0;width: 500px;list-style: none} #year:after {content: "";display: block;height: 0;clear: both;visibility: hidden} #year li {float: left;padding: 0 .5em .5em 0;height: 150px} #eventlist {min-height:250px} #eventlist ol {-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px} /* search */ #searchbutton {background-color:#444;width:auto;border:none;padding:5px 10px;color:white;margin-left:5px} #searchbutton:hover {background-color:black} #header form {position:absolute;right:0;top:150px} #header input[type=text] {width:210px} .firefox #header input[type=text] {width:204px} .ie7 #header input[type=text] {width:184px;padding:4px} /* validation */ .formError {position:absolute;top:300px; left:300px;padding-bottom:13px;display:block;z-index:5000} .ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none} .formError .formErrorContent {width:100%;background:#ee0101;color:#fff;width:150px;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;font-size:11px;border:1px solid #ddd;box-shadow: 0px 0px 6px #000;-moz-box-shadow: 0px 0px 6px #000;-webkit-box-shadow: 0px 0px 6px #000;padding:4px 10px 4px 10px} .greenPopup .formErrorContent {background:#33be40} .blackPopup .formErrorContent {background:#393939;color:#FFF} .formError .formErrorArrow {position:absolute;bottom:0;left:20px;width:15px;height:15px;z-index:5001} .formError .formErrorArrowBottom{top:0;margin:-6px} .formError .formErrorArrow div {border-left:1px solid #ddd;border-right:1px solid #ddd;box-shadow: 0px 2px 3px #444;-moz-box-shadow: 0px 2px 3px #444;-webkit-box-shadow: 0px 2px 3px #444;font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block} .formError .formErrorArrowBottom div {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none} .greenPopup .formErrorArrow div{background:#33be40} .blackPopup .formErrorArrow div{background:#393939;color:#FFF} .formError .formErrorArrow .line10{width:15px;border:none} .formError .formErrorArrow .line9{width:13px;border:none} .formError .formErrorArrow .line8{width:11px} .formError .formErrorArrow .line7{width:9px} .formError .formErrorArrow .line6{width:7px} .formError .formErrorArrow .line5{width:5px} .formError .formErrorArrow .line4{width:3px} .formError .formErrorArrow .line3{width:1px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:0px solid #ddd} .formError .formErrorArrow .line2{width:3px;border:none;background:#ddd} .formError .formErrorArrow .line1{width:1px;border:none;background:#ddd} /* ColorBox core styles: */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden} #cboxOverlay{position:fixed; width:100%; height:100%} #cboxMiddleLeft, #cboxBottomLeft{clear:left} #cboxContent{position:relative} #cboxLoadedContent{overflow:auto} #cboxTitle{margin:0} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer} .cboxPhoto{float:left; margin:auto; border:0; display:block} .cboxIframe{width:100%; height:100%; display:block; border:0} /* Colorbox user styles */ #cboxOverlay{background:#333} #colorbox{font-size:12px;font:sans-serif} #cboxContent{margin-top:32px; overflow:visible} #cboxError{padding:50px; border:1px solid #ccc} #cboxLoadedContent{background:#fff; padding:0} #cboxLoadingGraphic{background:url(../images/colorbox-loading.gif) no-repeat center center} #cboxLoadingOverlay{background:#000} #cboxTitle{position:absolute; top:-22px; left:0; color:#fff;font-weight:bold} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/colorbox-controls.png) no-repeat 0 0} #cboxPrevious{background-position:0px 0px; right:44px} #cboxPrevious.hover{background-position:0px -25px} #cboxNext{background-position:-25px 0px; right:22px} #cboxNext.hover{background-position:-25px -25px} #cboxClose{background-position:-50px 0px; right:0} #cboxClose.hover{background-position:-50px -25px} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px} /* Quotes*/ blockquote { quotes: "“" "”";text-indent:-0.4em;margin:1em;padding-left:1em;border-left:3px solid #ccc} blockquote p {padding-top:0} blockquote p:before{ content: "“"; content: open-quote} blockquote p:after{ content: ""; content: no-close-quote} blockquote p:last-of-type:after{ content: "”"; content: close-quote} /* Tooltips - tipsy */ .tipsy { padding: 5px; font-size:12px;background-repeat: no-repeat;line-height:1.5em;position: absolute; z-index: 100000} .tipsy-inner {padding:10px; background-color:#333;color: white;max-width:240px; text-align:left;-webkit-box-shadow:0 5px 15px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 5px 15px rgba(0, 0, 0, 0.3);box-shadow:0 5px 15px rgba(0, 0, 0, 0.3)} .tipsy-arrow { position: absolute; background: url(../images/tipsy.gif) no-repeat top left; width: 9px; height: 5px} .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px} .tipsy-ne {margin-left:30px} /* push left for highlights */ .tipsy-ne .tipsy-inner {max-width:360px} /* special width for highlights */ .tipsy-nw .tipsy-arrow { top: 0; left: 10px} .tipsy-ne .tipsy-arrow { top: 0; right: 15px} .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left} .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left} .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left} .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right} .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px}