/* CSS Document */

html { min-height:100%; margin-bottom:1px; }
body, ul, ol, li, h1, h2, h3, h4, h5, h6, p, form, dt, dd { margin:0px; padding:0px; }
body, input, td, th, textarea { font-family:Arial, Helvetica, sans-serif; }

/* Font sizes */
body { font-size:62%; color:#333;  }


textarea { font-size:1.1em; }
a { text-decoration:none; color:#cc3366; }
a:hover { text-decoration:underline; }

ul, ul li { list-style-type:none }
img { border:0px; }
td, th { vertical-align:top; text-align:left }
p { margin-bottom:1.3em;  }
p, dt, dd, li { line-height:1.5em }
table, ul, ol, dl, h2, h3 { margin-bottom:1.1em; }

h1 { font-size:2em; font-weight:normal; margin-bottom:8px; color:#cc3366;  }
h2 { font-size:1.5em; margin:0 0 5px; color:#cc3366; font-weight:normal; font-family:Arial, Helvetica, sans-serif  }
h3 { font-size:1.2em; margin:0 0 5px; font-weight:bold; color:#333; font-family:Arial, Helvetica, sans-serif }
h4 { color:#786b57; font-size:1em; }
h5 { color:#E1D5C7; text-transform:uppercase; font-size:1.1em; margin-bottom:2px;  }

h2 a.rss { float:right; display:inline; width:100px; text-align:right; margin-right:12px; padding-right:18px; background:url(../images/generic/rss.gif) center right no-repeat; font-size:0.9em;   }
h3 a:hover { text-decoration:underline; }

a.plain { text-decoration:none }
a.plain:hover { text-decoration:underline }

p.opening, .intro p { color:#996699; font-size:1.2em; }

p.hidden, tr.folaigh td, tr.folaigh th, .folaigh { display:none }

p.alert { color:#00ADA8; font-weight:bold; }

p.action { margin-bottom:10px; text-align:right; background:none; border:0; color:#AA4B9B; font-size:1.6em; cursor:pointer  }
p.action a { color:#AA4B9B; text-decoration:none }
p.action a:hover { text-decoration:underline }

ul.inline, ul.inline li { margin:0; padding:0; list-style-type:none }
ul.inline li { margin-left:18px; display:inline; }

ul, ol { margin-bottom:15px; }
ul li, ol li { margin-left:20px; margin-bottom:4px; }
ul li { list-style-type:disc; }

blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:1.3em; line-height:1.4em; padding:0; margin:0 0 15px;  }
blockquote p { margin:0; }
blockquote cite { font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; display:block; }

p.date { color:#666; font-weight:bold;  }

.folaigh { display:none }
.hide { text-indent:-9999px; }



/*---------------------------------------
	Main Layout
---------------------------------------*/

body {  text-align:center; background-color:#cc3366;  }
#outer { margin:0 auto; text-align:left; width:900px; background:url(../images/generic/outer_bg.jpg) top center repeat-y; }
 
#main { font-size:1.1em; }


/* Main Content Columns
-------------------------------------*/
#main { width:100%; margin:0; font-size:1.2em; background-color:#fff; padding-top:20px;  }
#content, #main, #sidebar, #extra { float:left; display:inline; }
#content { width:660px; margin-left:20px; }
#sidebar { width:200px; margin-left:10px; min-height: 440px; height: auto; }
* html #sidebar { height: 440px; }

#content .wrapper { width:400px; }

#banner { width:100%; float:left; display:inline; margin-bottom:15px; background:url(../images/generic/internal_banner_bg.gif) top right repeat-y; }

#banner .photo { width:220px; float:left; display:inline; }
#banner #mailinglist_form { float:right; display:inline; width:210px; padding-top:15px; color:#fff;  }
#banner #mailinglist_form h3 { margin-bottom:15px; color:#fff; text-transform:uppercase  }
#banner #mailinglist_form p { margin-bottom:12px; }
#banner #mailinglist_form .submit { color:#fff; text-transform:uppercase; border:0; background:none; font-weight:bold; padding:0; cursor:pointer }

#intro { font-size:1.3em; line-height:1.4em; color:#786b57; margin-bottom:15px; width:90%; }
#intro a { color:#786b57; font-size:0.9em; text-decoration:none }


/* 2 column text section */
#columns { float:left; display:inline; width:100%; margin-bottom:20px; }
#columns .column1, #columns .column2 { padding-bottom:15px; }
#columns .column1 { width:210px; float:left; display:inline; margin-right:40px; }
#columns .column2 { width:230px; float:left; display:inline; }
#columns .column2 h2 { margin-right:20px; }

#pageLogin #columns { background:url(../images/promoters/login/columns_footer.gif) bottom left no-repeat; }



#tabpanel { clear:both; float:left; display:inline; width:100%; }
#tabpanel table { width:100%; }
#tabpanel .wrapper { width:419px; } 

/* Header Section
-------------------------------------*/
#header { min-height: 108px; height: auto; position:relative; margin-bottom:11px;  color:#fff; }
* html #header { height: 108px; }

#logo { width:202px; float:left; display:inline; margin-left:39px; margin-top:0px; }

#boxoffice { position:absolute; right:10px; top:20px; width:397px; text-align:left; font-size:1.2em; text-transform:uppercase }
#tagline { position:absolute; right:10px; bottom:0; }

#boxoffice { }

#utility { position:absolute; right:20px; bottom:0; display:inline; width:200px; font-size:1.2em; }
#utility ul, #utility li { margin:0px; padding:0px; list-style-type:none }
#utility ul { float:right; }
#utility li { float:left; display:inline; background:url(../images/generic/utility_link_divider.gif) center right no-repeat; padding:0 6px; line-height:1.2em; }
#utility a { display:block; background-color:#fff; text-decoration:none; color:#938671; border-bottom:1px dotted #ff6600}
#utility li.last { background:none; padding-right:0; }
#utility a:hover { border-bottom-color:#938671 }


#breadcrumbs { clear:both; background-color:#D65C85; line-height:27px; padding:0 21px; color:#fff; font-size:1.1em; }
#breadcrumbs a { color:#fff; text-decoration:none }
#breadcrumbs a:hover { text-decoration:underline; }

#share { float:right; display:inline; width:100px; text-align:right; display:none }

/* Top Navigation 
-------------------------------------*/
#navigation { float:left; display:inline; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; background-color:#fff; margin-bottom:10px; }
#navigation ul, #navigation li { margin:0px; padding:0px; list-style-type:none }
#navigation li { float:left; display:inline; border-right:1px solid #cc3366; }

#navigation a { display:block; font-weight:bold; text-transform:uppercase; text-decoration:none; color:#cc3366; line-height:37px; text-align:center }

#navigation li.home a { width:95px; }
#navigation li.events a { width:100px; }
#navigation li.visit a { width:118px; }
#navigation li.youth a { width:130px; }
#navigation li.visual a { width:136px; }
#navigation li.about a { width:116px; }
#navigation li.support a { width:107px; }
#navigation li.blog a { width:91px; }
#navigation li.blog { border-right:0; }

#navigation a:hover, #navigation li.current a { background-color:#999; color:#fff; }


/* Sub Navigation
-------------------------------------*/
#subnav h2 { line-height:20px; font-size:1.2em; margin:0; padding:0 0 4px 10px; border-bottom:1px solid #cacaca; text-transform:uppercase; font-weight:bold; }
#subnav ul, #subnav li { margin:0; padding:0; list-style-type:none; background:none }
#subnav li { float:left; display:inline; width:100%;  }
#subnav li a { display:block; color:#333; border-bottom:1px solid #cacaca; line-height:28px; padding:0 0 0 10px; text-decoration:none} 
#subnav li a:hover, #subnav li.current a, #subnav li.current ul.sub li a:hover, #subnav li.current ul.sub li.current a {color:#cc3366; }

#subnav li ul.sub { display:none }
#subnav li.current ul.sub { display:block }

#subnav li ul.sub li a { padding-left:20px; }
#subnav li.current ul.sub li a { color:#666; font-weight:normal; background:none; text-decoration:none }

/* Footer
-------------------------------------*/

#siteinfo { float:left; display:inline; width:720px; font-size:1.1em; }

#siteinfo ul.columns, #siteinfo ul.columns li, #siteinfo .columns ul, #siteinfo .columns li { margin:0; padding:0; list-style-type:none; background:none }
#siteinfo ul.columns li { margin:0 0 0 22px; width:150px; float:left; display:inline; }
#siteinfo ul.columns ul li { margin:0 0 2px; width:auto; float:none; display:block }
#siteinfo ul.columns li a { text-decoration:none; color:#fff; }
#siteinfo ul.columns li a:hover {  border-bottom:1px dotted #fff; }

#siteinfo ul.columns li.first { margin-left:35px; }
#siteinfo ul.columns li.last, #siteinfo ul.columns li.last a { color:#E1D5C7 }

#siteinfo ul.columns li.copyright { margin-bottom:18px; }

#siteinfo ul.columns li.myspace { margin-top:18px; color:#fff; width:70%; font-weight:bold; }
#siteinfo ul.columns li.myspace a { color:#fff; }
#siteinfo ul.columns li.myspace img { margin-right:5px; }

#footer { float:left; display:inline; width:900px; padding:20px 0 10px; line-height:30px;  font-size:1.1em; color:#fff; }
#footer a { color:#fff; text-decoration:none }
#footer a:hover { text-decoration:underline }
#footer #address { float:left; display:inline; width:180px; margin-left:15px; }
#footer #sitelinks { float:left; display:inline; width:180px; margin-left:15px; }
#footer #supportors { float:right; display:inline; width:480px; }

#footer #sitelinks ul, #footer #sitelinks li { margin:0; padding:0; list-style-type:none; background:none; }
#footer #sitelinks li { background:url(../images/generic/footer_arrow.gif) 0 6px no-repeat; padding-left:10px; }

#footer #supportors ul, #footer #supportors li { margin:0; padding:0; list-style-type:none }
#footer #supportors li { display:inline; margin-left:12px; } 
#footer #supportors li.first { margin-left:0px; } 

#credit { float:right; display:inline; width:200px; text-align:right; margin-right:10px; color:#fff; margin-top:20px; color:#DE7D9E }
#credit a { text-decoration:underline; color:#DE7D9E }
#credit a:hover { text-decoration:none; }

/*---------------------------------------
	Specific Elements
---------------------------------------*/


#slideshow-wrapper { position:relative; width: 635px; height: 299px; margin-left:10px; float:left; display:inline; }
ul#slideshow, ul#slideshow li { margin:0; padding:0; list-style-type:none }
ul#slideshow { float: left; display: inline; width: 635px; height: 299px; overflow: hidden; background-color: #ccc; color: #fff; font-size: 1.4em; line-height: 1.4em; position:relative }
/*some quotes paragraph styling is for non jquery visitors*/
#slideshow .details { position:absolute; bottom:20px; width:611px; left:12px;
	color:#fff; font-size:12px; }
#slideshow .details .wrapper { padding:8px; background:url(../images/generic/banner_bg.png) }
#slideshow .details h2, #slideshow .details p { margin:0; padding:0; color:#fff; }	
#slideshow .details h2 a { color:#fff; }


	
/*---------------------------------------
	Common Classes
---------------------------------------*/
ul.listing-news, ul.listing-news li { margin:0; padding:0; list-style-type:none }
ul.listing-news li { margin-bottom:10px; }
ul.listing-news li p { margin-bottom:0; }

a.more { border-bottom:1px dotted #ff6600; text-decoration:none }
a.more:hover { border:0; }

ul.arrows, ul.arrows li { margin:0; padding:0; list-style-type:none}
ul.arrows { margin-bottom:15px; }
ul.arrows li { background:url(../images/generic/arrow_list.gif) center left no-repeat; padding-left:11px;  }
ul.arrows li a { color:#333; text-decoration:none }
ul.arrows li a:hover { color:#ff6600; }

.event { width:100%; float:left; display:inline; margin-bottom:25px; clear:both; }
.event .photo { width:210px; float:left; display:inline; }
.event .description { width:425px; float:right; display:inline; }
.event h2 { font-size:1.4em; font-weight:normal; }
.event h3 { font-weight:normal; margin:0; }
.event .dates { font-weight:normal; margin:0; line-height:15px; background:url(../images/generic/event_date_divider.gif) top left repeat-x; color:#666; }
.event .dates strong { text-transform:uppercase }
.event .dates div.wrap { padding:5px 0; background:url(../images/generic/event_date_divider.gif) bottom left repeat-x; }
.event .content { width:320px; float:left; display:inline; }

.event h2, .event h3, .event .dates { margin-bottom:5px }

ul.ticket-icons, ul.ticket-icons li { margin:0; padding:0; list-style-type:none; background:none }
ul.ticket-icons { float:right; }
ul.ticket-icons li { display:inline; margin-left:5px; }

ul.actions, ul.actions li { margin:0; padding:0; list-style-type:none; background:none }
ul.actions { float:right; display:inline; width:89px; margin-top:10px; }
ul.actions li { display:inline; text-transform:uppercase; }

ul.actions li.book a, ul.actions li.share a { display:block; color:#fff; font-weight:bold; line-height:24px; font-size:0.85em; text-align:center; margin-bottom:10px; text-decoration:none }
ul.actions li.book a { background-color:#cc3366; }
ul.actions li.share a { background-color:#999999; }
ul.actions li.video, ul.actions li.video a { text-align:right }
ul.actions li.video a img { float:right }

ul.artist-photos, ul.artist-photos li { margin:0; padding:0; list-style-type:none; background:none }
ul.artist-photos { width:210px; float:right; display:inline; margin:0 0 20px 20px; }
ul.artist-photos li { width:210px; display:inline; }

.quotes p { font-style:italic }
.quotes cite { font-style:normal; }

.post { border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:15px; }

table.form td { padding-bottom:5px; }


#comments, #comment_form { margin-bottom:15px; border-top:1px solid #ccc; padding-top:15px; }

#comments .comment { margin-bottom:20px; }
#comments .comment p { margin-bottom:5px; }

#comment_form h2 { margin-bottom:5px; }
#comment_form label.text, #form-prefs label.text { float:left; display:inline; width:80px; }

/*---------------------------------------
	Forms
---------------------------------------*/
input.error { border:1px solid #CC3366 }
span.error { color:#CC3366; font-weight:bold; display:block; }

/*---------------------------------------
	Specific Sections
---------------------------------------*/
.sectionBlog #content { width:422px; }
.sectionBlog #extra { width:190px; margin-left:35px; }

.sectionBlog #content h1, .sectionBlog #content h2, .sectionBlog #content h3, .sectionBlog #extra h3, .sectionBlog #content a { color:#21A9BF; }
.sectionBlog #subnav h2 { border:0; }

.sectionBlog #content h2 { font-size:1.4em; margin-bottom:10px; }
.sectionBlog .date { margin-bottom:15px; font-size:0.9em; color:#666; }
.sectionBlog .meta { font-size:0.9em; color:#666; }
.sectionBlog .meta a { color:#21A9BF; text-decoration:underline; }

.sectionBlog #extra .section { margin-bottom:30px; }
.sectionBlog #extra h3 { margin-bottom:20px; font-size:1.2em; font-weight:normal; }
.sectionBlog #extra ul, .sectionBlog #extra li { margin:0; padding:0; list-style-type:none; background:none }
.sectionBlog #extra li a { color:#333; }
.sectionBlog #extra li a:hover { color:#21A9BF; }
.sectionBlog #extra li.current a { font-weight:bold; }
.sectionBlog #extra #recent-articles li { margin-bottom:15px; }

.sectionBlog #extra #rss { background:url(../images/generic/rss.jpg) center left no-repeat; line-height:18px; }
.sectionBlog #extra #rss a { padding-left:24px; font-weight:bold; color:#666; text-transform:uppercase }
/*---------------------------------------
	Homepage
---------------------------------------*/
/* Homepage */
#pageHomepage #main { padding-top:0 }

#pageHomepage #banner { width:100%; float:left; display:inline; margin-bottom:0px; background:url(../images/generic/homepage_content_bg.gif) top right repeat-y;  }
#pageHomepage #banner .side { width:233px; float:right; display:inline; margin-right:10px; b }
#pageHomepage #banner .side form { background-color:#999 }

#pageHomepage #banner #mailinglist_form { margin:0; width:234px; border-bottom:10px solid #fff; }
#pageHomepage #banner #mailinglist_form h3, #pageHomepage #banner #mailinglist_form p { margin-left:20px }

#pageHomepage #banner #info { clear:both; padding:15px 20px 0 20px; color:#fff; }
#pageHomepage #banner #info h3 { color:#fff; }
#pageHomepage #banner #info a { font-weight:bold; text-decoration:none; color:#fff; }
#pageHomepage #banner #info a:hover { text-decoration:underline }

#pageHomepage #banner, #pageHomepage #text { border-top:10px solid #fff; border-bottom:10px solid #fff; }

#pageHomepage .panel { float:left; display:inline; margin-left:20px; margin-right:5px; width:190px; }

#pageHomepage .panel .photo { height:100px; overflow:hidden }
#pageHomepage .panel .photo img { margin-top:-30px; }

#pageHomepage #upcoming { clear:both; background:url(../images/generic/upcoming_bg.gif) top left repeat-y; border-top:10px solid #D45D85; border-bottom:10px solid #D45D85; padding:10px 0; float:left; display:inline; width:100%; }

#pageHomepage #upcoming .listing { float:right; display:inline; width:420px; margin-right:30px; }
#pageHomepage #upcoming .listing h2 { margin-bottom:5px; }
#pageHomepage #upcoming .listing table { width:420px; margin-bottom:5px; }
#pageHomepage #upcoming .listing table td { padding-right:5px; padding-bottom:4px; }
#pageHomepage #upcoming .listing table td.date { width:65px; }
#pageHomepage #upcoming .listing td a { color:#333; text-decoration:none; }
#pageHomepage #upcoming .listing td a:hover { text-decoration:underline; }
#pageHomepage #upcoming .listing td.category a { color:#CC3366; font-weight:bold; text-transform:uppercase; font-size:0.9em }
#pageHomepage #upcoming .listing td.category a.Family { color:#ff6600; }
#pageHomepage #upcoming .listing td.category a.Comedy { color:#67329C; }
#pageHomepage #upcoming .listing td.category a.Music { color:#980436; }

#pageHomepage #sidebar { width:242px; margin:5px 0 15px 18px; min-height:inherit; height: auto; }
* html #pageHomepage #sidebar  { height:inherit; }
#pageHomepage #content { width:344px; margin:5px 0 15px 30px; }
#pageHomepage #extra { width:233px; float:right; margin:0 10px 15px 20px;  }

#pageHomepage #extra #videos { background-color:#666; padding:5px 10px; }
#pageHomepage #competitions { margin-top:10px; }

#pageHomepage #text { clear:both; float:left; display:inline; width:100%; padding-top:5px; }
#pageHomepage #text h2, #pageHomepage #upcoming h2  { color:#333; border-bottom:3px solid #666; font-size:1.2em; line-height:2em; margin-bottom:15px; text-transform:uppercase; padding-left:2px; font-weight:bold; }

ul.connections, ul.connections li { margin:0; padding:0; list-style-type:none; background:none }
ul.connections li { margin-bottom:2px; clear:both; line-height:26px; }
ul.connections li img { float:left; display:inline; margin-right:10px }
ul.connections li a { color:#333 }
ul.connections li a:hover { color:#cc3366 }

ul.blog-articles, ul.blog-articles li { margin:0; padding:0; list-style-type:none; background:none }
ul.blog-articles h3 { color:#cc3366; text-transform:uppercase; margin-bottom:2px; } 

ul.videos, ul.videos li { margin:0; padding:0; list-style-type:none; background:none }
ul.videos { margin-top:3px; margin-left:10px; }
ul.videos li { margin-bottom:3px; }
ul.videos li a { color:#ccc;  } 

#latest-trailor { border:1px solid #e8e8e8; padding-bottom:26px; background:url(../images/generic/video_controls.jpg) bottom center no-repeat; margin-bottom:15px; }
#latest-trailor .photo { height:122px; overflow:hidden }

#pageHomepage #extra h2 { color:#fff; border-color:#666; background:url(../images/generic/video_icon_grey.gif) center right no-repeat; margin-bottom:10px; }
#pageHomepage #extra h3, #pageHomepage #extra h4, #pageHomepage #extra h3, #pageHomepage #extra p  { color:#fff; margin-left:10px; }
#pageHomepage #extra h3 a, #pageHomepage #extra h4 a { color:#fff; }



/*---------------------------------------
	Hacks
---------------------------------------*/
.clear { clear:both; height:0; }

/* Correcting the center aligned background bug in Firefox and Safari which effect large background images */
html { margin-left: -1px; overflow-Y: scroll; }
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	head~body *{ margin-left: -1px;}
}