/* 
 * MASTER CSS FOR HOLLYWOOD BOWL
 * This file includes all the components for laying out and styling basic pages
 * Any section- or page-specific CSS should be included at the page level
 */

@import url(shared-2009.css?06082011);


/* Header
---------------------------------- */
#header { background: url(images/bowl-header/header.png) no-repeat; }
/*#header div.bar a.switch:link,
#header div.bar a.switch:visited { background: transparent url(images/bowl-header/disney-link.png) no-repeat top; }
#header div.bar a.switch:hover,
#header div.bar a.switch:active { background-color: #719a42; }
#header div.bar form button { background: url(images/bowl-header/search-button.png) no-repeat; }
#header div.bar form button:hover { }*/

#header h2 a {
display:block;
height:61px;
text-decoration:none;
text-indent:-999em;
width:400px;
top:24px;
position:relative;
}

#header h2 {display:block;}

#header div.bar{top:-61px;}

#header div.bar a.switch:link,
#header div.bar a.switch:visited { background: transparent url(images/bowl-header/2009/disney-link.png) no-repeat top; }
#header div.bar a.switch:hover,
#header div.bar a.switch:active { background: transparent url(images/bowl-header/2009/disney-link.png) no-repeat bottom; }


#header div.bar a.login:link,
#header div.bar a.login:visited { background:url(images/phil-header/2009/arrow.png) no-repeat 0 50%; padding-left: 24px; }
#header div.bar a.login:hover,
#header div.bar a.login:active { color: #ffffff; text-decoration: underline; background-position:-287px 50%; }

#header div.bar form {background: url(images/shared/search_background.png); }
#header div.bar form input { color:#333;  }
#header div.bar form button { background: url(images/bowl-header/2009/search.png) no-repeat left top; }
#header div.bar form button:hover { background-position:right top; }

/* Main Navigation
---------------------------------- */

#header ul { *height:1%; zoom:1;  height: 30px; }
#header ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#header ul li {  }
#header ul li a { height: 30px; background: url(/common/css/images/bowl-header/nav-2011.png); }

#header ul li#tickets a:link, #header ul li#tickets a:visited { background-position: -0px -0px; width: 163px; }
#header ul li#visit a:link, #header ul li#visit a:visited { background-position: -163px -0px; width: 87px; }
#header ul li#watchlisten a:link, #header ul li#watchlisten a:visited { background-position: -250px -0px; width: 156px; }
#header ul li#connect a:link, #header ul li#connect a:visited { background-position: -406px -0px; width: 111px; }
#header ul li#philpedia a:link, #header ul li#philpedia a:visited { background-position: -517px -0px; width: 122px; }

#header ul li#education a:link, #header ul li#education a:visited { background-position: -639px -0px; width: 123px; }
#header ul li#give a:link, #header ul li#give a:visited { background-position: -762px -0px; width: 112px; }
#header ul li#shop a:link, #header ul li#shop a:visited { background-position: -874px -0px; width: 86px; }

#header ul li#tickets a:hover,
#header ul li#tickets a:active,
#header ul li#tickets.sfHover a:link,
#header ul li#tickets.sfHover a:visited { background-position: -0px -30px; }

#header ul li#visit a:hover,
#header ul li#visit a:active,
#header ul li#visit.sfHover a:link,
#header ul li#visit.sfHover a:visited { background-position: -163px -30px; }

#header ul li#watchlisten a:hover,
#header ul li#watchlisten a:active,
#header ul li#watchlisten.sfHover a:link,
#header ul li#watchlisten.sfHover a:visited { background-position: -250px -30px; }

#header ul li#connect a:hover,
#header ul li#connect a:active,
#header ul li#connect.sfHover a:link,
#header ul li#connect.sfHover a:visited { background-position: -406px -30px; }

#header ul li#philpedia a:hover,
#header ul li#philpedia a:active,
#header ul li#philpedia.sfHover a:link,
#header ul li#philpedia.sfHover a:visited { background-position: -517px -30px; }

#header ul li#education a:hover,
#header ul li#education a:active,
#header ul li#education.sfHover a:link,
#header ul li#education.sfHover a:visited { background-position: -639px -30px; }

#header ul li#give a:hover,
#header ul li#give a:active,
#header ul li#give.sfHover a:link,
#header ul li#give.sfHover a:visited { background-position: -762px -30px; }

#header ul li#shop a:hover,
#header ul li#shop a:active,
#header ul li#shop.sfHover a:link,
#header ul li#shop.sfHover a:visited { background-position: -874px -30px; }


