/* Theme Name: Bedlam - Main Site Theme URI: http://www.akauk.com Description: Generic Website Theme Author: Gareth Williams, Gethyn Jones and Antony Howlett Version: 1.0 */ /*-- Imports --*/ @import url("/connectwp/wp-content/themes/mainSite/library/styles/base.css"); /* Styling Index --------------- 1. General Styles 2. Page Specific Styles 3. Navigation 4. Plugins 5. Bug Fixes */ /*-- 1. General Styles --*/ /*---- Definitions ----*/ body, html {height:100%;} body {font-size: 14px; font-family: Trebuchet MS, Arial, Helvetica, "Sans-Serif"; color: #000; background-color: #fff; letter-spacing: 1px;} h1 {margin: 0 0 15px; font-size: 28px;} h2 {margin: 0 0 15px; font-size: 25px;} h3 {margin: 0 0 15px; font-size: 20px;} h4 {margin: 0 0 15px; font-size: 18px;} h5 {font-size: 18px;} h6 {font-size: 18px;} p {margin: 0 0 10px;} a {color: #be211d; text-decoration: underline;} a:hover {color: #c00;} input {border: 1px solid #ccc; padding: 5px; margin: 0; background: #fff;} em {font-style: italic;} strong {font-weight: bold;} article {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #191919;} article:last-of-type {border: 0;} /*---- Reusable Classes ----*/ .alignleft {float: left;} .alignright {float: right;} .show {display: block;} .hide {display: none;} .clear {clear: both;} .largeFont {font-size: 20px;} .smallFont {font-size: 11px; color:#666;} .last { margin-right:0!important; border-bottom-width:0!important;} .first { border-top-width:0!important;} /* Buttons */ .btn { display: block; padding: 10px 15px; text-align: center; text-decoration: none; text-transform: uppercase; font-size: 15px; color: #fff; font-weight: bold; background-color: #be211d; letter-spacing: 2px; } .btn:hover, .btn.selected {color: #fff; background-color:#333;} .btn span { padding-right:25px; background: transparent url(/connectwp/wp-content/themes/mainSite/library/images/button-arrows.png) right center no-repeat;} /*---- Layout ----*/ .holder { position:relative; /*width: 940px;*/ max-width:940px; margin: 0 auto;} .col2x1, .col3x1, .col4x1, .col5x1, .col6x1, .col7x1, .col8x1 { position:relative; display:inline-block; float:left; margin-right:2.127%/*20px*/;} .col3x1 { width:31.91%/*300px*/;} .col4x1 { width:31.80%/*299px*/;} .col5x1 { width:40.31%/*379px*/;} .col6x1 { width:23.40%/*220px*/;} .col7x1 { width:57.44%/*540px*/;} .col8x1 { width:65.95%/*620px*/;} /*---- Top Bar ----*/ #top-bar { position: fixed; top:0px; padding: 5px 0; width:100%; background-color: #222222; border-bottom:2px solid #be211d; z-index: 100;} #top-bar form#emailSignup { float:left;} #top-bar form#emailSignup input { float:left; font-family: Trebuchet MS, "Sans-Serif";} #top-bar form#emailSignup #subscribe { margin-left: 10px; background-color: #666; font-weight: bold; border:1px solid #858585; text-transform: uppercase; color:#fff; font-size: 10px; padding: 5px 10px;} #top-bar form#emailSignup #EMAIL { border:1px solid #858585; font-size: 12px; width: 260px;} #top-bar .social-links { position: absolute; top:0; right:0; list-style-type: none;} #top-bar .social-links li { float: left; color:#fff; font-family: Trebuchet MS; font-size: 10px; text-transform: uppercase; font-weight: bold; line-height: 27px;} #top-bar .social-links li a { display:block; margin:3px 0 0 5px; color: #fff; height:19px; text-indent: -9999px;} #top-bar .social-links li.facebook a { width:19px; background:transparent url(/connectwp/wp-content/themes/mainSite/library/images/social-icons.png) 0px 0px;} #top-bar .social-links li.twitter a { width:25px; background:transparent url(/connectwp/wp-content/themes/mainSite/library/images/social-icons.png) -29px 0px;} #top-bar .social-links li.instagram a { width:19px; background:transparent url(/connectwp/wp-content/themes/mainSite/library/images/social-icons.png) -60px 0px;} #top-bar .social-links li.youtube a { width:47px; background:transparent url(/connectwp/wp-content/themes/mainSite/library/images/social-icons.png) -87px 0px;} #top-bar .social-links li.facebook a:hover { background-position:0px 19px;} #top-bar .social-links li.twitter a:hover { background-position:-29px 19px;} #top-bar .social-links li.instagram a:hover { background-position:-60px 19px;} #top-bar .social-links li.youtube a:hover { background-position:-87px 19px;} /* Header */ #main-header { padding-top:50px;} header h1 { float:left;} #content header h1 { margin:0; color:#be211d; letter-spacing:7px; font-size:54px; color:#be211d; text-transform: lowercase; line-height: 98px;} /* Page Features */ /* artwork Carousel Widget */ #artwork-carousel { position:relative; display:block; height:389px;} #artwork-carousel-wrapper { position:relative; width:100%/*540px*/; height:389px; list-style-type:none;} #artwork-carousel-wrapper .panel { position:relative; float:left; width:100%/*540px*/; height:389px; background-color:#fff;} #artwork-carousel-wrapper .panel { position: relative; max-width:100%;} #artwork-carousel-wrapper .panel img { position:absolute; top:0; left:0; width:100%/*540px*/; height:auto/*389px*/; z-index:0;} #artwork-carousel-wrapper .panel h3 { position: absolute; background-color: #be211d; top: 20px; left: 20px; padding: 3px 5px; color: #fff; z-index: 10;} #artwork-carousel #next1, #artwork-carousel #prev1 { display:block; width:26px; height:26px; text-indent:-9999px; z-index:10; float:left; margin-left: 3px;} #artwork-carousel #side-bar-slider #next1, #artwork-carousel #side-bar-slider #prev1 { float:left;} #artwork-carousel #side-bar-slider #next1 { margin-left:10px;} #artwork-carousel #side-bar-slider nav {} #artwork-carousel #next1, #main-carousel #prev1 {} #artwork-carousel #next1:hover { background-color: #222;} #artwork-carousel #prev1:hover { background-color: #222;} #artwork-carousel #next1 { background: #be211d url(/connectwp/wp-content/themes/mainSite/library/images/arrow-next.png) center no-repeat;} #artwork-carousel #prev1 { background: #be211d url(/connectwp/wp-content/themes/mainSite/library/images/arrow-prev.png) center no-repeat;} #artwork-carousel nav { position: absolute; right:20px; bottom:20px; z-index: 10;} /* Event Info */ #content .event-info {} #content .event-info h2 { color:#333333; font-size:36px; letter-spacing: 5px; margin-bottom:0; line-height: 50px;} #content .event-info h2 strong { display: block; background-color: #f4f4f4; font-weight: normal; text-indent: 5px; font-size: 28px; text-transform: uppercase; line-height: 32px; margin-bottom: 5px;} #content .event-info h3 { font-size: 24px; color:#666; margin-bottom:10px; line-height: 35px;} #content .event-info p { font-size: 12px; color:#666; line-height: 18px;} /* Event Booking */ #content .event-booking { border-top:3px solid #f2f2f2; padding-top: 10px;} #content .event-booking p { text-transform: uppercase; color: #000; font-size:24px;} #content .event-booking strong { float:left; font-weight: normal; line-height: 40px; letter-spacing: 5px;} #content .event-booking .btn { float: right;} /* Widget */ .widget h3, .home #sidebar.widget h3 { background-color: #1b1b1b; color:#fff; margin-bottom:0;} .home .widget h3 { font-size:18px; line-height: 35px; text-indent: 10px; font-weight: bold; text-transform: lowercase; margin-bottom:0px;} .home .widget h3 a { font-size: 12px; color:#cbcbcb;} .home .widget h3 a:hover { color:#fff;} .home .find-us-widget h3, .home #sidebar h3 { padding-left:25px; background: #1b1b1b url(/connectwp/wp-content/themes/mainSite/library/images/marker-icon.png) 10px center no-repeat;} .akaGmap { margin-bottom:25px;} /* Quotes */ .akareviews { list-style-type: none;} .akareviews .quote { letter-spacing: 1px; font-family: Georgia; font-weight: bold; border-top:1px dotted #cbcbcb; padding:25px 0 0 120px; margin-bottom:35px; background:transparent url(/connectwp/wp-content/themes/mainSite/library/images/quote-marks.jpg) 0 30px no-repeat; } .akareviews .quote h3 { font-style: italic; font-size:16px; color:#be211d; line-height: 28px; margin-bottom: 6px;} .akareviews .quote h4 { font-style: italic; font-size:14px; color:#666666; text-align: right;} /* Artists List */ #sidebar .artist-list-widget {} #sidebar .artist-list-widget h2 { padding: 20px; font-weight: bold; color:#fff; font-size: 18px; line-height: 30px; margin: 0; text-transform: none;} #sidebar .artist-list-widget h2 span { color:#be211d;} #sidebar .artist-list-widget ul { list-style-type: none;} #sidebar .artist-list-widget li { width:100%; position: relative;} #sidebar .artist-list-widget li a, #sidebar .artist-list-widget li span { display: block; font-size: 12px; text-decoration: none; letter-spacing: 3px; border-bottom:1px solid #fff; border-top:1px solid #ddd; line-height: 30px; background:transparent url(/connectwp/wp-content/themes/mainSite/library/images/bullet-icon-1.png) left 12px no-repeat; text-indent:20px;} #sidebar .artist-list-widget li span { color:#333;} #sidebar .artist-list-widget li a:hover { color:#333;} #sidebar .press-release { display:block; color:#fff; font-size: 12px; font-weight: bold; padding: 10px 5px 10px 45px; text-decoration: none; background:#be211d url(/connectwp/wp-content/themes/mainSite/library/images/press-release-icon.png) 15px 12px no-repeat;} .artist-list-widget .artwork { background-color:#fff; text-align: center; text-transform: uppercase; color:#999; padding: 5%; position: relative; zoom:1; border:1px solid #ccc;} .artist-list-widget .artwork img { width:100%; height:auto; display:block; position: relative; z-index: 1; zoom:1;} #sidebar .artist-list-widget li .artwork a { width:100%; border-width:0; background-image: none;} #sidebar .artist-list-widget li.current a { color:#333;} #sidebar .artist-list-widget li a.artist-link { position: absolute; top:0; right:0; border-width:0; background: none; text-indent: 0; letter-spacing: 0; color:#333; font-size: 10px;} #sidebar .artist-list-widget li a.artist-link:hover { color:#be211d;} /* Box Styles */ .box-style-1, #content .box-style-1 { background-color: #222222;} .box-style-2, #content .box-style-2 { background-color: #f4f4f4;} .box-style-1 .col-content, .box-style-2 .col-content, #content .box-style-1 .col-content, #content .box-style-2 .col-content { margin:20px;} /*Social Feed*/ .live-stream-wrapper { position: relative;} .home #sidebar h3.social-feed-title { background-image: none; padding-left: 0px;} .akastream { position: relative; margin-bottom:25px; width:90%;} .akastream li { padding-top:15px!important; border-bottom:1px solid #c9c9c9;} .akastream .sort { display:none;} .sort-wrapper { position: absolute; top:0; right:0; list-style-type: none;} .sort-wrapper li.sort { position: absolute; top:-30px; right:0; width:65px;} .sort-wrapper li.sort p {} .sort-wrapper li.sort a {} .sort-wrapper li.sort a img { width: 20px; height:20px;} .sort-wrapper li.sort span { display:none;} .akastream li div, .akastream li div.update { float:right; padding: 0; width: 90%;} #content .akastream li p { font-size: 12px; line-height: 18px; color:#666; letter-spacing: 0px; margin-bottom:10px;} .akastream li p a {} .akastream li p a img {} .akastream li div.icon { padding: 5px 0; width: 5%;} #content .akastream li p.via { font-size: 10px; font-weight: bold; letter-spacing: 0; text-align: right; margin-bottom:5px;} #content .akastream li p.via time {} #content .akastream li p.via a {} #socialfeed { height:150px; margin-bottom: 25px; margin-top:5px; width:100%;} /* Content */ #content {margin: 0 0 30px;} #content header { background: #f4f4f4 url(/connectwp/wp-content/themes/mainSite/library/images/thick-divider.jpg) top right no-repeat; padding-top: 8px; margin-bottom:25px; } #content header .header-wrapper { background: #f4f4f4 url(/connectwp/wp-content/themes/mainSite/library/images/thick-divider.jpg) bottom right no-repeat; padding-bottom: 8px;} #content header .header-content { position: relative; background-color: #fff;} .home #content header .header-content { padding:30px 0;} #content h1 {} #content h2 { font-weight: bold; font-size:22px; color:#010101; line-height: 28px; margin:0 0 15px; letter-spacing: 3px;} #content h3 {} #content h4 { font-weight: bold; font-size:16px; color: #222; line-height:21px; margin:10px; letter-spacing: 3px;} #sidebar h2 { font-size:18px; font-weight: bold; color:#be211d; line-height: 30px; margin-bottom:10px; text-transform: uppercase;} #sidebar h3 { font-size:18px; font-weight: bold; color:#be211d; line-height: 30px; margin-bottom:10px; text-transform: capitalize;} #sidebar h4 { font-size:16px; font-weight:bold; color:#222222; line-height: 21px; margin-bottom: 10px;} #content p { font-size: 14px; color:#010101; line-height: 20px; margin:0 0 24px; letter-spacing: 2px;} #content strong { font-size:18px;} /* Footer */ footer { background-color: #1b1b1b;} footer .footer-dates { background-color: #000000; color:#fff; text-align: center;} footer .footer-dates .col-content { padding:41px 0 25px 0; height:100%; border:1px solid #666; border-width:0px 1px;} footer .footer-dates h1 { text-transform: uppercase; font-size: 24px; font-weight: bold; letter-spacing: 3px; margin-bottom:0;} footer .footer-dates h2 { color:#ccc; font-size: 24px; font-weight: bold; letter-spacing: 2px;} footer .footer-address { color:#fff; padding:25px 0;} footer .footer-address h3 { margin-bottom:5px; font-size:12px; text-transform: uppercase; font-weight: bold;} footer .footer-address address { font-size:10px; line-height: 18px; font-weight: bold;} footer .footer-address address a {} footer .akaGmap { margin:25px 0; outline:1px solid #f8f8f8;} /*-- 2. Page Specific Styles --*/ /* Homepage */ #content .home-intro h2 {} #content .home-intro p { font-size:16px; line-height:22px; color:#666;} #content .home-intro p strong { font-size:18px; font-weight: normal; line-height:24px; color: #000; } #content .home-intro img { margin-bottom:-5px;} #logo-strip { margin-bottom:75px; background-color: #f8f8f8; border:1px solid #cbcbcb; border-width:1px 0; padding: 15px 0;} #logo-strip h3 { color:#000; font-size: 14px; letter-spacing: 5px; text-align: center;} #logo-strip h4 { text-align: center;} #logo-strip ul { list-style-type: none; text-align: center;} #logo-strip ul li { display: inline; margin-right:-5px;} #logo-strip ul li a {} #logo-strip ul li a img {} /* About */ /* Partners */ .partner-item { clear:both; padding-bottom:20px; margin-bottom:35px; border-bottom: 1px dotted #cbcbcb;} .partner-item h2 { font-weight: bold;} .partner-item h2 span { color:#be211d} .partner-item img { float:left; margin-right:15px; margin-bottom:15px;} .partner-item p {} .partner-link { clear:both; float:right; padding-left:25px; text-align: right; font-size:12px; line-height:18px; text-decoration: none; background:transparent url(/connectwp/wp-content/themes/mainSite/library/images/arrow-icon.png) 0px 2px no-repeat;} .partner-link:hover { color:#333;} /* Find Us */ .transport-item { padding-top:10px; border-bottom:1px solid #fff; border-top:1px solid #ddd;} #sidebar .transport-item h4 { padding-left:25px; line-height: 30px; margin:0;} #content .transport-item p { margin-bottom:10px; font-weight:bold; font-size: 12px; color: #222; line-height: 21px;} #sidebar .underground h4 { background:transparent url(/connectwp/wp-content/themes/mainSite/library/images/icon-underground.png) 0px 7px no-repeat;} #sidebar .rail h4 { background:transparent url(/connectwp/wp-content/themes/mainSite/library/images/icon-rail.png) 0px 10px no-repeat;} #sidebar .parking h4 { background:transparent url(/connectwp/wp-content/themes/mainSite/library/images/icon-parking.png) 0px 6px no-repeat;} .tfl-link { display:block; color:#fff; font-size: 12px; font-weight: bold; padding: 10px 5px 10px 45px; text-decoration: none; background:#be211d url(/connectwp/wp-content/themes/mainSite/library/images/icon-info.png) 20px 12px no-repeat;} .tfl-link:hover { color:#fff; text-decoration: underline;} #content .venue-info h2 { font-size:18px; font-weight: bold; color:#be211d; line-height: 30px; margin-bottom:0px; text-transform: uppercase;} #content .venue-info address { color:#fff; font-size: 16px; line-height: 28px; margin-bottom:10px;} #content .venue-info address span { color:#be211d; font-size:18px;} #venue { padding-bottom:20px; margin-bottom:30px; border-bottom:8px solid #f4f4f4; height:247px;} #venue .akaGmap { float:left; margin-right:2.127%; width:65.95%; height: 100%;} /* Book Now */ #content .booking-page-intro { font-size:26px; line-height:28px; color:#666;} #content .booking-page-intro em { color:#222; font-style: italic;} #content .booking-page-times p { font-size:19px; line-height: 30px; color:#be211d; font-weight: bold;} #content .booking-page-times p span { color:#222;} #content #sidebar iframe { width:100%; height:610px;} #bookingpanel label, #bookingpanel select, #bookingpanel input.text { margin-bottom:15px;} /* Ticket Info */ /*-- 3. Navigation --*/ #main-header nav { margin:45px 0 30px; float: right;} #main-header nav ul, #sub-footer ul { margin: 0 auto; list-style: none;} #main-header nav ul li, #sub-footer ul li {float: left; text-align: center;} #main-header nav ul li a, #sub-footer ul li a {display: block; width: auto; padding: 7px 5px; margin-right:25px; font-size: 12px; font-weight: bold; text-decoration: none; color: #666; text-transform: uppercase;} #main-header nav ul li a:hover, #main-header nav ul li.current-menu-item a, #sub-footer ul li a:hover, #sub-footer ul li.current-menu-item a {color: #be211d; border-bottom:3px solid #be211d;} #main-header nav ul li.book-now {} #main-header nav ul li.book-now a { padding: 10px 24px; color:#fff; margin-right:0; background-color: #be211d; border-bottom-width:0px;} #main-header nav ul li.book-now a:hover { border-bottom-width:0px; background-color: #333;} #sub-footer { background-color: #be211d;} #sub-footer ul {} #sub-footer ul li {} #sub-footer ul li a { margin:0 12px 0 0; padding: 0; font-size: 10px; color:#000; font-weight: normal; text-transform:lowercase;} #sub-footer ul li a:hover, #sub-footer ul li.current-menu-item a { color:#3e0a09; border-bottom-width:0;} #sub-footer ul li.terms a, #sub-footer ul li.privacy a { color: #fff;} #sub-footer .credit { float: right; font-size: 10px; text-decoration:none;} #sub-footer a { color:#fff;line-height: 30px;} .sub-menu {display: none;} /* Plugins */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute;} .jspVerticalBar { position: absolute; top: 0; right: 0px; width: 12px; height: 100%; background: red;} .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red;} .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0;} .jspCap { display: none;} .jspHorizontalBar .jspCap { float: left;} .jspTrack { background: #eee; position: relative;} .jspDrag { background: #333 url(/connectwp/wp-content/themes/mainSite/library/images/scrollThumb.gif) 0 0 no-repeat; position: relative; top: 0; left: 0; cursor: pointer;} .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%;} .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer;} .jspArrow.jspDisabled { cursor: default; background: #80808d;} .jspVerticalBar .jspArrow { height: 16px;} .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%;} .jspVerticalBar .jspArrow:focus { outline: none;} .jspCorner { background: #eeeef4; float: left; height: 100%;} .jspScrollable { width:100%;} /* MEDIA QUERIES */ @media screen and (max-width: 940px) { #content .col2x1, #content .col3x1, #content .col4x1, #content .col5x1, #content .col6x1, #content .col7x1, #content .col8x1, #venue .akaGmap, footer .col3x1 { margin-right:2.127%; margin-left:2.127%;} #top-bar .social-links { right:2.127%;} #top-bar form#emailSignup, #sub-footer ul { margin-left:2.127%;} .credit { margin-right: 2.127%;} #main-header nav { margin-right:2.127%;} #main-header nav ul li a, #sub-footer ul li a { margin-right:5px;} #main-header nav ul li.book-now a { padding: 10px 12px;} header h1 { margin-left:2.127%;} #content header h1 { margin-left: 2.127%;} #content .col8x1, #venue .akaGmap { width:63.82%;} #content .col3x1 { width:27.656%;} footer .col3x1 { width:29.079%;} #content .col4x1 { width:26.79%; margin-right:2.127%;} #content #sidebar { margin-right:2.127%; width:27.656%;} .partner-item { width:95.746%; margin-left:2.127%; margin-right: 2.127%;} #content .event-info { width:35.87%;} #content .event-info h2 { font-size:28px; letter-spacing: 2px; line-height: 35px; margin-bottom: 5px;} #content .event-info h2 strong { font-size: 24px; letter-spacing: 1px; line-height: 32px; margin-bottom: 5px;} #content .event-info h3 { font-size: 18px; letter-spacing: 1px; line-height: 25px; margin-bottom: 10px;} #content .event-booking strong { letter-spacing: 2px; line-height: 40px; font-size: 14px;} #content .event-booking .btn { font-size: 14px; letter-spacing: 0px;} #sidebar .artist-list-widget li a.accordion-trigger { letter-spacing: 0;} } @media screen and (max-width: 875px) { #content .venue-info address { font-size:14px; margin-bottom: 5px;} #content .venue-info .btn { font-size: 12px; padding-left:5px; padding-right:5px;} .home .widget h3 a { display:block; line-height: 12px; padding-bottom:15px;} #sidebar .artist-list-widget li a.accordion-trigger { font-size:11px;} } @media screen and (max-width: 840px) { #content .venue-info h2 { font-size:17;} #content .venue-info address { font-size:12px; margin-bottom: 5px; line-height: 28px;} #content .venue-info address span { font-size: 16px;} #content .venue-info .btn { font-size: 12px; letter-spacing: 0;} } @media screen and (max-width: 810px) { #main-header nav ul li a, #sub-footer ul li a { margin-right:3px; letter-spacing: 0px;} } @media screen and (max-width: 790px) { #main-header { text-align: center;} header h1 { float:none; margin: 0 auto;} #main-header nav { clear: both; display: inline-block; float:none; margin-top:0; margin-bottom:20px; margin-right: 0;} .ie7 #main-header nav { display:inline; zoom:1;} #main-header nav ul li { display:inline-block; margin-bottom:20px; float: none;} .ie7 #main-header nav ul li { display:inline; zoom:1;} #main-header nav ul li a, #sub-footer ul li a { margin-right:10px;} .ie7 #main-header nav ul li { display:inline; zoom:1;} #content .venue-info address span { letter-spacing:0px;} #sub-footer { text-align: center;} #main-header nav ul, #sub-footer ul { display:inline-block;} .ie7 #main-header nav ul, #sub-footer ul { display:inline; zoom:1;} #sub-footer ul { width: 80%;} #sub-footer ul li { display: inline-block; float:none;} .ie7 #sub-footer ul li { display:inline; zoom:1;} #sub-footer .credit { float:none; clear:both; display: inline-block;} .ie7 #sub-footer .credit { display:inline; zoom:1;} #sidebar .artist-list-widget li a.accordion-trigger { font-size:10px; text-indent: 15px;} } @media screen and (max-width: 730px) { #venue { height: 100%;} #venue .akaGmap { width:90%; height: 175px; margin: 0 5%; clear: right;} #content .venue-info { clear: both; width:90%; margin: 10px 5%;} #content .venue-info address { float:left; width:45%; margin-right:5%; margin-bottom:20px;} #content .venue-info .btn { float:left; width:45%; position:absolute; bottom:20px; right:20px;} #content h1, #content h2, #content h3, #content h4, #content p { letter-spacing: 2px;} #content .event-info h2 { font-size: 22px; letter-spacing: 2px;} #content .event-info h2 strong { font-size: 20px; letter-spacing: 1px; line-height: 32px;} #content .event-info h3 { font-size: 14px; letter-spacing: 1px; line-height: 18px;} #content .event-info p { font-size:12px; letter-spacing: 0; line-height:18px;} #content .event-booking strong { font-size: 14px; letter-spacing: 1px;} #content .event-booking .btn { letter-spacing: 0; font-size: 13px;} #content #sidebar iframe { height: 655px;} #content #sidebar { width:95.746%; clear:both;} #content .col8x1 { width:95.746%; clear:both;} } @media screen and (max-width: 660px) { #top-bar{ text-align: center;} #top-bar .social-links { clear:both; position: relative; margin:10px auto 0; padding: 0 20px; display: inline-block;} .ie7 #top-bar .social-links { display:inline; zoom:1;} #top-bar form#emailSignup { float:none; margin: 0 auto; display: inline-block;} .ie7 #top-bar form#emailSignup { display: inline; zoom:1;} #main-header { padding-top:100px;} #artwork-carousel { width:540px; margin: 0 auto!important; float:none; clear:both;} #content .event-info { width:100%; margin:0;} #content .event-info h2 { text-align: center; margin: 10px;} #content .event-info h2 strong { display:inline; padding: 0 5px;} #content .event-info h3 { float:none; text-align: center; width:100%;} #content .event-info p { text-align: center; width:80%; margin: 0 10% 15px 10%;} #content .event-booking strong { font-size:24px; letter-spacing: 5px; display:inline; float:none; margin-right:50px;} #content .event-booking .btn { font-size:20px; letter-spacing: 3px; display: inline; float:none;} #content .event-info p { text-align: center; margin: 0 0 15px; width:100%;} #content h1, #content h2, #content h3, #content h4, #content p { letter-spacing: 1px;} #content #sidebar h4 { font-size: 14px; letter-spacing: 0px;} footer .col3x1 { margin-right:0; margin-left:0;} footer .footer-dates { width: 100%; clear:both; margin-right: 0;} footer .footer-address { clear:left; width:43.93%; padding-left:5%; text-align: right;} .ie7 footer .footer-address { display:inline; zoom:1;} footer .akaGmap { width:38.93%; margin-right:10%; float:none; margin-left:2.127%;} .ie7 footer .akaGmap { display:inline; zoom:1;} } @media screen and (max-width: 600px) { #content .col8x1 { width:95.746%; clear:both;} #content #sidebar { width:95.746%; clear:both;} #content .col4x1 { width:95.746%; clear:both;} #sidebar .press-release, #sidebar .tfl-link { line-height: 18px; padding-bottom:20px;} #content h1, #content h2, #content h3, #content h4, #content p { letter-spacing:0px;} .home .find-us-widget h3, .home #sidebar h3 { font-size:18px; letter-spacing: 0px; line-height: 35px; padding-top:10px; padding-bottom:10px; } .home .widget h3 a { display:inline;} #content #sidebar iframe { height: 475px;} #sidebar .artist-list-widget li a.accordion-trigger { font-size:12px; text-indent: 20px; letter-spacing: 1px;} } @media screen and (max-width: 540px) { #artwork-carousel { display:none;} } @media screen and (max-width: 480px) { #top-bar form#emailSignup #EMAIL { width:200px;} header h1 { width:90%; margin: 0 auto;} header h1 img { max-width: 100%;} .home #content header .header-content { padding: 10px 0;} #content header h1 { font-size: 40px;} #content .venue-info h2 { text-align: center; letter-spacing: 0px;} #content .event-booking strong { letter-spacing: 0px; display:block; margin: 0 auto 15px auto; } #content .event-booking .btn { display: block; width:80%; margin:0 auto;} #content .event-info h2 { letter-spacing: 0px;} #content .venue-info address { width:80%; margin:10px 10% 0 10%; clear:both; float:none; text-align: center;} #content .venue-info .btn { position: relative; width:80%; margin:10px 10%; clear:both; float:none; right:0; bottom:0;} footer { text-align:center;} footer .footer-address { zoom:1; text-align: center; width:100%; margin:0; padding: 25px 0;} footer .akaGmap { width:80%; margin: 0 0 25px; display: inline-block;} .ie7 footer .akaGmap { display:inline; zoom:1;} } @media screen and (max-width: 320px) { #content .partner-item img { clear: both; float: none; margin-bottom: 0px;} #content .event-info h2 { font-size: 30px;} #content .event-info h2 strong { font-size: 26px; display: block;} #content .event-booking strong { float:none; text-align: center; width: 100%;} #content .event-booking .btn { float:none;} #logo-strip ul li { margin-right:0;} .find-us-widget, .home #sidebar .akaGmap { display:none;} #main-header nav { margin-bottom:0;} #main-header nav ul li a, #sub-footer ul li a { margin-right: 0;} footer .akaGmap .map{ height:200px!important; } } /*-- 5. Bug Fixes --*/ .ie7 #sidebar .artist-list-widget li a { border-bottom-width:0;}