/* * entertainment.ie PJ2012 Theme 2012 * * Design by Francesco Aloisio | entertainment.ie * CSS and HTML by Lisa Westermann | fusio.net. * */ /*Timestamp Wed, 14 Sep 2016 | 17:07 /*** CSS RESET (based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) ***/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; outline:0; padding:0; /*vertical-align:baseline;*/ } :focus { outline:0; } ol, ul { list-style:none; } table { border-collapse:separate; border-spacing:0; } caption, th, td { text-align:left; font-weight:normal; } /*** end CSS RESET ***/ body { background:url(/images/newClouds2.jpg) repeat-x /* change to this if no one likes slightly new clouds: #e8f2f8*/#cee4e8; color:#222; font:0.875em/1.333 helvetica,arial,sans-serif; margin:0; padding:0; text-align:center; } body.videocat, body.mancave { background:#292929; color:#bbb; } body.videocat h1, body.mancave h1 { color:#FFF; } body.tickets { background:#292929 url(/images/tickets-bg.jpg) center no-repeat fixed; color:#fff; } /*** GENERIC STYLES --------------------------------------------------------------------------------------------------- ***/ /** Links **/ a:link, a:visited { color:#09c; text-decoration:none; } a:hover, a:active, a:focus { color:#f60; text-decoration:underline; } /** Link Buttons **/ /* orange (large) */ a.btn:link, a.btn:visited { background:url(/images/buttons.png) repeat-x top; color:#fff; display:inline-block; font-family:'Open Sans'; font-size:1.2em; font-weight:bold; line-height:36px; padding:0 10px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } a.btn:hover, a.btn:active, a.btn:focus { background-position:0 -40px; } /* orange (small) */ a.btn2:link, a.btn2:visited, span.btn2 { background:url(/images/buttons.png) repeat-x 0 -320px; color:#fff; display:inline-block; font-family:'Open Sans'; font-size:0.8em; font-weight:bold; line-height:21px; padding:0 7px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; /*behavior:url(/css/PIE.htc);*/ } a.btn2:hover, a.btn2:active, a.btn2:focus, span.btn2:hover { background-position:0 -350px; } /* grey (large)*/ a.btngrey:link, a.btngrey:visited { background:url(/images/buttons.png) repeat-x 0 -80px; color:#222; display:inline-block; font-family:'Open Sans'; font-size:1.2em; font-weight:bold; line-height:36px; padding:0 10px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; /*behavior:url(/css/PIE.htc);*/ } a.btngrey:hover, a.btngrey:active, a.btngrey:focus { background-position:0 -120px; } /* grey (small)*/ a.btngrey2:link, a.btngrey2:visited, a:link span.btngrey2, a:visited span.btngrey2 { background:url(/images/buttons.png) repeat-x 0 -380px; color:#222; display:inline-block; font-family:'Open Sans'; font-size:0.8em; font-weight:bold; line-height:21px; padding:0 7px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; /*behavior:url(/css/PIE.htc);*/ } a.btngrey2:hover, a.btngrey2:active, a.btngrey2:focus, a:hover span.btngrey2, a:active span.btngrey2, a:focus span.btngrey2 { background-position:0 -410px; } /* black (large) */ a.btnblack:link, a.btnblack:visited { background:url(/images/buttons.png) repeat-x 0 -160px; color:#fff; display:inline-block; font-family:'Open Sans'; font-size:1.2em; font-weight:bold; line-height:36px; padding:0 10px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; /*behavior:url(/css/PIE.htc);*/ } a.btnblack:hover, a.btnblack:active, a.btnblack:focus { background-position:0 -200px; } /* black (small) */ a.btnblack2:link, a.btnblack2:visited { background:url(/images/buttons.png) repeat-x 0 -440px; color:#fff; display:inline-block; font-family:'Open Sans'; font-size:0.8em; font-weight:bold; line-height:21px; padding:0 7px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; /*behavior:url(/css/PIE.htc);*/ } a.btnblack2:hover, a.btnblack2:active, a.btnblack2:focus { background-position:0 -470px; } /* blue (large) */ a.btnblue:link, a.btnblue:visited { background:url(/images/buttons.png) repeat-x 0 -240px; color:#fff; display:inline-block; font-family:'Open Sans'; font-size:1.2em; font-weight:bold; line-height:36px; padding:0 10px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; /*behavior:url(/css/PIE.htc);*/ } a.btnblue:hover, a.btnblue:active, a.btnblue:focus { background-position:0 -280px; } /* blue (small) */ a.btnblue2:link, a.btnblue2:visited { background:url(/images/buttons.png) repeat-x 0 -500px; color:#fff; display:inline-block; font-family:'Open Sans'; font-size:0.8em; font-weight:bold; line-height:21px; padding:0 7px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; /*behavior:url(/css/PIE.htc);*/ } a.btnblue2:hover, a.btnblue2:active, a.btnblue2:focus { background-position:0 -530px; } .tvpaging a.btnblack:link, .tvpaging a.btnblack:visited { background:url(/images/buttons.png) repeat-x 0 -160px; font-size:0.9em;line-height:16px; padding: 2px 10px;} /* new blue button for new listing pages : added 28/03/2014 by remi */ a.btnblue3:link, a.btnblue3:visited { color:#fff; display:inline-block; font-family:'Open Sans'; font-size:0.8em; font-weight:bold; line-height:21px; padding:0 7px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; /*behavior:url(/css/PIE.htc);*/ } a.btnblue3:hover, a.btnblue3:active, a.btnblue3:focus {text-decoration:underline;} a.blcklink:link, a.blcklink:visited { color:#000; } a.blcklink:hover, a.btnblue3:active, a.btnblue3:focus {text-decoration:underline;} /** Forms **/ input, textarea, select { font-family:helvetica,arial,sans-serif; font-size:1em; } /** Headings **/ .maincol h1 { font-size:1.8em; font-weight:bold; margin:2px 0 12px; } .maincol h2, .leftcol h2, .midcol h2, .rightcol h2, .related h2, #comments h2, #channels h2, .videocat h2, .music h2, .tickets h2, .featurelist h1, .featurelist h1, .latestcomments h2, .maincol h1.h2, .widecol h2, .movielist h2 { background:url(/images/h-line.gif) repeat-x 0 50%; font-family:'Open Sans'; font-size:1.6em; font-weight:bold; margin-bottom:10px; } .maincol h2 strong, .leftcol h2 strong, .midcol h2 strong, .rightcol h2 strong, #comments h2 strong, #channels h2 strong, .featurelist h1 strong, .maincol h1.h2 strong, .widecol h2 strong { background:#fff; padding-right:10px; } #mostviewed h2 strong, #showing h2 strong, .related h2 strong, .music .related h2 strong, .featurevideo h2 strong, .nownext h2 strong, .sidegallery h2 strong, .latestcomments h2 strong, .tickets .featurelist h2 strong { background:#222; padding-right:10px; } .tickets .related h2 strong, .tickets .featurelist h2 strong { background:#000; padding-right:10px; } .tagcloud h2 strong { background:#eee; } .videocat h2 strong, .mancave h2 strong, .mancave .maincol h1.h2 strong, .tickets h2 strong, .tickets .maincol h1.h2 strong { background:#000; padding-right:10px; } .mancave .maincol h2 strong { background:#000 !important; } .mancave .related h2 strong { background:#222 !important; } .tickets .maincol h2 strong { background:#000 !important; } /** Paragraphs **/ .maincol p { line-height:1.5em; margin:0 0 1.5em 0; } /** Text Styles **/ strong { font-weight:bold; } em { font-style:italic; } big {color:#ff6600;display: block;font-size: 22px;font-style: italic;padding: 20px;line-height: 26px;text-align: left;} /** Images **/ .mainpic, #image_wrap { margin-bottom:10px; } .album .mainpic { background:url(../images/album-bg.jpg) no-repeat center bottom; border-top:1px solid #3d3d3d; clear:both; margin-bottom:0; padding:20px 0; text-align:center; } .maincol iframe { margin:0 0 1.5em 0; } .maincol div#toolbox iframe { margin:0;} /*** HEADER ----------------------------------------------------------------------------------------------------------- ***/ #head { background:#fff; height:auto /*158px*/; margin:0 auto; text-align:left; width:984px; position:relative;} .videocat #head, .mancave #head, .tickets #head { background:#000; } /** Logo, Login, Search **/ #h-top { height:63px; margin:0 4px; width:976px; background:#2e2e2e; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#2e2e2e), to(#212121)); background:-webkit-linear-gradient(#2e2e2e, #212121); background:-moz-linear-gradient(#2e2e2e, #212121); background:-ms-linear-gradient(#2e2e2e, #212121); background:-o-linear-gradient(#2e2e2e, #212121); background:linear-gradient(#2e2e2e, #212121); /*-pie-background:linear-gradient(#2e2e2e, #212121); behavior:url(/css/PIE.htc);*/ } #h-top p { padding:6px 15px 0; float:left; height:57px; width:386px; } #h-top img { /*-pie-png-fix:true; behavior:url(/css/PIE.htc);*/} /*#h-top div { color:#fff; display:inline; float:right; font-size:0.9em; padding:21px 10px 0 0; }*/ #h-top a:link, #h-top a:visited { color:#fff; font-weight:bold; margin:0 3px; } #h-top a.btn2:link, #h-top a.btn2:visited { font-size:1em; font-weight:normal; } /* Search */ #h-top #searchform { display:inline; float:right; padding:18px 15px 0 0; } #searchform input, #searchform button { background:url(../images/search.png) no-repeat 0 0; color:#666; float:left; margin:0; } #searchform input { border:1px solid #ccc; border-right:0; height:26px; line-height:26px; padding:0 0 0 5px; vertical-align:middle; width:130px; } #searchform input:focus { background-position:0 -28px; border-color:#aaa; } #searchform button { background-position:100% 0; border:none; cursor:pointer; height:28px; padding:0; text-indent:-9999px; width:31px; } #searchform button:focus { background-position:100% -28px; } #h-top p {width:340px !important; } .fanbox {float:left !important; display:inline-block !important; width:180px; padding:1px 0 0 0 !important; margin:0;} .fanbox .facebookBtn{ float:left !important;} .fanbox .twitterBtn{float:left !important;} .twitter-btn { font: normal normal normal 13px/26px 'Helvetica Neue',Arial,sans-serif; height: 28px; border-radius: 4px; max-width: 100%; box-sizing: border-box; position: relative; background-color: #F8F8F8; background-image: -webkit-gradient(linear,left top,left bottom,from(#FFF),to(#DEDEDE)); background-image: -moz-linear-gradient(top,#FFF,#DEDEDE); background-image: -o-linear-gradient(top,#FFF,#DEDEDE); background-image: -ms-linear-gradient(top,#FFF,#DEDEDE); background-image: linear-gradient(top,#FFF,#DEDEDE); border: #CCC solid 1px; color: #333; font-weight: bold; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; overflow: hidden; display: inline-block; vertical-align: top; zoom: 1; text-decoration: none; } .twitter-btn a:link,.twitter-btn a:visited{color:#000;} .twitter-btn:hover { text-decoration: none; } .twitter-btn i { width: 21px; height: 16px; left: 4px; margin-top: -6px; position: absolute; top: 50%; background: rgba(0, 0, 0, 0) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAoCAYAAABq13MpAAAGcklEQVRYw+2YXUyTVxjHz4vJLiZGd7MtXi2LkZtdELM7lyzOG7Nk2RJvl8iujBiNV2JcMA0fwqCFEGCAfJRC+SyltqWFgnwUlIKAWB3yOVrAttQWC1ZCOi6ePc8LL74tVD6ly2KTf87J6Tnv+3uf8zzP+WAAwEhMIj8h1MViEs0Jlqi+we5oJFjGCX3D9X+fmKTmq/f/rzkRlX5fzkmNPhLVqW2DQ1Ify9eFAZ8kafUsURMX+qCo1BYry3oILKcfmLQb2N3Wzqhk48xn6YbLuwJO1cQeydAvURkWONtk5UoGgKsaXRPWo3LarVHSJvkRmXHm+6pHV3h4YdDp0gE7D5XUJPo6QyzLfwKscgZY1UtgChuwkjH4tOhpQPp4Nn430GeU/TcJ4sif5iV2V/NL6P/H81oTOIUVuPsO4AyeNVG9ehw4xTP4oubZ268VFiP2jd4Y9Hufw8TKJoAgufT2RZZikJ8s7JMzxTQw1QKwhtdrZY0Likd9Azjm1G6gpcOz8VzdFHC1E8AV9gKXYdCI3eWc9q96Tj0DnHEBuObXa6J60yvgtC740Tw3jf0Sgtzj89JhK6tyAKt2Ag9f+AxY8SgPyQMLUs5hd/hut/5MH3mp3z3H6eeBa7ADV/4UuNxO4DINw1GyZklMw/MhTut8BywCj2mb9wvAQdBN0z5ldJ1zlbemygusdn5NVBeA8b/Tart/D8CMyVrjjteNeo81v1rljF7gdC7gVNPAKUeAdwuaAb17MzS6yTdGmzPoWWJLXLG8Go9We1aDLCtWnRskA27zXqCfuP0Xj9ZNBHgwwQWE6acP4Nu9m6FxZn7tmbWEg2Zpg670U1rXUpB1xVbWOsjKF/YCTQHU5X5rjmn3+IP8djthMJaNe+6EhUbFmub8jefaPZ5NbtHk8TuX/1HsEZiXetJz5rc+11BMxw7Bsc+3bS99oUH/bgGRYCL/o93Hp7gKO7B6zzqwF342L7jWgaP3A03jzxrGTJzm5dausIVrlP/tU22KD+FhFJ1djjfma4/mbdf6vbZrgz6bbOTN6IvFgGU9cvcLLOjqi6WA5bp10RbTuRDe4vhR1594bTT74aA3ghEVJxL575cHBLuhC3rr+bPN06ajOkdgS4tj26UB79w6A9sO+oMpKk0j5zKbOrksk48reLiW6mjFE0Oj1U+2elbK7P7nNCNh0+dhQZOLSa0u3U8dttmTOvsKv5DQUo2gx0wLqz88eu2RTbwZxX412y1ehwnN1mES1sE6RdKjkneaTg8b+kD0Efoj9P8WWiKRbHnmo/bExMQbWEqwjBPawvU/VOjk5GQ9gmxagdLS0qzZ2dmQm5sLWVlZkJ6e3pmamjqD5eWIQ8vlcjtBpaSkyAUrIlxsQUEBKJVKqK6uhsrKSigrK4Pi4uLA48eP4yMO3dfXZyovLweCzMjIWCT4e/fuySsqKkCtVkNjYyNf1tXVwdjY2K7PiB8EurS01FpTUwO1tbVA8AgM2MZDErAgsvgez4gHD22325UqlWqVrEmqr6/nJVhZsDSW/v288NatW++9sFkPcjm6po9EdcFdqbx9+3Zs0LbUYrGMazSaVbFlxcKPgqGhIfNegfGlsRjwS1SGA6bAz8/P52eZRHV0Vyu5KyUA9IIrQYMGBwfT9Xr9kti6YivrdLr9nBEZBvHNvLw8ykIEvunCRiaTJRQVFQG5aUNDAy+qU/CTuyLwWyyNm86IDoejsaOjwxPqFkaj0b+8vLyvMyIaJV6hUPAxk5OTA2g5DcJvuAvOZD1lqtB30wxTbLW1tfEXNhvTkpSUJM/MzPQJKY6+UhjU3d3tWgfe75HrVE9PzxzFCr2jsLAQpFIppdlh/ABJVVXVECWCrWYZPcAfesPEnxHRyube3l4b5mAbWsU2ir/FxcUDOyOiv8ahpb0UN0L6pJRaUlIC5BY0A2TVUGgyII5xRuSM6Ha7LyJkgMDEuV+YfnG7WDQzDx48sERqwxTtdDrNFB9bwYUTBSNO+p2I7fImJyfPoF8PNTc37wic+hgMhqALm0isaNEIY6KVdSfQ5BoTExOq/8J++ioFOAV7S0tLWItTOyWF0AubiO0fMOjO42JlwgAMhFvMMJNteWFzqKC0j8Cc3Il7cR/t0SnVUZCFLiaYk1empqbCXtgctoUTcO+iQ5eYRUuv0EJCOZhAtVrtaldXl2dkZGTbC5tIuMa+L2z+BexZXK+OBaruAAAAAElFTkSuQmCC) 0 0 no-repeat; background-position: -24px 0; } .twitter-btn .label { padding: 0 7px 0 29px; white-space: nowrap; } /** Header Ad Space **/ #h-ads:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #h-ads { height:auto /*90px*/; margin:2px 4px; width:976px; display:inline-block; } /*** NAVIGATION MENU -------------------------------------------------------------------------------------------------- ***/ #menubox { background:url(../images/menu.png) no-repeat center top; height:44px; margin:0 auto 0 -10px;position:relative; width:1006px;;z-index:3;} .videocat #menubox, .mancave #menubox, .tickets #menubox { background:url(../images/menu2.png) no-repeat center top; } #menu { font-family:'Open Sans'; font-size:1.05em; font-weight:bold; margin:0 auto; position:relative; width:980px; } #menu>li>a {font-size:1.05em} #menu li { display:inline; float:left; padding-right:1px; } #menu li:hover { background:url(../images/menu-arrow.png) no-repeat 50% 100%; padding-bottom:13px; } #menu li:first-child { background:none; } #menu li a:link, #menu li a:visited { color:#fff; display:block; padding:4px 7px 5px; } #menu li:first-child a { margin-left:-5px; } #menu li.last a { margin-right:-10px; } #menu li a.selected, #menu li a:hover { background:#f18718; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F18718), to(#d44700)); background:-webkit-linear-gradient(#F18718, #d44700); background:-moz-linear-gradient(#F18718, #d44700); background:-ms-linear-gradient(#F18718, #d44700); background:-o-linear-gradient(#F18718, #d44700); background:linear-gradient(#F18718, #d44700); /*-pie-background:linear-gradient(#F18718, #d44700); behavior:url(/css/PIE.htc);*/ text-decoration:none; } /** Dropdown Menu **/ #menu .menu { background:rgba(33,33,33,0.97); /*-pie-background:rgba(33,33,33,0.97); behavior:url(/css/PIE.htc);*/ border:1px solid #1b1b1b; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -webkit-box-shadow:#182025 0 2px 5px; -moz-box-shadow:#182025 0 2px 5px; box-shadow:#182025 0 2px 5px; color:#fff; display:block; font-family:Helvetica,Arial,sans-serif; font-size:0.9em; font-weight:normal; height:400px; right:10px; overflow:hidden; padding:0; position:absolute !important; text-align:left; top:42px; width:960px; z-index:9998; } #menu #menuMore { width:160px; } /*#menu #menuMore, #menu #menuPhot, #menu #menuComp, */ #menu #menuHome, #menu #menuTV, #menu #menuCine, #menu #menuGoss, #menu #menuVideo,#menu #menuLife,#menu #menuEscapes, #menu #menuPhot, #menu #menuMusi, #menu #menuWTF, #menu #menuTick, #menu #menuComp, #menu #menuCome, #menu #menuThea, #menu #menuWhatsOn,#menu #menuMore, #menu #menuFest, #menu #menuManc, #menu #menuBeaut{ height:auto; }/*Remove if something stops working.*/ #menu .menu li { display:block; float:none;} #menu .menu li:hover { background:none; padding:0; } #menu .menu li:first-child { background:none; } #menu .menu a:link, #menu .menu a:visited { color:#fff; display:block; padding:0; } #menu .menu li:first-child a { margin-left:0; } #menu .menu a:hover, #menu .menu a.selected { background:none; border:0; } .menu h2 { background:url(../images/h-line.gif) repeat-x 0 50%; font-family:'Open Sans'; font-size:1.3em; font-weight:bold; margin-bottom:10px; } .menu h2 strong { background:#2b2b2b; padding-right:10px; } /* Submenu Column (140) */ #menu .submenu { display:block; float:left; font-weight:normal; padding:10px; width:140px; z-index:9999; } #menu .submenu ul { background:#ff7100; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ff7100), color-stop(0.75, #c63c00), to(#c63c00)); background:-webkit-linear-gradient(#ff7100, #c63c00 75%, #c63c00); background:-moz-linear-gradient(#ff7100, #c63c00 75%, #c63c00); background:-ms-linear-gradient(#ff7100, #c63c00 75%, #c63c00); background:-o-linear-gradient(#ff7100, #c63c00 75%, #c63c00); background:linear-gradient(#ff7100, #c63c00 75%, #c63c00); /*-pie-background:linear-gradient(#ff7100, #c63c00 75%, #c63c00); behavior:url(/css/PIE.htc);*/ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; /*height:373px;*/ margin:0; padding:5px 0 20px 0; width:140px; } /*#menu .submenu ul { background:#ff7100; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ff7100), color-stop(0.75, #c63c00), to(#c63c00)); background:-webkit-linear-gradient(#ff7100, #c63c00 75%, #c63c00); background:-moz-linear-gradient(#ff7100, #c63c00 75%, #c63c00); background:-ms-linear-gradient(#ff7100, #c63c00 75%, #c63c00); background:-o-linear-gradient(#ff7100, #c63c00 75%, #c63c00); background:linear-gradient(#ff7100, #c63c00 75%, #c63c00); -pie-background:linear-gradient(#ff7100, #c63c00 75%, #c63c00); behavior:url(/css/PIE.htc); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; height:373px; margin:0; padding:5px 0 0; }*//**/ #menu .submenu li { padding:0px 10px 2px; width:120px; } #menu .submenu li:hover { padding:2px 10px; } #menu .submenu li a:link, #menu .submenu li a:visited { border-bottom:1px dotted #ffb266; color:#fff; font-family:'Open Sans'; font-size:1.05em; font-weight:bold; padding:2px 0 3px; width:120px; } #menu .submenu li a:hover, #menu .submenu li a:active { color:#222; padding:2px 0 3px; } #menu .submenu li span.new { color:#FFE032; } /* Ad Column (220) */ #menu .menuad { display:block; float:left; padding:10px; width:218px; margin-right:2px; } #menu .menuad div { background:#fff; height:368px; margin:1px 0 1px 1px; padding:5px; } /* News List Column (140) */ #menu .menulist { display:block; float:left; font-size:0.95em; line-height:1.2; padding:8px 10px 0; width:140px; } #menu .menulist li { border-bottom:1px dotted #444; margin-bottom:8px; padding-bottom:8px; } #menu .menulist li:hover { padding-bottom:8px; } /* 3 x Items Column (140) */ #menu .menuitems { display:block; float:left; font-size:0.9em; line-height:1.2; padding:8px 10px 0; width:140px; } #menu .menuitems p { padding-bottom:12px; } #menu .menuitems img { padding-bottom:2px; } /* 2 x Stories Column (220) */ #menu .menustory { display:block; float:left; font-size:0.85em; line-height:1.2; padding:8px 10px 0; width:220px; } #menu .menustory p { padding-bottom:12px; } #menu .menustory img { padding-bottom:2px; } /*********** MEGANAV CSS FIXES *******************************************/ #menu li.menuHome:hover { background:none; padding-bottom:13px; } #menu #menuHome { display:none; } /*** shared CSS for menu220w. if 280wide, adjust per menu ***/ #menu .menu220w {border:0;display:block;float:left;font-size:0.85em;line-height:1.2;margin:0;padding:8px 10px 0;width:220px;} #menu .menu220w h2 {background: url("../images/h-line.gif") repeat-x scroll 0 50% transparent;font-family: 'Open Sans';font-size: 1.3em;font-weight: bold;margin-bottom: 10px; text-align:left; } #menu .menu220w h2 strong {background: none repeat scroll 0 0 #2B2B2B;padding-right: 10px;} #menu .menu220w strong {font-weight: bold;} #menu .menu220w h3 {border-bottom:1px solid #a3a3a3; color:#ccc; font-family:'Open Sans'; font-size:0.85em; font-weight:bold; margin-bottom:10px; padding-bottom:3px; } #menu .menu220w ul {display:inline-block;margin:0 0 10px;padding:0;width:220px;} #menu .menu220w ul:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #menu .menu220w li {float:left;text-align:left;font-size:1em;font-weight:normal;line-height:1.1em;margin:0px;padding:0 10px;position:relative;width:220px;} #menu .menu220w li.doublewidth {width:220px;} #menu .menu220w li:first-child {margin-left:0;margin-right:0px;} #menu .menu220w li img {float:none; margin-bottom:0px; } #menu .menu220w a:link, #menu .menu220w a:visited { color:#fff;} #menu .menu220w li a span { color:#fff; display:block; font-family:'Open Sans'; font-size:1em; line-height:1.1; font-style:normal; font-weight:normal; padding:3px 0 3px; } #menu #menuCine .menutrailersexclusives li {width:90px;} #menu #menuCine .menutrailersexclusives li {font-weight:normal; line-height:1.1em; margin:0px; padding:0 10px; width:90px; } #menu #menuCine .menutrailersexclusives li.doublewidth {width:220px;} #menu #menuVideo .menutrailers li {width:90px; } #menu #menuVideo .menutrailers li em { background:url(../images/labels.png) no-repeat 100% -220px; color:#fff; display:block; font-family:'Open Sans'; font-size:0.9em; font-style:normal; font-weight:bold; height:23px; left:5px; padding:0 10px 0 0; position:absolute; top:105px; } #menu #menuVideo .menutrailers li em span { background:url(../images/labels.png) no-repeat 0 -220px; display:block; height:20px; padding:3px 5px 2px 10px; } #menu #menuVideo .menutrailers li em span span { background:url(../images/icons/icns-bw.png) no-repeat -200px -100px; display:inline-block; height:9px; margin-left:1px; padding:0; vertical-align:middle; width:14px; } #menu #menuVideo .menutrailers a:link, #menu #menuGoss .menuphotos a:visited { } #menu .menu .menuphotos li {width:90px; } #menu .menu .menuphotos li em { background:url(../images/labels.png) no-repeat 100% -220px; color:#fff; display:block; font-family:'Open Sans'; font-size:0.9em; font-style:normal; font-weight:bold; height:23px; left:5px; padding:0 10px 0 0; position:absolute; top:100px; } #menu .menu .menuphotos li em span { background:url(../images/labels.png) no-repeat 0 -220px; display:block; height:20px; padding:3px 5px 2px 10px; } #menu .menu .menuphotos li em span span { background:url(../images/icons/icns-bw.png) no-repeat -200px -100px; display:inline-block; height:9px; margin-left:1px; padding:0; vertical-align:middle; width:14px; } #menu .menu .menuphotos a:link, #menu #menuGoss .menuphotos a:visited { } #menu .menu .menuphotos li { float:left; text-align:left; font-size:1em; font-weight:normal; line-height:1.1em; margin:0px; padding:0 10px; position:relative; width:90px; } #menu .menuphotos .photofull li { width: 170px;} #menu .menuphotos .photofull li em {top:180px;} #menu .menu180w {float:left;width:170px;} #menu .menuphotos.menu220w.menu350w {width: 350px;} #menu #menuWTF .menuitems { width: 180px; } #menu #menuWTF .menuitems img { width: 160px; height: 92px; margin-left: 10px; display: inline-block; } #menu #menuWTF .menuitems a { margin-left: 10px; } #menu #menuVideo .menulatestmovies { display:block; float:left; font-size:0.85em; line-height:1.2; padding:8px 10px 0; width:140px; } #menu #menuVideo .menulatestmovies p { padding-bottom:12px; } #menu #menuVideo .menulatestmovies img { padding-bottom:2px; } #menu #menuVideo .menutrailers li { float:left; text-align:left; font-size:1em; line-height:1.1; font-weight:normal; margin:0px; padding:0 10px; position:relative; width:90px; } #menu #menuVideo .menulatestvideos { display:block; float:left; font-size:0.85em; line-height:1.2; padding:8px 10px 0; width:140px; } #menu #menuVideo .menulatestvideos p { padding-bottom:12px; } #menu #menuVideo .menulatestvideos img { padding-bottom:2px; } /* #menu #menuMusi .menumusicexclusive { display:block; float:left; font-size:0.85em; line-height:1.2; padding:8px 10px 0; width:220px; } #menu #menuMusi .menumusicexclusive p { clear:both;padding-bottom:12px; } #menu #menuMusi .menumusicexclusive img { padding-bottom:2px; } */ #menu #menuMusi .menumusicexclusive a:link, #menu #menuMusi .menumusicexclusive a:visited { } #menu #menuMusi .menumusicexclusive li img { float:left; width:100px; height:100px; margin:0 5px 0 5px; } #menu #menuMusi .menumusicexclusive li:first-child img { margin:0 5px 0 0; } /*#menu #menuLife {right:290px;width:160px;}*/ #menu #menuTick {right:225px;width:160px;} #menu #menuWhatsOn {right:450px;width:160px;} #menu #menuComp {right:280px;width:160px;} #menu #menuEscapes {right:160px;width:160px;} #menu #menuFest {right:80px;width:160px;} #menu #menuBeaut {right:0px;width:160px;} #menu #menuMore { right:5px;width:160px; } #menu #menuGaming {height: auto; right: 371px; width: 160px;} #menu #menuTV.light { right:790px;width:160px; } #menu #menuCine.light { right:712px;width:160px; } #menu #menuGoss.light { right:525px;width:160px; } #menu #menuMusi.light { right:620px;width:160px; } #menu #menuLife.light { right:570px;width:160px; } #menu #menuManc.light {right:500px;width:160px;} #menu #menuWTF.light { right:430px;width:160px; } #menu #menuPhot.light { right:202px;width:160px; } #menu #menuEscapes.light {right:160px;width:160px;} #menu #menuBeaut.light {right:0px;width:160px;} #menu #menuTrending.light{right:417px; width:160px;} #menu #menuVideo .menulatestmovies p, #menu #menuVideo .menulatestvideos p, #menu #menuTV .menustory p, #menu #menuCome .menustory p, #menu #menuMusi .menumusicexclusive p { position: relative; } #menu #menuVideo .menulatestmovies p span, #menu #menuVideo .menulatestvideos p span { background: url("/images/play-small.png") no-repeat scroll 0 0 transparent; display: block; height: 35px; left: 55px; position: absolute; text-indent: -9999px; top: 25px; width: 28px; z-index: 10; } #menu #menuTV .menustory p span, #menu #menuCome .menustory p span, #menu #menuMusi .menumusicexclusive p span { background: url("/images/play-small.png") no-repeat scroll 0 0 transparent; display: block; height: 35px; left: 95px; position: absolute; text-indent: -9999px; top: 45px; width: 28px; z-index: 10; } .menu.light{height: auto !important;} /*********** END MEGANAV CSS FIXES *******************************************/ /*** CONTENT LAYOUT --------------------------------------------------------------------------------------------------- ***/ #cont { display:inline-block; background:#fff; margin:0 auto; padding:0 22px 30px; text-align:left; width:940px; position:relative;} #cont:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .videocat #cont, .mancave #cont, .tickets #cont { background:#000; } /** Full width column (940) **/ .widecol { width:940px; } /** Wide column (620) **/ .maincol { display:inline; float:left; /*position:relative;*/ width:620px; } /* Left column (300) **/ .leftcol { display:inline; float:left; /*position:relative;*/ width:300px; } /* Middle column (300) **/ .midcol { display:inline; float:right; /*position:relative;*/ width:300px; } /** Right column (300) **/ .rightcol { display:inline; float:right; /*position:relative;*/ width:300px; } /* Two column (wrapper) */ .twocols { display:inline-block; width:620px; } .twocols li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /*** UNIVERSAL CONTENT ELEMENTS --------------------------------------------------------------------------------------- ***/ /** Breadcrumb **/ #breadcrumb { background:#eee; display:inline-block; font-family:'Open Sans'; font-size:0.75em; line-height:22px; height:22px; margin-bottom:12px; width:100%; } #breadcrumb:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #breadcrumb span { background:url(../images/crumbs.png) no-repeat; display:inline-block; float:left; height:22px; text-indent:-9999px; width:15px; } #breadcrumb span.prev { background-position:0 -30px; } #breadcrumb span.now { background-position:0 -60px; } #breadcrumb a:link, #breadcrumb a:visited { background:#333; color:#fff; display:inline-block; float:left; line-height:20px; padding:0 7px 2px; } #breadcrumb a:first-child { padding-left:10px; } #breadcrumb a.prev { background:#f60; } #breadcrumb strong { color:#333; display:inline-block; float:left; font-weight:normal; line-height:20px; padding:0 5px 2px; } .videocat #breadcrumb, .mancave #breadcrumb, .tickets #breadcrumb { background:#333; } .videocat #breadcrumb span, .mancave #breadcrumb span, .tickets #breadcrumb span { background-position:0 -90px; } .videocat #breadcrumb span.prev, .mancave #breadcrumb span.prev, .tickets #breadcrumb span.prev { background-position:0 -120px; } .videocat #breadcrumb span.now, .mancave #breadcrumb span.now, .tickets #breadcrumb span.now { background-position:0 -150px; } .videocat #breadcrumb a:link, .videocat #breadcrumb a:visited, .mancave #breadcrumb a:link, .mancave #breadcrumb a:visited, .tickets #breadcrumb a:link, .tickets #breadcrumb a:visited { background:#555; } .videocat #breadcrumb a.prev, .mancave #breadcrumb a.prev, .tickets #breadcrumb a.prev { background:#f60; } .videocat #breadcrumb strong, .mancave #breadcrumb strong, .tickets #breadcrumb strong { color:#fff; } /** Most Viewed **/ #mostviewed { background:#222; color:#fff; margin:5px 0 20px; padding:7px 0 10px 10px; width:290px; } #mostviewed h2 { margin-right:10px; } /* Tabs */ .tabs { display:inline-block; height:39px; width:100%; } .tabs:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .tabs li { display:inline; float:left; } .tabs li a:link, .tabs li a:visited { background:#656565; color:#fff; display:block; font-weight:bold; height:27px; padding-top:7px; margin:0 2px 5px 0; text-align:center; width:68px; } .tabs li a.current:link, .tabs li a.current:visited { background:url(../images/tab-arrow.gif) no-repeat 50% 100% #0099cb; height:27px; margin-bottom:0; padding-bottom:5px; width:70px; } .panes div { display:none; } .panes div.active { display:block; } #mostviewed .panes ul { } #mostviewed .panes ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #mostviewed .panes li { border-top:1px dotted #444; clear:both; display:inline-block; margin-right:10px; padding:10px 0; width:280px; } #mostviewed .panes li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #mostviewed .panes li:first-child { border-top:0; } #mostviewed .panes li strong { display:inline; float:left; font-size:2.7em; font-weight:bold; width:28px; } #mostviewed .panes li a:link, #mostviewed .panes li a:visited { color:#fff; font-size:0.85em; font-weight:bold; } #mostviewed .panes li img { float:left; padding:4px 12px 0 0; } #mostviewed .panes li span { color:#eee; display:block; font-size:0.9em; font-weight:normal; padding-top:5px; margin:0; } #mostviewed .panes li span span { background:url(../images/icons/icns-bw.png) no-repeat -150px -97px; display:inline-block; height:14px; margin-left:6px; vertical-align:middle; width:16px; } #mostviewed .panes li span span:first-child { background-position:-100px -97px; margin:0; padding-right:3px; } #mostviewed .panes .trailers li { border-top:0; clear:none; float:left; margin-right:0; padding-right:6px; width:90px; } #mostviewed .panes .trailers li img { display:block; float:none; padding:0; } /** Video Landing Page **/ .videocat .topcol { border-bottom:1px solid #2c2c2c; display:inline-block; margin:10px 0 20px; padding-bottom:0px; width:940px; } .videocat .topcol:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .videocat .widecol { display:inline-block; position:relative; } .videocat .widecol:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .videocat .widecol #searchform { background:#333; padding:3px 6px 3px 10px; position:absolute; right:0; top:0; } .videocat .widecol .tabs { margin-bottom:20px; } .videocat .widecol .tabs li a:link, .videocat .widecol .tabs li a:visited { width:74px; } .videocat .widecol .tabs li a.current:link, .widecol .videocat .tabs li a.current:visited { background:url(../images/tab-arrow2.gif) no-repeat 50% 100% #0099cb; height:27px; width:70px; } .videocat .widecol .tabs li a.tabwide,.videocat .widecol .tabs li a.current.tabwide {width:102px;} .videolist ul { display:inline-block; padding-bottom:20px; position:relative; width:940px; } .videolist ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .videolist li { float:left; font-size:0.85em; line-height:1.5; margin:0 0 0 20px; position:relative; width:220px; } .maincol .videolist li { margin-left:25px; width:190px; } .videolist li:first-child { margin-left:0; } .videolist li span { background:url(../images/play-small.png) no-repeat; display:block; height:25px; left:95px; position:absolute; text-indent:-9999px; top:50px; width:28px; z-index:10; } .maincol .videolist li span { left:82px; top:45px; } .videolist li strong { color:#fff; display:block; font-size:1.35em; line-height:1.4; padding:5px 0; } .videolist li a:link, .videolist li a:visited { color:#bbb; } .videocat .trailerlist { background:#000; border:0; margin:0; padding:0; } .videocat .trailerlist h3 { border-bottom:1px solid #a3a3a3; color:#ccc; font-family:'Open Sans'; font-size:0.85em; font-weight:bold; margin-bottom:10px; padding-bottom:3px; } .videocat .trailerlist ul { display:inline-block; margin:0 0 20px; padding:0; width:940px; } .videocat .trailerlist ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .videocat .trailerlist li { float:left; font-size:1.2em; font-weight:bold; line-height:1.4; margin-left:20px; padding:0; width:140px; } .videocat .trailerlist li:first-child { margin-left:0; } .videocat .trailerlist li img { float:none; margin-bottom:5px; } .videocat .trailerlist a:link, .videocat .trailerlist a:visited { color:#fff; } .videocat p.more { background:url(../images/bluedot.gif) repeat-x 0 50%; margin:0 0 15px; text-align:right; } .videocat p.more a:link, .videocat p.more a:visited { background:#000; color:#09c; padding-left:8px; } .videocat p.more a:hover, .videocat p.more a:active, .videocat p.more a:focus { color:#f60; text-decoration:underline; } .player { background:url(../images/player-bg.jpg) no-repeat center bottom; display:inline-block; margin:0 0 20px; padding:0 0 10px; } .player:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .player h1 { border-bottom:1px solid #3d3d3d; font-size:1.8em; font-weight:bold; margin:2px 0 15px; padding:0 300px 5px 0; } .player p { position:absolute; right:320px; top:5px; } .player p a.btn { font-size:1em; line-height:24px; margin-left:7px; padding:0 8px 2px; } .player p a.btn:first-child { margin-left:0; } .player p a.btn span { background:url(../images/icons/icns-bw.png) no-repeat -50px -100px; display:inline-block; height:16px; margin-left:3px; vertical-align:middle; width:17px; } .player p a.btn:first-child span { background-position:-650px -100px; height:14px; width:12px; } .player .maincol { margin:0; padding:0 0 12px; position:relative; } .player .sharingBtns { background:#000; border-top:1px solid #303131; border-bottom:1px solid #303131; display:inline-block; margin:0; padding:10px 0; width:100%; } .player .sharing p { color:#fff; display:inline; float:right; font-size:0.85em; margin:0 320px 0 0; padding-top:2px; position:relative; right:0; top:0; } .player .sharing p span { background:url(../images/icons/icns-bw.png) no-repeat -150px -100px; } .player .sharing p span:first-child { background-position:-100px -100px; } .player .mpu { margin-top:60px; } .videosplash span.arrow { background: url("/images/play-large-rectangular-side.png") no-repeat scroll center center transparent; cursor: pointer; display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%;} .videosplash span.redband { background: url("/images/redband_over18.png") no-repeat scroll center center transparent;} .videosplash img {text-align:center} .videosplash h3 { display: block; font-size: 36px; position: absolute; text-align: center; top: 80px; width: 100%;} .videosplash .caption { color:#FFF;display:block;font-size:36px;position:absolute;text-align:center;top:40px;width:100%;} a.videosplash, a.videosplash:visited,a.videosplash:hover {color:#FFF;} .splashblue {background:#036} .redband {height:350px;} .redband div {width:400px;height:250px;position:relative;top:50px;left:110px;background:#000;padding-top:20px;border:2px solid #FFF;text-align:center;} .redband form {width:280px;padding:25px 45px} /**overwrite the videolist width when inside maincol **/ .maincol .videolist {width:620px;} /** MPUs **/ .mpu { margin:5px 0 20px; display:inline-block;} .inlineMPU{ background: #222222; width: 300px; min-height: 250px; float: left; margin: 0 8px 0 8px; } /** Skyscraper **/ .skyscraper { margin-bottom:20px; text-align:center; } /** ReelKandiPlayer **/ .ReelKandiPlayer { margin-bottom: 10px; width: 300px; height: 375px; background: url("/images/icons/eTV-powered-by.jpg") no-repeat scroll top #222; } /** RHS Gallery **/ .sidegallery { background:#222; color:#fff; margin-bottom:20px; padding:7px 0 10px 10px; width:290px; } .sidegallery h2 { margin-right:10px; } .sidegallery ul { display:inline-block; } .sidegallery ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .sidegallery li { float:left; font-size:0.86em; line-height:1.3; padding:0 6px 15px 0; width:90px; } .sidegallery li.rowstart { clear:both; } .sidegallery li img { float:left; margin-bottom:6px; } .sidegallery a:link, .trailerlist a:visited { color:#fff; } /* photo widget on article page */ #cont > .rightcol .related li.col1 {clear:left; margin-left: 4px;} #cont > .rightcol .related li { display: inline;float: left;margin: 0 0 5px 13px;width: 130px;} #cont > .rightcol .related li img {height: 185px;width: 130px;} /** Showing At (Cinemas) **/ #showing { background:#222; color:#fff; margin-bottom:20px; padding:7px 10px 12px; } #showing li { border-bottom:1px dotted #444; font-weight:bold; padding:12px 0; } #showing li:first-child { border-top:1px dotted #444; } #showing li a:link, #showing li a:visited { color:#fff; } #showing a:link span.btngrey2, #showing a:visited span.btngrey2 { color:#666; float:right; font-weight:normal; } #showing p { padding-top:12px; text-align:center; } /** Movie Reviews / Article Page **/ .review h1, .album h1 { float:left; width:500px; } /** gossip changed celebrity**/ .gossip h1 { float:left; width:600px; } /**** celebrity is a gossip override just incase gossip class is used in any other part of the our site **/ .celebrity h1 { float:left; width:600px; } /** Movie Related Items **/ /* Star Ratings (large) */ .maincol p.rating, h3 span.rating { background:url(../images/icons/icns-colour.png) no-repeat; height:19px; float:right; margin:10px 0 0; text-indent:-9999px; width:105px; } .maincol p.stars5, h3 span.stars5 { background-position:0 0; } .maincol p.stars4h, h3 span.stars4h { background-position:0 -25px; } .maincol p.stars4, h3 span.stars4 { background-position:0 -50px; } .maincol p.stars3h, h3 span.stars3h { background-position:0 -75px; } .maincol p.stars3, h3 span.stars3 { background-position:0 -100px; } .maincol p.stars2h, h3 span.stars2h { background-position:0 -125px; } .maincol p.stars2, h3 span.stars2 { background-position:0 -150px; } .maincol p.stars1h, h3 span.stars1h { background-position:0 -175px; } .maincol p.stars1, h3 span.stars1 { background-position:0 -200px; } .maincol p.stars0h, h3 span.stars0h { background-position:0 -225px; } .maincol p.stars0, h3 span.stars0 { background-position:0 -250px; } /* Star Ratings (small) */ span.rating { background:url(../images/icons/icns-colour.png) no-repeat; float:left; height:12px; margin:2px 0 0; text-indent:-9999px; width:63px; } span.stars5 { background-position:-120px 0; } span.stars4h { background-position:-120px -15px; } span.stars4 { background-position:-120px -30px; } span.stars3h { background-position:-120px -45px; } span.stars3 { background-position:-120px -60px; } span.stars2h { background-position:-120px -75px; } span.stars2 { background-position:-120px -90px; } span.stars1h { background-position:-120px -105px; } span.stars1 { background-position:-120px -120px; } span.stars0h { background-position:-120px -135px; } span.stars0 { background-position:-120px -150px; } /* Film Classifications (large) */ h3 span.class { background:url(../images/icons/icns-colour.png) no-repeat; float:left; height:20px; padding-right:10px; text-indent:-9999px; width:20px; } h3 span.classg { background-position:-190px -0px; } h3 span.classpg { background-position:-190px -25px; } h3 span.class12a { background-position:-190px -50px; } h3 span.class15a { background-position:-190px -75px; } h3 span.class16 { background-position:-190px -100px; } h3 span.class18 { background-position:-190px -125px; } /* Film Classifications (small) */ span.class { background:url(../images/icons/icns-colour.png) no-repeat; float:left; height:18px; padding-right:10px; text-indent:-9999px; width:18px; } span.classg { background-position:-190px -150px; } span.classpg { background-position:-190px -170px; } span.class12a { background-position:-190px -190px; } span.class15a { background-position:-190px -210px; } span.class16 { background-position:-190px -230px; } span.class18 { background-position:-190px -250px; } /* Movie list (Basic list, used for loads of sections) */ .movielist ul { margin-bottom:10px; } .movielist li { border-top:2px dotted #ccc; clear:both; display:inline-block; line-height:1.25; padding:10px 0 12px; width:300px; } .movielist.albums li, .movielist.gigs li, .movielist.twocol li { border-top:0; border-bottom:2px dotted #ccc; padding:12px 0 14px; } .movielist li:after { content:"."; display:block; height:0; clear:both; visibility: hidden; width: 300px; } .movielist li:first-child { border-top:0; padding-top:0;} .movielist.albums li:first-child, .movielist.gigs li:first-child, .movielist.twocol li:first-child { padding-top:12px;} .leftcol .movielist.albums li:last-child, .midcol .movielist.albums li:last-child, .leftcol .movielist.gigs li:last-child, .midcol .movielist.gigs li:last-child { border-bottom:0; } .movielist li a:link, .movielist li a:visited { color:#000; display:block; font-size:0.85em; font-weight:bold; } .videocat .movielist li a:link, .videocat .movielist li a:visited { color:#fff;} .mancave .movielist li a:link, .mancave .movielist li a:visited, .comedy .movielist li a.btn2:link, .comedy .movielist li a.btn2:visited, .theatre .movielist li a.btn2:link, .theatre .movielist li a.btn2:visited, .tickets .movielist li a.btn2:link, .tickets .movielist li a.btn2:visited { color:#fff; } .mancave .movielist li a:link p, .mancave .movielist li a:visited p { color:#bbb;font-weight:normal; } .movielist li strong { font-size:1.2em; font-weight:bold; } .tickets .movielist li strong {color: #FFF; font-size:1.2em; font-weight:bold; } .tickets .movielist li .tooltip strong {color: #000;} .albums li strong { font-size:1.3em; } .albums li em { color:#ccc; display:block; font-size:1.15em; font-style:normal; padding-top:5px; } .movielist li a:hover, .movielist li a:active { } .movielist li img { float:left; padding:4px 10px 0 0; } .movielist li span.rank { display:block; padding:6px 0 4px; } .movielist li span.rating { padding-bottom:0; } .movielist li span.stats { color:#404040; display:block; font-size:0.9em; font-weight:normal; padding-top:8px; } .mancave .movielist li span.stats, .tickets .movielist li span.stats { color:#ddd; } .movielist li span.stats span { background:url(../images/icons/icns-bw.png) no-repeat -150px -79px; display:inline-block; height:13px; margin-left:3px; vertical-align:middle; width:17px; } .movielist li span.stats span:first-child { background-position:-100px -79px; margin:0; padding-right:3px; } .music .movielist li span.stats span, .comedy .movielist li span.stats span, .theatre .movielist li span.stats span, .tickets .movielist li span.stats span { background-position:-150px -99px} .music .movielist li span.stats span:first-child, .comedy .movielist li span.stats span:first-child, .theatre .movielist li span.stats span:first-child, .tickets .movielist li span.stats span:first-child { background-position:-100px -99px; } .music .movielist li.odd, .comedy .movielist li.odd, .theatre .movielist li.odd, .tickets .movielist li.odd { margin-right:20px; float:left; } .movielist li span.btns { display:block; font-size:0.9em; padding-top:7px; } /*.movielist li span.btns a:link, .movielist li span.btns a:visited { background:#1c1b1c; color:#fff; display:inline-block; margin-left:10px; padding:3px 5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } */ /*If the below changes (gradients) mess the entire website, please uncomment this and remove the below.*/ .movielist li span.btns a:link, .movielist li span.btns a:visited {font-family: 'Open Sans'; background: #4c4a4c ; /* Old browsers */ background: -moz-linear-gradient(top, #4c4a4c 2%, #343233 4%, #1b1a1b 100%) ; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#4c4a4c), color-stop(4%,#343233), color-stop(100%,#1b1a1b)) ; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4c4a4c 2%,#343233 4%,#1b1a1b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4c4a4c 2%,#343233 4%,#1b1a1b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4c4a4c 2%,#343233 4%,#1b1a1b 100%); /* IE10+ */ background: linear-gradient(top, #4c4a4c 2%,#343233 4%,#1b1a1b 100%); /* W3C */ color:#fff; display:inline-block; margin-left:10px; padding:3px 5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .movielist li span.btns a:hover{ background: #6c6669; /* Old browsers */ background: -moz-linear-gradient(top, #6c6669 2%, #5f5b5c 4%, #363435 100%) ; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#6c6669), color-stop(4%,#5f5b5c), color-stop(100%,#363435)) ; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6c6669 2%,#5f5b5c 4%,#363435 100%) ; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #6c6669 2%,#5f5b5c 4%,#363435 100%) ; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #6c6669 2%,#5f5b5c 4%,#363435 100%) ; /* IE10+ */ background: linear-gradient(top, #6c6669 2%,#5f5b5c 4%,#363435 100%) ; /* W3C */ text-decoration:none; } .movielist li span.btns a:first-child { margin-left:0px; } .movielist li span.btns span { background:url(../images/icons/icns-bw.png) no-repeat 0 -100px; display:inline-block; height:13px; margin-left:1px; margin-top:-1px; vertical-align:middle; width:12px; } .movielist li span.btns a.btnrev span { background-position:-650px -100px; } .movielist li span.btns a.btntime span { background-position:-50px -100px; height:16px; margin-top:-1px; width:17px; } .music .movielist li span.btns a:link, .music .movielist li span.btns a:visited, .comedy .movielist li span.btns a:link, .comedy .movielist li span.btns a:visited, .theatre .movielist li span.btns a:link, .theatre .movielist li span.btns a:visited, .tickets .movielist li span.btns a:link, .tickets .movielist li span.btns a:visited { background:url(../images/buttons.png) repeat-x 0 -320px; color:#fff; display:inline-block; font-family:'Open Sans'; font-size:0.8em; font-weight:bold; line-height:21px; padding:0 7px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; /*behavior:url(/css/PIE.htc);*/ } .music .movielist span.btn2, .comedy .movielist span.btn2, .theatre .movielist span.btn2, .tickets .movielist span.btn2 { margin-top:8px;} .music .movielist span.btn2 span, .comedy .movielist span.btn2 span, .theatre .movielist span.btn2 span, .tickets .movielist span.btn2 span { background:url(../images/icons/icns-bw.png) no-repeat -650px -100px; display:inline-block; height:13px; margin-left:1px; margin-top:-3px; vertical-align:middle; width:12px; } /* Gig List (variation of Movie list) */ .gigs li { padding:12px 0 14px; } .gigs li a:first-child { display:block; position:relative; } .gigs li em { color:#bbb; display:block; font-size:1.15em; font-style:normal; padding-top:5px; } .comedy .gigs li em, .theatre .gigs li em { color:#888; } .gigs li span.date { background:url(../images/labels.png) no-repeat 100% -160px; color:#fff; display:block; font-family:'Open Sans'; font-size:0.85em; font-style:normal; font-weight:bold; height:23px; left:-6px; padding:0 10px 0 0; position:absolute; top:95px; } /*.gigs li:first-child span.date { top:55px; }*/ .music .gigs li span.date, .tickets .gigs li span.date { top:65px } .music .gigs li span.datesqr, .tickets .gigs li span.datesqr { top:95px } .gigs li span.date span { background:url(../images/labels.png) no-repeat 0 -160px; display:block; height:18px; padding:3px 4px 3px 6px; } .gigs li span.btns { font-size:1em; padding-top:9px; } .gigs li.soldout span.date { } .gigs li.soldout span.date span { } span.soldout { background:url(../images/soldout.png) no-repeat 100% 0; display:block; position:absolute; right:-4px; text-indent:-9999px; top:-4px; } .movielist.gigs span.soldout { height:224px; top:0; width:224px; } .featurelist.gigs span.soldout { height:184px; width:304px; } /* Feature list */ .featurelist { clear:both; } .featurelist ul { margin-bottom:10px;} .featurelist li { margin-bottom:10px;position:relative;} .twocols .featurelist li { border-bottom:2px dotted #ccc; display:inline-block; padding-bottom:15px; margin-bottom:20px; width:300px; } .featurelist li { border-bottom:2px dotted #ccc; display:inline-block; padding-bottom:12px; width:300px; } .featurelist li.odd{ margin-right:20px; float:left; } .tv .featurelist li em { background:url(../images/labels.png) no-repeat right top; color:#fff; display:block; font-family:'Open Sans'; font-size:0.9em; font-style:normal; font-weight:bold; height:29px; left:-6px; padding:0 10px 0 0; position:absolute; top:145px; } .tv .featurelist li em span { background:url(../images/labels.png) no-repeat left top; display:block; height:23px; padding:3px 15px 3px 20px; } .featurelist li a:link, .featurelist li a:visited { color:#111; } .music .featurelist li a:link, .music .featurelist li a:visited, .tickets .featurelist li a:link, .tickets .featurelist li a:visited { color:#fff; } .featurelist li strong { display:block; font-size:1.1em; padding:1px 0 5px; } .music .featurelist li strong, .tickets .featurelist li strong { font-size:1.15em; padding:3px 0 7px; } .music .featurelist.albums li strong, .tickets .featurelist.albums li strong { display:inline; float:left; } .music .featurelist.albums li span.rating, .tickets .featurelist.albums li span.rating { float:right; margin-top:7px; } .tv .featurelist li strong img { vertical-align:middle; } .tv .featurelist li strong span { display:inline-block; vertical-align:middle; width:245px; } .featurelist li strong span.rank { float:right; padding-top:2px; width:92px; } .featurelist li p { border-top:1px solid #e0e0e0; clear:both; font-size:0.85em; padding-top:5px; } .theatre .featurelist li p, .comedy .featurelist li p { border:none; } .theatre .featurelist li strong, .comedy .featurelist li strong { border-bottom:1px solid #e0e0e0; } .twocols .featurelist li p { margin-bottom:8px; padding-top:7px; } .mancave .featurelist li p, .tickets .featurelist li p { border-color:#666; color:#bbb; margin-bottom:0; } .tv .featurelist li p { margin-bottom:4px; padding-top:7px; } .featurelist li div { font-size:0.9em; padding-top:2px; } .albums li div { padding-top:5px; } .featurelist li span.channel, .movielist li span.channel { color:#404040; display:block; float:left; font-size:0.9em; font-weight:normal; padding-top:2px; padding-right:7px; } .movielist li span.channel { padding-top:7px;padding-left:2px; } .featurelist li span.channel a:link, .featurelist li span.channel a:visited, .movielist li span.channel a:link, .movielist li span.channel a:visited { color:#0099cc; padding-right:2px; } .featurelist li span.stats { color:#404040; display:block; float:left; font-size:0.9em; font-weight:normal; padding-top:2px; } .music .featurelist li span.stats, .tickets .featurelist li span.stats { color:#ddd; } .featurelist li span.stats span { background:url(../images/icons/icns-bw.png) no-repeat -150px -79px; display:inline-block; height:13px; margin-left:3px; vertical-align:middle; width:17px; } .featurelist li span.stats span:first-child { background-position:-100px -79px; margin:0; padding-right:3px; } .music .featurelist li span.stats span, .tickets .featurelist li span.stats span { background-position:-150px -99px; } .music .featurelist li span.stats span:first-child, .tickets .featurelist li span.stats span:first-child { background-position:-100px -99px; } .whatson .featurelist li strong {display:inline} .whatson .featurelist li {border:none;} .featurelist li.eventrow {border-bottom:1px dotted #ccc; ;margin-bottom:5px;padding-bottom:10px;} .featurelist li.noborder {border:none;} .featurelist li span.btns { display:block; float:right; font-size:0.9em; } .featurelist li span.btns a:link, .featurelist li span.btns a:visited { background:#1c1b1c; color:#fff; display:inline-block; margin-left:5px; padding:3px 5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; /*behavior:url(/css/PIE.htc);*/ } .featurelist li span.btns a:first-child { margin-left:0px; } .featurelist li span.btns span { background:url(../images/icons/icns-bw.png) no-repeat 0 -100px; display:inline-block; height:13px; margin-left:1px; margin-top:-1px; vertical-align:middle; width:12px; } .featurelist li span.btns a.btnrev span { background-position:-650px -100px; } .featurelist li span.btns a.btntime span { background-position:-50px -100px; height:16px; margin-top:-1px; width:17px; } .albums li span.btns a:link, .albums li span.btns a:visited { background:url(../images/buttons.png) repeat-x 0 -320px #f94b00; font-family:'Open Sans'; font-weight:bold; } /* Large Gig List (variation of Feature list) */ .music .featurelist.gigs li, .tickets .featurelist.gigs li { padding-top:0; } .music .featurelist.gigs li strong, .tickets .featurelist.gigs li strong { font-size:1.15em; padding:3px 0 0; } .featurelist.gigs li em { color:#ccc; display:block; font-size:1.05em; font-style:normal; font-weight:bold; padding:5px 0 3px; } .featurelist.gigs li span.date { background:url(../images/labels.png) no-repeat 100% 0; font-size:0.9em; height:29px; padding:0 10px 0 0; top:145px; } .featurelist.gigs li span.date span { background:url(../images/labels.png) no-repeat 0 0; height:23px; padding:3px 10px 3px 15px; } .featurelist.gigs li div { padding-top: 5px; } .featurelist.gigs li span.btns { display:block; float:right; font-size:0.9em; padding-top:0;} .featurelist.gigs li span.btns a:link, .featurelist.gigs li span.btns a:visited { background:url(../images/buttons.png) repeat-x 0 -320px #f94b00; font-family:'Open Sans'; font-weight:bold; } span.black{background:#222;} .featurelist li span.black a{color:#fff;} .featurelist li.whatson {margin-right:10px;vertical-align:top;} .whatson span.black {display:inline-block;font-size:1.3em;margin-bottom:10px;padding:6px 10px;width:280px;} /* Full Width Gig/Tickets List (variation of Feature list) */ .widecol .featurelist { display:inline-block; width:940px; } .widecol .featurelist:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .widecol .featurelist.gigs li { float:left; margin-left:20px; } .widecol .featurelist.gigs li.first { clear:both; margin-left:0; } .widecol .featurelist.gigs li strong { font-size:1.15em; padding:3px 0 5px; } .widecol .featurelist.gigs li p { padding-top:7px; } .widecol .featurelist.gigs li div em { display:inline; float:left; padding:5px 0 3px; } .widecol .featurelist.gigs li span.btns { padding-top:4px;} /* Full Width Gig/Tickets List (4 across) */ .widecol .movielist.gigs li { border:0; clear:none; float:left !important; margin-left:20px; width:220px; padding-top:0; } .widecol .movielist.gigs li.first { float:left !important; clear:both; margin-left:0; } .widecol .movielist.gigs li img { float:none; margin-bottom:8px; } .widecol .movielist.gigs li em { font-size:1.1em; font-weight:normal; } .widecol .movielist.gigs li span.date { top:100px;} /* Tickets Landing */ /*.tickets { display:inline-block; width:940px; } .tickets:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }*/ .widecol.tickets .featurelist.gigs li strong { padding-top:7px; } .widecol.tickets .maincol .featurelist.gigs { display:inline-block; width:620px; } .widecol.tickets .maincol .featurelist.gigs li { margin-right:0; } .widecol.tickets .maincol .featurelist.gigs li.odd { clear:both; margin-left:0; } .widecol.tickets .rightcol .featurelist.gigs { background:#222; display:inline-block; padding:0 10px; width:280px; } .widecol.tickets .rightcol .featurelist.gigs ul { margin-bottom:10px; } .widecol.tickets .rightcol .featurelist.gigs li { border-bottom:0; float:none; margin-bottom:0; margin-left:0; width:280px; } .widecol.tickets .rightcol .featurelist.gigs li img { width:280px; } .widecol.tickets .featurelist.gigs a.btnrev { background: url("../images/buttons.png") repeat-x scroll 0 -320px #F94B00 !important; font-family: 'Open Sans'; font-weight: bold; } /* Photos: Big Gallery List */ .gallerylist { clear:both; font-size:0.95em; } .widecol .gallerylist { margin-top:10px; } .gallerylist ul { display:inline-block; margin-bottom:10px; width:620px; } .gallerylist ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .widecol .gallerylist ul { width:940px; } .gallerylist li { float:left; margin:0 0 10px 20px; position:relative; width:140px; } .widecol .gallerylist li { width:218px; margin-left:22px; } .gallerylist li:first-child, .widecol .gallerylist li:first-child { margin-left:0; } .gallerylist li em { background:url(../images/labels.png) no-repeat 100% -220px; color:#fff; display:block; font-family:'Open Sans'; font-size:0.8em; font-style:normal; font-weight:bold; height:23px; left:-5px; padding:0 10px 0 0; position:absolute; top:175px; } .widecol .gallerylist li em { background-position:100% -80px; font-size:0.9em; height:29px; padding:0 12px 0 0; top:265px; } .gallerylist li em span { background:url(../images/labels.png) no-repeat 0 -220px; display:block; height:20px; padding:1px 5px 2px 10px; } .widecol .gallerylist li em span { background-position:0 -80px; height:23px; padding-top:3px; } .gallerylist li em span span { background:url(../images/icons/icns-bw.png) no-repeat -200px -100px; display:inline-block; height:9px; margin-left:1px; padding:0; vertical-align:middle; width:14px; } .widecol .gallerylist li em span span { background-position:-200px -100px; display:inline-block; height:9px; margin-left:2px; padding:0; vertical-align:middle; width:14px; } .gallerylist a:link, .gallerylist a:visited { } .gallerylist strong { color:#222; display:block; font-size:1.2em; padding:10px 0 6px; } .widecol .gallerylist strong { font-size:1.5em; } .gallerylist p { background:url(../images/bluedot.gif) repeat-x 0 50%; margin-top:0; text-align:right; } .gallerylist p a:link, .gallerylist p a:visited { background:#fff; padding-left:8px; } /* Photos: Gallery Thumbnails */ #gallerythumbs { margin-bottom:15px; width:100%; } #gallerythumbs tr {} #gallerythumbs td { padding:10px; position:relative; text-align:center; vertical-align: bottom; width:20%; } #gallerythumbs img {padding-bottom: 3px;} #gallerythumbs img.flickrthumb {width:auto;} #gallerythumbs em { color:#222; display:block; font-size:0.8em; font-style:normal; vertical-align:bottom; } #gallerythumbs em span { background: url(../images/icons/icns-bw.png) no-repeat scroll -150px -80px transparent; display: inline-block; height: 14px; margin-left: 6px; vertical-align: middle; width: 16px; } #gallerythumbs em span.nocomment { background:none;height:14px; } .sharing span.nocomment { background:none;height:14px; } /* Photos: Gallery Carousel */ #gallery { background:#000; height:auto; margin:5px 0 15px; max-height:900px; position:relative; width:620px; } #gallerypics { height:auto; overflow:hidden; position:relative; width:620px; } #gallerypics div { display:none; height:auto; text-align:center; width:620px; } #gallerypics div img { margin:0 auto; } #gallerypics div a:hover, #gallerypics div a:active { color:#f60; text-decoration:none; } #gallerypics div strong { color:#fff; display:block; font-size:0.9em; font-weight:normal; padding:5px 10px; text-align:left; width:620px; } #gallerypics div a:hover strong, #gallerypics div a:active strong { color:#f80; text-shadow:1px 2px 3px #000; filter: Shadow(Color=#000000, Direction=135, Strength=3); } /* Photos: Static Gallery Pic */ #gallerypic { background:#000; height:auto; margin:5px 0 15px; position:relative; text-align:center; width:620px; } #gallerypic img { margin:0 auto; } #gallerypic strong { color:#fff; display:block; font-size:0.9em; font-weight:normal; padding:5px 10px; text-align:left;} /* prev and next */ #gallerypic .prev, #gallerypic .next { cursor:pointer; display:block; font-size:1px; height:51px; position:absolute; text-indent:-9999em; top:190px; width:46px; z-index:20; } #gallerypic .prev { background:url(../images/prev-next.png) no-repeat 0 -52px; left:0; } #gallerypic .prev:hover { background-position:0 -103px; } #gallerypic .next { background:url(../images/prev-next.png) no-repeat -46px -52px; left:574px; } #gallerypic .next:hover { background-position:-46px -103px; } /* Mini Gallery */ #minigallery { background:#000; position:relative; } #minipic { width:620px; margin:0; padding:0; text-align:center; } .scrollable { height:132px; margin:0 0 0 19px; position:relative; overflow:hidden; width:582px; } .scrollable .items { width:20000em; position:absolute; clear:both; z-index:100; } .scrollable .items div { float:left; width:582px; } .scrollable .items img { border:2px solid #fff; cursor:pointer; float:left; height:108px; margin:10px 5px; width:180px; } .scrollable .items img.active { border:2px solid #f60; cursor:default; } /* prev and next */ #minigallery a.prev, #minigallery a.next { cursor:pointer; display:block; font-size:1px; height:26px; position:absolute; top:425px; text-indent:-9999em; width:23px; z-index:90; } #minigallery a.prev { background:url(../images/prev-next.png) no-repeat 0 0 #000; left:-4px; } #minigallery a.prev:hover { background-position:0 -26px; } #minigallery a.next { background:url(../images/prev-next.png) no-repeat -23px 0 #000; left:601px; } #minigallery a.next:hover { background-position:-23px -26px; } /* disabled navigational button */ #minigallery a.disabled { visibility:hidden !important; } /* Featured Video */ .featurevideo { background:#222; color:#fff; margin-bottom:10px; padding:5px 10px 10px; } .featurevideo a:link, .featurevideo a:visited { color:#fff; } .featurevid { margin-bottom:10px; } .featurevid h3 { border-bottom:1px solid #888; font-size:1.1em; font-weight:bold; padding:10px 0 8px; } .featurevid p { font-size:0.85em; margin:8px 0 2px; } /* Now + Next */ .nownext { background:#222; color:#fff; margin-bottom:20px; padding:5px 10px 15px; } .nownext table { border-left:1px solid #333; font-size:0.9em; width:100%; } .nownext th { background:#666; border-bottom:1px solid #333; border-right:1px solid #333; font-size:0.95em; font-weight:bold; padding:8px 7px; text-align:center; } .nownext td { border-bottom:1px solid #333; border-right:1px solid #333; font-size:0.85em; font-weight:bold; padding:8px 7px; } .nownext td:first-child { text-align:center; } #nownext { } #nownext table { border-left:1px solid #6f6f6f; margin:15px 0 20px; width:100%; } #nownext th[scope="col"] { background:#323232; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#323232), to(#262626)); background:-webkit-linear-gradient(#323232, #262626); background:-moz-linear-gradient(#323232, #262626); background:-ms-linear-gradient(#323232, #262626); background:-o-linear-gradient(#323232, #262626); background:linear-gradient323232, #262626); border-bottom:1px solid #6f6f6f; border-right:1px solid #6f6f6f; color:#fff; font-size:1.2em; font-weight:bold; padding:12px 6px; text-align:center; } #nownext th[scope="row"] { background:#4d4d4d; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#4d4d4d), to(#3d3d3d)); background:-webkit-linear-gradient(#4d4d4d, #3d3d3d); background:-moz-linear-gradient(#4d4d4d, #3d3d3d); background:-ms-linear-gradient(#4d4d4d, #3d3d3d); background:-o-linear-gradient(#4d4d4d, #3d3d3d); background:linear-gradient(#4d4d4d, #3d3d3d); border-bottom:1px solid #6f6f6f; border-right:1px solid #6f6f6f; color:#fff; padding:10px; text-align:center; vertical-align:top; width:59px; } #nownext th[scope="row"] a:link, #nownext th[scope="row"] a:visited { color:#fff; font-size:0.8em; font-weight:normal; } #nownext th[scope="row"] img { margin-bottom:8px; } #nownext td { border-bottom:1px solid #6f6f6f; border-right:1px solid #6f6f6f; font-size:0.85em; padding:12px 10px; vertical-align:top; width:249px; } #nownext td h3 { line-height:1.1; padding-bottom:8px; } #nownext td h3 a:link, #nownext td h3 a:visited { color:#222; font-size:1.5em; font-weight:bold; } #nownext td h3 a:hover, #nownext td h3 a:active { text-decoration:none; } #nownext td h3 em { background:#ff6600; color:#fff; display:inline-block; font-size:0.8em; font-style:normal; font-weight:bold; line-height:1.4; margin-right:2px; text-align:center; vertical-align:top; width:45px; } #nownext td h3 strong { display:inline-block; vertical-align:top; width:195px; } #nownext td h3 a:hover strong, #nownext td h3 a:active strong { text-decoration:underline; } #nownext td p { margin-bottom:0; } #nownext td.movie {background:#E2EFF1;} #nownext td.movie:hover{background:#eee;} #listings { } #listings table { border-left:1px solid #6f6f6f; margin:15px 0 20px; width:100%; } #listings h2 { background:#4d4d4d; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#4d4d4d), to(#3d3d3d)); background:-webkit-linear-gradient(#4d4d4d, #3d3d3d); background:-moz-linear-gradient(#4d4d4d, #3d3d3d); background:-ms-linear-gradient(#4d4d4d, #3d3d3d); background:-o-linear-gradient(#4d4d4d, #3d3d3d); background:linear-gradient(#4d4d4d, #3d3d3d); border-bottom:1px solid #6f6f6f; border-right:1px solid #6f6f6f; color:#fff; font-size:1.7em; font-weight:bold; line-height:1; margin:0; padding:8px 12px 3px; } #listings h2 img { margin:0 5px 5px 0; vertical-align:middle; } #listings h2 span { float:right; font-size:0.75em; font-weight:normal; padding-top:6px; } #listings div#days { background:#323232; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#323232), to(#262626)); background:-webkit-linear-gradient(#323232, #262626); background:-moz-linear-gradient(#323232, #262626); background:-ms-linear-gradient(#323232, #262626); background:-o-linear-gradient(#323232, #262626); background:linear-gradient(323232, #262626);} #listings li { border-right:1px solid #6f6f6f; border-top:1px solid #6f6f6f; border-left:1px solid #6f6f6f; display:inline-block; font-size:0.85em; padding:15px 10px; vertical-align:top; width:598px; } #listings li.movie {background:#E2EFF1;} #listings li.movie:hover{background:#eee;} #listings li:first-child { border-top:0; } #listings li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #listings li p { display:inline; float:left; margin:0 0 0 60px; text-indent:-60px; width:400px; } #listings li p a:link, #listings li p a:visited { color:#222; font-size:1.5em; font-weight:bold; padding-bottom:10px; } #listings li p a:hover, #listings li p a:active { text-decoration:none; } #listings li p img { float:right; margin:0 0 10px 10px; } #listings li p em { background:#ff6600; color:#fff; display:inline-block; font-size:0.9em; font-style:normal; font-weight:bold; line-height:1.3; margin:0 5px 5px 0; padding-top:1px; text-align:center; text-indent:0; vertical-align:top; width:50px; } #listings li p strong { display:inline; margin:0; text-indent:0; } #listings li p a:hover strong, #listings li p a:active strong { text-decoration:underline; } #listings div.icns { display:inline; float:right; padding-top:5px; width:124px; } #listings div.icns a:link, #listings div.icns a:visited { background:url(../images/icons/icns-colour.png) no-repeat -153px -173px; display:inline-block; float:left; height:24px; margin:0 6px 5px 0; text-indent:-9999px; vertical-align:middle; width:32px; } #listings div.icns a.icnfav:link, #listings div.icns a.icnfav:visited { background-position:-153px -199px; width:23px; } #listings div.icns a.icnsms:link, #listings div.icns a.icnsms:visited { background-position:-153px -259px; width:25px; } #listings div.icns a.icnmail:link, #listings div.icns a.icnmail:visited { background-position:-153px -289px; } #listings div.icns a.icncal:link, #listings div.icns a.icncal:visited { background-position:-153px -228px; margin-right:0; width:26px; } .later { background:#afafaf; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#afafaf), to(#a9a9a9)); background:-webkit-linear-gradient(#afafaf, #a9a9a9); background:-moz-linear-gradient(#afafaf, #a9a9a9); background:-ms-linear-gradient(#afafaf, #a9a9a9); background:-o-linear-gradient(#afafaf, #a9a9a9); background:linear-gradient(#afafaf, #a9a9a9); border-right:1px solid #6f6f6f; border-bottom:1px solid #6f6f6f; border-left:1px solid #6f6f6f; color:#fff; display:inline-block; font-weight:bold; margin-bottom:20px; width:618px; } .later:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .later strong { display:inline; float:left; font-family:'Open Sans'; font-size:1.3em; line-height:25px; padding:0 10px; } .later a:link, .later a:visited { background:url(../images/buttons.png) repeat-x top; color:#fff; display:inline-block; float:right; font-family:'Open Sans'; font-size:1.2em; font-weight:bold; line-height:25px; padding:0 12px 0 15px; } .later a:hover, .later a:active, .later a:focus { background-position:0 -40px; } #listingdays { background:#323232; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#323232), to(#262626)); background:-webkit-linear-gradient(#323232, #262626); background:-moz-linear-gradient(#323232, #262626); background:-ms-linear-gradient(#323232, #262626); background:-o-linear-gradient(#323232, #262626); background:linear-gradient(#323232, #262626); /*-pie-background:linear-gradient(#323232, #262626); behavior:url(/css/PIE.htc);*/ border:1px solid #6f6f6f; color:#fff; display:inline-block; font-size:1.3em; font-weight:bold; margin-bottom:20px; text-align:center; width:618px; } #listingdays:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #listingdays h3 { display:inline; float:left; line-height:43px; padding:0 15px; } #listingdays p { border-left:1px solid #555; display:inline; float:right; font-size:0.85em; line-height:43px; margin:0; padding:0; } #listingdays strong { background:#555; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#555), to(#454545)); background:-webkit-linear-gradient(#555, #454545); background:-moz-linear-gradient(#555, #454545); background:-ms-linear-gradient(#555, #a9a9a9); background:-o-linear-gradient(#555, #454545); background:linear-gradient(#555, #454545); /*-pie-background:linear-gradient(#555, #454545); behavior:url(/css/PIE.htc);*/ border-right:1px solid #555; display:inline; float:left; padding:0 2px; text-align:center; width:40px; } #listingdays a:link, #listingdays a:visited { border-right:1px solid #555; color:#fff; display:inline; float:left; padding:0 2px; text-align:center; width:40px; } #listingdays a:hover, #listingdays a:active, #listingdays a:focus { background:#555; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#555), to(#454545)); background:-webkit-linear-gradient(#555, #454545); background:-moz-linear-gradient(#555, #454545); background:-ms-linear-gradient(#555, #a9a9a9); background:-o-linear-gradient(#555, #454545); background:linear-gradient(#555, #454545); /*-pie-background:linear-gradient(#555, #454545); behavior:url(/css/PIE.htc);*/ } /* My Shows */ #myshows { background:#fff; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e4e4e4)); background:-webkit-linear-gradient(#fff, #e4e4e4); background:-moz-linear-gradient(#fff, #e4e4e4); background:-ms-linear-gradient(#fff, #e4e4e4); background:-o-linear-gradient(#fff, #e4e4e4); background:linear-gradient(#fff, #e4e4e4); border:1px solid #ccc; margin-bottom:20px; padding:5px 10px 10px 10px; } #myshows li { border-bottom:2px dotted #ccc; } #myshows li a:link, #myshows li a:visited { color:#222; display:block; font-size:1.15em; font-weight:bold; padding:10px 2px; } #myshows li a:hover, #myshows li a:active { background:#e1e1e1; text-decoration:none; } #myshows p { text-align:center; } #myshows p a:link, #myshows p a:visited { color:#999; display:block; font-size:1.15em; font-weight:bold; padding:10px 0 2px; } #myshows p a:hover, #myshows p a:active { color:#222; } /* News Article List */ .newslist {clear:both} .newslist li { border-top:2px dotted #ccc; display:inline-block; padding-top:15px; margin-bottom:20px; width:620px; } .music .newslist li, .tickets .newslist li { border-color:#666; } .restaurant .newslist li { margin-bottom:15px; position:relative; } .newslist li:first-child { border-top:0; padding-top:0;} .restaurant .newslist li:first-child { padding-top:15px; } .newslist li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .newslist li a:link, .newslist li a:visited { color:#222; } .mancave .newslist li a:link, .mancave .newslist li a:visited, .tickets .newslist li a:link, .tickets .newslist li a:visited { color:#bbb; } .mancave .newslist li h3 a:link, .mancave .newslist li h3 a:visited, .tickets .newslist li h3 a:link, .tickets .newslist li h3 a:visited { color:#fff; } .newslist li a:hover, .newslist li a:active { } .newslist li h3 { font-size:1.5em; line-height:1.1; padding-bottom:5px; } .restaurant .newslist li h3 { padding-bottom:8px; } .restaurant .newslist li h3 em { background:url(../images/labels.png) no-repeat 100% -120px; color:#fff; display:block; font-family:'Open Sans'; font-size:0.6em; font-style:normal; font-weight:bold; height:29px; left:-6px; padding:0 10px 0 0; position:absolute; top:72px; } .restaurant .newslist li h3 em span { background:url(../images/labels.png) no-repeat 0 -120px; display:block; height:23px; padding:4px 6px 2px 11px; } .newslist li h3 img,.newslist li > a > img { float:left; padding:2px 20px 0 0; } .restaurant .newslist li h3 strong { display:inline-block; width:197px; } .restaurant .newslist li h3 span.rating { float:none; margin:0; position:absolute; top:15px; right:0; } .newslist li div { font-size:0.9em; height:20px; padding-top:2px; } .newslist li span.postinfo { color:#404040; display:block; float:left; font-size:0.9em; font-weight:normal; padding-top:2px; } .newslist li span.stats { color:#404040; display:block; float:right; font-size:0.9em; font-weight:normal; padding-top:2px; } .mancave .newslist li span.postinfo, .mancave .newslist li span.stats, .tickets .newslist li span.postinfo, .tickets .newslist li span.stats { color:#fff; } .newslist li span.stats span { background:url(../images/icons/icns-bw.png) no-repeat -150px -79px; display:inline-block; height:13px; margin-left:3px; vertical-align:middle; width:17px; } .mancave .newslist li span.stats span, .tickets .newslist li span.stats span { background-position:-150px -99px} .newslist li span.stats span:first-child { background-position:-100px -79px; margin:0; padding-right:3px; } .mancave .newslist li span.stats span:first-child, .tickets .newslist li span.stats span:first-child { background-position:-100px -99px} .newslist li p { border-top:1px solid #e0e0e0; font-size:0.85em; margin:2px 0 0 240px;padding-top:10px; } .mancave .newslist li p, .tickets .newslist li p { border-color:#888; } .restaurant .newslist li p { margin-left:170px; } span.cuisine { float:left; } span.cuisine strong { background:#f60; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; /*behavior:url(/css/PIE.htc);*/ color:#fff; font-size:1em; font-weight:normal; line-height:2.3em; margin:3px 3px 0 0; padding:1px 4px; } span.map { background:url(../images/icons/icns-restaurant.png) no-repeat 25px -76px; display:inline-block; float:right; font-size:0.9em; height:19px; margin-top:3px; padding-right:25px; vertical-align:middle; } span.price { display:inline-block; float:right; font-size:0.9em; margin-top:3px; margin-left:10px; vertical-align:middle; } .price em { background:url(../images/icons/icns-restaurant.png) no-repeat 0 0; display:inline-block; height:14px; margin-left:2px; text-indent:-9999px; vertical-align:middle; width:79px; } .price em.stars5 { background-position:0 0; } .price em.stars4 { background-position:0 -15px; } .price em.stars3 { background-position:0 -30px; } .price em.stars2 { background-position:0 -45px; } .price em.stars1 { background-position:0 -60px; } /* Tooltip */ .movielist li .tip:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .movielist li .tip span.rating { margin-right:10px; } .movielist li .tip strong { float:left; font-size:1.35em; padding-bottom:0; width:195px; } .movielist li .tip span.class { float:right; padding-right:5px; } .tooltip { display:none; background:url(../images/tooltip.png) no-repeat; height:167px; padding:35px 35px 40px 30px; width:405px; position:relative; z-index:100; } .tooltip h3 { border-bottom:1px solid #e0e0e0; display:inline-block; font-size:1.2em; margin-bottom:9px; padding-bottom:6px; } .tooltip h3:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .tooltip h3 strong { float:left; width:270px; } .tooltip h3 span.class { float:right; } .tooltip h3 span.rating { margin:0; } .tooltip p { font-size:0.86em; line-height:1.4; margin:6px 0 0; padding:0; } .movielist li .tooltip span.stats { padding-top:0; } /* Ticket Tooltip */ .widecol .movielist.gigs .tooltip { background:url(../images/tooltip-top-arrow.png) no-repeat 50% 0; color:#000; height:auto; padding:14px 0 0 0; width:340px; position:relative; z-index:100; } .widecol .movielist.gigs .tooltip div { background:#fff; display:inline-block; padding:16px 15px; width:310px; } .widecol .movielist.gigs .tooltip div:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .widecol .movielist.gigs .tooltip h3 { border-bottom:1px solid #ccc; color:#000; font-size:1.4em; font-weight:bold; margin-bottom:0; width:300px; } .widecol .movielist.gigs .tooltip h3 a:link, .widecol .movielist.gigs .tooltip h3 a:visited { color:#000; } .widecol .movielist.gigs .tooltip p { margin-bottom:10px; } .widecol .movielist.gigs .tooltip div div { border-left:2px dotted #ddd; float:right; color:#333; font-size:0.85em; line-height:1.5; padding:8px 0 8px 10px; width:150px; } .widecol .movielist.gigs .tooltip div div strong { font-size: 1em; } .widecol .movielist.gigs .tooltip div a.btn { float:left; font-family:'Open Sans'; font-size:1.2em; margin-top:10px; } .tickets .widecol .movielist.gigs .tooltip div a.btn { float:left; font-family:'Open Sans'; font-size:1.2em; margin-top:10px; color:#FFF; } /* Calendar Tooltip */ #calendar .tooltip { background:url(../images/tooltip-cal-arrow.png) no-repeat 100% 100px; height:auto; padding:0 14px 0 0; text-align:left; width:340px; z-index:100; } #calendar .tooltip div { background:#222; color:#fff; padding:16px 15px 10px; width:310px; } #calendar .tooltip h2 strong { background:#222; font-size:0.8em; } #calendar .tooltip .movielist.gigs li { border-top:2px dotted #ccc; border-bottom:0; font-size:0.85em; font-weight:normal; padding:10px 0 !important; } #calendar .tooltip .movielist.gigs li:first-child { border-top:0; padding-top:0 !important; } #calendar .tooltip .movielist.gigs li em { font-size:0.9em; font-weight:normal; } #calendar .tooltip .movielist.gigs li a:link, .mancave .tooltip .movielist.gigs li a:visited, .comedy .tooltip .movielist.gigs li a:visited, .theatre .tooltip .movielist.gigs li a:visited, .tickets .tooltip .movielist.gigs li a:visited { color:#fff !important; } /* Dropdowns */ .order { margin-bottom:15px; } .order select { background:#333233; border:0; color:#fff; font-family:'Open Sans'; font-weight:bold; padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; /*behavior:url(/css/PIE.htc);*/ width:145px; } .order object { background:#1b1a1b; color:#fff; } .order select:first-child { margin-right:5px; } /* Trailer list */ .trailerlist { background:#eee; border:1px solid #ccc; margin-bottom:10px; padding:8px 0 8px 8px; } .trailerlist h2 { margin-right:8px; margin-bottom:10px; } .trailerlist h2 strong { background:#eee; } .trailerlist .order select { padding:5px 7px; width:136px; } .trailerlist ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .trailerlist li { float:left; font-size:0.86em; line-height:12px; padding:0 6px 8px 0; width:90px; } .trailerlist li img { float:left; } .trailerlist span.rank { background:#111; float:left; margin-bottom:6px; padding:2px; width:86px; } .trailerlist span.class { float:right; padding-right:0; } .trailerlist a:link, .trailerlist a:visited { color:#000; } /* Landing Page Carousel */ #carousel { height:250px; margin:5px 0 15px; position:relative; width:100%; } #banners { height:250px; overflow:hidden; position:relative; width:100%; } #banners div { display:none; height:250px; left:0; position:absolute; top:0; margin:0; padding:0; } #banners div a:hover, #banners div a:active { color:#f60; text-decoration:none; } /*#banners div strong { background:url(../images/eric.png) no-repeat 0 100%; bottom:15px; color:#fff; cursor:pointer; display:block; font-family:'Open Sans'; font-size:1.7em; font-weight:bold; left:8px; position:absolute; padding:10px 0 18px 65px; text-shadow:1px 2px 3px #222; width:auto; }*/ #banners div strong { background: url("/images/eric50opacity.png") center left ; bottom: 8px; color: #FFFFFF; cursor: pointer; display: block;font-family: 'Open Sans'; font-size: 1.4em; font-weight: bold; left: -2px; padding: 11px 16px 26px 67px; position: absolute; text-shadow: 1px 2px 3px #222222; width: auto; -webkit-border-radius: 0 3px 3px 0;-moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } #banners div a:hover strong, #banners div a:active strong { color:#f80; text-shadow:1px 2px 3px #000; } #banners div strong span { border-bottom:1px solid #fff; display:block; padding-bottom:3px; filter: Shadow(Color=#222222, Direction=135, Strength=3);} #banners { height:250px; overflow:hidden; position:relative; width:100%; } #carousel.super,#carousel.super #banners,#carousel.super #banners div{height:400px;} /* tabs (circles) */ #slidetabs { position:absolute; bottom:12px; left:74px; height:13px; z-index:1; } #slidetabs a { background:url(../images/carousel-bullets.png) no-repeat; display:block; float:left; font-size:1px; height:13px; margin:0 2px 0 0; text-indent:-9999px; width:13px; } #slidetabs a:hover, #slidetabs a.current { background-position:-15px 0; } /* prev and next */ .backward, .forward { cursor:pointer; display:block; font-size:1px; height:55px; position:absolute; top:15px; text-indent:-9999em; width:40px; z-index:90; } .backward { left:-5px; } .backward:hover { background:url(../images/icons/icns-bw.png) no-repeat -400px 15px; } .forward { left:584px; } .forward:hover { background:url(../images/icons/icns-bw.png) no-repeat -435px 15px; } /* prev and next for Superbox Sider*/ .super .forward{left:904px;} /* Listings Search */ #listingsearch { background:#212121; color:#fff; height:230px; margin:5px 0 20px; padding:10px; } #listingsearch h2 strong { background:#212121; color:#fff; } #listingsearch li { padding-bottom:10px; } #listingsearch li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #listingsearch label { display:inline-block; width:100px; } #listingsearch select { background:#edeced; border:0; color:#000; font-family:'Open Sans'; font-weight:bold; margin:0; padding:6px 7px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; /*behavior:url(/css/PIE.htc);*/ width:175px; } #listingsearch select:first-child { margin-right:5px; } #listingsearch input,.redband input { background:url(../images/buttons.png) repeat-x top; border:0; color:#fff; display:inline-block; font-family:'Open Sans'; font-size:1.2em; font-weight:bold; padding:5px 20px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; /*behavior:url(/css/PIE.htc);*/ float:right; } #listingsearch input:hover { background-position:0 -40px; } .tv #listingsearch label { font-size:0.95em; width:120px; } .tv #listingsearch select { font-size:0.95em; padding:4px 7px; width:155px; } .tv #listingsearch input { padding:2px 20px; } .restaurant #listingsearch label { width:90px; } .restaurant #listingsearch select { font-size:0.95em; padding:4px 7px; width:185px; } #listingsearch input[type=text] { background:#edeced; color:#000; display:inline; float:none; font-size:1em; padding:4px 9px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; /*behavior:url(/css/PIE.htc);*/ width:167px; } .restaurant #listingsearch input[type=submit] { font-size:1.2em; padding:3px 15px; } /* TV Channels */ #channels { clear:both; padding-bottom:20px; position:relative; } #channels:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #channels p { border-left:10px solid #fff; margin:0; position:absolute; right:0; text-align:right; top:6px; width:auto; } #channels p a:link, #channels a:visited { background:#222; color:#fff; display:inline-block; font-family:'Open Sans'; font-size:0.7em; padding:2px 4px 3px 6px; } #channels p a:link span, #channels a:visited span { background:url(../images/icons/icns-colour.png) no-repeat -80px -320px; display:inline-block; height:12px; vertical-align:middle; width:12px; } #channels .slider { background:#fff; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e4e4e4)); background:-webkit-linear-gradient(#fff, #e4e4e4); background:-moz-linear-gradient(#fff, #e4e4e4); background:-ms-linear-gradient(#fff, #e4e4e4); background:-o-linear-gradient(#fff, #e4e4e4); background:linear-gradient(#fff, #e4e4e4); /*-pie-background:linear-gradient(#fff, #e4e4e4); behavior:url(/css/PIE.htc);*/ border:1px solid #ccc; width:938px;} #channels .slider ul { display:inline-block; padding:15px 0 0 0; } #channels .slider ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #channels .slider li { display:inline; float:left; height:50px; margin:0 0 15px 11px; width:50px; } .maincol p.pctr {margin:auto;position: relative;text-align: center;top: -180px;} .maincol p a.playerlink:hover{color:#09C;} .maincol p .playerlink {background:url("/images/play-large-rectangular-blank400.png") no-repeat scroll center center transparent;color:#fff;display:visble;font-size:1.2em;font-weight:bold;left:90px;padding:30px 140px 30px 100px;} /* TV Widgets */ ul li img.60pc {width:70%;} /* Tag Cloud */ .tagcloud { border:1px solid #ccc; background:#eee; padding:10px; } .tagcloud div { line-height:1.4; } .tagcloud strong { font-size:1.15em; } .tagcloud a:link, .tagcloud a:visited { color:#222; margin:0 10px 3px 0; } /** Movie Details **/ .moviedetails { /*border-bottom:1px solid #e0e0e0;*/ display:inline-block; margin-bottom:20px; padding-bottom:10px; width:100%; } .moviedetails:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .moviedetails .leftcol { border-right:1px solid #e0e0e0; width:310px; } .info { border-bottom:1px solid #e0e0e0; font-size:0.9em; line-height:1.7em; padding:10px 0; width:300px; } .tags { display:inline-block; font-size:0.9em; padding:10px 0;} .newslist .tags { width:380px; } .tags:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .tags li, .newslist .tags li { border:0; display:inline; float:left; line-height:1.5em; margin:0; padding:0 10px 0 0; width:auto; } .tags li span.find,.info li span.find { background:url(../images/icons/icns-bw.png) no-repeat -600px -77px; display:inline-block; height:15px; width:12px;} .mancave .tags li span,.videocat .tags li span { background:url(../images/icons/icns-bw.png) no-repeat -600px -100px;} .tags li a:link, .tags li a:visited { color:#222; } .mancave .tags li a:link, .music .tags li a:visited, .tickets .tags li a:link, .tickets .tags li a:visited { color:#fff; } .interest { border-bottom:1px solid #e0e0e0; display:inline-block; padding-top:10px; width:300px; } .interest:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .interest ul { border:1px solid #ccc; display:inline-block; margin-bottom:15px; width:298px; } .interest ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .interest li { border-left:1px solid #f9f9f9; float:left; width:148px; } .interest ul li:first-child { border-right:1px solid #e9e9e9; border-left:0; } .interest li a:link, .interest li a:visited { color:#222; display:block; font-size:0.9em; font-weight:bold; padding:12px 10px 10px; background:#f9f9f9; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(#e4e4e4)); background:-webkit-linear-gradient(#f9f9f9, #e4e4e4); background:-moz-linear-gradient(#f9f9f9, #e4e4e4); background:-ms-linear-gradient(#f9f9f9, #e4e4e4); background:-o-linear-gradient(#f9f9f9, #e4e4e4); background:linear-gradient(#f9f9f9, #e4e4e4); /*-pie-background:linear-gradient(#f9f9f9, #e4e4e4); behavior:url(/css/PIE.htc);*/ } .interest li a:hover, .interest li a:focus, .interest li a:active { background:#e4e4e4; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#e4e4e4), to(#f9f9f9)); background:-webkit-linear-gradient(#e4e4e4, #f9f9f9); background:-moz-linear-gradient(#e4e4e4, #f9f9f9); background:-ms-linear-gradient(#e4e4e4, #f9f9f9); background:-o-linear-gradient(#e4e4e4, #f9f9f9); background:linear-gradient(#e4e4e4, #f9f9f9); /*-pie-background:linear-gradient(#e4e4e4, #f9f9f9); behavior:url(/css/PIE.htc);*/ text-decoration:none; } .interest li a span { background:url(../images/icons/icns-colour.png) -120px -230px; display:inline-block; height:24px; padding-right:4px; vertical-align:middle; width:22px; } .interest li:first-child a span { background-position:-120px -170px; } .interest p { display:inline; float:left; font-size:0.7em; font-weight:bold; margin-bottom:15px; width:80px; } .interest p strong { display:block; font-size:3.1em; line-height:0.85; } .interest div { float:right; height:22px; margin-top:8px; width:220px; background:#595959; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#595959), to(#999)); background:-webkit-linear-gradient(#595959, #999); background:-moz-linear-gradient(#595959, #999); background:-ms-linear-gradient(#595959, #999); background:-o-linear-gradient(#595959, #999); background:linear-gradient(#595959, #999); /*-pie-background:linear-gradient(#595959, #999); behavior:url(/css/PIE.htc);*/ } .interest div span { display:inline-block; height:22px; background:#ff8200; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ff8200), to(#ff6200)); background:-webkit-linear-gradient(#ff8200, #ff6200); background:-moz-linear-gradient(#ff8200, #ff6200); background:-ms-linear-gradient(#ff8200, #ff6200); background:-o-linear-gradient(#ff8200, #ff6200); background:linear-gradient(#ff8200, #ff6200); /*-pie-background:linear-gradient(#ff8200, #ff6200); behavior:url(/css/PIE.htc);*/ } .trailer { padding:10px 0; text-align:center; } .trailer a.btn:link, .trailer a.btn:visited { background-color:#f94600; color:#fff; font-size:1.3em; line-height:30px; padding:4px 9px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; /*behavior:url(/css/PIE.htc);*/ } .trailer a.btn:hover, .trailer a.btn:active, .trailer a.btn:focus { text-decoration:none; } .trailer a.btn span { background:url(../images/icons/icns-bw.png) no-repeat 0 -40px; display:inline-block; height:28px; vertical-align:middle; width:24px; } /* Article with square image (250x250) */ .squarepic:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .squarepic .mainpic { float:left; width:250px; } .squarepic .moviedetails { border-bottom:0; display:block; float:right; width:350px; } .squarepic .info { font-size:1em; line-height:1.5em; padding-top:0; width:350px; } .squarepic .tags { border-bottom:1px solid #e0e0e0; font-size:1em; width:350px; } /* Article footer (author / time / category) */ .post-foot { font-size:0.85em; padding-top:15px; } /** Article Sharing Panels (Add this) **/ .sharing { border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; display:inline-block; margin-bottom:10px; padding:10px 0; width:100%; } /*.album .sharing, .venue .sharing, .festival .sharing, .music .sharing, .tickets .sharing, .videocat .sharing { border-top:1px solid #303131; border-bottom:1px solid #e0e0e0; margin-bottom:20px; padding-top: 13px;}*/ .sharing:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .sharing img { display:inline; float:left; } .sharing p { display:inline; float:right; font-size:0.85em; padding-top:2px; margin:0; } .sharing p span { background:url(../images/icons/icns-bw.png) no-repeat -150px -80px; display:inline-block; height:14px; margin-left:6px; vertical-align:middle; width:16px; } .sharing p span:first-child { background-position:-100px -80px; margin:0; padding-right:3px; } /*.album .sharing p span, .venue .sharing p span, .festival .sharing p span, .music .sharing p span, .tickets .sharing p span, .videocat .sharing p span { background-position:-150px -100px; }*/ /*.album .sharing p span:first-child, .venue .sharing p span:first-child, .festival .sharing p span:first-child, .music .sharing p span:first-child, .tickets .sharing p span:first-child, .videocat .sharing p span:first-child { background-position:-100px -100px; }*/ .reddit_button { color: #222222; float: left; margin: 0 35px 0 -2px; } .reddit_button img { height: 2.7ex; } .reddit_button a { font-size: 1.1em; margin-left: -3px; } .player .sharing p { color:#fff; display:inline; float:right; font-size:0.85em; margin:0 320px 0 0; padding-top:2px; position:relative; right:0; top:0; } .player .sharing p span { background:url(../images/icons/icns-bw.png) no-repeat -150px -100px; } .player .sharing p span:first-child { background-position:-100px -100px; } .player .sharing p span.nocomment { background:none;height:14px; } /* New Social Buttons MOBILE Version */ /*====================================*/ .btnzmobile { display: block; float: left; padding: 10px 10px; border:none; background-color: #ececec; text-decoration: none; font-size: 13px; color: #FFF; margin-right: 2px; } .btnzmobile:hover { color: #efefef; text-decoration: none; } .facebookmobile { background-color: #3b5998; text-align: left; } .gplusmobile { background-color: #dd4b39; text-align: center; } .twittermobile { background-color: #55acee; text-align: center; } .whatsappmobile { background-color: #4dc247; text-align: center; } .emailmobile { background-color: #ec1e10; text-align: center; } /*====================================*/ /* New Social Buttons */ /* Article navigation (prev / next) */ .post-nav { border:1px solid #ccc; display:inline-block; margin:20px 0 0; width:618px; background:#f9f9f9; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(#e4e4e4)); background:-webkit-linear-gradient(#f9f9f9, #e4e4e4); background:-moz-linear-gradient(#f9f9f9, #e4e4e4); background:-ms-linear-gradient(#f9f9f9, #e4e4e4); background:-o-linear-gradient(#f9f9f9, #e4e4e4); background:linear-gradient(#f9f9f9, #e4e4e4); /*pie-background:linear-gradient(#f9f9f9, #e4e4e4); behavior:url(/css/PIE.htc);*/ } .mancave .post-nav, .videocat .post-nav, .tickets .post-nav { border:1px solid #444; background:#1e1e1e; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#323232), to(#1e1e1e)); background:-webkit-linear-gradient(#323232, #1e1e1e); background:-moz-linear-gradient(#323232, #1e1e1e); background:-ms-linear-gradient(#323232, #1e1e1e); background:-o-linear-gradient(#323232, #1e1e1e); background:linear-gradient(#323232, #1e1e1e); /*-pie-background:linear-gradient(#323232, #1e1e1e); behavior:url(/css/PIE.htc);*/ color:#fff; } .post-nav:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .post-nav li { border-left:1px solid #f9f9f9; float:left; width:267px; } .mancave .post-nav li, .videocat .post-nav li, .tickets .post-nav li { border-left-color:#1e1e1e; } .post-nav li.all { border-right:1px solid #e9e9e9; width:80px; min-height:96px; text-align:center; } .post-nav li:first-child { border-right:1px solid #e9e9e9; border-left:0; } .mancave .post-nav li.all, .videocat .post-nav li.all, .tickets .post-nav li.all, .music .post-nav li:first-child, .videocat .post-nav li:first-child, .tickets .post-nav li:first-child { border-right-color:#323232; } .post-nav li a:link, .post-nav li a:visited { color:#222; display:block; font-size:0.85em; height:60px; padding:18px 10px;background:#f9f9f9; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(#e4e4e4)); background:-webkit-linear-gradient(#f9f9f9, #e4e4e4); background:-moz-linear-gradient(#f9f9f9, #e4e4e4); background:-ms-linear-gradient(#f9f9f9, #e4e4e4); background:-o-linear-gradient(#f9f9f9, #e4e4e4); background:linear-gradient(#f9f9f9, #e4e4e4); /*-pie-background:linear-gradient(#f9f9f9, #e4e4e4); behavior:url(/css/PIE.htc);*/ } .mancave .post-nav li a:link, .mancave .post-nav li a:visited, .videocat .post-nav li a:link, .videocat .post-nav li a:visited, .tickets .post-nav li a:link, .tickets .post-nav li a:visited { color:#fff; background:#1e1e1e; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#323232), to(#1e1e1e)); background:-webkit-linear-gradient(#323232, #1e1e1e); background:-moz-linear-gradient(#323232, #1e1e1e); background:-ms-linear-gradient(#323232, #1e1e1e); background:-o-linear-gradient(#323232, #1e1e1e); background:linear-gradient(#323232, #1e1e1e); /*-pie-background:linear-gradient(#323232, #1e1e1e); behavior:url(/css/PIE.htc);*/ } .post-nav li a:hover, .post-nav li a:focus, .post-nav li a:active { background:#e4e4e4; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#e4e4e4), to(#f9f9f9)); background:-webkit-linear-gradient(#e4e4e4, #f9f9f9); background:-moz-linear-gradient(#e4e4e4, #f9f9f9); background:-ms-linear-gradient(#e4e4e4, #f9f9f9); background:-o-linear-gradient(#e4e4e4, #f9f9f9); background:linear-gradient(#e4e4e4, #f9f9f9); /*-pie-background:linear-gradient(#e4e4e4, #f9f9f9); behavior:url(/css/PIE.htc);*/ text-decoration:none; } .mancave .post-nav li a:hover, .mancave .post-nav li a:focus, .mancave .post-nav li a:active, .videocat .post-nav li a:hover, .videocat .post-nav li a:focus, .videocat .post-nav li a:active, .tickets .post-nav li a:hover, .tickets .post-nav li a:focus, .tickets .post-nav li a:active { background:#323232; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#1e1e1e), to(#323232)); background:-webkit-linear-gradient(#1e1e1e, #323232); background:-moz-linear-gradient(#1e1e1e, #323232); background:-ms-linear-gradient(#1e1e1e, #323232); background:-o-linear-gradient(#1e1e1e, #323232); background:linear-gradient(#1e1e1e, #323232); /*-pie-background:linear-gradient(#1e1e1e, #323232); behavior:url(/css/PIE.htc);*/ } .post-nav li:first-child a:link, .post-nav li:first-child a:visited { text-align:right; } .post-nav li.all a:link, .post-nav li.all a:visited { color:#09c; font-size:1em; height:36px; padding:30px 10px; text-align:center; } .post-nav li a:link strong, .post-nav li a:visited strong { color:#09c; display:block; font-size:1.15em; font-weight:normal; padding-bottom:5px; } .post-nav li a:link img, .post-nav li a:visited img { float:left; margin-right:10px; } .post-nav li:first-child a:link img, .post-nav li:first-child a:visited img { float:right; margin:0 0 0 10px; } /* viewer poll */ #PollResults { border:1px solid #ccc; display:inline-block; margin:0 0 15px; padding:15px; width:588px; background:#f9f9f9; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(#e4e4e4)); background:-webkit-linear-gradient(#f9f9f9, #e4e4e4); background:-moz-linear-gradient(#f9f9f9, #e4e4e4); background:-ms-linear-gradient(#f9f9f9, #e4e4e4); background:-o-linear-gradient(#f9f9f9, #e4e4e4); background:linear-gradient(#f9f9f9, #e4e4e4);} #PollResults h3 {font-weight:bold;padding-bottom:10px;} #PollResults li{padding:3px 0px 0px 20px} #PollResults #voteButton {float:left;margin:10px;} #PollAnswer {text-align:left;vertical-align: middle;width: 300px;} td.PollAnswer {padding: 5px;} .PollGraph {font-size: 1.2em;margin: 0;padding: 0;vertical-align: middle;width: 300px;} .PollGraph div {float: left;position: relative;text-align: left;} #PollContainer {right: 30px;width: 100%;} .PollGraph .barcell{ border:1px solid #DDD;width:100%;} .PollGraph .barcell strong{ display:block;font-size:0.9em;margin:3px 0 0;} #PollResults .caption{ font-size:0.85em} .mancave #PollResults {background:#222;} .mancave .PollGraph .barcell{ border:1px solid #323232;} /** Related Content **/ .related { background:#222; color:#fff; margin-bottom:20px; padding:7px 10px 15px; } .related ul { display:inline-block; width:100%; } .related ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .related li { display:inline; float:left; margin-left:13px; width:140px; } .related li:first-child,.related li.firstcol {margin-left:0;clear:both} .related li img {} .related li a:link, .related li a:visited { color:#fff; font-weight:bold; } .venue .related { background:#000; margin-top:20px; padding:7px 0 15px; } .venue .related li { margin-left:20px; } .venue .related li:first-child { margin-left:0; } /** Comments **/ #comments { padding-bottom:20px; } #comments ul { margin-bottom:20px; } #comments li { border-bottom:1px solid #ccc; display:inline-block; padding:10px 0; width:620px; } #comments li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .mancave #comments li, .tickets #comments li { border-color:#3d3d3d; } #comments li h4 { font-weight:bold; margin-bottom:8px; } #comments li h4 a:link, #comments li h4 a:visited { color:#222; } .mancave #comments li h4 a:link, .mancave #comments li h4 a:visited, .tickets #comments li h4 a:link, .tickets #comments li h4 a:visited { color:#fff; } #comments li h4 img { float:left; margin-right:10px; } #comments li p { font-size:0.9em; margin:0 0 8px 50px; } #comments li div { color:#999; float:left; font-size:0.85em; margin-left:50px; } #comments li div.reply { float:right; } #comments li div.reply a.btngrey2 { color:#555; font-weight:bold; line-height:20px; } #comments h3 { color:#999; font-weight:bold; margin-bottom:10px; } .mancave #comments h3, .tickets #comments h3 { color:#ccc; } #comment-logins { margin-bottom:15px; } #comment-logins a { margin-right:20px; } #comment-form { position:relative; } #comment-form textarea { background:#fff; border:1px solid #ccc; margin-bottom:15px; min-height:10em; padding:5px; width:608px; } #comment-form input[type=submit], #login-form input[type=submit] { background:url(../images/buttons.png) repeat-x 0 -80px; border:0; color:#666; display:inline-block; float:right; font-family:'Open Sans'; font-size:1.35em; font-weight:bold; padding:4px 25px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; /*behavior:url(/css/PIE.htc);*/ } #comment-form input:hover { background-position:0 -120px; } #comment-form label { color:#888; float:left; font-size:0.9em; font-weight:bold; } #comment-form label input {} #login-form div {} #login-form label { color:#555; display:inline-block; width:140px; font-weight:bold; } #login-form input[type=text], #login-form input[type=password] { background:#fff; border:1px solid #ccc; margin-bottom:5px; padding:5px; width:250px; } #login-form input[type=submit] { float:none; margin-left:145px; } #login-form a { font-style:italic; } #comments form p { margin-bottom:10px; } #comments form p img { float:left; margin-right:10px; } #comments form p strong { font-size:1.1em; font-weight:bold; } #comments form p em { color:#666; font-size:0.9em; font-style:italic; } .music #comments form p em, .tickets #comments form p em { color:#999; } /** Facebook Feed Box **/ /*#facebook { margin-bottom:20px; }*/ .videocat #facebook, .mancave #facebook, .tickets #facebook { background:#fff; } /** Twitter Feed Box **/ #twitter {padding-bottom:5px; margin-bottom:20px; } .videocat #twitter, .mancave #twitter, .tickets #twitter { background:#fff; } #twitter .twtr-ft { display:none; } #twitterclient { margin-bottom: 20px; } /* TV Story */ #story {} #story h1, .tv .review h1 { font-size:1.8em; font-weight:bold; margin:2px 0 12px; width:620px; } #story h1 img, .tv .review h1 img { float:none; vertical-align:middle; } #story h1 strong, .tv .review h1 strong { display:inline-block; vertical-align:middle;} #story h1 em, .tv .review h1 em { background:#ff6600; color:#fff; display:inline-block; font-style:normal; font-weight:bold; line-height:1; text-align:center; vertical-align:middle;} /*.tv .review h1 strong { width:390px; }*/ .tv .review h1 em { font-size:0.85em; padding:1px 0;} .tv .review #image_wrap { margin-bottom:10px; } /*#story .sharing p { display:inline; float:right; font-size:0.85em; padding-top:2px; margin:0; } #story .sharing p span { background:url(../images/icons/icns-bw.png) no-repeat -150px -80px; display:inline-block; height:14px; margin-left:6px; vertical-align:middle; width:16px; } #story .sharing p span:first-child { background-position:-100px -80px; margin:0; padding-right:3px; }*/ #story .sharing p span.channel { background:none; color:#404040; display:block; float:left; font-size:0.9em; font-weight:normal; height:auto; margin:0; padding-top:2px; padding-right:7px; width:auto; } #story .sharing p span.channel a:link, #story .sharing p span.channel a:visited { color:#0099cc; padding-right:2px; } #story .sharing p span.stats { background:none; color:#404040; display:block; float:left; font-size:0.9em; font-weight:normal; height:auto; margin:0; padding-top:2px; width:auto; } #story .sharing p span.stats span { background:url(../images/icons/icns-bw.png) no-repeat -150px -79px; display:inline-block; height:13px; margin-left:3px; vertical-align:middle; width:17px; } #story .sharing p span.stats span:first-child { background-position:-100px -79px; margin:0; padding-right:3px; } /* Listings Landing Page */ #listingslanding h1 { background:#1e1e1e; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#3f3f3f), to(#1e1e1e)); background:-webkit-linear-gradient(#3f3f3f, #1e1e1e); background:-moz-linear-gradient(#3f3f3f, #1e1e1e); background:-ms-linear-gradient(#3f3f3f, #1e1e1e); background:-o-linear-gradient(#3f3f3f, #1e1e1e); background:linear-gradient(#3f3f3f, #1e1e1e); /*-pie-background:linear-gradient(#3f3f3f, #1e1e1e); behavior:url(/css/PIE.htc);*/ border:1px solid #ccc; border-bottom:0; color:#fff; display:block; font-family:'Open Sans'; font-size:1.3em; margin:5px 0 0; padding:10px 16px 12px 12px; width:590px; } #listingslanding ul { border:1px solid #ccc; border-bottom:0; } #listingslanding li { border-bottom:1px solid #ccc; display:inline-block; padding:11px 16px 12px 12px; width:590px; } #listingslanding li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #listingslanding li a:link, #listingslanding li a:visited { color:#111; display:block; font-weight:bold; } #listingslanding li a:hover, #listingslanding li a:active, #listingslanding li a:focus { color:#f60; } #listingslanding li strong { float:left; font-family:'Open Sans'; font-size:1.25em; } #listingslanding li a:link span, #listingslanding li a:visited span { float:right; background:url(../images/buttons.png) repeat-x 0 -320px #f84100; color:#fff; display:inline-block; font-family:'Open Sans'; font-size:1em; line-height:25px; padding:0 9px 0 15px; text-align:center; min-width:100px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; /*behavior:url(/css/PIE.htc);*/ } #listingslanding li a:hover span, #listingslanding li a:active span, #listingslanding li a:focus span { background-position:0 -350px; background-color:#ff5415; } #listingslanding li a:link span span { background:url(../images/icons/icns-bw.png) no-repeat -550px -100px; float:none; height:10px; margin-left:6px; min-width:6px; padding:0; vertical-align:middle; width:6px; } /* Listings Details Page */ #listingsdetails { position:relative; } #listingsdetails h1 { background:#1e1e1e; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#3f3f3f), to(#1e1e1e)); background:-webkit-linear-gradient(#3f3f3f, #1e1e1e); background:-moz-linear-gradient(#3f3f3f, #1e1e1e); background:-ms-linear-gradient(#3f3f3f, #1e1e1e); background:-o-linear-gradient(#3f3f3f, #1e1e1e); background:linear-gradient(#3f3f3f, #1e1e1e); /*-pie-background:linear-gradient(#3f3f3f, #1e1e1e); behavior:url(/css/PIE.htc);*/ border:1px solid #ccc; border-bottom:0; color:#fff; display:block; font-family:'Open Sans'; font-size:1.3em; margin:5px 0 0; padding:10px 16px 12px 12px; width:590px; } #listingsdetails p.phone { color:#fff; font-weight:bold; position:absolute; right:10px; top:17px; } #listingsdetails p.phone span { background:url(../images/icons/icns-bw.png) no-repeat -800px -100px; display:inline-block; height:17px; margin-right:3px; vertical-align:middle; width:17px; } #listingsdetails div#listingsswitch { border-top:1px solid #5f5f5f; border-right:1px solid #ccc; border-left:1px solid #ccc; width:618px; } #listingsdetails div#listingsswitch a:link, #listingsdetails div#listingsswitch a:visited,span.listingsinfo { background:#3e3e3e; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#4d4d4d), to(#3e3e3e)); background:-webkit-linear-gradient(#4d4d4d, #3e3e3e); background:-moz-linear-gradient(#4d4d4d, #3e3e3e); background:-ms-linear-gradient(#4d4d4d, #3e3e3e); background:-o-linear-gradient(#4d4d4d, #3e3e3e); background:linear-gradient(#4d4d4d, #3e3e3e); /*-pie-background:linear-gradient(#4d4d4d, #3e3e3e); behavior:url(/css/PIE.htc);*/ color:#fff; display:inline-block; float:left; font-weight:bold; padding:1px 0 2px; text-align:center; width:308px; } #listingsdetails div#listingsswitch a:first-child { border-right:1px solid #6d6d6d; width:309px; } #listingsdetails ul { border:1px solid #ccc; border-bottom:0; width:618px; } #listingsdetails li { background:#eee; border-bottom:1px solid #ccc; display:inline-block; padding:11px 18px 12px 18px; width:582px; } #listingsdetails li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #listingsdetails li.odd { background:#fff; } #listingsdetails li h3 { border-bottom:1px solid #ccc; display:inline-block; font-size:1.3em; margin-bottom:10px; padding:2px 0 10px; width:582px; } #listingsdetails li h3:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #listingsdetails li a:link, #listingsdetails li a:visited { color:#111; display:block; font-weight:bold; } #listingsdetails li a:hover, #listingsdetails li a:active, #listingsdetails li a:focus { color:#f60; } #listingsdetails li h3 strong { display:block; float:left; } #listingsdetails li h3 span.rank { display:block; float:right; padding-top:2px; width:140px; } #listingsdetails li h3 span.rating { margin-top:0; } #listingsdetails li h3 span.class { float:right; margin-left:5px; padding-right:1px; } #listingsdetails li div { display:inline-block; border-bottom:1px solid #ccc; padding-bottom:10px; width:582px; } #listingsdetails li div:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #listingsdetails li div img { float:left; margin:0 15px 0 0; } #listingsdetails tr th { font-size:1.1em; font-weight:bold; padding:2px 2px; } #listingsdetails tr:first-child th { background:#f60; color:#fff; font-weight:bold; } #listingsdetails tr td { padding:2px 2px 2px 8px; } #listingsdetails tr:first-child td { font-weight:bold; } #listingsdetails li p { display:inline-block; margin:0; padding:6px 0 8px; width:582px; } #listingsdetails li p:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #listingsdetails li span.icns { display:block; float:left; width:114px; } #listingsdetails li span.icns a:link, #listingsdetails li span.icns a:visited { background:url(../images/icons/icns-colour.png) no-repeat -153px -173px; display:inline-block; float:left; height:24px; margin-right:8px; text-indent:-9999px; vertical-align:middle; width:32px; } #listingsdetails li span.icns a.icnfav:link, #listingsdetails li span.icns a.icnfav:visited { background-position:-153px -199px; width:23px; } #listingsdetails li span.icns a.icnsms:link, #listingsdetails li span.icns a.icnsms:visited { background-position:-153px -259px; width:25px; } #listingsdetails li span.icns a.icncal:link, #listingsdetails li span.icns a.icncal:visited { background-position:-153px -228px; width:26px; } #listingsdetails li span.icns a.icnmail:link, #listingsdetails li span.icns a.icnmail:visited { background-position:-153px -289px; } #listingsdetails li span.btns { display:block; float:right; } #listingsdetails li span.btns a:link, #listingsdetails li span.btns a:visited { float:left; background:url(../images/buttons.png) repeat-x 0 -440px #191919; color:#fff; display:inline-block; font-family:'Open Sans'; font-size:1em; line-height:25px; margin-left:5px; padding:0 9px 0 9px; text-align:center; min-width:50px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; /*behavior:url(/css/PIE.htc);*/ } #listingsdetails li span.btns a:hover, #listingsdetails li span.btns a:active, #listingsdetails li span.btns a:focus { background-position:0 -470px; background-color:#333133; } #listingsdetails li span.btns a.btntix:link, #listingsdetails li span.btns a.btntix:visited { background-position:0 -500px; background-color:#008fc9; padding:0 9px 0 9px; } #listingsdetails li span.btns a.btntix:hover, #listingsdetails li span.btns a.btntix:active, #listingsdetails li span.btns a.btntix:focus { background-position:0 -530px; background-color:#19a9e0; } #listingsdetails li span.btns a:link span, #listingsdetails li span.btns a:visited span { background:url(../images/icons/icns-bw.png) no-repeat 0 -100px; display:inline-block; height:13px; margin-left:1px; margin-top:-2px; vertical-align:middle; width:12px; } #listingsdetails li span.btns a.btnrev span { background-position:-650px -100px; } #listingsdetails li span.btns a.btntime span { background-position:-50px -100px; height:16px; margin-top:-1px; width:17px; } #listingsdetails li span.btns a.btntix span { background-position:-50px -100px; height:16px; margin-top:-1px; width:17px; } /* Review Search box */ #reviewsearch { background:#323232; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#323232), to(#1e1e1e)); background:-webkit-linear-gradient(#323232, #1e1e1e); background:-moz-linear-gradient(#323232, #1e1e1e); background:-ms-linear-gradient(#323232, #1e1e1e); background:-o-linear-gradient(#323232, #1e1e1e); background:linear-gradient(#323232, #1e1e1e); /*-pie-background:linear-gradient(#323232, #1e1e1e); behavior:url(/css/PIE.htc);*/ color:#fff; margin-bottom:15px; padding:16px 15px; } #reviewsearch form ul { border-bottom:1px solid #3a3a3a; display:inline-block; margin-bottom:0; padding-bottom:0; width:590px; } #reviewsearch form ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #reviewsearch form li { float:left; width:160px; } #reviewsearch form li label { display:none; } #reviewsearch form li select { background:#edeced; border:0; color:#666; font-family:'Open Sans'; font-size:0.9em; font-weight:bold; padding:4px 5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; /*behavior:url(/css/PIE.htc);*/ width:145px; } #reviewsearch form li.searchfield { float:right; width:234px; } #reviewsearch form li.searchfield input, #reviewsearch form li.searchfield button { background:url(../images/search.png) no-repeat 0 0; color:#999; float:left; margin:0; } #reviewsearch form li.searchfield input { border:1px solid #ccc; border-right:0; font-size:1.2em; font-style:italic; height:26px; line-height:26px; padding:0 0 0 5px; vertical-align:middle; width:197px; } #reviewsearch form li.searchfield input:focus { background-position:0 -28px; border-color:#aaa; } #reviewsearch form li.searchfield button { background-position:100% 0; border:none; cursor:pointer; height:28px; padding:0; text-indent:-9999px; width:31px; } #reviewsearch form li.searchfield button:focus { background-position:100% -28px; border:none; } #reviewsearch h3 { color:#fff; font-weight:normal; padding-bottom:8px; } #reviewsearch > ul { display:inline-block;margin-top:5px; padding-top:5px; width:590px; } #reviewsearch ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #reviewsearch li { float:left; padding-right:3px; } #reviewsearch li a:link, #reviewsearch li a:visited { background:#fdfdff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; /*behavior:url(/css/PIE.htc);*/ color:#222; display:inline-block; font-size:0.95em; min-width:12px; padding:1px 3px 0; text-align:center; } /* jScrollPane - Scrollbar */ .scroll-pane { width: 100%; height: 145px; overflow: auto; } .jspContainer { overflow:hidden; position:relative; } .jspPane { position:absolute; } .jspVerticalBar { position:absolute; top:0; right:0; width:16px; 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:#dedede; padding:2px 4px; position:relative; } .jspDrag { background:#737373; position:relative; top:0; left:0; cursor:pointer; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; /*behavior:url(/css/PIE.htc);*/ } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float:left; height:100%; } .jspHorizontalBar .jspArrow { width:16px; float:left; height:100%; } .jspCorner { background:#eeeef4; float:left; height:100%; } /* Lightbox Popup */ /* the overlayed element */ .apple_overlay { background:#fff; display:none; width:980px; } /* default close button positioned on upper right corner */ .apple_overlay .close { background-image:url(../images/popup-close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; z-index:10100;} /* use a semi-transparent image for the overlay */ #overlay, #overlay2 { height:auto; } /* container for external content. uses vertical scrollbar, if needed */ .ei2016_overlay { background:#fff; display:none; width:480px; } /* default close button positioned on upper right corner */ .ei2016_overlay .close { background-image:url(../images/popup-close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; z-index:10100;} /* use a semi-transparent image for the overlay */ .ei2016_overlay #cont{width: 100%; box-sizing: border-box;} div.contentWrap { height:auto; overflow-y:auto; text-align:left; } .contentWrap2 { height:auto; overflow-y:auto; text-align:left; } /* TV Popup (Lightbox content) */ #cont.tvpopup { margin:0; padding:20px; } .tvpopup #story h1 { border-bottom:1px solid #ccc; margin-bottom:20px; padding-bottom:10px; } .tvpopup #story h1 strong { display:inline-block; vertical-align:middle; width:auto; } .tvpopup #story h1 em { margin-left:5px; } .tvpopup .leftcol p { font-size:0.95em; line-height:1.4; margin-top:15px; } .tvpopup div.icns { border:1px solid #ccc; margin 20px 0 15px 0; padding:15px 35px; width:228px; } .tvpopup div.icns:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .tvpopup div.icns a:link, .tvpopup div.icns a:visited { background:url(../images/icons/icns-colour.png) no-repeat -153px -173px; display:inline-block; float:left; height:24px; margin:0 40px 2px 0; text-indent:-9999px; vertical-align:middle; width:32px; } .tvpopup div.icns a.icnfav:link, .tvpopup div.icns a.icnfav:visited { background-position:-153px -199px; width:23px; } .tvpopup div.icns a.icnsms:link, .tvpopup div.icns a.icnsms:visited { background-position:-153px -259px; width:25px; } .tvpopup div.icns a.icnmail:link, .tvpopup div.icns a.icnmail:visited { background-position:-153px -289px; } .tvpopup div.icns a.icncal:link, .tvpopup div.icns a.icncal:visited { background-position:-153px -228px; margin-right:0; width:26px; } .tvpopup .leftcol div a.btn { float:right; } .tvpopup .leftcol div a.btn:first-child { float:left; } .tvpopup .twtr-doc { border-radius:0 !important; } .tvpopup .twtr-timeline { border-radius:0 !important; } #overlay, #overlay2 { background:url(../images/spacer.gif) no-repeat } #story h1 em.day {background-color: #454545;} .ei2016_overlay .tvpopup #story h1 {width: 100%;} .ei2016_overlay .tvpopup #story .maincol{width: 100%;} /* TV: Twitter Trending */ .trending { background:#333; color:#fff; margin-bottom:20px; } .trending h2 { background:#1e1e1e; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#323232), to(#1e1e1e)); background:-webkit-linear-gradient(#323232, #1e1e1e); background:-moz-linear-gradient(#323232, #1e1e1e); background:-ms-linear-gradient(#323232, #1e1e1e); background:-o-linear-gradient(#323232, #1e1e1e); background:linear-gradient(#323232, #1e1e1e); /*-pie-background:linear-gradient(#323232, #1e1e1e); behavior:url(/css/PIE.htc);*/ color:#fff; font-size:1.3em; margin:0; padding:11px 5px 13px; width:290px; } .trending h2 strong { background:url(../images/twitterbird.png) no-repeat; padding:0 10px 0 36px } .trending li { border-top:2px dotted #ccc; display:inline-block; padding:10px 8px; width:284px; } .trending li:first-child { border-top:0; } .trending li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .twchannel { float:left; width:65px; } .twshow { float:left; padding-top:2px; width:155px; } .twshow a { font-size:0.85em; font-weight:bold; } .twstats { float:right; padding-top:5px; width:55px; } .twbar { font-size:0.5em; height:15px; margin-bottom:8px; text-align:left; width:55px; background:#c8c6c7; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#d9d5d8), to(#c8c6c7)); background:-webkit-linear-gradient(#d9d5d8, #c8c6c7); background:-moz-linear-gradient(#d9d5d8, #c8c6c7); background:-ms-linear-gradient(#d9d5d8, #c8c6c7); background:-o-linear-gradient(#d9d5d8, #c8c6c7); background:linear-gradient(#d9d5d8, #c8c6c7); /*-pie-background:linear-gradient(#d9d5d8, #c8c6c7); behavior:url(/css/PIE.htc);*/ } .twbar span { border-top:1px solid #00bbde; display:block; height:14px; text-indent:-9999px; background:#008fc8; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#00add9), to(#008fc8)); background:-webkit-linear-gradient(#00add9, #008fc8); background:-moz-linear-gradient(#00add9, #008fc8); background:-ms-linear-gradient(#00add9, #008fc8); background:-o-linear-gradient(#00add9, #008fc8); background:linear-gradient(#00add9, #008fc8); /*-pie-background:linear-gradient(#00add9, #008fc8); behavior:url(/css/PIE.htc);*/ } .twno { text-align:center; } .twno span { background:#fff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; /*behavior:url(/css/PIE.htc);*/ color:#555; display:inline-block; font-size:0.85em; font-weight:bold; margin:0; padding:1px 7px 0; text-align:center; vertical-align:middle; width:auto; } .twno em { background:url(../images/trending-arrows.png) no-repeat 0 -15px; display:inline-block; height:16px; text-indent:-9999px; vertical-align:middle; width:15px; } .twno em.up { background-position:0 0; } .twno em.down { background-position:0 -30px; } /* Ticket Search Bar */ #searchtix { background:#333; height:43px; margin-bottom:15px; padding:9px 10px 0; text-align:center; } #searchtix input { background:#fff; border:1px solid #d6d6d6; color:#666; font-family:'Open Sans'; font-size:1.3em; font-weight:bold; height:21px; padding:5px 10px; vertical-align:middle; width:570px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; /*behavior:url(/css/PIE.htc);*/ } #searchtix label { display:none; } #searchtix button { background:url(../images/buttons.png) repeat-x top; border:0; color:#fff; display:inline-block; font-family:'Open Sans'; font-size:1.1em; font-weight:bold; line-height:31px; padding:0 8px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; /*behavior:url(/css/PIE.htc);*/ vertical-align:middle; } #searchtix button:hover { background-position:0 -40px; } /* Calendar */ #calendar { height:251px; margin-top:5px; width:300px; } #calendar th, #calendar td { padding:0; text-align:center; vertical-align:middle; width:42px; } #calendar .month th { background:#1e1e1e; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#323232), to(#1e1e1e)); background:-webkit-linear-gradient(#323232, #1e1e1e); background:-moz-linear-gradient(#323232, #1e1e1e); background:-ms-linear-gradient(#323232, #1e1e1e); background:-o-linear-gradient(#323232, #1e1e1e); background:linear-gradient(#323232, #1e1e1e); /*-pie-background:linear-gradient(#323232, #1e1e1e); behavior:url(/css/PIE.htc);*/ border-top:1px solid #3f3f3f; border-bottom:1px solid #1e1e1e; color:#fff; font-family:'Open Sans'; font-size:1.7em; height:42px; position:relative; } #calendar .month th div { position:relative; } #calendar #prevArrow, #calendar #nextArrow { background:url(../images/icons/cal-arrows.png) left top no-repeat; width:20px; height:20px; display:block; position:absolute; top:6px; } #calendar #prevArrow { left:12px; } #calendar #nextArrow { background-position:-26px top; right:12px; } #calendar #prevArrow:hover { background-position:left -24px; } #calendar #nextArrow:hover { background-position:-26px -24px; } #calendar .days th { background:#ccc; border-top:1px solid #b5b5b5; border-right:1px solid #b1b1b1; border-bottom:1px solid #b5b5b5; color:#444; font-family:'Open Sans'; font-size:0.85em; font-weight:bold; } #calendar .days th:first-child { border-left:1px solid #b1b1b1; } #calendar td { background:#fff; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; color:#000; font-size:1.3em; font-weight:bold; height:32px; } #calendar td:first-child { border-left:1px solid #d8d8d8; } #calendar td.date_has_event { background:url(../images/cal-corner.png) no-repeat 0 0 #fff; color:#f60; } #calendar td.date_has_event:hover { } #calendar td.padding { color:#ccc; } #calendar td.today { background-color:#211f20; color:#fff; } #calendar td a:link, #calendar td a:visited { color:#f60; } #calendar td.today a:link, #calendar td.today a:visited { color:#fff; } /* Paging */ .paging { background:#eee;clear:both;padding:5px 10px; text-align:center; } .cinema .singlebox .paging { border:1px solid #ccc; border-bottom:0; } .mancave .paging, .tickets .paging { background:#444; margin-top:20px; } .videocat .paging { background:#444; margin-top:10px; margin-bottom:20px; padding:5px 10px; text-align:center; } .paginglinks { display:inline-block; font-family:'Open Sans'; font-size:0.9em; padding:1px 0; } .paginglinkslabel{display:none;} .paginglinks strong, .paginglinks a:link, .paginglinks a:visited { background:url(../images/buttons.png) repeat-x 0 -160px #191919; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; /*behavior:url(/css/PIE.htc);*/ color:#fff; display:inline-block; line-height:2.7; padding:0 1px; min-width:25px; text-align:center; text-decoration:none; } .paginglinks strong, .paginglinks a:hover, .paginglinks a:active { background:url(../images/buttons.png) repeat-x 0 -40px #fa4500; } .pagelinks1 {font-size:1.2em;} .pagelinks1 strong, .pagelinks1 a:link, .pagelinks1 a:visited { background:url(../images/buttons.png) repeat-x 0 -160px #191919;line-height:36px;padding:0 2px;padding:0 2px;} .pagelinks1 strong, .pagelinks1 a:hover, .pagelinks1 a:active { background:url(../images/buttons.png) repeat-x 0 0 #fa4500; } .pagingprev {float:left; } .pagingnext {float:right; } .tvpaging .pagingprev {text-align:left; } .tvpaging .pagingnext {text-align:right; } .pagingprev span, .pagingnext span { background:url(../images/buttons.png) repeat-x 0 -3100px #333; color:#888; display:inline-block; font-family:'Open Sans'; font-size:1.2em; font-weight:bold; line-height:35px; padding:0 10px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; /*behavior:url(/css/PIE.htc);*/ } .bigpaging .pagingprev span, .pagingnext span { background:url(../images/buttons.png) repeat-x 0 -80px;font-size:1.2em;line-height:36px;} .tvpaging .pagingprev span, .pagingnext span { background:url(../images/buttons.png) repeat-x 0 -80px;font-size:0.9em;line-height:17px;} .mancave .pagingprev span, .mancave .pagingnext span, .tickets .pagingprev span, .tickets .pagingnext span { background:url(../images/buttons.png) repeat-x 0 -3100px #333; font-size:1.2em; } .mancave a.btnblack2:hover, .mancave a.btnblack2:active, .mancave a.btnblack2:focus, .tickets a.btnblack2:hover, .tickets a.btnblack2:active, .tickets a.btnblack2:focus { background-position:0 -350px; text-decoration:none; } .videocat .pagingprev span, .videocat .pagingnext span { background:url(../images/buttons.png) repeat-x 0 -470px #333; font-size:1.2em;} .videocat a.btnblack2:hover, .videocat a.btnblack2:active, .videocat a.btnblack2:focus { background-position:0 -350px; text-decoration:none; } /** Music Section **/ .videocat h2, .mancave h2{ color:#FFF} /* Music Landing Page */ .mancave .topcol { background:url(../images/music-top-bg.jpg) no-repeat center bottom; border-bottom:1px solid #2d2d2e; display:inline-block; margin:5px 0 15px; padding-bottom:0; width:940px; } .mancave .topcol:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* Gig Listings (Search Results) */ .giglistings { clear:both; } .giglistings h2 { background:#1e1e1e; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#323232), to(#1e1e1e)); background:-webkit-linear-gradient(#323232, #1e1e1e); background:-moz-linear-gradient(#323232, #1e1e1e); background:-ms-linear-gradient(#323232, #1e1e1e); background:-o-linear-gradient(#323232, #1e1e1e); background:linear-gradient(#323232, #1e1e1e); /*-pie-background:linear-gradient(#323232, #1e1e1e); behavior:url(/css/PIE.htc);*/ border:1px solid #3f3f3f; border-bottom:0; color:#fff; display:block; font-family:'Open Sans'; font-size:1.3em; margin:20px 0 0; padding:8px 16px 10px 12px; width:590px; } .giglistings h2:first-child { margin-top:5px; } .giglistings h3 { background:#3e3e3e; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#4d4d4d), to(#3e3e3e)); background:-webkit-linear-gradient(#4d4d4d, #3e3e3e); background:-moz-linear-gradient(#4d4d4d, #3e3e3e); background:-ms-linear-gradient(#4d4d4d, #3e3e3e); background:-o-linear-gradient(#4d4d4d, #3e3e3e); background:linear-gradient(#4d4d4d, #3e3e3e); /*-pie-background:linear-gradient(#4d4d4d, #3e3e3e); behavior:url(/css/PIE.htc);*/ border-top:1px solid #5f5f5f; border-right:1px solid #3f3f3f; border-left:1px solid #3f3f3f; color:#fff; font-weight:bold; padding:1px 16px 2px 12px; text-align:left; width:590px; } .giglistings .recommend h3 { background:#008fca; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#00b5db), to(#008fca)); background:-webkit-linear-gradient(#00b5db, #008fca); background:-moz-linear-gradient(#00b5db, #008fca); background:-ms-linear-gradient(#00b5db, #008fca); background:-o-linear-gradient(#00b5db, #008fca); background:linear-gradient(#00b5db, #008fca); /*-pie-background:linear-gradient(#00b5db, #008fca); behavior:url(/css/PIE.htc);*/ border-top:1px solid #00cde7; } .giglistings table { border-right:1px solid #3f3f3f; font-size:0.9em; width:100%; } .giglistings .recommend table { background:#212121; } .giglistings td, .giglistings th { border-bottom:1px solid #3f3f3f; border-left:1px solid #3f3f3f; padding:15px; vertical-align:middle; } .giglistings th { font-size:0.95em; width:50% } .giglistings th img { float:left; margin:3px 15px 20px 0; } .giglistings th strong { display:block; font-size:1.3em; padding-bottom:8px; } .giglistings td { font-size:1.1em; font-weight:bold; width:25% } .giglistings a:link,.giglistings a:visited { color:#000; } .giglistings .recommend {color:#bbb;} .giglistings .recommend a:link strong,.giglistings .recommend a:visited strong {color:#fff;} .giglistings .recommend a:link,.giglistings .recommend a:visited {color:#bbb;} .mancave .giglistings a:link strong,.music .giglistings a:visited strong,.tickets .giglistings a:link strong,.tickets .giglistings a:visited strong,.giglistings .recommend a:link strong,.giglistings .recommend a:visited strong { color:#fff; } .mancave .giglistings a:link,.music .giglistings a:visited, .tickets .giglistings a:link,.tickets .giglistings a:visited { color:#bbb; } .giglistings a.btn:link, .giglistings a.btn:visited { display: inline-block; font-size: 1em; line-height: 1em; margin: 0 auto; text-align: center; width: auto; padding: 6px; max-height: 20px; vertical-align: sub; padding-bottom: 8px; } .giglistings div.icns { padding-top:12px; text-align:center; width:124px; } .giglistings div.icns a:link, .giglistings div.icns a:visited { background:url(../images/icons/icns-colour.png) no-repeat -153px -173px; display:inline-block; float:left; height:24px; margin:0 6px 5px 0; text-indent:-9999px; vertical-align:middle; width:32px; } .giglistings div.icns a.icnfav:link, .giglistings div.icns a.icnfav:visited { background-position:-153px -199px; width:23px; } .giglistings div.icns a.icnsms:link, .giglistings div.icns a.icnsms:visited { background-position:-153px -259px; width:25px; } .giglistings div.icns a.icnmail:link, .giglistings div.icns a.icnmail:visited { background-position:-153px -289px; } .giglistings div.icns a.icncal:link, .giglistings div.icns a.icncal:visited { background-position:-153px -228px; margin-right:0; width:26px; } /* Venue Page + Festivals */ .venue h1 { border-bottom:1px solid #3d3d3d; margin:2px 0 20px; padding:0 0 5px; } .giglistings.festivals { padding-top:20px; } .giglistings.festivals h2 { background:url(../images/h-line.gif) repeat-x 0 50% #fff; border:0; font-size:1.6em; margin:0 0 10px 0; padding:0; width:620px;color:#000; } .giglistings.festivals h2 strong { background:#fff; } .venue .giglistings h3, .giglistings.festivals h3 { background:#1e1e1e; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#323232), to(#1e1e1e)); background:-webkit-linear-gradient(#323232, #1e1e1e); background:-moz-linear-gradient(#323232, #1e1e1e); background:-ms-linear-gradient(#323232, #1e1e1e); background:-o-linear-gradient(#323232, #1e1e1e); background:linear-gradient(#323232, #1e1e1e); /*-pie-background:linear-gradient(#323232, #1e1e1e); behavior:url(/css/PIE.htc);*/ border:1px solid #3f3f3f; border-top:0; border-bottom:0; color:#fff; display:block; font-family:'Open Sans'; font-size:1.3em; margin:0; padding:8px 16px 10px 12px; width: calc(100% - 30px);} .venue .giglistings h3:first-child, .giglistings.festivals h3:first-child { border-top:1px; margin-top:5px; } .festival .mainpic { float:left; /*width:140px;*/ } /** Tickets Section **/ .tickets .topcol { background:url(../images/music-top-bg.jpg) no-repeat center bottom; border-bottom:1px solid #2d2d2e; display:inline-block; margin:5px 0 15px; padding-bottom:0; width:940px; } .tickets .topcol:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .tickets .topcolclientpage { background:none; border-bottom:1px solid #2d2d2e; display:inline-block; margin:5px 0 15px; padding-bottom:0; width:940px; } .tickets .topcolclientpage:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .tickets .giglistings a:link, body.tickets .giglistings a:visited { color:#fff; } .itemsgrid { list-style: none outside none; margin: 0; padding: 0; } .itemreview { height: 160px; margin: 0 16px 15px 0; float: left; position: relative; } a.caption { background: url("/images/elements/blackTransparentGr.png") repeat-x scroll left top transparent; bottom: 0; color: #FFFFFF; font-weight: bold; height: 60px; left: 0; margin-left: -5px; padding: 5px 8px 0; position: absolute; width: 140px; } .tickets .related { background-color: #000000; clear: both; } .tickets .related h2 strong { background-color: #000000; } .tickets .related li:first-child, .tickets .related li.firstcol { margin-left: 13px; } /* Restaurants */ /*#restauranttabs { display:inline-block; margin-top:5px; width:620px; } #restauranttabs:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }*/ #restauranttabs h1 { background:#212121; color:#fff; float:left; font-size:1em; height:27px; line-height:normal; margin:0 2px 0 0; min-width:150px; padding:10px 15px 0; width:auto; } #restauranttabs p { float:left; font-size:1em; font-weight:bold; line-height:normal; margin:0; width:auto; } #restauranttabs p a:link, #restauranttabs p a:visited { background:#656565; color:#fff; display:block; height:27px; min-width:150px; padding:10px 15px 0; } #restauranttabs p a:hover, #restauranttabs p a:active, #restauranttabs p a:focus { background:#f60; } #restaurantsearch { background:#212121; color:#fff; display:inline-block; padding:8px 5px 8px 15px; width:600px; } #restaurantsearch:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #restaurantsearch h3 { display:inline; font-family:'Open Sans'; font-size:0.85em; font-weight:bold; padding-right:10px; vertical-align:middle; } #restaurantsearch form, #restaurantsearch ul, #restaurantsearch li { display:inline; } #restaurantsearch label { display:inline; font-family:'Open Sans'; font-size:0.85em; font-weight:bold; padding:0 10px; vertical-align:middle; } #restaurantsearch #chooserestaurant label { display:none; } #restaurantsearch select { background:#edeced; border:0; color:#666; font-family:'Open Sans'; font-size:0.9em; font-weight:bold; margin:0; padding:3px 4px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; /*behavior:url(/css/PIE.htc);*/ vertical-align:middle; width:130px; } #restaurantsearch #chooserestaurant { margin-right:5px; } #restaurantsearch input { background:url(../images/buttons.png) repeat-x top; border:0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; /*behavior:url(/css/PIE.htc);*/ color:#fff; display:inline-block; font-family:'Open Sans'; font-size:1.1em; font-weight:bold; line-height:normal; padding:2px 4px; text-align:center; vertical-align:middle; } #restaurantsearch button:hover { background-position:0 -40px; } .restaurant #map { margin-top:5px; margin-bottom:20px; } .latestcomments { background:#222; color:#fff; margin-bottom:20px; padding:5px 10px 20px; } .latestcomments li { border-top:1px dotted #555; margin-top:13px; padding-top:13px; } .latestcomments li:first-child { border-top:0; margin-top:3px; padding-top:3px; } .latestcomments li h4 { font-size:1.15em; font-weight:bold; margin-bottom:7px; } .latestcomments li span.rating { display:inline-block; float:none; margin:0 0 0 5px; vertical-align:middle; } .latestcomments li a:link, .latestcomments li a:visited { color:#fff; } .latestcomments li p { color:#eee; font-size:0.85em; line-height:1.5; } .latestcomments li p em { color:#ccc; display:inline-block; font-size:0.95em; margin-top:7px; } #photoslideshow { height:404px; margin:0 auto; overflow:hidden; width:510px; } #photoslideshow .strip_wrapper, .nav-next, .nav-prev, .pointer { margin-top:12px; } #details { border-top:1px solid #ddd; display:inline-block; font-weight:bold; margin:10px 0 0; padding:10px 0; width:620px; } #details:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #details p { float:left; margin-bottom:0; padding-left:10px; width:400px; } #details div { float:right; padding-right:10px; text-align:right; width:200px; } #description { display:inline-block; padding-top:10px; width:620px; } #description:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #offer { background:#1e1e1e; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#323232), to(#1e1e1e)); background:-webkit-linear-gradient(#323232, #1e1e1e); background:-moz-linear-gradient(#323232, #1e1e1e); background:-ms-linear-gradient(#323232, #1e1e1e); background:-o-linear-gradient(#323232, #1e1e1e); background:linear-gradient(#323232, #1e1e1e); /*-pie-background:linear-gradient(#323232, #1e1e1e); behavior:url(/css/PIE.htc);*/ border:1px solid #3f3f3f; border-top:0; border-bottom:0; color:#fff; display:inline-block; margin:0 0 20px; padding:10px 12px 10px 12px; width:596px; } #offer:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #offer h4 { color:#fc1; display:inline; float:left; font-family:'Open Sans'; font-size:1.2em; margin:0; padding:0 5px 0 0; } #offer p { display:inline; float:left; font-weight:normal; margin:0; padding:2px 0 0; } #other { border:1px solid #ddd; display:inline-block; padding:8px 20px 5px; width:580px; } #other:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #other dt { background:url(../images/icons/icns-restaurant.png) no-repeat; border-top:1px solid #ddd; float:left; font-weight:bold; padding:10px 0 10px 40px; width:180px; } #other dt.mains { background-position:0 -95px; border-top:0; } #other dt.cuisine { background-position:0 -130px; } #other dt.price { background-position:3px -161px; } #other dt.times { background-position:2px -193px; } #other dt.chef { background-position:0 -267px; min-height:58px; } #other dt.awards { background-position:0 -228px; } #other dd { border-top:1px solid #ddd; float:left; padding:10px 0; width:360px; } #other dd a:link, #other dd a:visited { font-weight:bold; } #other dd.mains { border-top:0; } #other dd.cuisine { } #other dd.price em { margin:2px 0 3px; } #other dd.times { } #other dd.chef { min-height:58px; } #other dd.awards p { margin-bottom:8px; } #menus { padding-bottom:10px; } #menu0, #menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8 { background:#222; color:#fff; margin-bottom:10px; padding-bottom:0px; } #menus .title { padding:10px 12px 12px 22px;cursor: pointer; } #menus .title strong { font-family:'Open Sans'; font-size:1.2em; font-weight:bold; } #menus .title em { color:#ccc; font-size:0.8em; font-style:normal; padding-left:5px; } #menus .heading { background:#acacac; color:#222; font-weight:bold; padding:4px 12px; text-align:center; } #menus .product { font-size:0.85em; padding:12px 12px 0; } #menus span.price { font-size:1em; font-weight:bold; margin-top:0; margin-bottom:10px; } #nearby {} #nearby li { background:url(../images/icons/icns-restaurant.png) no-repeat 0 -76px; margin-bottom:4px; padding-left:25px; } #nearby li a:link, #nearby li a:visited { color:#222; } /** Homepage **/ /* Features */ .features { display:inline-block; padding:0 0 20px; width:620px; } .features:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .features .feature { background:#222; color:#fff; margin-bottom:10px; padding:15px; } .features .feature a:link, .features .feature a:visited { color:#fff; } .features .feature { margin-bottom:10px; } .features .feature h3 { font-weight:bold; padding:0 0 5px; position:relative; } .features .feature h3 img { margin-bottom:5px; } .features .feature h3 strong { font-size:1.3em; } .features .feature h3 span.date { background:url(../images/labels.png) no-repeat 100% 0; color:#fff; display:block; font-family:'Open Sans'; font-size:0.85em; font-style:normal; font-weight:bold; height:29px; left:-6px; padding:0 10px 0 0; position:absolute; top:220px; } .features .feature h3 span.date span { background:url(../images/labels.png) no-repeat 0 0; display:block; height:23px; padding:3px 10px 3px 15px; } .features .feature p { font-size:0.85em; margin:0 0 2px; } .features .movielist li { border:0; clear:none; display:inline-block; line-height:1.25; padding:0 0 12px; width:140px; } .features .movielist li:first-child { padding-top:0; } .features .movielist li.odd { margin-right:20px; float:left; } .features .movielist li img { float:none; padding:0 0 6px 0; } .features .movielist li strong { font-size:1em; } .features .movielist li span.date { left:-5px; top:110px; } .features .movielist li span.date span { padding:2px 4px 4px 6px; } /** News listings **/ /***** labels (HP,Mancave,Travel) *****************/ div.newslist li,.home .rightcol .movielist li, .mancave.music .newslist li { position:relative; } div.newslist li span.label,.mancave .newslist li span.label { background:url(../images/labels.png) no-repeat 100% 0; color:#fff; display:block; font-family:'Open Sans'; font-size:0.85em; font-style:normal; font-weight:bold; height:29px; left:-6px; padding:0 10px 0 0; position:absolute; top:115px; } .mancave .newslist li span.label {background:url("/images/man-cave/label.png") no-repeat 100% 0;} div.newslist li:first-child span.label, .mancave.music li:first-child span.label {top:100px;} div.newslist li span.label span { background:url(../images/labels.png) no-repeat 0 0; display:block; height:23px; padding:3px 10px 3px 15px; } .mancave.music .newslist li span.label span { background:url("/images/man-cave/label.png") no-repeat 0 0;} .travel span.label, .travel span.label span {text-shadow:1px 1px 0px rgba(0,0,0,.3); background-image: url("../images/labels2.png") !important;} .travel span.friends, .travel span.friends span {background-position: 0 -41px !important;} .travel span.couples, .travel span.couples span {background-position: 0 -80px !important;} /*----------------------------Man Cave Labels----------------------------*/ /** More Landing Page **/ /* Lotto */ .lotto { margin-bottom:10px; } .lotto p { margin:0; } #lotto-numbers {} #lotto-numbers ol li { color: #003366; font-size: 1.1em; font-weight: bold; list-style: none; margin: 0; padding: 10px 0; } #lotto-numbers ol li.lotto-classic, #lotto-numbers ol li.lotto-plus, #lotto-numbers ol li.lotto-plus2 { width:620px; } #lotto-numbers ol li ol li, ol.lotto-numbers li {background: url("/images/play_and_win/lottoBalls.png") no-repeat scroll left top transparent; color: #FFFFFF; float: left; font-size: 1.15em; list-style: none outside none; margin-right: 2px; padding: 9px 15px 15px 13px; text-align: center; font-family:'Open Sans'; } #lotto-numbers ol li ol li.bg_2, ol.lotto-numbers li.bg_2 { background: url("/images/play_and_win/lottoBalls.png") no-repeat scroll left -53px transparent; } #lotto-numbers ol li ol li.bonus, ol.lotto-numbers li.bonus { background: url("/images/play_and_win/lottoBalls.png") no-repeat scroll left -105px transparent; margin-left:45px; } #lotto-numbers ol li ol { float:left; margin:-11px 0 0 0; width:460px; } #lotto-numbers ol li h4 { color:#111; float:left; font-size:1.2em; width:160px; margin: 0; padding-top: 4px; } /** Competitions **/ div.competitionsDisplay .item-detail img.thumb-left {width: 200px;} /*** FOOTER ----------------------------------------------------------------------------------------------------------- ***/ #foot { border-top:30px solid #fff; color:#fff; margin:15px auto; padding:0 22px; text-align:left; width:940px; min-height:300px; background:#2b2b2b; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#2b2b2b), to(#1f1f1f)); background:-webkit-linear-gradient(#2b2b2b, #1f1f1f); background:-moz-linear-gradient(#2b2b2b, #1f1f1f); background:-ms-linear-gradient(#2b2b2b, #1f1f1f); background:-o-linear-gradient(#2b2b2b, #1f1f1f); background:linear-gradient(#2b2b2b, #1f1f1f); /*-pie-background:linear-gradient(#2b2b2b, #1f1f1f); behavior:url(/css/PIE.htc);*/ } #foot a:link, #foot a:visited { color:#fff; } #foot h3 { border-bottom:1px solid #4f4f4f; margin-bottom:15px; padding-bottom:8px; } #foot ul { display:inline; float:left; width:480px; } #foot li { display:inline; float:left; font-family:'Open Sans'; font-size:1.25em; font-weight:bold; padding:0 20px 25px 0; width:100px; } #foot li.long { float:right; } #foot li.first { clear:both; } #foot li a.small { font-size:0.8em; line-height:0.9;} #foot ul ul { display:block; float:none; padding-top:12px; width:100px; } #foot li li { display:block; float:none; font-family:helvetica,arial,sans-serif; font-size:0.7em; padding:0 0 3px; } #foot li li a:link { color:#ddd; } #f-mid { float:left; width:220px; } #f-mid h4 { font-family:'Open Sans'; font-size:1.2em; font-weight:bold; } #f-mid p { font-size:0.9em; padding:12px 0; } #f-mid p#f-weather { display:inline-block; font-size:1em; text-align:center; width:100%; } #f-weather:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #f-weather img { float:left; height:92px; width:92px; } #f-weather strong { display:inline-block; font-size:4.25em; font-weight:normal; line-height:0.85; padding-top:12px; } #f-weather a:link { display:inline-block; font-size:1.5em; font-weight:normal; text-align:center; } #f-weather a span { background:url(../images/icons/icns-bw.png) no-repeat -550px -100px; display:inline-block; height:10px; vertical-align:middle; width:6px; } #f-weather em { color:#5ba6a8; display:inline-block; font-size:0.85em; font-style:normal; padding-top:7px; width:100%; } #f-weather em:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #f-weather em a:link, #f-weather em a:visited { color:#5ba6a8; display:inline; font-size:1em; font-weight:normal; padding:0; } #f-team h4 { border-top:1px solid #4f4f4f; margin-top:10px; padding-top:15px; } #f-team ul{ display:inline-block; float:none; padding-top:8px; width:220px; } #f-team ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #f-team ul li { float:left; padding:0 0 0 4px; width:52px; } #f-team ul li.first { padding-left:0; } #f-team p { font-size:1em; padding:6px 0 0; } #f-team p a:link { background:#464447; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#464447), to(#2d2b2c)); background:-webkit-linear-gradient(#464447, #2d2b2c); background:-moz-linear-gradient(#464447, #2d2b2c); background:-ms-linear-gradient(#464447, #2d2b2c); background:-o-linear-gradient(#464447, #2d2b2c); background:linear-gradient(#464447, #2d2b2c); /*-pie-background:linear-gradient(#464447, #2d2b2c); behavior:url(/css/PIE.htc);*/ -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#fff; display:block; font-family:'Open Sans'; font-weight:bold; padding:4px 10px; } #f-right { float:right; width:220px; } #f-right h4 { border-top:1px solid #4f4f4f; font-family:'Open Sans'; font-size:1.25em; font-weight:bold; padding-top:12px; } #f-right h4:first-child { border:0; padding:0;} #f-right p { padding:10px 0 15px; } #f-right p a { padding-left:12px; } #f-right p a:first-child { padding-left:0; } #f-right p a img { vertical-align:middle; } #f-right p a strong { color:#33ccff; display:inline-block; font-size:0.8em; padding-left:2px; vertical-align:middle; width:50px; } #f-right p a:first-child strong { color:#6583c1; width:58px } #f-btm { border-top:1px solid #4f4f4f; clear:both; color:#eee; font-size:0.75em; padding:23px 0 8px; } #f-btm a:link { padding:0 4px; } /*** Float containers fix (http://www.csscreator.com/attributes/containedfloat.php) ***/ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix,.inblk { display:inline-block;} /*The below CSS will add any 300px div a grey background and a subtle border.*/ .makeitgrey { background:#eee; border:1px solid #ccc; margin-bottom:10px; padding:8px 0 8px 8px; } .makeitgrey h2 { margin-right:8px; margin-bottom:10px; } .makeitgrey h2 strong { background:#eee; } .makeitgrey ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .makeitgrey li { width:280px !important; padding:7px 4px 0 0; margin:0 0 7px 0;} .makeitgrey li img { float:left; } .makeitgrey li span.btns a:link{ margin-left:2px; padding:3px 2px 3px 2px; } .relatedlinks p {margin-bottom:0.6em;} .relatedlinks {padding:10px 15px;} .mancave .makeitgrey {background:#212121;} .mancave .makeitgrey p strong{color:#FFF;} .makeitdarkgrey { background:#222; border:none; margin-bottom:10px; padding:8px 0 8px 8px; } /*Error Page*/ .errorPage{padding-top:10px; float:right;} .errorPage h1{font-size:2em; font-family:'Open Sans'; /*font-size:1.8em;*/} .error_box,.success_box { background: none repeat scroll 0 0 #FFED9E;border: 2px solid #FF6600;border-radius: 5px 5px 5px 5px;color: #444444;display:none;font-size:13px;margin: 0 0 15px;padding:8px; } /* permanent exhib */ .permanentEx {display:block; color:#fff !important; background:#3e3e3e; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#4d4d4d), to(#3e3e3e)); background:-webkit-linear-gradient(#4d4d4d, #3e3e3e); background:-moz-linear-gradient(#4d4d4d, #3e3e3e); background:-ms-linear-gradient(#4d4d4d, #3e3e3e); background:-o-linear-gradient(#4d4d4d, #3e3e3e); background:linear-gradient(#4d4d4d, #3e3e3e); margin: -9px -16px 0px 0px; /margin: -33px -16px -10px 0px /*Do not delete this, it will change the margin only for ie7*/; padding:8px; float:right; position:static; height: 27px;} .permanentEx:hover {color:#fff !important; background:#5e5e5e; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#515151), to(#5e5e5e)); background:-webkit-linear-gradient(#515151, #5e5e5e); background:-moz-linear-gradient(#515151, #5e5e5e); background:-ms-linear-gradient(#515151, #5e5e5e); background:-o-linear-gradient(#515151, #5e5e5e); background:linear-gradient(#515151, #5e5e5e); text-decoration:none; } /* 8202020 Cab ad integration in Cinema listings and Restaurant listings */ .eight-twenty-twenty-twenty {background:url("http://entertainment.ie/images/icons/clients/8202020.png")left 0 no-repeat ;width:124px;height:26px;display:inline-block;margin:-1px 0 0 5px;float:left;} .eight-twenty-twenty-twenty:hover {background-position:left -26px;} .eight-twenty-twenty-twenty-featured-restaurant {background:url("http://entertainment.ie/images/icons/clients/8202020.png")left 0 no-repeat ;width:124px;height:26px;display:inline-block;margin:-1px 124px 0 5px;float:right;} .eight-twenty-twenty-twenty-featured-restaurant:hover {background-position:left -26px;} /* ad integration in Cinema listings */ .cinema-integrated-listings {background:url("http://entertainment.ie/images/sponsor/odeon/odeon-cinema-listings-button.png")left 0 no-repeat ;width:140px;height:25px;display:inline-block;margin:0;float:left;} .cinema-integrated-listings:hover {background:url("http://entertainment.ie/images/sponsor/odeon/odeon-cinema-listings-button-flip.png")left 0 no-repeat ;width:140px;height:25px;display:inline-block;margin:0;float:left;} /* ODEON Priority Cinema listings */ .showallcinema {background:url(../images/buttons.png) repeat-x top; border:0; color:#fff; display:inline-block;float:right;font-family:'Open Sans'; font-size:1.6em; font-weight:bold; margin:15px 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:3px 40px;width:540px;text-align:center;} .showallcinema a:link, .showallcinema a:visited,.showallcinema a:active, .showallcinema a:focus {color:#fff;text-decoration:none;} .showallcinema a:hover {background-position:0 -40px;color:#fff;text-decoration:none;} /* christmas movie guide button - */ span.xmasmovieguide { background: url("http://entertainment.ie/microsite/christmas-guide/images/listing-days-bg.png") repeat scroll 0 0 transparent; display:inline-block; font-size: 1.2em; font-weight: bold; padding: 4px 8px 2px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .xmasmovieguide a:link,.xmasmovieguide a:hover,.xmasmovieguide a:visited{color:#fff;text-decoration:none;} .christmasmovieguide {margin-bottom:15px;} #menu .submenu li .tvmovies {color: #F0DA15;} .xmasmovieguide img{vertical-align: bottom;} /** man cave 10/04/2013 **/ body.mancave.music { background:url("/images/man-cave/manCaveBG.jpg") center 0 no-repeat fixed #000} body.mancave.music #head {background:none !important;} /*body.mancave.music #h-top {margin:0; width:984px; height:70px; -moz-border-radius: 0 0 9px 9px; -webkit-border-radius: 0 0 9px 9px; border-radius: 0 0 9px 9px; /* future proofing */ -khtml-border-radius: 0 0 9px 9px; /* for old Konqueror browsers */ } body.mancave.music #h-ads {margin:0;}*/ .mancave.music #foot{margin-top:0;} .mancave.music .banner.mpu {margin-bottom:15px;} /*---------------------------- Man Cave Table General----------------------------*/ .mancave.music .related, .mancave.music .nownext {background:#07181d;} .mancave.music .nownext th{background:#002a35; border-color:#00323e; border-top:1px solid #00323e;} .mancave.music .nownext td, .mancave.music .nownext table{border-color:#00323e;} .mancave.music .NoViewCounter {color:#f1e620; background-image:url("/images/man-cave/icns-bw.png") !important; } /*---------------------------- Man Cave Headings----------------------------*/ .mancave.music #cont h2, .mancave.music h1.h2 { background:url("/images/man-cave/carbonHeading.png") repeat-x #000; padding:5px; } .mancave.music #cont h2 strong, .mancave.music #cont h1.h2 strong{ background:none !important; } .mancave.music #cont .nownext h2, .mancave.music #cont .related h2 {margin:-7px -10px 10px -10px; background:url("/images/man-cave/carbonHeading2.png") repeat-x #000; padding:5px 5px 3px 5px;} .mancave.music #banners div strong { background-image:url("/images/man-cave/eric50opacity.png") ; padding:11px 13px 26px 84px; max-width:500px;} .mancave.music #slidetabs {left:88px;} .mancave.music #overlay div.contentWrap{border:1px solid #222;} .mancave.music div.contentWrap #cont{width:938px;} /*---------------------------- cookies Warning ----------------------------*/ #cookiesWarningActive {background: #4c4c4c; /* Old browsers */ background: -moz-linear-gradient(top, #4c4c4c 0%, #222222 63%, #111111 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(63%,#222222), color-stop(100%,#111111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4c4c4c 0%,#222222 63%,#111111 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4c4c4c 0%,#222222 63%,#111111 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4c4c4c 0%,#222222 63%,#111111 100%); /* IE10+ */ background: linear-gradient(to bottom, #4c4c4c 0%,#222222 63%,#111111 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#111111',GradientType=0 ); /* IE6-9 */ ;color: #fff;font-size:13px;font-family: sans-serif; margin:0px auto;padding:10px;position:relative;width:964px;z-index:3;} #text { display:inline-block; padding-top: 5px;} #text a {color: #fff;} #hidenoticebutton {display:block;float:right;padding:4px;background:#fff; color: #000; border: none; border-radius: 3px; font-size:10px; text-decoration:none;border:1px #fff solid; } #hidenoticebutton:hover { background:#666; color:#fff; } /*---------------------------- Customizable Like Button ----------------------------*/ .LikeBtn {background:url('http://entertainment.ie/images/icons/LikeIcon.png') #f0f1f5 left top no-repeat ; display:inline-block; font-family:'Open Sans'; color: #5b6faa; font-weight:bold; padding:10px 20px 10px 60px; font-size:14px; -moz-border-radius: 8px;-webkit-border-radius: 8px; border-radius: 8px; /* future proofing */-khtml-border-radius: 8px; /* for old Konqueror browsers */ border:2px solid #5b6faa; } /*---------------------------- EatCity Widget ----------------------------*/ .EatCityWidget #EatCityFormContainer { background: url("/images/sponsor/eatcity/bg_textureGreen.png") repeat scroll left top #939B50; border: solid 2px #676B2E; width: 300px; height: 250px; margin:0 0 20px 0; } .EatCityWidget #EatCityFormContainerLogo { background: url("/images/sponsor/eatcity/eatcity-logo.png") #ffffff center top no-repeat; border: solid 2px #676B2E; margin: 10px 0 0 8px; width: 280px; height: 105px; } .EatCityWidget #EatCityForm { display: inline-block; line-height: 1.8; color:#5e5e5e; margin: 20px auto; } .EatCityWidget #EatCitySelectContainer { margin: 0 10px 0; } .EatCityWidget #EatCitySelectContainer label{ display: block; line-height:18px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; } .EatCityWidget #EatCitySelect { display: block; width: 280px; height: 30px; margin: 5px 0; line-height:18px; font-family:Arial, Helvetica, sans-serif; color: #666; font-weight: bold; padding:2px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #676B2E; } .EatCityWidget #EatCityFormSubmitButton { /*background: url("/pages/budgetAir-Etihad/images/purpleButton.png") repeat scroll left top transparent;*/ background: repeat scroll left top #A72203; display: block; border: 1px solid #721C10; float: right; font-family:Arial, Helvetica, sans-serif; font-size: 14px; height: 28px; margin: 5px 0; padding: 2px 20px; color: #FFFFFF; font-weight: bold; width: 96px !important; } /*---------------------------- Listings 2014 ----------------------------*/ .noRightMargin {margin-right:0 !important;} /*.lsect #maincol {width:80%;}*/ /*.lsect #maincol .listing{ width:calc(80% - 40px);}*/ .lsect #maincol h2 strong {background-color:#fff; color:#222;} .lsect .listings {margin:10px 0;width:100%;} .lsect .listings li{position:relative; overflow:hidden; padding:0 10px 5px 0; border-bottom:1px solid #d3d3d3;;} .lsect .listings .listingHeader { padding:0 0 0 90px;} .lsect .listings .listingHeader .title {float:left; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:1.5em; display:block; margin-top:5px;} .lsect .listings .listingDetails{float:left; width:100%;} .lsect .listings .listingDetails .description{padding:10px 0 0 90px; clear:both;} .lsect .listings .listingDetails .description img{float:left; margin:0 10px 10px 0} .lsect .listings .listingDetails .venue{text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8); font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:14px; background-color:#0099cc; color:#FFF; padding:5px 10px; margin:0 5px 2px 0; display:inline-block;font-weight:bold; position:relative;} .lsect .listings .listingDetails .datevalue{text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8); font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:14px; background-color:#ff6600; color:#FFF; padding:5px 10px; margin:0 5px 2px 0; display:inline-block;font-weight:bold; position:relative;} .lsect .listings .date{background:url("/images/dateBG.png") right top no-repeat #000; width:66px; font-family:'Open Sans', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-align:center; height:100%; line-height:1.4em; float:left; position:absolute;} .lsect .listings .date div {position:absolute; top:10%; width:66px;} .lsect .listings .date .month{text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); display:block; padding:5px 5px 0 5px; font-size:14px; margin-top:10% } .lsect .listings .date .number{ font-size:28px; background-color:#000; border-bottom:1px solid #4a4a4a; padding:4px 5px;display:block; margin-bottom:2px;} .lsect .listings .date .monthsmall{font-size:12px;} .lsect .listings .date .datetoday{font-size:12px;} .lsect .listings .date .datetomorrow{font-size:9px;} .lsect .listings .date .numbersmall{font-size:16px;} .lsect .listings .date .day{text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); display:block; padding:0 5px 5px 5px; font-size:14px; } .lsect .listings .listingFooter{ border-top: 2px dotted #d0d0d0; padding:10px 0 0 0; margin:10px 0 0 90px; clear:both;} .lsect .listings .listingFooter .ticketsInfo {font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:12px; float:left;line-height:1em;} .lsect .listings .listingFooter .ticketsInfo a:link, .lsect .listingFooter .ticketsInfo a:visited{color:#000;} .lsect .listings .listingFooter .ticketsInfo a:active, .lsect .listingFooter .ticketsInfo a:hover{ text-decoration:none; } .lsect .listings .listingFooter .pointerBtnOr{text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.6); font-size:11px; background:url("/images/leftArrowOr.png") left top no-repeat; color:#FFF; padding:2px 7px 3px 16px; margin:0 5px 2px 13px; display:inline-block;font-weight:bold; position:relative;} .lsect .listings .listingFooter a:hover .pointerBtnOr, .lsect .listings .listingFooter a:hover .pointerBtnOr {background-position:left -17px;} .lsect .listing {padding:20px;} .lsect .listing img{float:left; margin:0 10px 10px 0; width:30%} .lsect .listing .eventDetails {float:left; width:calc(70% - 10px);} .lsect .listing .eventDetails h1 {font-weight:bold; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:1.5em; } .lsect .listing .eventDetails h4 {margin:8px 0 8px 0; padding:0 0 8px 0; border-bottom:solid 1px #eee;} .lsect .listing .eventDetails p{margin-bottom:.7em;} .lsect .listing .eventDetails p.venue{} .lsect .listing .eventDetails p.calendar{border-bottom:1px solid #eee; padding:0 0 8px 0;} .lsect .listing .eventDetails p i {margin-right:1.1em} .lsect .listing .venueDetails {background-color:#222; padding:10px; margin-top:20px; color:#fff;} .lsect .listing .venueDetails p {font-size:12px; position:relative; margin:0 0 0 0; padding:0 0 5px 80px;} .lsect .listing .venueDetails .line{border-bottom: 1px solid #000; box-shadow: 0 1px 0 #303030; display:block; height:1px; width:100%; margin-bottom:10px;} .lsect .listing .venueDetails p span{position:absolute; left:10px; font-weight:bold;} .lsect .listing .venueDetails .addthis_toolbox {padding:0px 0 8px 9px;} .lsect .listing .map {width:100%;} .lsect .listing p {clear:both; margin-bottom:1.2em;} .lsect .listing a.ticketsInfo {font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:12px; } .lsect .listing a.ticketsInfo:link, .lsect .listing a.ticketsInfo:visited{color:#000;} .lsect .listing a.ticketsInfo a:active, .lsect .listing a.ticketsInfo:hover{ text-decoration:none; } .lsect .listing a.ticketsInfo .pointerBtnOr{text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.6); font-size:11px; background:url("/images/leftArrowOr.png") left top no-repeat; color:#FFF; padding:1px 7px 1px 16px; margin:0 5px 2px 13px; display:inline-block;font-weight:bold; position:relative;} .lsect .listing a.ticketsInfo:hover .pointerBtnOr, .lsect .listing a.ticketsInfo:active .pointerBtnOr {background-position:left -17px;} .lsect .sharingBtns{float:right; width:75px;} /*Basic Listings*/ .lsect .listings .details {font-family:'Open Sans', Arial, Helvetica, sans-serif; text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.6); font-size:11px; background:#ff6600; color:#FFF; padding:0 4px ;display:inline-block;font-weight:bold;padding:3px 5px 2px; } .lsect .listings .basic .venue{text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8); font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:14px; background-color:#0099cc; color:#FFF; padding:0px 4px; display:inline;font-weight:bold; position:relative;} .lsect .listings .basic .venue:hover{text-decoration:none;} .lsect .listings .basic .date .month{margin-top:0 } .lsect .listings .basic .date div {top:0;} .lsect .listings .basic .sharingBtns {padding:10px 0 0 0; margin-top:-15px; } /* was .listings .basic .listingDetails{width:70%; width: calc(100% - 120px); float:left; min-height:70px;} */ .lsect .listings .basic .listingDetails{width:70%; width: 100%; float:left; min-height:70px;} .lsect .listings .basic .listingFooter {border:0px; display:block; } /*Position Listings */ .lsect .listings .position {background:url("/images/positionBg.png")top left repeat-x #f8d968; z-index:2; -moz-box-shadow: inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; -moz-box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.4); box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.4); border-bottom:none; } .lsect .listings .position .description { font-size:1.2em;} .lsect .listings .position .date{background:url("/images/dateBG-feat2.png") right top no-repeat #e14000;} .lsect .listings .position .date .number{background-color:#df3a02; border-bottom-color:#ed8b61;} .lsect .listings .position .listingHeader .title { font-size:1.7em;} .lsect .listings .position .listingFooter {border-top:2px dotted #FFFACF; } .lsect .listings .featuredStrip {background: url("/images/27x27logo.png")4px 1px no-repeat #0099CD; position:absolute; bottom:0; left:0; z-index:2; width:100%; height:27px; display: block; margin:0; font-family:'Open Sans', Arial, Helvetica, sans-serif; padding:3px 0 0 32px; color:#fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8); } .lsect .listings .position .images{ width:35%; /*min-height:182px; */ margin:0 10px 0 0; float:left; position:relative; overflow:hidden; min-width: 180px;} .lsect .listings .position .images img{width:100%; margin:0; } .lsect .listings .position .images li{border-top:2px; } /*Prominence Listings */ .lsect .listings .prominence {background:url("/images/prominenceBg.png") bottom left repeat-x #fdf4d5;} .lsect .listings .prominence .listingFooter {border-top:2px dotted #fffbef; } /*Prominence Listings */ .lsect .separator{background: #333;height: 0;z-index: 10; -moz-box-shadow: 0 5px 4px -4px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 4px -4px rgba(0, 0, 0, 0.5); margin: -1px 0 0 0; -webkit-box-shadow: 0 5px 4px -4px rgba(0, 0, 0, 0.5); border-top: 1px solid #666; border-bottom: none !important; } /*----------------------Slider--------------------------------------*/ .lsect .slider { position: relative; overflow: auto; } .lsect .slider ul li { float: left; margin:0; padding:0; list-style: none;} .lsect .unslider-arrow {display:block; width:29px; height:/* Firefox */ height: -moz-calc(100% - 6px); /* WebKit */ height: -webkit-calc(100% - 6px); /* Opera */ height: -o-calc(100% - 6px); /* Standard */ height: 100%; background:url("/images/arrows.png")left center no-repeat; position:absolute; z-index:99;} .lsect .unslider-arrow.prev {left:0;} .lsect .unslider-arrow.next {right:0; background-position:right center} /*----------------------Secondary Column--------------------------------------*/ .lsect #secondaryCol #listingsearch {height:auto;} .lsect #secondaryCol{width:calc(20% - 20px); margin-right:20px; float:right;} .lsect #secondaryCol h2, .lsect #maincol h2 { background: url("/images/h-line.gif") repeat-x scroll 0 50% rgba(0, 0, 0, 0); font-family: 'Open Sans'; font-size: 1.4em; font-weight: bold; margin-bottom: 10px; } .lsect #secondaryCol h2 strong, .lsect #maincol h2 strong {padding-right:10px; background-color:#212121; color:#FFFFFF;} .lsect #listingsearch select {width:100%;} .lsect #listingsearch .horline{border-bottom: 1px solid #A3A3A3; height: 1px; margin-top: 4px; width: 100%;} .lsect #listingsearch .horline a{background: none repeat scroll 0 0 #212121; color: #A3A3A3; float: right; margin-top: -7px; padding-left: 6px;} /* .lsect #advanced-search { display: none; margin: 15px 0;} .lsect #advanced-search #search-by-date { float: right;} .lsect #advanced-search #search-by-date select { font-size: 0.7em; width: 45px; } .lsect #advanced-search #search-by-date select.month { width: 50px; } .lsect #advanced-search #search-by-date select.day { width: 45px; } .lsect #advanced-search span.icns a { background: url("/images/icons/icns-colour.png") no-repeat scroll -154px -231px rgba(0, 0, 0, 0); display: inline-block; height: 24px; margin: 0; vertical-align: middle; width: 26px; } .lsect #advanced-search a.icncal { background-position: -153px -228px; margin-top: -3px; width: 26px;} .lsect #advanced-search .smallLabel{width:50px;} */ .ss-share { padding-left: 0; list-style: none; } li.ss-share-item { display: inline; margin-right: 1em; padding:0;border:none;} .ss-share-link { /* crude button styles */ text-decoration: none; color: #444; padding: 10px; background-color: #f5f5f5;} .ss-share-link:hover, .ss-share-link:active, .ss-share-link:focus { color: #891434; } [class*="sico-"] { display: inline-block; background-size: 16px 16px; background-repeat: no-repeat;} .sico-facebook { background-image: url("http://www.facebook.com/favicon.ico"); } .sico-twitter { background-image: url("http://twitter.com/favicons/favicon.ico"); } .sico-google { background-image: url("https://ssl.gstatic.com/s2/oz/images/faviconr2.ico"); } .actual-carousel { position: relative; overflow: auto; margin: 0px;} .actual-carousel li { list-style: none; } .actual-carousel ul li { float: left; width:100%;} .carousel-title{ width:620px; margin-top:15px; min-height:63px; max-height:63px; position: absolute; bottom: 0; background: url("/images/eric50opacity.png") repeat scroll left center rgba(0, 0, 0, 0.54); } .actual-carousel { position: relative; width: 100%; overflow: auto; font-size: 18px; line-height: 24px; text-align: center; color: rgba(255,255,255,.6); text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3); background: #FF6C00; box-shadow: 0 1px 2px rgba(0,0,0,.25); } .actual-carousel ul { list-style: none; width: 300%; margin: 0px; padding: 0px; cursor: pointer; } .cl{ clear:both; } .actual-carousel ul li { display: block; float: left; width: 33%; /* -webkit-background-size: 100% 100%;*/ -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -ms-background-size: 100% 100%; /* background-size: 100% 100%;*/ box-shadow: inset 0 -3px 6px rgba(0,0,0,.1); } .actual-carousel ul li a img{ height: 250px; } .actual-carousel strong a { font-size: 1em; color: #fff; padding:10px; margin-top:80px !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .actual-carousel .dot { -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); } .actual-carousel .dots { position: absolute; left: 0; right: 0; bottom: 10px; margin-bottom:5px; padding-left:0px; } .actual-carousel .dots li { display: inline-block; width: 7px; height: 7px; margin: 0 4px; text-indent: -999em; border: 2px solid #fff; border-radius: 3.5px; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; } .actual-carousel .dots li.active { background: #FF6B00; opacity: 1; } .slider-wrap{ margin-top:5px; width:620px; height:250px; } /** Article content: .reviewBody - is this used on all articles?? **/ div[itemprop="reviewBody"] ul { list-style:disc outside none; padding:0 0 10px 20px;} div[itemprop="reviewBody"] ul li{padding-bottom:10px} .review .moviedetails ul,post-nav ul { list-style:none; padding:0;} .review .moviedetails ul li,post-nav ul li { padding:0;} /**Discover Ireland Social Wigets***/ .twitter-wrapper{ overflow-y:auto; border-radius: none; float: left; background-color: #ffffff; border-radius: 0px; border: 1px solid #CCCCCC; height: 395px; margin: 10px; padding: 3px 0 3px 3px; width: 285px; margin-top: 0px; } .break-out{ width:620px; background: #222222; height: 445px; margin-bottom: 10px; } .break-out .facebook-wrapper .facebook-timeline{ float:left; width: 285px; height: 400px; } .facebook-wrapper{ float:left; background-color: #ffffff; border-radius:0px; border: 1px solid #CCCCCC; height: 400px; margin: 10px; padding: 0px 0px 0px 0px; width: 285px; margin-top: 0px; } .twboxcap{width: 285px;padding: 3px 0 3px 3px;background: #222222;color:#fff;border: 1px solid #222222;border-bottom: none;margin: 10px;margin-bottom: 0px;font-size: 12px;} .twboxcap{font-weight: bolder; text-transform: uppercase;} .fbboxcap{width: 282px;padding: 3px 0 3px 3px;background: #222222;color:#fff;border: 1px solid #222222;border-bottom: none;margin: 10px;margin-bottom: 0px;font-size: 12px;} .fbboxcap{font-weight: bolder; text-transform: uppercase;} /**Craft Beer Microsite Widget Code **/ .kw_craftbeer h2 {background: url("http://entertainment.ie/microsite/craft-beer/images/craft-beer-heading.jpg") repeat scroll right top #5d3320; font-family: 'Slabo 13px', serif; font-size: 1.6em;font-weight: bold;margin-bottom: 10px;padding: 10px;} .kw_craftbeer h2 {background-position:left top;} .kw_craftbeer h2 strong {background: none; color: rgb(232,209,159); text-shadow: 1px 1px 0px rgba(38, 25, 20, 1);} /**Instagram Widget Style**/ .ig_wrapper{width:300px;font-size: 12px;} .ig_wrapper h4{width:275px;background:#000;margin: 0px;padding:10px;color:#fff;font-weight: bolder;text-transform: uppercase;} .ig_wrapper a img{ float: left; width:140px; padding:5px;} .SponsoredByArticle {display:block;float:left; color:#222; font-size:0.8em; margin-bottom:10px} .SponsoredByArticle a { color:#09c; text-decoration:none;}