/*	version: 2008-11-15
	author: Andrew Disley
----------------------------------------------- */
* { margin: 0; padding: 0; }
body { background-color: #E9F6FC; color: #231F20; font: 62.5%/1.3 Arial, Helvetica, Geneva, sans-serif; }
a:link, a:visited { color: #EC008C; }
a:hover, a:active { cursor: pointer; text-decoration: none; }
h1 { color: #ec008b; font-size: 22px; margin: 0 0 10px 0; }
h2 { color: #333333; font-size: 18px; margin: 10px 0 5px 0; }
h3 { color: #444444; font-size: 16px; margin: 0 0 5px 0; }
input, textarea, select { font-family: Arial, Helvetica, Geneva, sans-serif; }
p { padding: 0 0 15px 0; }
img { border: none; vertical-align: bottom; }
input, select, textarea { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }

.adn { display: block; overflow: hidden; height: 0; width: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*
.ir, .ird, .replace { background: no-repeat top left; text-indent: -9999em; }
.replace { background: no-repeat top left; overflow: hidden; position: relative; z-index: 1; }
.replace span { background: no-repeat top left; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
*/
/* border-bottom: 8px solid #C01779;  */

div#Container { background-color: #FFFFFF; font-size: 14px; }

div#Header { background: #F4EB25 url(../images/global/header_bg.gif) repeat-x 0 0; color: #E72D94; min-height: 150px; }
div#Header p#BrandingTitle { float: left; font-size: 18px; font-weight: bold; padding: 0 0 0 15px; }
div#Header p#BrandingTitle span { left: 325px; padding: 5px 0; position: absolute; top: 71px; width: 31.45em; }
/*
div#Header p#BrandingTitle span { float: left; font-size: 18px; left: 250px; padding: 5px 0; position: absolute; top: 62px; width: 31.45em; }
div#Header p#BrandingTitle strong { display: block; overflow: hidden; height: 0; width: 0; }
div#Header p#BrandingTitle { background-color: #EE1997; border-bottom: 1px solid #ED0C91; border-top: 1px solid #AD156D; font-size: 16px; padding: 5px 20px; display: block; }
*/

div#Header ul#SocialNetworks { background: url(../images/global/socialnetworks_bg.gif); font-size: 16px; left: 540px; list-style: none; min-height: 50px; position: absolute; top: 4px; width: 27em; }
div#Header ul#SocialNetworks li {  font-weight: bold; display: inline; }
div#Header ul#SocialNetworks li a { text-decoration: none; }
div#Header ul#SocialNetworks li a span { display: block; float: left; overflow: hidden; height: 0; width: 0; }
div#Header ul#SocialNetworks li a strong { color: #FFFFFF; padding: 5px; }
div#Header ul#SocialNetworks li#Bebo a strong { background-color: #ED1C24; }
div#Header ul#SocialNetworks li#Facebook a strong { background-color: #3B5997; }
div#Header ul#SocialNetworks li#MySpace a strong { background-color: #003399; }
div#Header ul#SocialNetworks li#YouTube a strong { background-color: #FFFFFF; color: #000000; }
div#Header ul#SocialNetworks li#YouTube a strong em { background-color: #ED1C24; color: #FFFFFF; font-style: normal; margin-left: 2px; padding: 2px; }
div#Container.safari div#Header ul#SocialNetworks li a span { display: none; }

div#NavigationPrimary { background-color: #29A5DE; border-top: 1px solid #2594C8; clear: both; float: left; font-size: 16px; min-width: 760px; width: 100%; }
div#NavigationPrimary ul { float: left; list-style: none; padding: 0 0 0 30px; }
div#NavigationPrimary ul li { display: block; float: left; font-weight: bold; position: relative; }
div#NavigationPrimary ul li a { background-color: #29A5DE; color: #FFFFFF; display: block; float: left; padding: 5px 10px; text-decoration: none; }
div#NavigationPrimary ul li a:hover { background-color: #2594C8; color: #FFFFFF; text-decoration: underline; }
div#NavigationPrimary ul li ul { border-top: 1px solid #29A5DE; left: -9999px; padding: 0; position: absolute; top: 1.9em; }
div#NavigationPrimary ul li ul li a { background-color: #29A5DE; width: 5.5em; }
div#NavigationPrimary ul li ul li a:hover { background-color: #2594C8; }

div#NavigationPrimary ul li:hover ul, div#NavigationPrimary ul li.hover ul { left: 0; }

div#ContentContainer { width: 975px; }
div#Content { background: #FFFFFF url(../images/global/content_bg.gif) no-repeat 0 0; float: left; margin: 10px 0 20px 20px; padding: 25px 20px 20px 20px; width: 520px; }
div#Content h3 { margin-top: 10px; }

div#Sidebar { background: #FFFFFF url(../images/global/sidebar_bg.gif) no-repeat 0 0; float: left; margin: 10px 0 0 20px; padding: 25px 20px 20px 20px; width: 320px; }
div#Sidebar p.poster { border: 1px solid #EEEEEE; float: left; margin: 6px 0 3px 4px; padding: 4px; }
div#Sidebar p.poster img { display: block; }
div#Sidebar div#Gallery { background: #FFFFFF url(../images/global/sidebar_hr.gif) repeat-x center top; clear: both; margin: 0; padding: 30px 0 10px 0; }
div#Sidebar div#Gallery ul { list-style: none; }
div#Sidebar div#Gallery ul li { float: left; }
div#Sidebar div#Gallery ul li a { border: 1px solid #EEEEEE; float: left; margin: 0 0 3px 3px; padding: 3px; }
div#Sidebar div#Gallery ul li a img { display: block; float: left; }
div#Sidebar div#Gallery ul li a:hover { border-color: #C01779; }
div#Sidebar div#SkateLessons { background: #FFFFFF url(../images/global/sidebar_hr.gif) repeat-x center top; clear: both; margin: 0; padding: 30px 0 10px 0; }
div#Sidebar div#SkateLessons a { color: #444444; }

div#Sidebar div#ValentinesDay { background: url(../images/global/valentinesday_bg.gif) no-repeat top right; padding-right: 65px; }
div#Sidebar div#ValentinesDay a, div#Sidebar div#ValentinesDay strong { color: #F60E10; }

div#Footer { background-color: #E9F6FC; border-top: 1px solid #CBE5F2; clear: both; color: #333333; padding: 10px 0 20px 40px; }
div#Footer p { padding: 10px 0 5px 0; }

/*	body.home
----------------------------------------------- */
body.home div#NavigationPrimary ul li#NHome a { background-color: #2594C8; }
body.home div#Content div#Event,
body.home div#Content div#Venue,
body.home div#Content div#Information,
body.home div#Content div#BoxOffice,
body.home div#Content div#DressCode { background: #FFFFFF url(../images/global/hr.gif) repeat-x 0 0; clear: both; margin: 0; padding: 20px 0 0 0; }
body.home div#Content div#Event ul { list-style: none; margin: 20px 0 0 0; }
body.home div#Content div#Event ul li { float: left; margin: 0 30px 0 0; }
body.home div#Content div#Event ul li.rollerdisco { margin-left: 15px; margin-top: 5px; }
body.home div#Content div#Event ul li.weheartrnb { margin-top: 20px; }
body.home div#Content div#Promo:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body.home div#Content div#Promo p { border: 1px solid #EEEEEE; float: left; margin: 6px 20px 3px 4px; padding: 4px; }
body.home div#Content div#Promo p img { display: block; }
body.home div#Content div#Promo p a { display: block; height: 306px; position: relative; width: 220px; }
body.home div#Content div#Promo p a:hover img { height: 585px; left: 0; position: absolute; top: -279px; width: 420px; z-index: 10000; }
body.home div#Content div#Promo p.poster-a6 a { display: block; height: 157px; position: relative; width: 220px; }
body.home div#Content div#Promo p.poster-a6 a:hover img { height: 600px; left: 0; position: absolute; top: -320px; width: 840px; z-index: 10000; }
body.home div#Content div#Promo p.poster-a6-l a { display: block; height: 104px; position: relative; width: 220px; }
body.home div#Content div#Promo p.poster-a6-l a:hover img { height: 400px; left: 0; position: absolute; top: -200px; width: 840px; z-index: 10000; }
body.home div#Content div#Promo p.poster-square a { display: block; height: 220px; position: relative; width: 220px; }
body.home div#Content div#Promo p.poster-square a:hover img { height: 700px; left: 0; position: absolute; top: -400px; width: 700px; z-index: 10000; }


/*	body.events
----------------------------------------------- */
body.events div#NavigationPrimary ul li#NEvents a.n1 { background-color: #D02984; }
body.events div#Content div#RollerDisco { padding: 10px 0; }
body.events div#Content div#LuvBug,
body.events div#Content div#WeHeartRnB { background: #FFFFFF url(../images/global/hr.gif) repeat-x 0 0; clear: both; margin: 0; padding: 20px 0 10px 0; }

/*	body.home
----------------------------------------------- */
body.music div#NavigationPrimary ul li#NMusic a { background-color: #2594C8; }

/*	body.music-player
----------------------------------------------- */
body.music-player div#Container { background: #FFFFFF url(../images/global/body_musicplayer.gif) repeat-x 0 0; }
body.music-player div#Content { background: #FFFFFF; margin: 0; padding: 0; width: 400px; }
body.music-player div#Content h1 { margin: 0; }
body.music-player div#Content div#MusicPlayer { padding: 10px; }
body.music-player div#Footer { padding: 10px 0 10px 10px; }
body.music-player div#Footer p { padding: 0 0 5px 0; }

/*	body.faq
----------------------------------------------- */
body.faq div#NavigationPrimary ul li#NFAQs a { background-color: #2594C8; }
body.faq div#Content div#FAQs ul { margin-bottom: 20px; }
body.faq div#Content div#FAQs ul li { margin: 0 0 5px 15px; }

/*	body.gallery
----------------------------------------------- */
body.gallery div#NavigationPrimary ul li#NGallery a { background-color: #2594C8; }
body.gallery div#Content { position: relative; }
body.gallery div#Content p.slideshow { clear: both; }
body.gallery div#Content p.slideshow a { display: block; padding: 6px 6px 0 6px; }
body.gallery div#Content div#PhotoGalleryIndex ul { list-style: none; }
body.gallery div#Content div#PhotoGalleryIndex ul li { float: left; }
body.gallery div#Content div#PhotoGalleryIndex ul li a { border: 1px solid #EEEEEE; float: left; margin: 0 0 3px 3px; padding: 3px; }
body.gallery div#Content div#PhotoGalleryIndex ul li a img { display: block; float: left; }
body.gallery div#Content div#PhotoGalleryIndex ul li a:hover { border-color: #C01779; }
body.gallery div#Content div#PhotoGalleryIndex div.gallery { background: #FFFFFF url(../images/global/hr.gif) repeat-x 0 0; clear: both; margin: 0; padding: 20px 0 10px 0; }
body.gallery div#Content div#PhotoGalleryIndex div.gallery h2 { }
body.gallery div#Sidebar div#PhotoDetails { margin: 0 0 10px 0; }
body.gallery div#Sidebar div#PhotoDetails dl { margin: 10px 0 0 0; }
body.gallery div#Sidebar div#PhotoDetails dl dt { color: #444444; float: left; font-weight: bold; padding: 0 0 5px 0; width: 90px; }
body.gallery div#Sidebar div#PhotoDetails dl dd { padding: 0 0 5px 0; }
body.gallery div#Sidebar div#PhotoDetails ul { list-style: none; }
body.gallery-sets div#Sidebar div#YourPhotos,
body.gallery-photo div#Sidebar div#YourPhotos { background: #FFFFFF url(../images/global/sidebar_hr.gif) repeat-x center top; clear: both; margin: 0; padding: 30px 0 10px 0; }
body.gallery-photo div#Content ul#NavigationPhotos { list-style: none; position: absolute; right: 22px; top: 22px; }
body.gallery-photo div#Content ul#NavigationPhotos li { float: left; }
body.gallery-photo div#Content ul#NavigationPhotos li a { display: block; float: left; padding: 5px; }
body.gallery-photo div#Content p.photo { border: 1px solid #EEEEEE; float: left; margin: 0 0 3px 4px; padding: 4px; }
body.gallery-photo div#Content p.photo img { display: block; }

/*	body.privatehire
----------------------------------------------- */
body.privatehire div#NavigationPrimary ul li#NPrivateHire a { background-color: #2594C8; }

/*	body.legal
----------------------------------------------- */
body.legal div#NavigationPrimary ul li#NLegal a { background-color: #2594C8; }
body.legal div#Content { background-image: url(../images/global/content_bg_650.gif); width: 650px; }
body.legal div#RollerRules ul { list-style: none; }
body.legal div#RollerRules ul li { margin: 0 0 5px 0; }
body.legal div#DisclaimerNotice { background: #FFFFFF url(../images/global/hr.gif) repeat-x 0 0; clear: both; margin: 0; padding: 20px 0 10px 0; }

/*	body.location
----------------------------------------------- */
body.location div#NavigationPrimary ul li#NLocation a { background-color: #2594C8; }
body.location div#GoogleMap div#MapWrap { border: 1px solid #EEEEEE; margin: 0 0 3px 3px; padding: 3px; }
body.location div#GoogleMap div#MapWrap div#Map { height: 400px; width: 508px; }

/*	body.contact
----------------------------------------------- */
body.contact div#NavigationPrimary ul li#NContact a { background-color: #2594C8; }
body.contact form { background: #FFFFFF url(../images/global/hr.gif) repeat-x 0 0; clear: both; margin: 0; padding: 20px 0 10px 0; }
body.contact form p.error { color: Red; font-weight: bold; padding: 3px 0 0 0; }
body.contact form fieldset { border: 0px solid #FFFFFF; margin: 10px 0; }
body.contact form fieldset legend { color: #333333; font-size: 18px; font-weight: bold; }
body.contact form fieldset div.frow { font-size: 16px; padding: 5px 0 0 0; }
body.contact form fieldset div.frow span.label { display: block; padding: 5px 0 0 0; }
body.contact form fieldset div.frow span.field { }

.c-tickets { clear: both; margin: 0 0 20px 40px; padding: 25px 0 0 0; width: 960px; }
.c-tickets .c-h { }
.c-tickets .c-b { }
.c-tickets table { border: none; border-collapse: collapse; font-size: 1.0000em; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; margin-bottom: 14px; margin-left: 1px; text-align: left; width: 100%; }
.c-tickets table thead th { background-color: #FDE6F4; border-bottom: 1px solid #EED8E6; color: #333333; font-weight: bold; padding: 2px 5px; }
.c-tickets table tbody th { font-weight: bold; padding: 8px 5px; }
.c-tickets table tbody td { padding: 15px 5px; }
.c-tickets table tbody .alt { background-color: #FDE6F4; color: #333333; }
.c-promo { float: left; margin: 0 0 20px 40px; padding: 0; width: 440px; }
.c-info { float: left; margin: 0 0 20px 20px; padding: 0; width: 400px; }