/* ----------------------------------------------- Hay Festival v1.0 - Global Stylesheet Author: Finn Beales - hello@madebyfinn.com Version: 02/2011 CONTENTS: 1 Global classes inc. font replacement and core button styles 2 Global layout 3 Global navigation 4 Header 5 Main container for content. Also holds sub navigation 6 Homepage - Above fold 7 Homepage - Content 8 Content page 9 Footer 10 A-Z Performer pages 11 IE specific styles 12 Old Grid layout - will soon deprecate ----------------------------------------------- */ hr { display:none; } /* 1 Global classes inc. font replacement ----------------------------------------------- */ html, body { min-width:1000px; } body { margin:0; background:#fff; color:#333; font:14px 'TradeGothicNextW02-Ligh 694371', Arial, Helvetica, sans-serif; } h1, h2, h3, h4 { margin:0; padding:0; font-weight:normal; } h2 { font-family:'Trade Gothic W02 Bold 2', Arial, Helvetica, sans-serif; } h3 { font-family:'Trade Gothic W02 Bold 2', Arial, Helvetica, sans-serif; } h4 { font-family:'Trade Gothic W02 Bold 2', Arial, Helvetica, sans-serif; color:#333; } p { margin:0 0 1em 0; line-height:1.5em; } a { text-decoration:none; color:#336699; } a:hover { text-decoration:underline; } strong, b { font-weight:normal; font-family: 'Trade Gothic W02 Bold 2', Arial, Helvetica, sans-serif; } blockquote { margin:0 0 1em 0; line-height:1.5em; font-family: 'TradeGothicNextW02-Ligh 694371', Arial, Helvetica, sans-serif; background: url(images/quotes.gif) no-repeat top left; background-position: 9px 3px; color: #595959; margin: 0 0 5px 0; padding: 5px 15px 16px 60px; } cite { font-family: 'Trade Gothic W02 Bold 2', Arial, Helvetica, sans-serif; font-style:normal; padding-top:.5em; display:block; color:#333; } blockquote cite.small { font-size:14px; line-height:20px; } iframe { border:none; } img { border-style:none; } input, textarea, select { font:100% arial, sans-serif; vertical-align:middle; } form, fieldset { margin:0; padding:0; border-style:none; } q:before, q:after { content: ''; } ul { list-style:none; margin:0; padding:0; } ol { margin:0; padding:0; } ul.bullet { list-style:none; margin-bottom:9px; } ul.bullet li { margin-bottom:9px; } ul.disc { list-style:disc; margin-bottom:18px;} ul.disc li p { margin-bottom:9px; } ol li { margin-bottom:1em; } table { border-spacing:0; } th { font-weight:normal; } object { margin-bottom:18px; } .align-left { float:left; } .align-right { float:right; } .clear { clear:both; } .overflow { overflow:hidden; padding-left:20px; } .small { font-size:10px; } .loud { font-family: 'Trade Gothic W02 Bold 2', Arial, Helvetica, sans-serif; } .button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 12px/100% Arial, Helvetica, sans-serif; padding: .5em 10px .55em; border:none; } .button:hover { text-decoration: none; } .button:active { position: relative; top: 1px; } .slideshow { float:left; } .slideshow ul.slideset { position: relative; list-style: none; background: #fff; height: 200px; padding: 0; margin: 0;} .slideshow ul.slideset li { position: absolute; top: 0; left: 0; } .slideshow ul.slideset li.active { z-index: 1; } .slideshow span.frame { z-index: 2; } .homepage-slideshow { } .homepage-slideshow ul.slideset { position: relative; list-style: none; background: #fff; height: 200px; padding: 0; margin: 0;} .homepage-slideshow ul.slideset li { position: absolute; top: 0; left: 0; } .homepage-slideshow ul.slideset li.active { z-index: 1; } .homepage-slideshow span.frame { z-index: 2; } .slide-right { margin-left:105px; } /* 404 and 500 error pages */ #wrapper-error { width:100%; position:relative; padding:100px 0 0; } .error { width:940px; margin:0 auto; text-align:center; } .error h1 { font-family: 'Trade Gothic W02 Bold 2', Arial, Helvetica, sans-serif; font-size:30px; color:#cc0000; text-transform:uppercase; margin-bottom:24px; } .error h2 { font-family: 'Trade Gothic W02 Bold 2', Arial, Helvetica, sans-serif; font-size:72px; color:#cc0000; text-transform:uppercase; border-bottom:none; } .error p { font-family: 'TradeGothicNextW02-Ligh 694371', Arial, Helvetica, sans-serif; font-size:24px; color:#333; } /* 2 Global layout ----------------------------------------------- */ #wrapper { width:100%; position:relative; padding:171px 0 0; } .skip { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } .skip:focus { position:static; width:auto; height:auto; } /* 3 Global navigation ----------------------------------------------- */ #header { width:100%; position:absolute; top:0; left:0; z-index:3; background:#000 url(images/bg-nav.gif) repeat-x; } .nav-holder { width:1000px; margin:0 auto; } #nav, #nav ul { margin:0; padding:0 0 0 20px; list-style:none; width:972px; position:relative; z-index:3; } #nav:after { content:""; display:block; clear:both; } #nav li { float:left; padding:0 7px 0 13px; font:12px/16px Arial, Helvetica, sans-serif; text-transform:uppercase; position:relative; } #nav li:first-child { background:none; } #nav a { color:#fff; padding:20px 7px 10px 7px; display:block; } #nav .active a, #nav a:hover, #nav li:hover a, #nav li.hover a, .add-nav a:hover, .add-nav li:hover a, .add-nav li.hover a { background:#58acae; text-decoration:none; } #nav a span, .add-nav a span { position:absolute; width:6px; height:6px; background:url(images/arrow.png) no-repeat; top:100%; left:50%; } #nav .active a span, #nav a:hover span, #nav li:hover a span, #nav li.hover a span, .add-nav a:hover span, .add-nav li:hover a span, .add-nav li.hover a span { z-index:10; } /* drop */ #nav .drop { width:207px; position:absolute; z-index:3; top:100%; left:9px; display:none; } /* drop-t */ #nav .drop-t { background:url(images/bg-drop-t.png) no-repeat; width: 207px; padding:7px 0 0; } /* drop-c */ #nav .drop-c { background:url(images/bg-drop-c.png) repeat-y; width:197px; padding:0 5px; overflow:hidden; } /* drop-b */ #nav .drop-b { background:url(images/bg-drop-b1.png) no-repeat; height: 9px; overflow:hidden; } #nav li:hover .drop, #nav li.hover .drop { display:block; } #nav ul { padding:8px 0 7px; width:197px; border:0; background:none; border-bottom:5px solid #58acae; } #nav ul li { float:none; padding:0; background:none; text-transform:none; font-size:13px; line-height:17px; vertical-align:top; width:100%; } #nav li:hover ul a, #nav li.hover ul a { padding:8px 5px 8px 16px; background:none !important; } /*html.mac #nav li:hover ul a { padding:11px 5px 5px 16px; } html.win.safari4 #nav li:hover ul a, html.win.safari5 #nav li:hover ul a { padding:11px 5px 5px 16px; }*/ #nav li:hover ul a:hover, #nav li.hover ul a:hover, #nav ul .active a { background:url(images/bg-drop-a.gif) repeat-x !important; text-decoration:none; margin:0; color:#ccc; } /* 4 Header ----------------------------------------------- */ /* header-holder */ .header-holder { width:936px; padding:34px 28px 20px 36px; height:71px; overflow:hidden; line-height:16px; margin:0 auto; } /* head-block - Logo images for diff microsites */ .head-block { float:left; width:685px; font-family:"Times New Roman", Times, serif; position:relative; } /*.present { color:#fff; font-size:11px; }*/ .logo { display:block; text-indent:-9999px; overflow:hidden; } .logo a { display:block; height:100%; } /* Colour blocks and hayfestivalsworldwide.org */ .colour-blocks { width:100%; overflow:hidden; padding:15px 0 0; } .worldwide { float:left; color:#fff; font:11px Arial, Helvetica, sans-serif; margin:0 5px 0 3px; } /* Colour scheme for blocks */ .color-scheme { float:left; margin:1px 0 0; padding:0; list-style:none; } .color-scheme li { float:left; padding:1px 2px 0 0; line-height:0; font-size:0; } .color-scheme a { float:left; width:40px; height:8px; } .block-africa { background: #edae07; } .block-america { background:#9eaf15; } .block-asia { background:#cb069b; } .block-europe { background: #529dba; } .block-middleeast { background: #f06141; } .cartagena-link { background:#5fbcbf; } .beirut-link { background:#006a90; } .belfast-link { background:#acb53f; } .hay-link { background:#5f7430; } .xalapa-link { background:#b54f35; } .brecon-link { background:#e76b3e; } .segovia-link { background:#f3b34a; } .cape-link { background:#c49915; } .nairobi-link { background:#c43963; } .maldives-link { background:#9b5d92; } .kerala-link { background:#253c7f; } .dhaka-link { background:#528c71; } .istanbul-link { background:#982b62; } .budapest-link { background:#aea32c; } /* Dates and Next up section - right hand side of header */ .data-section { float:right; width:250px; text-align:right; padding:20px 0 0; color:#fff; line-height:1.5em; } .data-section em { font-size:12px; font-style:normal; text-transform:uppercase; } .data-section a { font-family: 'Trade Gothic W02 Bold 2', Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-style:normal; text-transform:lowercase; } /* 5 Main container for content. Also holds sub navigation ----------------------------------------------- */ #main { width:100%; position:relative; border-top:3px solid #b61b1a; } /* Sub nav or microsite specific navigation */ .sub-nav { width:100%; background:url(images/bg-add-nav.gif) repeat-x; margin:0 0 28px; } .sub-nav-holder { width:947px; padding:0 27px 0 26px; margin:0 auto; line-height:16px; position:relative; z-index:3; } .sub-nav:after { content:""; display:block; clear:both; } /* Language flag - Modify country flag in Skins folder */ .lang-select { float:right; color:#000; font:12px/16px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 0 0 25px; margin:13px 0 0; } /* Drop down navigation */ .add-nav, .add-nav ul, .add-nav1 { margin:0; padding:0; list-style:none; width:900px; } .add-nav:after { content:""; display:block; clear:both; } .add-nav li, .add-nav1 li { float:left; text-transform:uppercase; position:relative; } .add-nav a { display:block; color:#333; font-weight:normal; padding:12px 9px 11px 10px; font-size:12px; font-family: Arial, Helvetica, sans-serif; } .add-nav a:hover, .add-nav li:hover a, .add-nav li.hover a { color:#fff; } /* drop down indicator */ .add-nav a span { background:url(images/add-arrow.png) no-repeat; } .add-nav li:hover .add-drop, .add-nav li.hover .add-drop { display:block; } /* add-drop */ .add-drop { position:absolute; left:0; top:100%; width:199px; display:none; z-index:9; } .add-nav ul { width:197px; padding:16px 0 8px; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; border-bottom:5px solid #58acae; background:url(images/bg-add-drop.png); } .add-nav ul li { float:none; width:100%; text-transform:none; } .add-nav li:hover ul a, .add-nav li.hover ul a { padding:7px 5px 7px 15px; color:#333; background:none !important; font-family: Arial, Helvetica, sans-serif !important; font-weight:normal; } .add-nav li:hover ul a:hover, .add-nav li.hover ul a:hover { background:url(images/bg-add-drop-a.gif) !important; border-top:1px solid #d7d7d7; padding-top:6px; color:#000; } /* Add festival list to Portal homepage in place of standard sub menu */ .add-nav1 { float:left; width:930px; margin:0; } .add-nav1 li { font-size:12px; padding:0 11px 0 10px; font-family: Arial, Helvetica, sans-serif; } .add-nav1 a, .festival-list a { background:none; position:relative; float:left; font-weight:bold; color:#333; } .add-nav1 .cartagena-link, .festival-list .cartagena-link { color:#5fbcbf; } .add-nav1 .beirut-link, .festival-list .beirut-link { color:#006a90; } .add-nav1 .belfast-link, .festival-list .belfast-link { color:#acb53f; } .add-nav1 .hay-link, .festival-list .hay-link { color:#5f7430; } .add-nav1 .zacatecas-link, .festival-list .zacatecas-link { color:#b54f35; } .add-nav1 .brecon-link, .festival-list .brecon-link { color:#e76b3e; } .add-nav1 .merthyr-link, .festival-list .merthyr-link { color:#9e2625; } .add-nav1 .segovia-link, .festival-list .segovia-link { color:#f3b34a; } .add-nav1 .cape-link, .festival-list .cape-link { color:#c49915; } .add-nav1 .nairobi-link, .festival-list .nairobi-link { color:#c43963; } .add-nav1 .maldives-link, .festival-list .maldives-link { color:#9b5d92; } .add-nav1 .kerala-link, .festival-list .kerala-link { color:#253c7f; } .add-nav1 .winter-link, .festival-list .winter-link { color:#103c00; } .add-nav1 .istanbul-link, .festival-list .istanbul-link { color:#982b62; } .add-nav1 .budapest-link, .festival-list .budapest-link { color:#aea32c; } .add-nav1 .dhaka-link, .festival-list .dhaka-link { color:#528c71; } /* 6 Homepage - Above fold ----------------------------------------------- */ .main-holder { width:936px; padding:5px 28px 0 36px; margin:0 auto; } /* Call to action button */ .info-block { width:100%; overflow:hidden; padding-top:9px; } .info-block a { font-size:18px; } .info-block a.button { margin-right:10px; } /* 7 Homepage - Content ----------------------------------------------- */ /* Container for microsite homepages */ .container { width:100%; overflow:hidden; background:url(images/bg-container.gif) repeat-y 1px 0; margin:0 0 24px; position:relative; float:left; } /* Left Column */ .column { float:left; width:689px; } /* Content for Homepages */ #content { float:left; width:448px; padding:0 0 0 2px; font-weight:normal; font-family: 'TradeGothicNextW02-Ligh 694371', Arial, Helvetica, sans-serif;} /* Article intro to the page */ .article { line-height:22px; border-bottom:1px solid #ccc; padding:0 0 16px; margin:0 0 27px; } .article p { margin:0 0 12px; vertical-align:bottom; } .article p span { text-transform:uppercase; font-size:12px; line-height:22px; vertical-align:bottom; } /* Quick links deeper into site */ div.lists { width:470px; margin:0 -22px 0 0; overflow:hidden; line-height:22px; } /* Link lists */ ul.list { margin:0; padding:0 15px 0 0; list-style:none; float:left; width:220px; } ul.list a { color:#036; } ul.slist { margin:0 0 18px 0; } /* Thumbnail image links */ ul.thumb-list { margin:0 -31px 0 -1px; padding:0; list-style:none; width:468px; overflow:hidden; } ul.thumb-list li { float:left; position:relative; width:216px; padding:0 18px 33px 0; overflow:hidden; color:#000; font-size:12px; line-height:18px; } .image { float:right; margin: 0 0 0 14px; } * html .image { margin-right:11px; } .image img { vertical-align:top; margin:2px;} /*.image a:hover img, .thumb-list .active img { border:3px solid #999; }*/ .thumb-list h3 { margin:0; font:12px/18px 'Trade Gothic W02 Bold 2', Arial, Helvetica, sans-serif; color:#036; text-transform:uppercase; } .thumb-list h3 a { color:#036; } .thumb-list p { margin:0; } /* Live bar contains Twitter, Mailing list and News story .post blocks */ #livebar { width:211px; float:right; padding:4px 0 0; } .post { line-height:18px; border-bottom:1px solid #ccc; padding:0 0 13px; margin:0 0 15px; } .post h3 { margin:0 0 7px; font:14px/18px 'Trade Gothic W02 Bold 2', Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; } .post p { margin:0 0 9px; } .post a { color:#036; font-size:11px; line-height:13px; } #twitter_update_list { list-style:none; margin:0; padding:0; } .twtr-widget .twtr-tweet-wrap { padding:0; } .twtr-hd, .twtr-ft { display:none; } /* Join Mailing list form */ .form { line-height:18px; padding:4px 0 0; font-size:10px; color:#333; margin:0 0 -5px; } .hidden { position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .form .row { width:100%; overflow:hidden; margin:0 0 5px; } .row .text { float:left; width:147px; color:#666; border:1px solid #ccc; font-size:12px; margin:0 8px 0 0; padding:7px 10px 10px 8px; } .submit { float:left; text-indent:-9999px; overflow:hidden; font-size:0; line-height:0; position:relative; cursor:pointer; background:url(images/bg-submit.gif) no-repeat; width: 33px; height: 21px; border:0; padding:0; margin:7px 0 0; } fieldset.clicksend p { clear:both; display:block; margin:0; padding:8px 0 0 0; font-size:10px; } fieldset.clicksend p a { color:#369; font-size:10px;} #EmailSignup { float:left; } #btnEmailSignup { float:left; margin:0 0 3px 5px; } #emailCheck p { clear:both; } /* News links - hook into CMS */ .post .news { margin:0; padding:0; list-style:none; } .post .news li { padding:0 0 9px; line-height:16px; font-size:11px; vertical-align:top; height:1%; overflow:hidden; } .news p { margin:0; } .post .news a { color:#036; line-height:18px; } #livebar .last { border-bottom:0; } .news-ticker { overflow: hidden; position: relative; height: 300px; } .news-ticker .slider { position: relative; width: 100%; } .news-ticker .slide { height: 300px; } /* Side bar */ .aside { float:left; width:228px; position:relative; padding:1px 0 0; margin:0 0 0 19px; } /* Image boxes */ .box { position:relative; width:228px; margin:0 0 12px; } .box img { display:block; border:1px solid #cdcdcd; } /* Picture boxes on right hand side of homepage */ .box .text-box { position:absolute; left:1px; bottom:1px; width:226px; font:12px/16px Arial, Helvetica, sans-serif; text-transform:uppercase; } .picture img { display:block; border:1px solid #9b9b9b; } /* 8 Content page ----------------------------------------------- */ /* Container for inner pages */ .container-inner { width:100%; padding:0 0 18px; } .container-inner:after { content:""; display:block; clear:both; } /* Content for Inside "content" pages */ #content-inner { float:left; width:699px; padding:0; font-weight:normal; font-family: 'TradeGothicNextW02-Ligh 694371', Arial, Helvetica, sans-serif;} #content-inner-full { float:left; width:940px; padding:0; font-weight:normal; font-family: 'TradeGothicNextW02-Ligh 694371', Arial, Helvetica, sans-serif;} .title { width:698px; margin:0 0 33px 0; padding:0 0 15px 0; position:relative; } .title-full { width:940px; margin:0 0 33px 0; padding:0 0 15px 0; position:relative; } .title h1 { margin:0; color:#000; font-size:24px; line-height:30px; font-weight:normal; font-family: 'Trade Gothic Next W02', Arial, Helvetica, sans-serif; } /*.title-block h2 { margin:0; color:#000; font-size:24px; line-height:30px; font-weight:normal; font-family: 'Trade Gothic Next W02'; }*/ /* blocks2 */ .block-inner { width:100%; overflow:hidden; } /* post-block */ .post-block { float:left; width:210px; color:#000; font-size:18px; line-height:22px; } .post-block p { margin:0 0 22px; } .post-block p.sub-info { margin:-18px 0 0 0; font-size:80%; } /* article-block */ .article-block { width:430px; padding:2px 29px 0 0; margin:0 0 18px; float:right; color:#000; font-size:14px; line-height:22px; } .article-block p { margin:0 0 22px; } .article-block h2 { margin:0 0 4px; font:18px/22px 'Trade Gothic W02 Bold 2', Arial, Helvetica, sans-serif; border-bottom:none; } /* scan-block */ .scan-block { overflow:hidden; margin-bottom:27px; } .scan-block img.align-left { float:left; } .copy-block { overflow:hidden; padding-left:20px;} .scan-block-sponsor { overflow:hidden; margin-bottom:27px; } .scan-block-sponsor img { float:left; } .copy-block-sponsor { overflow:hidden; padding-left:30px; } /* promo */ .promo { width:697px; padding:0 2px 0 0; margin:-15px 0 38px; position:relative; overflow:hidden; } .align-right { float:right;} .promo .letterlist { clear:both; margin-top:45px; } /* aside */ .aside-inner { float:left; width:145px; position:relative; margin:0 0 0 19px; padding:86px 0 0 55px; } .aside-inner-copy { float:left; width:190px; position:relative; margin:0 0 0 19px; padding:85px 0 0 10px; } .aside-inner-copy h3 { font-size:14px; } .aside-inner-copy p { font-size:12px; } .aside-inner-image { float:left; width:222px; position:relative; margin:0 0 0 14px; padding:85px 0 0 0; } /* advertsing */ .adRates { width:100%; margin-bottom:27px; } .adRates tr th { font-family:'Trade Gothic W02 Bold 2', Arial, Helvetica, sans-serif; } .adRates tr th, .adRates tr td { padding-bottom:10px; } /* picture bar */ ul.picture-bar { clear:both; float:left; width:940px; margin:0; padding:0 0 27px 0; } ul.picture-bar li { float:left; margin-right:14px; width:224px; } ul.picture-bar li.last { margin-right:0; } ul.picture-bar li h4 { margin:18px 0 5px 0; } /* gallery */ ul#gallery { overflow:hidden; font-family:Arial, Helvetica, sans-serif; } ul#gallery li { float:left; margin-right:14px; margin-bottom:30px; background:#eee; } ul#gallery li.last { margin-right:0; } ul#gallery li img { margin-bottom:10px; } ul#gallery li a { margin:0; } ul#gallery li h3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; margin:0px 0 0 10px; } ul#gallery li p { margin:2px 0 10px 10px; } ul#gallery li a.button { margin-top:5px; margin-left:10px; margin-bottom:10px; } /* 9 Footer ----------------------------------------------- */ .footer-section { width:100%; background:#f4efec; border-top:1px solid #ccc; clear:left; } .footer-section h3 { margin:0 10px 5px 0; color:#000; font:12px/18px 'Trade Gothic W02 Bold 2', Arial, Helvetica, sans-serif; clear:left; } .footer-section a { color:#333; } .section-holder { width:951px; padding:33px 8px 0 41px; margin:0 auto; } .section-frame { width:100%; overflow:hidden; } /* section-block */ .section-block { width:474px; float:left; position:relative; } /* lists1 */ .lists1 { width:100%; overflow:hidden; } /* list2 */ .list2, .section-list, .section-list ul { margin:0; padding:0 10px 0 0; list-style:none; width:219px; float:left; } .list2 li { padding:0 0 6px; } .list2 h4 { margin:0; font:12px/18px 'Trade Gothic W02 Bold 2', Arial, Helvetica, sans-serif; color:#333; } .list2 h4 a { color:#333; } /* lang */ .lang { margin:0 0 0 -6px; padding:0; list-style:none; width:100%; overflow:hidden; } .lang li { float:left; background:url(images/separator.gif) no-repeat 0 5px; font-size:11px; line-height:16px; padding:0 2px 0 7px; } .lang li:first-child { background:none; } .lang a { color:#369; } .section-block .last { padding:0; } /* section-list */ .section-list { width:229px; } .section-list ul { padding:0 0 17px; float:none; } .section-list li { font-size:12px; line-height:18px; color:#333; } /* social */ .social { margin:0; padding:0; list-style:none; width:100%; overflow:hidden; position:relative; } .social li { float:left; padding:0 2px 0 0; } .social a { display:block; /*width: 22px; height: 22px; text-indent:-9999px; overflow:hidden; */ } .facebook, .twitter, .youtube { background:url(images/bg-social.jpg) no-repeat; } .flick, .ico1 { background:url(images/bg-social1.gif) no-repeat; } .ico1 { background-position:-22px 0; } .facebook:hover { background-position:0 -22px; } .twitter { background-position:-22px 0; } .twitter:hover { background-position:-22px -22px; } .youtube { background-position:-44px 0; } .youtube:hover { background-position:-44px -22px; } /* Copyright notices */ #footer { background:#f4efec; width:100%; } .footer-holder { font-size:11px; line-height:18px; color:#333; width:931px; padding:25px 28px 30px 41px; margin:0 auto; } .footer-holder img { float:left; margin-right:25px; margin-top:-5px; padding-bottom:30px; } #footer h4 { margin:0; font:11px/18px 'Trade Gothic W02 Bold 2', Arial, Helvetica, sans-serif; color:#333; } #footer p { margin:0 8px 0 0; display:inline; } * html #footer p { margin-right:13px; } #footer .footer-frame dl { display:inline; } #footer .footer-frame dt { background:url(images/separator1.gif) no-repeat 0 3px; padding:0 0 0 10px; } #footer .footer-frame dd { margin:0 10px 0 0; } #footer dl { margin:0; } #footer dt { display:inline; } #footer dd { display:inline; margin:0 23px 0 0; } #footer dd a { color:#333; } /* 10 A-Z PERFORMER PAGE --------------------------------------------------*/ ol.letterlist { float:left; margin:0 0 9px 5px; padding:0; width:690px; list-style:none; } ol.letterlist li { float:left; margin:0 8px 0 0; padding:0; font-size:27px; font-family:Georgia, "Times New Roman", Times, serif; } ol.letterlist li a:hover { color:#333; text-decoration:none; } ol.letterlist-vertical { float:left; margin:0 0 0 5px; padding:0; width:224px; list-style:none; } ol.letterlist-vertical li { float:left; margin:0 5px 0 0; padding:0; font-size:27px; font-family:Georgia, "Times New Roman", Times, serif; } ol.letterlist-vertical li a:hover { color:#333; text-decoration:none; } ul.performerlist { margin:0 0 27px 0; padding:0; margin-left:10px; list-style:none; } ul.performerevents { margin:18px 0 0 0; } ul.performerevents li.date { margin-bottom:6px; } ul.performerevents li h3 { margin-bottom:0; } ul.performerevents li img { margin-top:18px; } /* 11 IE 8 */ * html input { overflow: visible; } * html #search-keyword-wrapper input.button-standard { margin-top:5px; } * html .donation span { padding-bottom:3px; } /* 12 OLD CSS - Would like to deprecate */ /* GRID SETTINGS --------------------------------------------------*/ div.col-1 h2, .col-2 h2, .col-3 h2, .col-4 h2, .col-5 h2, .col-6 h2, .col-7 h2, .col-8 h2 { margin:0 0 18px 0;} /* page titles */ div.col-1 h5, .col-2 h5, .col-3 h5, .col-4 h5, .col-5 h5, .col-6 h5, .col-7 h5, .col-8 h5 { margin-bottom:9px;} /* in copy titles */ div.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8 { float:left; margin-right:12px; } div.col-1 { width:107px; } div.col-2 { width:226px; } div.col-3 { width:345px; } div.col-4 { width:464px; } div.col-5 { width:583px; } div.col-6 { width:702px; } div.col-8 { width:940px; margin:0; } div.repeatblock { padding-top:0; } div.nomargin { margin:0; } div.topmargin { margin-top:45px; } /* GENERAL LAYOUT --------------------------------------------------*/ div.title-block { width:940px; margin:0 0 9px; padding:0; clear:both; float:left; } div.content-block { width:940px; margin:0; padding:0 0 36px 0; clear:both; float:left; } ul.scan-list { float:left; list-style:none; margin:0; padding:0; } ul.scan-list li { float:left; } ul.scan-list li h3.faq { color:#333; margin:0 0 9px 0; } ul.scan-list li.nomargin { margin:0;} ul.scan-list li.col-1, ul.scan-list li.col-2, ul.scan-list li.col-5 { margin-right:12px; vertical-align:top; } ul.scan-list li.col-1 { width:107px; } ul.scan-list li.col-2 { width:221px; } ul.scan-list li.col-4 { width:464px; margin:0; padding-bottom:20px; } ul.scan-list li.col-5 { width:583px; margin:0; padding-bottom:20px; } ul.scan-list li.col-1 h3 { margin:0; color:#333;} ul.scan-list li.col-2 h3 { margin:0; color:#333;} ul.scan-list ul { list-style:disc; } ul.scan-list ul li { margin-bottom:5px; } ul.downloads { margin:0; margin-top:36px;} ul li.pdf-downloads { background:url(/wales/img/global/icon-pdf.gif) right top no-repeat; padding:10px 40px 10px 0; margin-top:18px; } ul li.parking-downloads { background:url(/wales/img/global/icon-parking.gif) right top no-repeat; padding:10px 40px 10px 0; margin-top:18px; } a.jpg-downloads { background:url(/wales/img/global/icon-jpg.gif) left top no-repeat; padding:10px 0 10px 40px; margin-top:54px; } p.pdf { background:url(/css/img/icon-pdf.gif) left top no-repeat; padding:10px 0 10px 40px;} a.ics { background:url(/css/img/icon-ics.gif) 0 3px no-repeat; margin-top:10px; padding:0px 0 10px 25px; display:inline-block; font-size:14px; } p.link { background:url(/css/img/icon-link.gif) left top no-repeat; padding:10px 0 10px 40px;} p.doc { background:url(/css/img/icon-doc.gif) left top no-repeat; padding:10px 0 10px 40px;} p.pdf-dbl { background:url(/wales/img/global/icon-pdf.gif) left top no-repeat; padding:2px 0 10px 40px; } p.popup { background:url(/wales/img/icon-popup.gif) left top no-repeat; padding:10px 0 10px 40px;} p.facebook { background:url(/beirut39/img/icon-facebook.gif) left top no-repeat; padding:8px 0 10px 30px; margin-top:9px; } /* 2012 MODS --------------------------------------------------*/ .footer-section { background: #000; color:#fff; } .footer-section h3 { font-size:18px; color:#fff; font-weight:normal; margin-bottom:24px; } .footer-section a { color:#fff; } .footer-section a:hover { color:#666; text-decoration:none; } .section-block { width:227px; } .section-block p { font-size:12px; line-height:18px;} .section-block p a { border-bottom:1px dotted #fff; } .section-block p a:hover { border-bottom:none; } .section-holder { background:url(/css/images/footer-bg.gif) 35px 0 no-repeat; padding-left:35px; } #footer { background:#000; color:#fff; } .footer-holder, #footer h4, #footer a, #footer dd a { color:#fff; }