/* Dropdowns
---------------------------------- */
#header ul li ul { position:absolute; top: 30px; left: 0; margin: 0; padding: 0; width: 150px; display: none; z-index: 9999; }
#header ul li#store ul { left: auto; right: 0;}
#header ul li ul li { background: #B00063; float: none; margin: 0; padding: 0; }
#header ul li ul li a:link,
#header ul li ul li a:visited { background: none; text-indent: 0; margin: 0; height: auto; width: 138px !important; font-size: 11px; line-height:normal; padding: 5px 6px; color: #fff; text-align: left; }
#header ul li ul li a:hover,
#header ul li ul li a:active { background:#e70087;}
.superfish li:hover ul,
.superfish li li:hover ul { display:none; }


/* Sidebar
---------------------------------- */
#nav { background: url(images/bowl-sidebar/sidebar-bg-gray.png) no-repeat; padding-bottom: 600px; }
#nav ul.subnav { border-bottom:1px solid #656565; width:215px;}
/*#nav ul.subnav { border-bottom-style: solid; border-bottom-width:1px; border-bottom-color: rgba(255, 255, 255, 0.2); width:215px;}*/
#nav ul.subnav li { border-top-color: #656565; border-bottom-color: #1f1f1f; }
/*#nav ul.subnav li { border-top-color: rgba(255, 255, 255, 0.2); border-bottom-color: rgba(0, 0, 0, 0.5); width:188px;}*/
#nav ul.subnav li a:link,
#nav ul.subnav li a:visited { color: #e6e6e6;}
#nav ul.subnav li:hover { background-color: #666666; border-bottom-color:#333333; border-top-color: #7a7a7a; }
#nav ul.subnav li.active { background-color: #dddddd; border-top-color:#eeeeee; border-bottom-color:#cccccc; border-right: 1px solid #cccccc; }
/*#nav ul.subnav li.active { background-color: #dddddd; border-top-color:#eeeeee; border-bottom-color:rgba(0, 0, 0, 0.55); width:187px; border-right: 1px solid #cccccc; }*/
#nav ul.subnav li.active ul li {  border-right: none; }
#nav ul.subnav li span { background-image: url(images/bowl-seasonal/subnav.png); }
#nav ul.subnav li.active span { background-position: -22px -22px;}
#nav ul.subnav li.highlight span { background-position: -44px -44px;}
#nav ul.subnav li.active a { color: #cc006a; }

#nav ul.subnav li.active ul li a:link,
#nav ul.subnav li.active ul li a:visited { color: #333333; background-image:url(images/bowl-sidebar/hyphen-active.png) }
#nav ul.subnav li.active ul li:hover { background-color: #dddddd; }
#nav ul.subnav li ul li a:link,
#nav ul.subnav li ul li a:visited { color: #dddddd; background-image:url(images/bowl-sidebar/hyphen.png) }
#nav ul.subnav li ul li a.active:link,
#nav ul.subnav li ul li a.active:visited { color: #cc006a; background-image:url(images/bowl-seasonal/hyphen-select.png) }

#nav ul.subnav li ul.active li a:link,
#nav ul.subnav li ul.active li a:visited { color: #333333; }
#nav ul.subnav li ul.active li.active a.active { color: #cc006a; }

/* Lighter sidebar */
/*#nav { background: url(images/bowl-sidebar/sidebar-bg-gray.png) no-repeat; padding-bottom: 400px; }
#nav ul.subnav { border-bottom: 1px solid #ffffff; }
#nav ul.subnav li { border-top-color: #eeeeee; border-bottom-color: #bbbbbb;}
#nav ul.subnav li a:link,
#nav ul.subnav li a:visited { color: #4a4a4a;}
#nav ul.subnav li.active,
#nav ul.subnav li:hover { background-color: #eeeeee; border-bottom-color:#d6d6d6; }
#nav ul.subnav li span { background-image: url(images/bowl-sidebar/subnav.png); }
#nav ul.subnav li.active a { color: #cc006a; }
#nav ul.subnav li ul li a:link,
#nav ul.subnav li ul li a:visited { color: #4a4a4a; background-image:url(images/bowl-sidebar/hyphen.png) }
#nav ul.subnav li ul li a.active:link,
#nav ul.subnav li ul li a.active:visited { color: #cc006a; background-image:url(images/bowl-sidebar/hyphen-active.png) }*/


/* left sidebar "modules"
---------------------------------- */
#nav div.module { float: left; clear: left; margin: 0 0 15px 15px; _margin-left: 8px; }
#nav div.module h3 { margin-bottom: 9px; width:155px; }
#nav div.have-tickets h3 { background:url(images/bowl-sidebar/have-tickets.png) no-repeat; height: 30px; text-indent: -999em; }
#nav div.be-involved h3 { background:url(images/bowl-sidebar/be-involved.png) no-repeat; height: 15px; text-indent: -999em; }
#nav div.module ul li {  line-height: 13px; float: left; clear: left; width:155px; }
#nav div.module ul li a {background: url(images/bowl-shared/arrow_small.gif) no-repeat left; padding-left: 18px; font-size: 11px; display: block; float: left; }

