/* @override http://lcfbeta.reachdigital.co.uk/css/styles.css http://www.comedy-festival.co.uk/css/styles.css */ /*------------- Pink ----------------------------------*/ #header{background:url(../images/header_pink.gif) no-repeat #fff; width:980px;} ul#nav {margin:0; padding:0; background:#ea3493;} ul#nav a{padding: 3px 0 5px;text-decoration:none; color: #ea3493; display:block;background: #fff; width:80px; font-size: 0.8em;} ul#nav a:hover{background: #1db1dd;color: #FFF; text-decoration:none;} ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #bd7a13;color: #fff;} #subnav ul li{list-style:none; float:left; border-right:1px solid #ea3493; padding:0 5px 0 5px;} #subnav ul li a{color:#ea3493;} #subnav ul li a:hover, #subnav ul li .active2{color:#1db1dd;} h1 {color:#ea3493;} h2 {color:#ea3493;} h5 {color:#ea3493;} a{color:#1db1dd;} #latest_news a{color:#1db1dd;} ul.iconlist {border-top: 1px solid #1db1dd; border-bottom: 1px solid #1db1dd;} .pdf a{ color:#ea3493;} .date_list .buttons h6 a{border:1px solid #ea3493; color:#ea3493;} .date_list .buttons h6 a:hover{color:#ea3493; border:1px solid #ea3493; background-color: #fbd7ea;} .date_list .date{background-color:#ea3493;} .event .date{background-color:#ea3493;} #col01 .venue ul li{color:#ea3493;} .main_copy h6 a, h6#dir a{display:block; border:1px solid #ea3493; color:#ea3493; text-decoration:none;padding:3px 3px 3px 8px;} .main_copy h6 a:hover, h6#dir a:hover{color:#ea3493; border:1px solid #ea3493; background-color: #fbd7ea;} #preview h1{color:#ea3493;} #preview p{color:#ea3493;} h6.events{ color:#1db1dd;} .events2 a{color:#1db1dd;} #right_bar {background:url(../images/side-bar-bk-blue.gif) repeat-y;} #right_bar_top {background:url(../images/side-bar-top-blue.gif) no-repeat;} #right_bar_bottom {background:url(../images/side-bar-bottom-blue.gif) #fff no-repeat top;} /*------------- Green ---------------------------------- #header{background:url(../images/header_green.gif) no-repeat #fff; width:980px;} ul#nav {margin:0;padding:0; background:#a4cb30;} ul#nav a{padding: 3px 0 5px;text-decoration:none; color: #a4cb30; display:block;background: #fff; width:80px; font-size: 0.8em;} ul#nav a:hover{background: #df0479;color: #FFF; text-decoration:none;} ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #bd7a13;color: #fff;} #subnav ul li{list-style:none; float:left; border-right:1px solid #a4cb30; padding:0 5px 0 5px;} #subnav ul li a{color:#a4cb30;} #subnav ul li a:hover, #subnav ul li .active2{color:#df0479;} h1 {color:#a4cb30;} h2 {color:#a4cb30;} h5 {color:#a4cb30;} a{color:#df0479;} #latest_news a{color:#df0479;} .pdf a{ color:#a4cb30;} ul.iconlist {border-top: 1px solid #da187e; border-bottom: 1px solid #da187e;} .date_list .buttons h6 a{border:1px solid #a4cb30; color:#a4cb30;} .date_list .buttons h6 a:hover{color:#a4cb30; border:1px solid #a4cb30; background-color: #deecb4;} .date_list .date{background-color:#a4cb30;} .event .date{background-color:#a4cb30;} #col01 .venue ul li{color:#a4cb30;} .main_copy h6 a, h6#dir a{display:block; border:1px solid #a4cb30; color:#a4cb30; text-decoration:none;padding:3px 3px 3px 8px;} .main_copy h6 a:hover, h6#dir a:hover{color:#a4cb30; border:1px solid #a4cb30; background-color: #deecb4;} #preview h1{color:#a4cb30;} #preview p{color:#a4cb30;} h6.events{ color:#df0479;} .events2 a{color:#df0479;} #right_bar {background:url(../images/side-bar-bk-green.gif) repeat-y;} #right_bar_top {background:url(../images/side-bar-top-green.gif) no-repeat;} #right_bar_bottom {background:url(../images/side-bar-bottom-green.gif) #fff no-repeat top;} */ /*------------- Orange ---------------------------------- #header{background:url(../images/header_orange.gif) no-repeat #fff; width:980px;} */ body,html{height:100%;} body{margin:0; font: normal 62.5% "Lucida Grande", Lucida, Verdana, sans-serif; background:url(/images/bg.gif);} img{border:0; display:block;} br{clear:both;} hr{ clear:both; border:none; height:0; overflow:hidden;margin:0; padding:0;} h1 {font:bold 1.6em Arial, Helvetica, sans-serif; margin:0; padding:0; clear:both;} h2 {font:normal 1.3em Arial, Helvetica, sans-serif; margin:0; padding:0;} h5 {font:normal 1.2em Arial, Helvetica, sans-serif; margin:0; padding:0;} p{font:normal 1.2em Arial, Helvetica, sans-serif; color:#666; } #container{width:980px; height:auto; margin:0 auto; position:relative;} a{text-decoration:none;} a:hover{text-decoration:underline;} #header img{ float:left;} #topnav{float:right;} #topnav ul{margin:8px;padding:0;} #topnav ul li{list-style:none; color:#fff; float:left; border-right:1px solid #fff; text-transform:uppercase;} #topnav ul li a{ color:#fff; text-decoration:none; padding: 0 5px; font: bold 1em Arial, Helvetica, sans-serif; } #topnav ul li a:hover{ text-decoration:underline;} #navcontainer{float:left; margin:102px 0 0 0;*margin:100px 0 0 0; width:725px;} ul#nav, ul#nav li{list-style-type:none;margin:0;padding:0;} ul#nav li{ text-align:center; float:left; font: bold 1.5em/1.2em Arial, Helvetica, sans-serif;} #subnav {float:left; width:493px; background-color:#fff; margin-bottom:5px;} #subnav ul{margin:5px 0 0 13px;padding:0;} #subnav ul li a{font:normal 1.2em Arial, Helvetica, sans-serif; text-decoration:none;} #subnav ul li a:hover, #subnav ul li .active2{text-decoration:underline;} h2.feature{color:#ffffff; background:#a4cb30;font:bold 2.1em Arial, Helvetica, sans-serif;margin:0; padding:0;} #col01{float:left;width:252px; background-color:#fff; } #also{margin:0 12px 10px 13px; border-bottom:1px dotted #ccc;} /* ----- Venue Left List ----- */ #col01 .venue{ border-bottom:2px solid #df0479; border-width: 1px; padding-bottom: 5px; padding-top: 5px; margin-right: 12px; margin-top: 10px; margin-left: 13px; } #col01 .venue h1{} #col01 .venue ul{margin:-10px 0 0 0;*margin:0;padding:0; } #col01 .venue ul li{list-style:none; font:bold 1.3em Arial, Helvetica, sans-serif; padding:0; } #col01 .venue ul li ul{padding:0; border:none; margin: 0; font-size: 11px; } #col01 .venue ul li ul li{color:#333; font:normal 1em Arial, Helvetica, sans-serif; list-style:none;margin-top: 6px; padding-left: 2px; } #col01 .venue ul li ul li ul{margin:0;padding:0; border:none;} #col01 .venue ul li ul li ul li{color:#df0479; font:bold 1em/1.1em Arial, Helvetica, sans-serif; list-style:none; padding-left: 0; margin-top: 1px; width: 206px; } /* ------ Login ------ */ #login{ background-color:#fff;} #login form{margin:10px; padding:0;} #login form fieldset{border:1px solid #df0479;margin:0;*padding:0;} #login form legend{font: normal bold 1.5em Arial, Helvetica, sans-serif; color:#a4cb30;} #login form label{color:#a4cb30; width:80px; float:left; font:normal 1.1em Arial, Helvetica, sans-serif; *margin:0 0 0 9px;padding:0; } #login form h6{margin:5px 0 0 0;*margin:5px 0 3px 7px; color:#a4cb30; font:bold 1em Arial, Helvetica, sans-serif;} #login form h6 a{color:#a4cb30; width:210px; display:block;background-color:#e5effa; padding:3px; } #login form h6 a:hover{background-color:#df0479; color:#fff;} #login form input{width:150px;*width:140px; border:1px solid #ccc; color:#333; font:bold 1.2em Arial, Helvetica, sans-serif;padding:0; margin:0; float:left;} #login .submit{background:url(../images/search_but.jpg) no-repeat; width:50px; margin-left:5px; margin-top:2px; border:none; font:bold 1.2em Arial, Helvetica, sans-serif; color:#000;} /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h1 { visibility: hidden; font-size:2.1em; padding-bottom:0; margin-bottom:0; margin-left:0; margin-top:0; } /* ----- Calendar ----- */ div#calendar{ margin-top: 2px; margin-left: 10px; } #calendar img{border-top:1px dotted #ccc;} /* ----- Preview ----- */ #coming_event{border-top:1px dotted #ccc;padding:5px 0 8px 0;width:235px; margin: 0 0 10px 13px; } #events_archive{border-top:1px dotted #ccc;border-bottom:1px dotted #ccc; padding:5px 0 8px 0;width:235px; margin: 0 0 10px 13px;} #events_archive p{ float:left; padding:0; font:normal 1em Arial, Helvetica, sans-serif; margin: 0 2px 1em 3px;} h6.events_archive{ color:#df0479; margin: 0 0 3px 4px;*margin-left:6px; padding:0; font: bold 1.8em Arial, Helvetica, sans-serif;} #preview{border-bottom:1px dotted #ccc; border:1px solid #df0479; padding-top:5px; float:left; width: 200px;} #preview h1{font:bold 1.5em Arial, Helvetica, sans-serif;} #preview p{font:normal 1.2em Arial, Helvetica, sans-serif; margin:-2px 0 0 5px; padding:0; width:135px; float:left; } h2.preview{font:bold 2em Arial, Helvetica, sans-serif; color:#a4cb30; margin:0; padding:0;} h6.events{*margin-left:6px; padding:0; font: bold 1.8em Arial, Helvetica, sans-serif; margin: 0 0 3px 3px;} .events2{padding:0 ;float:right; font: bold 1.2em Arial, Helvetica, sans-serif; margin-top: 36px; margin-bottom: 7px; margin-left: 0; position: relative; right: 30px; bottom: -4px; } .events2 a{text-decoration:none;} .events2 a:hover{color:#000000; text-decoration: underline; } /* ----- Search ----- */ #search_site{ margin:2px 13px 20px 12px;} #search_site form{padding:0;*padding-top:8px; margin:0;border-top:1px dotted #ccc;} #search_site fieldset{border:none;padding:0; margin:10px 0 0 0;} #search_site input{width:130px;float:left; border:1px solid #ccc; font:normal 1.3em Arial, Helvetica, sans-serif;margin:0;*margin-left:-9px; padding:0;} #search_site .submit{background:url(../images/search_but.jpg) no-repeat; width:50px; margin-left:10px; margin-top:2px; border:none; font:bold 1.2em Arial, Helvetica, sans-serif; float:left;} /* ----- Col02 ----- */ #col02{float:left; margin-left:3px; width:493px; background-color: white; } #col02_2{width:493px; background:url(../images/whihte_bg.gif) repeat-y; margin-top:5px;} #col02_3{width:473px; background-color:#fff; margin-left:0px; padding:10px;} #col02_4{width:483px;*width:491px; background-color:#fff; margin-left:2px; padding:0; float:left;} #col02_5{width:493px;*width:491px; background-color:#fff; margin-left:2px; padding:0; float:left;} #col02_3 p{font:normal 1.2em/1.4em Arial, Helvetica, sans-serif; color:#333; margin: -1px 30px 10px 0; width: 430px;} #sponsors a{color:#df0479; text-decoration:none;} #sponsors a:hover{text-decoration:underline;} /* ----- List filter ------ */ #list_filter{ background-color:#fff; border-top:1px solid #000; border-bottom:1px solid #ccc; margin-top:5px; float:left;} #list_filter ul{margin:0; padding:0; float:left;} #list_filter ul li{float:left; list-style:none; margin:5px 3px 5px 5px; font:normal 1.2em Arial, Helvetica, sans-serif;} #list_filter ul li a{color:#000; text-decoration:none;} #list_filter ul li a:hover, #list_filter ul li #active3{color:#666; text-decoration:underline;} #list_filter fieldset{border:none; margin:0; padding:0;} #list_filter form{float:right;margin:1px 0 2px 0; padding:0;} #list_filter label{visibility:hidden;} #list_filter input{border:1px solid #ccc; font: normal 1.1em Arial, Helvetica, sans-serif;} #list_filter .submit{background:url(../images/search_but.jpg) no-repeat; width:50px; margin-left:5px; margin-top:2px; border:none; font:bold 1.2em Arial, Helvetica, sans-serif; color:#000;} /* ----- Date List ----- */ .date_list{ clear:both; margin-top:5px; float:left;} .date_item{ border-bottom:2px solid #eff5fc; float:left;width:483px;*width:491px;margin-bottom:5px; padding-bottom:5px;} .date_list .date{float:left; width:33px; margin-left:-33px; z-index:100; position:relative; } .date_list .date p{color:#fff; font:bold 1.2em Arial, Helvetica, sans-serif; text-align:center; margin:3px;} .date_list .date h6{color:#fff; font:bold 2.5em Arial, Helvetica, sans-serif; text-align:center; margin:0; padding:0;} .date_list .info{float:left; width:330px; margin-left: 9px; margin-bottom:5px; } .date_list .info h6{color:#df0479; margin:0; width:auto;padding-bottom:0; font: bold 1.4em Arial, Helvetica, sans-serif; } .date_list .info p{padding-top:0;margin-top:0;} .date_list .buttons{float:left; margin:20px 0 8px 0;} .date_list .buttons h6{font:bold 1.1em Arial, Helvetica, sans-serif; margin:2px 0 0 0;} .date_list .buttons h6 a{display:block; width:130px; text-decoration:none;padding:3px 3px 3px 8px;} /*----- Events -----*/ .event{ clear:both; margin-top:5px; float:left; background-color:#fff;} .event .date{float:left; width:33px; margin-left:-33px; z-index:100; position:relative; } .event .date p{color:#fff; text-align:center; margin:3px; font: normal bold 1.1em Arial, Helvetica, Geneva, sans-serif; } .event .date h6{color:#fff; text-align:center; margin:0; padding:0; font: bold 2.3em Arial, Helvetica, sans-serif; } #event_col{float:left; border-bottom:2px solid #eff5fc;} .main_copy h6, h6#dir{font:bold 1.1em Arial, Helvetica, sans-serif; margin:2px 0 0 5px;} .events{float:left;} #event_times{border-left:2px solid #eff5fc;float:left; padding-left:10px; margin-left:10px;} #event_feature{float:left;margin-left:10px;} .event_item{ width:220px; *width:220px; float:left;margin-bottom:5px; padding-bottom:5px;} .event_item h6{font:bold 1.1em Arial, Helvetica, sans-serif; margin:0 0 0 5px;*margin:0 0 0 5px;} .event_item h5{font:bold 1.1em Arial, Helvetica, sans-serif; float:left; margin:-10px 0 0 5px;*margin:-12px 0 0 5px; padding: 3px 0;} .event_item p{margin:0 0 0 5px; clear:both;} .main_copy{float:left;width:300px; *width:290px; } .main_copy p{margin:3px 0 3px 5px; color:#000; clear:left; } .main_copy ul li { font-size: 1.1em; } h3.events{color:#df0479; margin:0 0 3px 0; *margin-left:0; padding:0 5px 0 0 ; width:200px;} #key{margin:15px 0 0 0; padding-left:20px; float:left;} /* ------ Search field ----- */ #events_search {width:490px; border-top:1px solid #000; border-bottom:1px solid #ccc;} #events_search fieldset{border:none; margin:0; padding:0;} #events_search form{margin:1px 0 2px 11px; padding:0;} #events_search label{font:bold 1.4em Arial, Helvetica, sans-serif;} #events_search input{border:1px solid #ccc; font: normal 1.1em Arial, Helvetica, sans-serif;} #events_search .submit{background:url(../images/search_but.jpg) no-repeat; width:50px; margin-left:5px; margin-top:2px; border:none; font:bold 1.2em Arial, Helvetica, sans-serif; color:#000;} /* ----- Latest News/Blog ----- */ #latest_news {float:left; background-color:#fff; padding:0 5px 0 10px;margin-top:0;margin-left:3px; width:225px; } #latest_news h5, #blog h5{font: bold 1.1em/1.1em Arial, Helvetica, sans-serif; color:#df0479; margin:0; padding:0; width:200px; } #latest_news p, #blog p{padding-top:0; font-size: 1.1em; border-bottom: 1px solid #ebecef; margin: 0; padding-bottom: 5px; } #blog {float:left;width:235px; background-color:#fff; padding:5px;margin-top:3px; margin-left:3px;} #latest_news a:hover{text-decoration:underline;} /* ----- Footer ----- */ #footer{background-color:#fff; clear:both; width:748px; margin:2px auto;filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; float:left;} #copyright {float:left;} #copyright p, #reachmarketing p{padding:10px; margin:0;} #reachmarketing{ float:right;} #reachmarketing a{color:#df0479; text-decoration:none;} #reachmarketing a:hover{text-decoration:underline;} /* Specials CSS */ td.c2, td.c1 { padding-bottom: 10px; vertical-align: bottom; } td.c2 { text-align: right; } /* ----- Scroller ------ */ #pscroller2{ height: 80px; } /*------ Press -----*/ #thumbs{background-color:#FFFFFF; width:231px;} #thumbs table{} #thumbs td{width:72px; text-align:center; background-color:#e7e7e7; } #thumbs td img{margin:auto;} /*----- News listing ----- */ #news_listing{background-color:#fff; padding: 8px 0 0 10px; width: 425px; } #news_listing p{ margin-right: 0; margin-top: 0; margin-bottom: 10px; } #news_listing a{color:#df0479;} #news_listing a:hover{text-decoration:underline;} .pdf{background:url(/images/doc_types/icon_pdf.gif) no-repeat; padding-left:20px; list-style:none; line-height: 1.2em; font-size: 14px; } .pdf a{font-size: 14px;} .doc{background:url(/images/doc_types/icon_doc.gif) no-repeat; padding-left:20px;*padding-left:5px; list-style:none; line-height:1.7em;} .doc a{ color:#a4cb30;} .xls{background:url(/images/doc_types/icon_xls.gif) no-repeat; padding-left:20px;*padding-left:5px; list-style:none; line-height:1.7em;} .xls a{ color:#a4cb30;} .jpg, .gif{background:url(/images/doc_types/icon_image.gif) no-repeat; padding-left:20px;*padding-left:5px; list-style:none; line-height:1.7em;} .jpg a, .gif a{ color:#a4cb30;} .eps{background:url(/images/doc_types/icon_vector.gif) no-repeat; padding-left:20px;*padding-left:5px; list-style:none; line-height:1.7em;} .eps a{ color:#a4cb30;} #sponsors{} #contact{ background-color:#fff;} #contact form{margin-top:0;} #contact form fieldset{border:none;} #contact form fieldset label{margin-left:5px;*margin-left:8px; width:80px; float:left; font:normal 1.1em Arial, Helvetica, sans-serif;} #contact form fieldset input, #contact form fieldset textarea{margin-bottom:1px;float:left; font:normal 1.1em Arial, Helvetica, sans-serif; width:180px; border:1px solid #ccc;} #contact form fieldset .submit{background-color:#fff; color:#a4cb30; width:80px; margin-left:187px; border:1px solid #ccc; font-weight:bold;} h6#dir { margin-bottom: 2em; } /* Added for downloaded assets */ ul.iconlist {padding-left: 0; margin-left: 0; padding: 10px 0px 10px 0px;} /* */ #container #col02 #col02_4 #evint, div#lginmsch { margin-left: 9px; } .side_bar {font-size:14px; text-align:right; width:210px;} h2.side_bar {padding-top:10px;} #side_bar { width:980px;} #right_bar {width:230px; float:right; position:absolute; right:0; top:154px;} #right_bar_text {float:left; padding:18px 18px 0 18px; width:190px; } #right_bar_text img {padding-bottom:15px;} #right_bar_top {width:230px; height:23px; float:left;} #right_bar_bottom {width:230px; height:13px; float:left; padding-bottom:10px;} #merc { padding: 15px;} #merc_left {width:150px; float:left;} #merc h1{padding: 0px 0px 0px 0px;} #merc_right {width:294px; float:right;} #merc_left h1{padding: 0px 0px 0px 0px;} #merc_right h1{padding: 0px 0px 0px 0px;} #merc_right p{padding: 0px 0px 0px 0px;} #merc_left p{padding: 0px 0px 0px 0px;} /* Promoter form */ #promoter_signup {width:325px; background-color:#f5f5f5; float:left; border:3px double #ccc; padding:10px; margin-left:70px; display:inline;} #promoter_signup label {width:115px; padding:4px 0;} #promoter_signup .small {width:200px; border:1px solid #CCCCCC; padding:2px;} #promoter_signup .big {width:315px; border:1px solid #CCCCCC; padding:2px; height:50px; font-family:"Lucida Grande", Lucida, verdana; font-size:11px;}