/* ------------------------------------------------------------------- Aye Write! stylesheet: global styles ------------------------------------------------------------------- */ /* Body, general formatting and reusable classes etc -------------------------------------------------------------------------- */ * { margin: 0; padding: 0; } img, embed, form, fieldset { border: 0; vertical-align: bottom; } body { font: 62.5% "Arial", sans-serif; background: #000 url(../images/template/pagebg.png); color: #fff; text-align: center; } input, select, textarea { font: 1em "Arial", sans-serif; vertical-align: bottom; } table { border-collapse: collapse; border-spacing: 0; } hr { width: 100%; color: #000; background-color: #000; border: 0; height: 2px; } ul, ol { list-style: none; } .hide, .skipNav { position: absolute; top: 0; left: -9999px; } .skipNav:hover, .skipNav:active, .skipNav:focus { position: absolute; top: 0; left: 0; background: #000; color: #fff; } .alignLeft { text-align: left; } .alignCenter { text-align: center !important; } .alignRight { text-align: right; } .floatLeft { float: left; } .floatRight { float: right !important; } .imgLeft { margin: 1em 1em 1em 0 !important; padding: 0 !important; font-size: 1em !important; float: left !important; } .imgRight { margin: 1em 0 1em 1em !important; padding: 0 !important; font-size: 1em !important; float: right !important; } .col2 { width: 49.9%; float: left; } .col3 { width: 33.2%; float: left; } .col4 { width: 24.9%; float: left; } .col5 { width: 19.9%; float: left; } /* Wrapper, header and main menu -------------------------------------------------------------------------- */ #wrapper { width: 74.4em; margin: 0 auto; background: #000 url(../images/template/wrapperbg.png) repeat-x; text-align: left; } #wrapper a { color: #9c0; text-decoration: none; } #wrapper a:hover { text-decoration: underline; } #wrapper a:active, #wrapper a:focus { color: #000; background: #fff; } #header { background: url(../images/template/headerbg.png) no-repeat; padding: 5px .5em 0 0; text-align: right; } #header #logo { float: left; } #header #logo img { width: 25em; height: 8.4em; } #header ul { margin: .5em 0 0 0; } #header ul li { font-size: 1.1em; display: inline; } #header ul li a { color: #9c0; } #header p { margin: 3.1em 0 0 0; font-size: 1.1em; line-height: 1.9em; } #header p strong.dates { font-size: 1.5em; } #mainMenu { background: #7c7c7c; border-bottom: .4em solid #f3f3f3; } #mainMenu ul { z-index: 99; } #mainMenu ul li { float: left; } #mainMenu ul li a, #mainMenu ul li span { font-size: 1.2em; padding: .5em 0; display: block; border-right: 1px solid #bebebe; color: #fff; height: 2.5em; text-align: center; } #mainMenu ul li strong { font-weight: normal; } #mainMenu ul li a:active, #mainMenu ul li a:focus { background: #000; color: #fff; text-decoration: underline; } #mainMenu ul li strong a { background: #e54890; } #mainMenu ul li span { background: #e54890; } #mainMenu ul li.mm1 { width: 5.9em; } #mainMenu ul li.mm2 { width: 8.3em; } #mainMenu ul li.mm3 { width: 9.8em; } #mainMenu ul li.mm3 a, #mainMenu ul li.mm3 span { padding: .5em 0 .5em 1.2em; text-align: left; } #mainMenu ul li.mm4 { width: 8em; } #mainMenu ul li.mm5 { width: 10.1em; } #mainMenu ul li.mm6 { width: 6.2em; } #mainMenu ul li.mm7 { width: 9.3em; } #mainMenu ul li.mm8 { width: 8.4em; } #mainMenu ul li.mm9 { width: 8.3em; } #mainMenu ul li.mm9 a, #mainMenu ul li.mm9 span { border-right: 0; } #mainMenu ul li ul { position: absolute; background: #000; width: 17em; left: -9999px; border: 1px solid #fff; } #mainMenu ul li:hover ul, #mainMenu ul li.sfHover ul { left: auto; } #mainMenu ul li ul li { width: auto !important; background: #000; float: none; } #mainMenu ul li ul li a { font-size: 1.1em; padding: .3em .6em; border-right: 0; height: auto; font-weight: bold; text-align: left; } #mainMenu ul li.mm3 ul li a { font-size: 1.1em; padding: .3em .6em; border-right: 0; height: auto; font-weight: bold; } #mainMenu ul li ul li a:hover { background: #555; } /* Internal pages -------------------------------------------------------------------------- */ #internal { background: url(../images/template/internalbg.png) repeat-y; } #breadcrumb { padding: 1.5em .8em; background: #000; font-size: 1.1em; float: left; } #breadcrumb strong { font-weight: normal; } #breadcrumb ol { display: inline; } #breadcrumb ol li { display: inline; } #breadcrumb ol li strong { font-weight: bold; } fieldset#siteSearch { padding: 1.4em .8em 0 .8em; font-size: 1.1em; float: right; } fieldset#siteSearch input { width: 12em; border-top: 1px solid #e54890; border-left: 1px solid #e54890; border-right: 1px solid #f9c; border-bottom: 1px solid #f9c; } fieldset#siteSearch input.submit { width: auto; background: #e54890; color: #fff; text-transform: uppercase; border: 0; cursor: hand; cursor: pointer; } #internal #leftCol { width: 14.8em; float: left; } #internal #leftCol ul { background: #000; } #internal #leftCol ul li a, #internal #leftCol ul li span { color: #fff; font-weight: bold; padding: .2em 1.2em; font-size: 1.2em; display: block; border-top: 2px solid #e54890; border-bottom: 2px solid #e54890; background: #000; } #internal #leftCol ul li ul { padding: 5px 0 0 0; background: url(../images/template/leftcolmenudtbg.png) no-repeat; } #internal #leftCol ul li ul li a, #internal #leftCol ul li ul li span { padding: .4em 1.2em; border-top: 0; border-bottom: 1px dashed #333; background: #222; } #internal #leftCol ul li ul li strong a, #internal #leftCol ul li ul li span { background: #e54890; border-bottom: 1px solid #e54890; } #internal #leftCol ul li ul li ul { padding: 0; background: none; } #internal #leftCol ul li ul li ul li a, #internal #leftCol ul li ul li ul li span { color: #9c0; font-weight: normal; padding: .4em 2em; border-top: 0; border-bottom: 1px dashed #333; background: #111; } #internal #leftCol ul li ul li ul li strong a, #internal #leftCol ul li ul li ul li span { color: #fff; background: #111; border-bottom: 1px dashed #333; font-weight: bold; } #internal #leftCol .bookNow { padding: 1em 0; background: #000; text-align: center; } #internal #leftCol .bookNow img { width: 12.9em; height: 3.5em; } #internal #leftCol .strapline { padding: 1em 0 2em 0; text-align: center; } #internal #leftCol .strapline div { margin: 0 auto; width: 8.1em; height: 19.9em; } #internal #leftCol .strapline div img { width: 8.1em; height: 19.9em; } #internal #rightCol { width: 57.6em; margin: 0 0 0 1em; padding: 0 0 5em 0; float: left; } /* standard formatting */ #internal #rightCol h1 { font-size: 1.6em; font-weight: normal; padding: .2em 0 0 30px; background: url(../images/template/headingbg.png) repeat-y; } #internal #rightCol h2 { font-size: 1.4em; margin: 1.5em 0 0 0; line-height: 1.2em; } #internal #rightCol h3 { font-size: 1.2em; margin: 1.5em 0 0 0; line-height: 1.2em; } #internal #rightCol p { font-size: 1.2em; margin: .8em 0 0 0; line-height: 1.3em; } #internal #rightCol ul { font-size: 1.2em; margin: .8em 0 0 0; zoom: 1; } #internal #rightCol ul li { list-style: disc; margin: 0 0 .5em 2em; } #internal #rightCol ul li ul { font-size: 1em; } #internal #rightCol ul.inline { margin: .8em 0 0 0; } #internal #rightCol ul.inline li { list-style: none; margin: 0; display: inline; } #internal #rightCol ol { font-size: 1.2em; margin: .8em 0 0 0; zoom: 1; } #internal #rightCol ol li { list-style: decimal; margin: 0 0 .5em 2.5em; } #internal #rightCol ol.letters li { list-style: lower-alpha; } /* news pages */ #internal #rightCol ul.newsListing li { border-bottom: 1px dotted #333; margin: 0; padding: 1em 0; list-style: none; } /* the authors */ #internal #rightCol .authorsListingPagination { text-align: right; } #internal #rightCol .authorsListingPagination li { margin: 0; list-style: none; display: inline; } #internal #rightCol .authorsListingPagination li.pageOf { padding: 0 1em 0 0; } #internal #rightCol .authorsListing { } #internal #rightCol .authorsListing li { margin: 0 0 .6em 0; list-style: none; width:50%; float:left;} #internal #rightCol .authorsListing li a { padding: 2.5em 0 0 0; font-size: 1.2em; font-weight: bold; display: block; } #internal #rightCol .authorsListing li a span { float: left; display: block; margin: -2.5em .6em 0 0; border: 2px solid #000; } #internal #rightCol .authorsListing li a img { border: 1px solid #333; vertical-align: middle; } #internal #rightCol .authorsListing li a:hover span, #internal #rightCol .authorsListing a:active span, #internal #rightCol .authorsListing a:focus span { border: 2px solid #e54890; } #internal #rightCol .authorsListing li a:hover img, #internal #rightCol .authorsListing a:active img, #internal #rightCol .authorsListing a:focus img { border: 1px solid #e54890; } /* #homepage #leftCol .left ul.selectedAuthors { width: 25em; } #homepage #leftCol .left ul.selectedAuthors li { margin: 1.5em 1.5em 0 0; float: left; } #homepage #leftCol .left ul.selectedAuthors li a:hover, #homepage #leftCol .left ul.selectedAuthors li a:active, #homepage #leftCol .left ul.selectedAuthors li a:focus { border: 2px solid #e54890; } #homepage #leftCol .left ul.selectedAuthors li a img { width: 6em; height: 7.6em; border: 1px solid #333; } #homepage #leftCol .left ul.selectedAuthors li a:hover img, #homepage #leftCol .left ul.selectedAuthors li a:active img, #homepage #leftCol .left ul.selectedAuthors li a:focus img { border: 1px solid #e54890; } */ /* standard page with related info */ #internal #rightCol .related .leftCol { width: 38em; float: left; } #internal #rightCol .related .rightCol { width: 17.8em; float: right; } /* gen form */ #internal #rightCol .genForm { margin: 1.6em 0 0 0; padding: 1em 0 1em 1em; background: #222; } #internal #rightCol .genForm .required { margin: 0 0 .8em 0; color: #ccc; } #internal #rightCol .genForm fieldset { width: 41em; padding: 0 2.1em 0 0; background: url(../images/template/fieldsetbg.png) repeat-y top right; } #internal #rightCol .genForm label { width: 14em; margin: .4em 0 0 0; display: block; float: left; text-align: right; font-size: 1.2em; vertical-align: middle; } #internal #rightCol .genForm input { width: 18.4em; float: right; margin: .3em 0; font-size: 1.2em; padding: 1px; border-top: 1px solid #e54890; border-left: 1px solid #e54890; border-bottom: 1px solid #f9c; border-right: 1px solid #f9c; vertical-align: middle; } #internal #rightCol .genForm textarea { width: 18.4em; float: right; margin: .3em 0; font-size: 1.2em; padding: 1px; border-top: 1px solid #e54890; border-left: 1px solid #e54890; border-bottom: 1px solid #f9c; border-right: 1px solid #f9c; vertical-align: middle; } #internal #rightCol .genForm .terms label { width: auto; margin: .4em 0 .4em 14em; float: none; text-align: left; font-size: 1.1em; } #internal #rightCol .genForm .terms input { float: none; width: auto; margin: 0; padding: 4px; border: 0; } #internal #rightCol .genForm .submit { margin: 0; text-align: right; } #internal #rightCol .genForm .submit input { font-size: 1.1em; width: auto; text-transform: uppercase; border: 0; background: #e54890; color: #fff; cursor: hand; cursor: pointer; } /* programme landing */ #internal #rightCol #landingPage { width: 57.6em; margin: 1em 0 0 0; overflow: hidden; } #internal #rightCol #landingPage .mainFeature { width: 37.5em; padding: 0 .5em 0 0; float: left; background: #222 url(../images/template/headingbg.png) repeat-y; } #internal #rightCol #landingPage .mainFeature p.imgLeft { margin: 0 .5em 0 24px !important; } #internal #rightCol #landingPage .mainFeature h2 { margin: .2em 0 0 0; font-size: 1.4em; } #internal #rightCol #landingPage .mainFeature h2 a { color: #fff; } #internal #rightCol #landingPage .mainFeature h2 a:active, #internal #rightCol #landingPage .mainFeature h2 a:focus { color: #000; } #internal #rightCol #landingPage .mainFeature p { margin: .8em .5em 0 30px; line-height: 1.2em; } #internal #rightCol #landingPage .mainFeature p.imgLeft { float: left; } #internal #rightCol #landingPage .mainFeature p.view { text-align: right; } #internal #rightCol #landingPage .mainFeature p a { text-align: right; } #internal #rightCol #landingPage .mainFeature p.view a { font-weight: bold; background-image: url(../images/template/homepage-viewallevents.png); background-position: center right; background-repeat: no-repeat; padding: 0 11px 0 0; } #internal #rightCol #landingPage .mainFeature p a { font-weight: bold; } #internal #rightCol #landingPage .mainFeature p a img { vertical-align:middle; } #internal #rightCol #landingPage .secondaryFeature { width: 18em; float: right; background: #222; } #internal #rightCol #landingPage .secondaryFeature div { padding: .3em 1.4em; } #internal #rightCol #landingPage .secondaryFeature p { line-height: 1; } #internal #rightCol #landingPage .secondaryFeature p.image { margin: 0; } #internal #rightCol #landingPage .secondaryFeature h2 { margin: 0; font-size: 1.4em; } #internal #rightCol #landingPage .secondaryFeature h2 a { color: #fff; } #internal #rightCol #landingPage .secondaryFeature h2 a:active, #internal #rightCol #landingPage .secondaryFeature h2 a:focus { color: #000; } #internal #rightCol #landingPage .secondaryFeature p.view { text-align: right; } #internal #rightCol #landingPage .secondaryFeature p.view a { font-weight: bold; background-image: url(../images/template/homepage-viewallevents.png); background-position: center right; background-repeat: no-repeat; padding: 0 11px 0 0; } #internal #rightCol #landingPage .secondaryFeature a { font-weight: bold; } #internal #rightCol #landingPage .secondaryFeature a img { vertical-align:middle; } #internal #rightCol #landingPage .boxes { width: 70em; margin: 1em 0 0 0; } #internal #rightCol #landingPage .boxes .box { width: 17.6em; margin: 0 1.5em 0 0; padding: 0 0 0 .5em; border: 2px solid #222; border-left: 0; float: left; background: #222 url(../images/template/promoboxbg2.png) repeat-x bottom; } #internal #rightCol #landingPage .boxes .box p.image { margin: 0 0 0 .3em; float: right; } #internal #rightCol #landingPage .boxes .box h2 { margin: .4em 0 0 0; font-size: 1.2em; min-height: 4em; line-height: 1; } #internal #rightCol #landingPage .boxes .box h2 a { color: #fff; } #internal #rightCol #landingPage .boxes .box h2 a:active, #internal #rightCol #landingPage .boxes .box h2 a:focus { color: #000; } * html #internal #rightCol #landingPage .boxes .box h2 { height: 4em; } #internal #rightCol #landingPage .boxes .box p.go, #internal #rightCol #landingPage .boxes .box p { text-transform: lowercase; font-weight: bold; margin: 0; text-align: right; } #internal #rightCol #landingPage .boxes .box p.go img, #internal #rightCol #landingPage .boxes .box p a img { vertical-align: middle; } #homepage #leftCol .left ul.selectedAuthors { width: 25em; } #homepage #leftCol .left ul.selectedAuthors li { margin: 1.5em 1.5em 0 0; float: left; } #homepage #leftCol .left ul.selectedAuthors li a { border: 2px solid #000; display: block; float: left; } #homepage #leftCol .left ul.selectedAuthors li a:hover, #homepage #leftCol .left ul.selectedAuthors li a:active, #homepage #leftCol .left ul.selectedAuthors li a:focus { border: 2px solid #e54890; } #homepage #leftCol .left ul.selectedAuthors li a img { width: 6em; height: 7.6em; border: 1px solid #333; } #homepage #leftCol .left ul.selectedAuthors li a:hover img, #homepage #leftCol .left ul.selectedAuthors li a:active img, #homepage #leftCol .left ul.selectedAuthors li a:focus img { border: 1px solid #e54890; } /* authors/book detail pages */ #internal #rightCol #detailPage { margin: 1em 0 0 0; } #internal #rightCol #detailPage .overview { background: #222; padding: .1em 1em 1em 1em; } #internal #rightCol #detailPage .overview .leftCol { width: 17.6em; float: left; } #internal #rightCol #detailPage .overview .leftCol p { margin: 1em 0; font-size: 1em; } #internal #rightCol #detailPage .overview .leftCol p img { width: 100%; } #internal #rightCol #detailPage .overview .leftCol div.promoBox { padding: 0 25px 0 0; background-color: #000 !important; } #internal #rightCol #detailPage .overview .rightCol { width: 36.5em; float: right; } #internal #rightCol #detailPage .overview .rightCol h2 { margin: .8em 0 0 0; font-size: 1.2em; } #internal #rightCol #detailPage .overview .rightCol p { margin: .9em 0 0 0; font-size: 1.1em; } #internal #rightCol #detailPage .related { margin: .6em 0 0 0; } #internal #rightCol #detailPage .related h2 { margin: .8em 0 0 0; font-size: 1.2em; } #internal #rightCol #detailPage .related .leftCol { width: 36.5em; float: left; } #internal #rightCol #detailPage .related .leftCol .eventsListing { margin: 1em 0 3em 0; width: auto; float: none; } #internal #rightCol #detailPage .related .leftCol .promoBox { width: 14.5em; float: left; } #internal #rightCol #detailPage .related .rightCol { width: 18.5em; float: right; } #internal #rightCol #detailPage .related .rightCol .promoBox { margin: .8em 0 0 0; } #internal #rightCol #detailPage .related .rightCol ul li { margin: 2em 0 0 0; padding: 0 0 0 0; list-style: none; } #internal #rightCol #detailPage .related .rightCol ul li a { color: #fff; } #internal #rightCol #detailPage .related .rightCol ul li a img { margin: -1.5em 1em 0 0; float: left; vertical-align: middle; position: relative; } /* my aye write */ #internal #rightCol input.myAyeWriteButton, #internal #rightCol input.myAyeWriteButtonOn { margin: .2em 0 0 0; padding: 0 0 0 14px; display: block; font-weight: bold; font-size: 1.1em; background-image: url(../images/template/addtodiary.png); background-repeat: no-repeat; background-position: left center; border: 0; background-color: transparent; color: #9c0; cursor: pointer; zoom: 1; text-align: left; } #internal #rightCol input.myAyeWriteButton:hover, #internal #rightCol input.myAyeWriteButtonOn { text-decoration: underline; } #internal #rightCol input.myAyeWriteButton:active { background-color: #fff; color: #000; } #internal #rightCol .myAyeWrite { margin: 1em 0 0 0; padding: .8em; background: #e54890; } #internal #rightCol .myAyeWrite .viewAll { background: #222; } #internal #rightCol .myAyeWrite .welcome { padding: 0 0 .8em 0; font-size: 1.2em; text-align: right; } #internal #rightCol .myAyeWrite .overviewContainer { position: relative; background: #000; } #internal #rightCol .myAyeWrite .overviewContainer h2 { margin: .2em 0 0 0; background: url(../images/template/headingbg.png) repeat-y; font-size: 1.4em; padding: .2em 0 0 30px; } #internal #rightCol .myAyeWrite .overviewContainer .leftCol { width: 27.2em; padding: 0 .2em 3.6em .2em; border-right: .8em solid #e54890; float: left; } #internal #rightCol .myAyeWrite .overviewContainer .leftBtm { width: 27.6em; padding: .5em 0; background: #000; border-top: 1px dotted #666; position: absolute; bottom: 0; left: 0; } #internal #rightCol .myAyeWrite .overviewContainer .leftBtm p { margin: 0; padding: 0 .8em 0 0; text-align: right; } #internal #rightCol .myAyeWrite .overviewContainer .rightCol { width: 27.2em; padding: 0 .2em 3.6em .2em; margin: 0 -.2em 0 -.8em; border-left: .8em solid #e54890; float: left; } #internal #rightCol .myAyeWrite .overviewContainer .rightBtm { width: 27.6em; padding: .5em 0; background: #000; border-top: 1px dotted #666; position: absolute; bottom: 0; left: 28.4em; } #internal #rightCol .myAyeWrite .overviewContainer .rightBtm p { margin: 0; padding: 0 .8em 0 0; text-align: right; } #internal #rightCol .myAyeWrite .overviewContainer table { margin: .8em 0 0 0; font-size: 1.2em; width: 100%; } #internal #rightCol .myAyeWrite .overviewContainer table tr th { text-align: center; padding: .1em .2em; background: #e54890; color: #fff; } #internal #rightCol .myAyeWrite .overviewContainer table tr th.first { text-align: left; padding: .1em .2em .1em 1em; width: 75%;} #internal #rightCol .myAyeWrite .overviewContainer table tr td { text-align: center; padding: .1em .2em; } #internal #rightCol .myAyeWrite .overviewContainer table tr td.first { text-align: left; padding: .1em .2em .1em 1em; width: 75%;} #internal #rightCol .myAyeWrite .allContainer { background: #000; } #internal #rightCol .myAyeWrite .allContainer table { margin: 0 0 .8em 0; font-size: 1.2em; width: 100%; } #internal #rightCol .myAyeWrite .allContainer table tr th { text-align: center; padding: .1em .2em; background: #e54890; color: #fff; } #internal #rightCol .myAyeWrite .allContainer table tr th.first { text-align: left; padding: .1em .2em .1em 1em; width: 75%;} #internal #rightCol .myAyeWrite .allContainer table tr td { text-align: center; padding: .1em .2em; } #internal #rightCol .myAyeWrite .allContainer table tr td.first { text-align: left; padding: .1em .2em .1em 1em; width: 75%;} /* blog pages */ #internal #rightCol .festivalBlog { margin: 1em 0 0 0; padding: .6em; background: #e54890; } #internal #rightCol .festivalBlog h2 { font-size: 1.8em; font-weight: normal; background: none; margin: 0; padding: 0; } #internal #rightCol .festivalBlog a { color: #000; } #internal #rightCol .festivalBlog p { font-size: 1.1em; } #internal #rightCol .festivalBlog p.imgLeft { margin: 0 .5em .5em 0 !important; } #internal #rightCol .festivalBlog p.info { margin: 0; font-size: 1.2em; line-height: 1.7em; } #internal #rightCol .festivalBlog p.details { font-size: 1.2em; line-height: 1.7em; font-weight: bold; } #internal #rightCol .festivalBlog p.details a { color: #fff; } #internal #rightCol .festivalBlog p.details a:active, #internal #rightCol .festivalBlog p.details a:focus { color: #e54890; } #internal #rightCol .festivalBlog .commentsBar { margin: 1em 0; padding: .2em .5em; font-size: 1.2em; background: #000; } #internal #rightCol .festivalBlog .commentsBar a { font-weight: bold; color: #9c0; } #internal #rightCol .festivalBlog .commentsBar a:active, #internal #rightCol .festivalBlog .commentsBar a:focus { color: #000; } #internal #rightCol .festivalBlog .comments h2 { font-size: 1.4em; font-weight: bold; margin: .8em 0 0 0; } #internal #rightCol .festivalBlog .comments a { color: #9c0; } #internal #rightCol .festivalBlog .comments a:active, #internal #rightCol .festivalBlog .comments a:focus { color: #000; } #internal #rightCol .festivalBlog .comments .comment { background: #000; margin: .8em 0 0 0; padding: .8em; } #internal #rightCol .festivalBlog .comments .comment h3 { margin: 0; } #internal #rightCol .festivalBlog .leaveAComment { margin: 1em 0 0 0; } #internal #rightCol .festivalBlog .leaveAComment h2 { margin: 0; font-size: 1.2em; font-weight: bold; } #internal #rightCol .festivalBlog .leaveAComment fieldset { margin: .8em 0 0 0; font-size: 1.2em; } #internal #rightCol .festivalBlog .leaveAComment fieldset label { width: 12em; float: left; font-weight: bold; } #internal #rightCol .festivalBlog .leaveAComment fieldset input, #internal #rightCol .festivalBlog .leaveAComment fieldset textarea { margin: .2em 0; float: left; border: 1px solid #8b2554; background: #fff; color: #000; padding: 1px 2px; } #internal #rightCol .festivalBlog .leaveAComment fieldset .submit { margin: 0 0 0 12em; } #internal #rightCol .festivalBlog .leaveAComment fieldset .submit input { cursor: hand; cursor: pointer; background: #e54890; color: #fff; font-weight: bold; float: none; } /* book blogs */ #internal #rightCol .bookBlog .listing { width: auto; float: none; margin: 1em 0 0 0; background: #222; padding: .5em; } #internal #rightCol .bookBlog .listing p.image { margin: 0 .8em 0 0; float: left; } #internal #rightCol .bookBlog .listing p.image img { background: url(../images/template/bookblog.png) repeat-y top right; padding: 0 19px 0 0; } #internal #rightCol .bookBlog .listing h2 { margin: 0; font-size: 1.2em; padding: .5em 0 0 0; } #internal #rightCol .bookBlog .listing p { margin: 0 0 .8em 0; } #internal #rightCol .bookBlog .festivalBlog { background: #222; } #internal #rightCol .bookBlog .festivalBlog a { color: #9c0; } #internal #rightCol .bookBlog .festivalBlog a:active, #internal #rightCol .bookBlog .festivalBlog a:focus { color: #000; } #internal #rightCol .bookBlog .festivalBlog p.imgLeft { margin: 0 1em .5em 0 !important; } /* sponsors */ #internal #rightCol ul.sponsors li { margin: 0; padding: .4em 0; width: 25%; list-style: none; float: left; text-align: center; } #internal #rightCol ul.sponsors li img { margin: .2em 0; } /* events */ #internal #rightCol .eventsOptions { margin: .6em 0; font-size: 1.2em; } #internal #rightCol .eventsOptions form, #internal #rightCol .eventsOptions fieldset { display: inline; vertcial-align: middle; } #internal #rightCol .eventsOptions fieldset select { vertical-align: middle; width: 12em;} #internal #rightCol .eventsOptions fieldset label { position: absolute; top: 0; left: -9999px; } #internal #rightCol .eventsOptions fieldset option { padding: 0 .6em 0 0; } #internal #rightCol .eventsOptions fieldset input.submit { text-transform: uppercase; border: 0; background: #e54890; color: #fff; cursor: hand; cursor: pointer; font-weight: bold; } #internal #rightCol .eventsOptions p.or { font-size: .9em; padding: 0 .6em; display: inline; vertical-align: bottom; } #internal #rightCol .eventsListing { width: 34em; margin: 0; float: left; } #internal #rightCol .eventsListing h2, #internal #rightCol .eventsListing h3 { margin: .8em 0 0 0; font-size: 1.2em; padding: .1em .2em; color: #fff; background: #e54890; } #internal #rightCol .eventsListing table { width: 100%; margin: .4em 0 0 0; font-size: 1.2em; } #internal #rightCol .eventsListing table thead, #internal #rightCol .eventsListing table thead * { position: absolute; top: 0; left: -9999px; } #internal #rightCol .eventsListing table tr td.free a { background-image: url(../images/template/homepage-freeevent.png); background-position: center right; background-repeat: no-repeat; padding: 0 40px 0 0; } #internal #rightCol .eventsListing table tr td.time { white-space: nowrap; padding: 0 0 0 .5em; vertical-align: top; text-align: right; } /* #internal #rightCol .eventsListing ul { margin: .4em 0 0 0; } #internal #rightCol .eventsListing ul li { list-style: none; margin: 0; } #internal #rightCol .eventsListing ul li a { float: left; } #internal #rightCol .eventsListing ul li.free a { background-image: url(../images/template/homepage-freeevent.png); background-position: center right; background-repeat: no-repeat; padding: 0 40px 0 0; } #internal #rightCol .eventsListing ul li span { float: right; } */ #internal #rightCol .eventsListing p { padding: 1em 0 0 0; background: url(../images/template/homepage-eventsdottedline.png) repeat-x; text-align: right; } #internal #rightCol .eventsListing p.noBorder { padding: 0; background: none; } #internal #rightCol .eventDetail { width: 37em; padding: 1em; margin: .7em 0 0 0; float: left; background: #222; } #internal #rightCol .eventDetail p.image { font-size: 1em; margin: 0; float: left; } #internal #rightCol .eventDetail p.image img { width: 13em; } #internal #rightCol .eventDetail p.image a.addToDiary { margin: .2em 0 0 0; padding: 0 0 0 14px; display: block; font-weight: bold; font-size: 1.1em; background-image: url(../images/template/addtodiary.png); background-repeat: no-repeat; background-position: left center; } #internal #rightCol .eventDetail p { zoom: 1; margin: .9em 0 0 13.1em; font-size: 1.1em; } #internal #rightCol .eventDetail p.details { margin: 0 0 0 9em; font-size: 1.6em; } #internal #rightCol .eventDetail p.details span.cat { font-size: .8em; color: #ff3c79; } #internal #rightCol .eventDetail p.sponsor { margin: 0 0 0 11em; font-size: 1.3em; } #internal #rightCol .eventDetail p.sponsor img { vertical-align: middle; } #internal #rightCol .eventDetail .eventDetails { zoom: 1; margin: .9em 0 0 13.1em; font-size: 1.1em; line-height: 1.3em; } #internal #rightCol .eventDetail .eventDetails p { margin: 0 0 .9em 0; font-size: 1em; } #internal #rightCol .eventDetail .eventGallery { background: url(../images/template/headingbg.png) repeat-y; border-top: 1em solid #000; padding: .3em 0 .3em 30px; margin: 0 -1em -1em -1em; } #internal #rightCol .eventDetail .eventGallery h2 { margin: 0; font-size: 1.2em; } #internal #rightCol .eventDetail .eventGallery h2 img { vertical-align: middle; } #internal #rightCol .eventDetail .eventGallery p.thumbs { margin: 1em 0 0 0; font-size: 1em; text-align: center; } #internal #rightCol .eventDetail .eventGallery p.thumbs img { margin: 0 .6em; vertical-align: middle; border: 1px solid #333; } #internal #rightCol .eventRightCol { width: 17.6em; margin: .7em 0 0 0; float: right; } #internal #rightCol .eventRightCol.listing { width: 22em; margin: .7em 0 0 0; float: right; } #internal #rightCol .eventRightCol.listing .eventsCalendar { margin: 0 -10px 1em -10px; background: url(../images/template/eventscalendarbg.png) no-repeat; } #internal #rightCol .eventRightCol.listing .eventsCalendar div { margin: 0; background: url(../images/template/eventscalendarbg.png) no-repeat bottom right; } #internal #rightCol .eventRightCol.listing .eventsCalendar div div { padding: 10px 10px 7px 10px; } #internal #rightCol .eventRightCol.listing .eventsCalendar div div div { padding: 0; border: 1px solid #222; background: #000; zoom: 1; } #internal #rightCol .eventRightCol.listing .eventsCalendar table { width: 15.5em; font-size: 1em; margin: 0 0 0 3.1em; background: #585555; } #internal #rightCol .eventRightCol.listing .eventsCalendar table tr th { font-size: 1.2em; width: 14.2%; text-align: center; } #internal #rightCol .eventRightCol.listing .eventsCalendar table tr th span { position: absolute; top: 0; left: -9999px; } #internal #rightCol .eventRightCol.listing .eventsCalendar table tr td { font-size: 1.2em; padding: .3em 0 0 0; color: #999; text-align: center; } #internal #rightCol .eventRightCol.listing .eventsCalendar table tr td a { display: block; margin: 0 .2em; background: #e54890; color: #fff; font-weight: bold; } #internal #rightCol .eventRightCol.listing .eventsCalendar img { width: 100%; } #internal #rightCol .eventRightCol.listing .eventsCalendar table tfoot tr td { color: #fff; text-align: right; font-size: 1.1em; padding: 0 .3em 0 0; } /* competitions */ #internal #rightCol .competitionsListing .competition { margin: 1em 0 0 0; padding: 0 0 1em 0; border-bottom: 1px dotted #333; } #internal #rightCol .competitionsListing .competition h2 { margin: 0; font-size: 1.2em; } #internal #rightCol .competitionsListing .competition p.imgLeft { margin-top: 0 !important; } /* galleries */ #internal #rightCol .galleryList li { width: 19%; margin: 0 1% 1% 0; padding: 0; list-style: none; float: left; } #internal #rightCol .galleryList li a { background: #222; border: 1px solid #2f2f2f; padding: 5px; display: block; min-height: 9.5em; } #internal #rightCol .galleryList li a:hover { text-decoration: none; } #internal #rightCol .galleryList li a:hover span { text-decoration: underline; } #internal #rightCol .galleryList li a img { margin: 0 0 .2em 0; } /* audio and video page */ #internal #rightCol #videoPlayer { margin: 1em 0 0 0; padding: 1em; background: #222; } #internal #rightCol #videoPlayer input.myAyeWriteButton{display:inline;vertical-align:middle; font-size: 1.0em;font-weight: normal; padding-left:11px; background-position: 0 .4em;} #internal #rightCol #videoPlayer .video { float: left; } #internal #rightCol #videoPlayer .video p { font-size: 1.1em; margin: .3em 0 0 0; } #internal #rightCol #videoPlayer .video p img { vertical-align: middle; } #internal #rightCol #videoPlayer .video a.addToMyAyeWrite { background: url(../images/template/addtodiary.png) no-repeat 0 .3em; margin: 0 0 0 .5em; padding: 0 0 0 14px; } #internal #rightCol #videoPlayer .info { width: 14em; float: right; overflow: hidden; } #internal #rightCol #videoPlayer .info p { margin: 0 0 .8em 0; font-size: 1.1em; } #internal #rightCol #videoPlayer .info p.downloadAudio { background: url(../images/template/videoicon-audio.png) no-repeat 0 .2em; } #internal #rightCol #videoPlayer .info p.downloadAudio a { display: block; padding: 0 0 0 14px; } #internal #rightCol #videoPlayer .info p.addToMyAyeWrite a { display: block; padding: 0 0 0 14px; } #internal #rightCol #videoPlayer .info p.downloadTranscript { padding: .8em 0 0 0; border-top: 1px dashed #333; background: url(../images/template/videoicon-transcript.png) no-repeat 1px 1.2em; } #internal #rightCol #videoPlayer .info p.downloadTranscript a { display: block; padding: 0 0 0 14px; } #internal #rightCol #videoListing { padding: 0 0 0 1em; } #internal #rightCol #videoListing .video { width: 15.6em; min-height: 16.4em; padding: .7em; float: left; border: 1px solid #2c2c2c; margin: 1em 0 0 1em; background: #222; } * html #internal #rightCol #videoListing .video { height: 16.4em; } #internal #rightCol #videoListing .video h2 { font-size: 1.2em; margin: .5em 0 0 0; text-align: center; } #internal #rightCol #videoListing .video p { font-size: 1.1em; margin: 0; text-align: center; } #internal #rightCol #videoPromos .promoBox { width: 14.5em; margin: 1em 1em 0 0; float: left; } /* what people said */ #internal #rightCol .whatPeopleSaid { margin: 1em 0 0 0; padding: .8em; background: #222; } #internal #rightCol .whatPeopleSaid .quote1 { background: url(../images/template/quote1.png) no-repeat; padding: 0 0 0 22px; } #internal #rightCol .whatPeopleSaid .quote2 { background: url(../images/template/quote2.png) no-repeat bottom right; padding: 0 22px 0 0; } #internal #rightCol .whatPeopleSaid .quote2 p { margin: 0; } /* site map */ #internal #rightCol #siteMap ul { margin: 0; color: #f90; } #internal #rightCol #siteMap ul li { margin-bottom: 0; } /* search results */ #internal #rightCol .searchResultsOptions fieldset { border-bottom: 1px dotted #222; margin: 2em 0 .6em 0; padding: 0 0 .9em 0; font-size: 1.1em; } #internal #rightCol .searchResultsOptions fieldset input { width: 12em; border-top: 1px solid #e54890; border-left: 1px solid #e54890; border-right: 1px solid #f9c; border-bottom: 1px solid #f9c; } #internal #rightCol .searchResultsOptions fieldset input.submit { width: auto; background: #e54890; color: #fff; text-transform: uppercase; border: 0; } #internal #rightCol .searchResultsOptions ul { margin: .5em 0 0 0; border-bottom: 1px dotted #222; padding: 0 0 .5em 0; } #internal #rightCol .searchResultsOptions ul li { margin: 0; list-style: none; float: left; } #internal #rightCol .searchResultsOptions ul li.first { width: 45%; } #internal #rightCol .searchResultsOptions ul li.second { width: 20%; } #internal #rightCol .searchResultsOptions ul li.third { width: 29%; } /* promo links */ div.promoBox { margin: 0 0 .8em 0; font-size: 1.2em; background: #222 url(../images/template/promoboxbg1.png) repeat-y 58px; border: 1px solid #333; font-weight: bold; line-height: 1.1em; } div.promoBox a.title { color: #fff !important; } div.promoBox a.title:active, div.promoBox a.title:focus { color: #000 !important; } div.promoBox img { float: left; } div.promoBox span.marginFix, div.promoBox a { display: block; margin-left: 85px; } div.promoBox a img { margin: 0; float: none; vertical-align: middle; } #internal #rightCol div.promoBox p { margin: 0; padding: 0; font-size: 1em; } div.promoBox.imageRight { background: #222 url(../images/template/promoboxbg1.png) repeat-y 91px; padding: 0 0 0 .2em; } div.promoBox.imageRight img { margin: 0 0 0 28px; float: right; } div.promoBox.imageRight span, div.promoBox.imageRight a { display: inline; margin-left: 0; } div.promoBox.imageRight a img { margin: 0; float: none; vertical-align: middle; } div.promoBox.patternRight { padding: 0 28px 0 0; background: #222 url(../images/template/promoboxbg1.png) repeat-y top right; } div.promoBox.patternRight img { margin: 0 2px 0 0; } div.promoBox.patternRight a img { margin: 0; float: none; } div.promoBox.patternVertical { padding: 0 0 0 2px; background: #222 url(../images/template/promoboxbg2.png) repeat-x bottom; } div.promoBox.patternVertical img { margin: 0; float: right; } div.promoBox.patternVertical span.marginFix, div.promoBox.patternVertical a { display: inline; margin-left: 0; } div.promoBox.patternVertical a img { float: none; } div.promoBox.patternVertical.top { padding: 22px 0 0 2px; background: #222 url(../images/template/promoboxbg2.png) repeat-x top; } div.promoBox.patternVertical.top img { margin: -22px 0 0 0; } div.promoBox.patternVertical.top a img { margin: 0; float: none; } /* fixes on related info pages */ div.promoBox span.image { float: left; } div.promoBox span.image a { display: inline; margin-left: 0; } div.promoBox span.image a img { vertical-align: top; } div.promoBox span.text p { margin-left: 85px !important; display: block; } div.promoBox span.text p a { display: inline; margin-left: 0; } div.promoBox.patternVertical span.image { float: right; } div.promoBox.patternVertical span.text p { margin-left: 0 !important; display: block; } /* Page tools -------------------------------------------------------------------------- */ #pageTools { padding: 0 .5em .5em 0; background: #000; text-align: right; } #pageTools ul li { margin: 0 0 0 .4em; font-size: 1.1em; display: inline; } #pageTools ul li.back { background: url(../images/template/pagetools-back.png) no-repeat center left; } #pageTools ul li.email { background: url(../images/template/pagetools-email.png) no-repeat center left; } #pageTools ul li.bookmark { background: url(../images/template/pagetools-bookmark.png) no-repeat center left; } #pageTools ul li.print { background: url(../images/template/pagetools-print.png) no-repeat center left; } #pageTools ul li a { padding: 0 0 0 22px; } /* Homepage -------------------------------------------------------------------------- */ #homepage { margin: 1.5em 0 1em 0; background: url(../images/template/homepage-rightbg.png) repeat-y right; } #homepage #leftCol { width: 50em; float: left; } #homepage h2 { font-size: 1.4em; padding: .2em 0 0 30px; background: url(../images/template/headingbg.png) repeat-y; } #homepage #leftCol p { margin: .6em 0 0 0; font-size: 1.2em; } #homepage #leftCol p.viewAll { text-align: right; } #homepage #leftCol p.viewAll a { background-image: url(../images/template/homepage-viewallevents.png); background-position: center right; background-repeat: no-repeat; padding: 0 10px 0 0; } #homepage #leftCol #feature { width: 50em; height: 24.3em; margin: 3.2em 0 0 0; border: 1px solid #333; border-left: 0; position: relative; } #homepage #leftCol #feature .image { position: absolute; width: 50em; height: 24.3em; top: 0; left: 0; z-index: 1; } #homepage #leftCol #feature .image img { width: 100%; height: 100%; } #homepage #leftCol #feature .bookNow { position: absolute; width: 5.8em; height: 4.2em; top: .5em; left: .5em; z-index: 3; } #homepage #leftCol #feature .bookNow img { width: 100%; height: 100%; } #homepage #leftCol #feature .textBox { position: absolute; width: 17.8em; background: #000; top: 1em; left: 1em; padding: 3.8em 1.6em 1.6em 2.6em; z-index: 2; } #homepage #leftCol #feature .textBox h2 { margin: 0; padding: 0; background: none; font-size: 1.8em; color: #f90; } #homepage #leftCol #feature .textBox h2 a { color: #f90; } #homepage #leftCol #feature .textBox h2 a:active, #homepage #leftCol #feature .textBox h2 a:active { color: #000; } #homepage #leftCol #feature .textBox p { margin: 1.2em 0 0 0; } #homepage #leftCol .left { width: 23em; float: left; margin: 1em 0 0 1.2em; overflow: hidden; } #homepage #leftCol .left ul.selectedAuthors { width: 25em; } #homepage #leftCol .left ul.selectedAuthors li { margin: 1.5em 1.5em 0 0; float: left; } #homepage #leftCol .left ul.selectedAuthors li a { border: 2px solid #000; display: block; float: left; } #homepage #leftCol .left ul.selectedAuthors li a:hover, #homepage #leftCol .left ul.selectedAuthors li a:active, #homepage #leftCol .left ul.selectedAuthors li a:focus { border: 2px solid #e54890; } #homepage #leftCol .left ul.selectedAuthors li a img { width: 6em; height: 7.6em; border: 1px solid #333; } #homepage #leftCol .left ul.selectedAuthors li a:hover img, #homepage #leftCol .left ul.selectedAuthors li a:active img, #homepage #leftCol .left ul.selectedAuthors li a:focus img { border: 1px solid #e54890; } #homepage #leftCol .left .blog { margin: 1em 0 0 0; padding: .6em; background: #e54890; } #homepage #leftCol .left .blog h2 { font-size: 1.8em; font-weight: normal; background: none; margin: 0; padding: 0; } #homepage #leftCol .left .blog p { font-size: 1.1em; } #homepage #leftCol .left .blog p.imgLeft { margin: 0 .5em .5em 0 !important; } #homepage #leftCol .left .blog p.info { font-size: 1.2em; line-height: 1.7em; } #homepage #leftCol .left .blog p.details { font-size: 1.2em; line-height: 1.7em; font-weight: bold; } #homepage #leftCol .left .blog p.details a { color: #fff; } #homepage #leftCol .left .blog p.details a:active,#homepage #leftCol .left .blog h2 a:active, #homepage #leftCol .left .blog p.details a:focus { color: #e54890; } #homepage #leftCol .left .blog h2 a {color:#fff} #homepage #leftCol .left .eNews { margin: 1em 0 0 0; padding: 2px 0 0 0; border-top: 2px solid #e54890; } #homepage #leftCol .left .eNews h2 { font-size: 1.8em; font-weight: normal; } #homepage #leftCol .left .eNews h2 a { color: #fff; } #homepage #leftCol .left .eNews h2 a:active, #homepage #leftCol .left .eNews h2 a:focus { color: #000; } #homepage #leftCol .left .eNews p { margin: 2px 0 0 0; padding: .4em .4em 1em .4em; background: #e54890; font-weight: bold; } #homepage #leftCol .right { width: 24.5em; margin: 1em 0 0 0; float: right; } #homepage #leftCol .right h3 { margin: .8em 0 0 0; font-size: 1.2em; padding: .1em .2em; color: #fff; background: #e54890; } #homepage #leftCol .right table { width: 100%; margin: .4em 0 0 0; font-size: 1.2em; } #homepage #leftCol .right table thead { position: absolute; top: 0; left: -9999px; } #homepage #leftCol .right table thead * { position: absolute; top: 0; left: -9999px; } #homepage #leftCol .right table tr td.free a { background-image: url(../images/template/homepage-freeevent.png); background-position: center right; background-repeat: no-repeat; padding: 0 40px 0 0; } #homepage #leftCol .right table tr td.time { white-space: nowrap; padding: 0 0 0 .5em; vertical-align: top; text-align: right; } /* #homepage #leftCol .right ul { margin: .4em 0 0 0; font-size: 1.2em; } #homepage #leftCol .right ul li a { float: left; } #homepage #leftCol .right ul li.free a { background-image: url(../images/template/homepage-freeevent.png); background-position: center right; background-repeat: no-repeat; padding: 0 40px 0 0; } #homepage #leftCol .right ul li span { float: right; }*/ #homepage #leftCol .right .options { margin: 1em 0; background: url(../images/template/homepage-eventsdottedline.png) repeat-x; } #homepage #leftCol .right .options div { padding: 1em 0; background: url(../images/template/homepage-eventsdottedline.png) repeat-x bottom; } #homepage #leftCol .right .options p { margin: 0; padding: 0; } #homepage #leftCol .right .options p.rss { background: url(../images/template/homepage-rss.png) no-repeat; float: left; } #homepage #leftCol .right .options p.rss a { padding: 0 0 0 18px; color: #fff; } #homepage #leftCol .right .options p.rss a:active, #homepage #leftCol .right .options p.rss a:focus { color: #000; } #homepage #rightCol { width: 22.5em; margin: 0 1em 0 0; float: right; } #homepage #rightCol .black { background: #000; } #homepage #rightCol fieldset#siteSearch { font-size: 1.1em; padding: 0 0 1.4em 0; } #homepage #rightCol fieldset#siteSearch input { width: 12em; border-top: 1px solid #e54890; border-left: 1px solid #e54890; border-right: 1px solid #f9c; border-bottom: 1px solid #f9c; } #homepage #rightCol fieldset#siteSearch input.submit { width: auto; background: #e54890; color: #fff; text-transform: uppercase; border: 0; } #homepage #rightCol .eventsCalendar { margin: 0 -10px 1em -10px; background: url(../images/template/eventscalendarbg.png) no-repeat; } #homepage #rightCol .eventsCalendar div { margin: 0; background: url(../images/template/eventscalendarbg.png) no-repeat bottom right; } #homepage #rightCol .eventsCalendar div div { padding: 9px 10px 7px 10px; } #homepage #rightCol .eventsCalendar div div div { padding: 0; border: 1px solid #222; background: #000; zoom: 1; } #homepage #rightCol .eventsCalendar table { width: 15.8em; font-size: 1em; margin: 0 0 0 3.2em; background: #585555; } #homepage #rightCol .eventsCalendar table tr th { font-size: 1.2em; width: 14.2%; text-align: center; } #homepage #rightCol .eventsCalendar table tr th span { position: absolute; top: 0; left: -9999px; } #homepage #rightCol .eventsCalendar table tr td { font-size: 1.2em; padding: .3em 0 0 0; color: #999; text-align: center; } #homepage #rightCol .eventsCalendar table tr td a { display: block; margin: 0 .2em; background: #e54890; color: #fff; font-weight: bold; } #homepage #rightCol .eventsCalendar img { width: 100%; } #homepage #rightCol .eventsCalendar table tfoot tr td { color: #fff; text-align: right; font-size: 1.1em; padding: 0 .3em 0 0; } #homepage #rightCol h2 { margin: .7em 0 0 0; } #homepage #rightCol .cityRead { margin: 1em .8em 0 .8em; background: url(../images/template/homepage-eventsdottedline.png) repeat-x; } #homepage #rightCol .cityRead a.view { background: url(../images/template/homepage-eventsdottedline.png) repeat-x bottom; display: block; } #homepage #rightCol .cityRead a.view:active, #homepage #rightCol .cityRead a.view:focus { background: #fff; } #homepage #rightCol .cityRead a.view img { width: 11.4em; height: 8.4em; border: 1px solid #333; float: left; } #homepage #rightCol .cityRead a.view span { width: 9em; float: left; } #homepage #rightCol .cityRead a.view span span { width: auto; float: none; padding: 1.7em .6em 0 .6em; font-size: 1.2em; display: block; } #homepage #rightCol .cityRead a.view span span img { width: auto; height: auto; border: 0; float: none; vertical-align: middle; } #homepage #rightCol .cityRead p { margin: .6em 0 0 0; font-size: 1.2em; } #homepage #rightCol .cityRead p a { color: #fff; } #homepage #rightCol .cityRead p a:active, #homepage #rightCol .cityRead p a:focus { color: #000; } #homepage #rightCol .cityRead p a img { vertical-align: middle; } #homepage #rightCol .viewShortlist { width: 22.1em; margin: 2em 0 0 0; text-align: right; border: 1px solid #333; } #homepage #rightCol .viewShortlist a { display: block; } #homepage #rightCol .viewShortlist a img { width: 22.1em; height: 9.2em; } #homepage #rightCol .viewShortlist a span { font-size: 1.2em; padding: .2em; display: block; } #homepage #rightCol .viewShortlist a span img { width: auto; height: auto; vertical-align: middle; } #homepage #rightCol .viewShortlist p.viewAll {font-size:1.2em;} #homepage #rightCol .viewShortlist p.viewAll a { background-image: url(../images/template/homepage-viewallevents.png); background-position: center right; background-repeat: no-repeat; padding: 0 10px 0 0; } #homepage #rightCol .viewShortlist td a { display: inline; } #homepage #rightCol .viewShortlist td img, #homepage #rightCol .freeCopy td img { position: relative; top: auto; left: auto; width: auto; height: auto; } #homepage #rightCol .freeCopy { margin: 1em 0 0 0; width: 22.3em; height: 19.3em; position: relative; } #homepage #rightCol .freeCopy img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } #homepage #rightCol .freeCopy p { width: 11em; position: absolute; top: 4.8em; left: 11em; z-index: 2; } #homepage #rightCol .freeCopy p span { font-size: 1.2em; } #homepage #rightCol .freeCopy p.view { top: 14em; } #homepage #rightCol .freeCopy p.view a { font-size: 1.2em; background-image: url(../images/template/homepage-viewallevents.png); background-position: center right; background-repeat: no-repeat; padding: 0 11px 0 0; } #homepage #rightCol .addUs { width: 22.2em; } #homepage #rightCol .addUs .content { border: solid #e54890; border-width: 0 1px; padding: .3em 1em; background: #000; } #homepage #rightCol .addUs .content p.text { width: 6.7em; font-size: 1.1em; float: left; } #homepage #rightCol .addUs .content .logos { width: 12.5em; float: right; } #homepage #rightCol .addUs .content .logos img { width: 100%; margin: .2em 0; } /* Footer -------------------------------------------------------------------------- */ #footer { padding: 23px 0 2em 0; background: url(../images/template/footerbg.png) repeat-x; text-align: center; } #footer ul { margin: .2em 0 0 0; } #footer ul li { font-size: 1.1em; display: inline; } #footer ul.sponsors li { padding: 0 .6em; } /* Lightboxes -------------------------------------------------------------------------- */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } /* IE Mac fixes -------------------------------------------------------------------------- */ /*\*//*/ .hide, .skipNav { display: none; visibility: hidden; } /**/ /* Clear fixes -------------------------------------------------------------------------- */ .clearfix:after, #header:after, #mainMenu:after, #mainMenu ul:after, #internal #rightCol .eventsListing ul li:after, #internal #rightCol #detailPage .overview:after, #internal #rightCol #detailPage .related .rightCol ul li:after, #internal #rightCol .authorsListing li a:after, #internal #rightCol #landingPage .boxes:after, #internal #rightCol .related:after, #internal #rightCol #videoPlayer:after, #internal #rightCol .sponsorsPage p:after, #internal #rightCol ul.sponsors:after, #internal #rightCol .searchResultsOptions ul:after, #homepage:after, #homepage #leftCol .left ul.selectedAuthors:after, #homepage #leftCol .right ul li:after, #homepage #rightCol .cityRead a.view:after, div.promoBox:after, #internal #rightCol .bookBlog .listing:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix, #header, #mainMenu, #mainMenu ul, #internal #rightCol #detailPage .overview, #internal #rightCol #detailPage .related .rightCol ul li, #homepage, #homepage #leftCol .left ul.selectedAuthors, #internal #rightCol .authorsListing li a, #internal #rightCol #landingPage .boxes, #internal #rightCol .related, #internal #rightCol #videoPlayer, #internal #rightCol .sponsorsPage p, #internal #rightCol ul.sponsors, #internal #rightCol .searchResultsOptions ul, #homepage #rightCol .cityRead a.view, div.promoBox, #internal #rightCol .bookBlog .listing { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix, * html #header, * html #mainMenu, * html #mainMenu ul, * html #internal #rightCol #detailPage .overview, * html #internal #rightCol #detailPage .related .rightCol ul li, * html #internal #rightCol .authorsListing li a, * html #internal #rightCol #landingPage .boxes, * html #internal #rightCol .related, * html #internal #rightCol #videoPlayer, * html #internal #rightCol .sponsorsPage p, * html #internal #rightCol ul.sponsors, * html #internal #rightCol .searchResultsOptions ul, * html #homepage, * html #homepage #leftCol .left ul.selectedAuthors, * html #homepage #rightCol .cityRead a.view, * html div.promoBox, * html #internal #rightCol .bookBlog .listing { height: 1%; } .clearfix, #header, #mainMenu, #mainMenu ul, #internal #rightCol #detailPage .overview, #internal #rightCol #detailPage .related .rightCol ul li, #internal #rightCol .authorsListing li a, #internal #rightCol #landingPage .boxes, #internal #rightCol .related, #internal #rightCol #videoPlayer, #internal #rightCol .sponsorsPage p, #internal #rightCol ul.sponsors, #internal #rightCol .searchResultsOptions ul, #homepage, #homepage #leftCol .left ul.selectedAuthors, #homepage #rightCol .cityRead a.view, div.promoBox, #internal #rightCol .bookBlog .listing { display: block; } /* End hide from IE-mac */ /*MCMS editor fixes */ #internal #rightCol #detailPage .overview .leftCol p table img, { width: auto; } #homepage #rightCol .viewShortlist p table a img { width: auto; } #internal #rightCol #detailPage .overview .leftCol #divReviews img { width: auto; } #internal #rightCol .eventDetail p.image table img { width: auto; } #homepage #leftCol .left ul.selectedAuthors li td a { border: 0; display: inline; float: none; } #homepage #leftCol .left ul.selectedAuthors li td a:hover, #homepage #leftCol .left ul.selectedAuthors li td a:active, #homepage #leftCol .left ul.selectedAuthors li td a:focus { border: 0; } #homepage #leftCol .left ul.selectedAuthors li td a img { width: auto; height: auto; border: 0; } #homepage #leftCol .left ul.selectedAuthors li td a:hover img, #homepage #leftCol .left ul.selectedAuthors li td a:active img, #homepage #leftCol .left ul.selectedAuthors li td a:focus img { border: 0; } #homepage #leftCol #feature.editingMode { width: 50em; height: auto; margin: 3.2em 0 0 0; border: 1px solid #333; border-left: 0; position: relative; } #homepage #leftCol #feature.editingMode .image { position: relative; width: auto; height: auto; top: 0; left: 0; z-index: 1; } #homepage #leftCol #feature.editingMode .image img { width: auto; height: auto; } #homepage #leftCol #feature.editingMode .bookNow { position: relative; width: auto; height: auto; top: 0; left: 0; z-index: 1; } #homepage #leftCol #feature.editingMode .bookNow img { width:auto; height: auto; } #homepage #leftCol #feature.editingMode .textBox { position: relative; width: auto; background: #000; top: auto; left: auto; padding: 0; z-index: 2; } #homepage #leftCol #feature.editingMode .textBox h2 { margin: 0; padding: 0; background: none; font-size: 1.8em; color: #f90; } #homepage #leftCol #feature.editingMode .textBox h2 a { color: #f90; } #homepage #leftCol #feature.editingMode .textBox h2 a:active, #homepage #leftCol #feature.editingMode .textBox h2 a:active { color: #000; } #homepage #leftCol #feature.editingMode .textBox p { margin: 1.2em 0 0 0; }