/* Body Content
---------------------------------- */
body { background-color: #dddddd ; }
hr { background-color: #d6d6d6; color: #d6d6d6; }
hr.thin { background-color:#d6d6d6; color: #d6d6d6;}
dl { font-size: 11px; }
dt { color: #cc006a; }
a, a:link, a:link i, a:link b, a:link em, a:link strong,
a:visited, a:visited i, a:visited b, a:visited em, a:visited strong { color: #0032B4; cursor: pointer;}
a:hover,
a:active { color: #0032B4; }
#body { background-image: url(images/bowl-sidebar/body-bg-gray.png) }
#content_heading p.pretitle { color: #7a7a7a; }
/*#content_heading h1 { color: #cc006a; font-size: 20px; line-height: 24px; height: auto; margin-bottom: 4px; }*/
#content_heading h1 { font-family:"Futura Medium", 'Gill Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 18px; line-height: 21px; text-transform: uppercase; color:#cc006a; margin: 0 0 5px 0; font-weight:normal; }*/

#content_heading p.subtitle { }
#content_heading a.listen:link,
#content_heading a.listen:visited { }
/*.content h1 { height: 21px; }*/
.content h2 { color: #cc006a; }
.content h2,
.content h3,
.content h4,
.content h2 b, .content h2 strong, .content h2 i, .content h2 em,
.content h3 b, .content h3 strong, .content h3 i, .content h3 em,
.content h4 b, .content h4 strong,.content  h4 i, .content h4 em{ color: #cc006a;}


.content ul li, .sidebar ul.bullets li { background-image: url(images/bowl-seasonal/ul.png) }
ul.links a,
a.link { background-image: url(images/bowl-shared/arrow_large.gif) }
a.accessible { background-image: url(images/bowl-shared/icon_accessible.gif) }
a.listen { background-image: url(images/bowl-shared/icon_listen.gif) }
a.details { background-image: url(images/bowl-music/browse_details.gif) }
a.pdf { background: url(images/phil-sidebar/icon_pdf.gif) no-repeat left; line-height: 17px; padding-left: 19px; padding-top:2px; padding-bottom:0px; }

.content  ul.star li {background: url(images/bowl-seasonal/tix-icons.gif) no-repeat -180px -180px; padding:2px 0 4px 24px; }
.content  ul.no-bullet li { background-image: none; padding-left:0}
form button span,
form button span span,
p.buttons a:link,
p.buttons a:visited,
a.button:link,
a.button:visited,
p.buttons a span,
a.button span { background-image: url(images/bowl-shared/bowl_button.gif) }

table caption { color:#A02B84; line-height: 15px !important; }
table caption a.link {line-height: 15px !important;}
table.striped thead th, table.ruled thead th { background: url(images/bowl-shared/table-header.png) repeat-x; color: #fff; vertical-align: middle;}
table.striped tbody td { border-bottom: 1px solid #fff; background: #eeeeee; }
table.striped tbody tr.alt td { background: #e6e6e6; }
table.striped tr.footer td { background: #fff; }
table.striped tr.footer td p { color: #666; }
table.ruled thead th { }
table.ruled tbody td { border-top: none; border-bottom: 1px solid #d6d6d6; }

table.simple th { background: url(images/bowl-shared/table-header.png) repeat-x; color: #fff;}
table.simple tbody td { border-bottom: 1px solid #C6D7B3; }

p.top { clear: both; text-align:right; }

.note-bg { background-color: #fae5f0; padding: 15px; border:2px solid #f6d1e3; margin-bottom:1em;}

/* Overview Page Grids
---------------------------------- */
#overview .half { border-top: 1px solid #C6D7B3; }

/* popup events
---------------------------------- */
#popup { position: absolute; z-index: 1001; background: #fff; width: 260px; text-align: left; font-size: 11px; float: left; }
#popup .outer { position: relative; margin: 0; background: #fff; float: left; }
#popup .inner { padding: 0; margin: 0; background: #fff; float: left; }
#popup .shadow { position: absolute; background: #333; width: 260px; height: 100px; filter:alpha(opacity=25); -moz-opacity: 0.25; opacity: 0.25; }
#popup h3 { line-height: 12px; padding: 5px 10px; width: 240px; font-weight: bold; color: #fff; }
#popup a { display: block; padding: 10px; font-weight: bold; background: #fff; text-decoration: none; }
#popup a:hover { text-decoration: underline; }
#popup ul { color: #454545; text-transform: none; font-weight: normal; line-height: 15px; padding: 0; margin: 0; background: #fff; padding-bottom: 10px; }
#popup li { padding-left: 10px; }
#popup ul.events { float: left; clear: both; padding: 0; margin: 0; width: 260px; }
#popup ul.events li { float: left; clear: both; margin: 0 10px; padding: 5px 0; width: 250px; _margin: 0 0 0 5px; background:#fff }
#popup ul.events span.time { display: block; float: left; width: 50px; text-align: right; padding-right: 10px; }
#popup ul.events a { display: block; float: left; padding: 0; width: 180px; color:#0032B4; }
#popup ul.events a.other { background:url(images/shared/icon_o.gif) no-repeat 0 2px; padding-left: 18px; width: 162px; }
#popup ul.events a.wdch { background:url(images/shared/icon_w.gif) no-repeat 0 2px; padding-left: 18px; width: 162px; }
#popup li strong { font-weight: bold; }
#popup li em { font-style:italic; }
#popup ul.events li.first { border-top: none; }

/* Event(s) Popup */
#popup h3 { background: #6E1F5C url(images/bowl-calendar/popup-header.png) repeat-x top; color: #fff; }
#popup a { color: #0032B4; }
#popup ul { color: #454545; background: #fff; }
#popup ul.events li { border-top: 1px solid #EDC8A4; }

#minical p a { margin: 4px 0 13px 0; float: right; line-height:normal;}

/* Right Sidebar  
---------------------------------- */
.sidebar h3,
.sidebar h4 { color: #cc006a; }
.sidebar ul.icons { margin-bottom: 21px; }
.sidebar ul.icons li { padding-left: 21px; margin-bottom: 12px; background-position: top left; background-repeat: no-repeat; }
.sidebar ul.icons li.video { background-image: url(images/bowl-sidebar/icon_video.gif); }
.sidebar ul.icons li.audio { background-image: url(images/bowl-sidebar/icon_audio.gif); }
.sidebar ul.icons li.link { background-image: url(images/bowl-sidebar/icon_link.gif); }
.sidebar ul.icons li.pdf { background-image: url(images/bowl-sidebar/icon_pdf.gif); }
.sidebar ul.icons li.photo { background-image: url(images/bowl-sidebar/icon_photo.gif); }
.sidebar ul.icons li.calendar { background-image: url(images/bowl-sidebar/icon_calendar.gif); }
.sidebar ul.icons li.ada { background-image: url(images/bowl-sidebar/icon_ada.gif); }

/* Footer
---------------------------------- */
/*#footer { background: url(images/bowl-shared/bowl_footer.gif) no-repeat 0 0; }
#footer p.utility { color: #C7D7B4; }
#footer p.utility a:link,
#footer p.utility a:visited, #footer p.top a:link, #footer p.top a:visited { color: #99CCFF !important; }
#footer p.copyright { color: #C7D7B4; }
#footer p.top a{background:url(images/bowl-shared/top_footer.gif) no-repeat left; padding-left: 11px; }*/

/* Footer  (see phil.footer.css)
---------------------------------- */
p.utility { float:right; width:auto !important; text-align:right; margin:0 0 5px 0 !important; }
p.utility span.text { margin-top:0 }

#footer {width:940px; height:30px; background: url(images/bowl-shared/shadow-footer.png); padding:10px 10px 0 10px; }

#footer p.utility, #footer p.top { color: #fff; }
#footer p.utility a:link,
#footer p.utility a:visited{ color: #fff !important; font-weight:bold; padding:0 10px; border-left:1px solid #666;}
#footer p.utility a.first:link,
#footer p.utility a.first:visited  {padding-left:none; border-left:none; }

#footer p.copyright { width:490px; padding-right:80px; color: #a2a2a2;}

#footer p.top a { font-weight:normal; padding-right:10px; }
#footer p.top a:link,
#footer p.top a:visited { color: #fff !important; }



/* SiFR 
---------------------------------- */

#nav .sIFR-hasFlash h3 { visibility: hidden; }

/* thickBox
---------------------------------- */
#TB_title{background-color:#cc006a; padding:7px}
#TB_ajaxWindowTitle{font-size:13px; font-weight:bold; color:#fff; padding-left:8px;}
#TB_closeAjaxWindow,
#TB_closeAjaxWindow a {color:#fff; }

/* shadow outline 
---------------------------------- */
#page { width: 964px; }
#page #shadow { width: 960px; padding: 0 2px; background: url(images/bowl-shared/shadow.png); }
#page #shadow { height: 1%; display: inline-block; }
#page #shadow:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#footer { width:960px; padding-left: 2px; padding-right: 2px; }

#footer, #body { float:none; *height:1%; zoom:1; *padding-bottom:10px; }
#footer:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#body:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }