/* 
 * 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);

/* 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.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#support a:link, #header ul li#support 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 bottom; }

#header ul li#support a:hover,
#header ul li#support a:active,
#header ul li#support.sfHover a:link,
#header ul li#support.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 bottom; }


/* 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: #9D2A82; 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:#c441ac; }
.superfish li:hover ul,
.superfish li li:hover ul { display:none; }


/* Sidebar
---------------------------------- */
#nav { background: url(images/bowl-sidebar/sidebar_background.png) no-repeat; padding-bottom: 400px; }
#nav ul.subnav { border-bottom-color: 1px solid #ffffff; }
#nav ul.subnav li { border-top-color: #ffffff; border-bottom-color: #B2BEAB;}
#nav ul.subnav li a:link,
#nav ul.subnav li a:visited { color: #486536;}
#nav ul.subnav li.active,
#nav ul.subnav li:hover { background-color: #EEF3E9; }
#nav ul.subnav li span { background-image: url(images/bowl-sidebar/subnav.png); }
#nav ul.subnav li.active a { color: #A02B84; }
#nav ul.subnav li ul li a:link,
#nav ul.subnav li ul li a:visited { color: #486536; 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: #A02B84; 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; }

/* content_heading_utility 
 * breadcrumbs and addthis links
---------------------------------- */
#content_heading_utility { font-size:11px; width:100%; line-height:16px; margin-bottom:15px; }
#content_heading_utility:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content_heading_utility p.breadcrumbs { float:left; width:425px; color:#333; margin:0; padding:0; color:#999;}
#content_heading_utility p.breadcrumbs a:link, #content_heading_utility p.breadcrumbs a:visited { color:#999; }
#content_heading_utility p.breadcrumbs span { color:#333; }
#content_heading_utility div.addthis_toolbox { float:right; width:225px; text-align:right; margin:0; padding:0; }

#content_heading_utility div.addthis_toolbox a,
#content_heading_utility div.addthis_toolbox span { display:inline-block; float:none; vertical-align:top; text-decoration:none; }
#content_heading_utility div.addthis_toolbox a { *margin-left:4px; }

/* Body Content
---------------------------------- */
body { background: #52675D url(images/bowl-shared/bowl-background.png) repeat-x; }
hr { background-color: #C6D7B3; color: #C6D7B3; }
hr.thin { background-color:#C6D7B3; color: #C6D7B3;}
dl { font-size: 11px; }
dt { color: #A02B84; }
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-background.png) }
#content_heading p.pretitle { color: #A02B84; }
#content_heading h1 { color: #719A42; font-size: 20px; line-height: 24px; height: auto; margin-bottom: 4px; }
#content_heading p.subtitle { }
#content_heading a.listen:link,
#content_heading a.listen:visited { }
.content h1 { height: 21px; }
.content h2 { color: #A02B84; }
.content h2,
.content h3,
.content h4,
.content h2 b, .content h2 strong, .content h2 i, .content h2,
.content h3 b, .content h3 strong, .content h3 i, .content h3,
.content h4 b, .content h4 strong,.content  h4 i, .content h4 { color: #A02B84;}
.content ul li, .sidebar ul.bullets li { background-image: url(images/bowl-shared/ul.gif) }
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-image: url(images/bowl-shared/bullet_special.gif);}
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.gif) repeat-x;  height: 25px; color: #fff; vertical-align: middle;}
table.striped tbody td { border-bottom: 1px solid #fff; background: #EEF3E9; }
table.striped tbody tr.alt td { background: #DBE6D0; }
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: 1px solid #C6D7B3; }

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

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


/* 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: #a02b84; }
.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 { }
#footer p.utility, #footer p.top { color: #fff; }
#footer p.utility a:link,
#footer p.utility a:visited{ color: #fff !important; font-weight:bold}
#footer p.top a:link,
#footer p.top a:visited { color: #fff !important;}

#footer p.copyright { color: #C7D7B4; }
#footer p.top a{font-weight:normal;}
#footer p.copyright{width:490px; padding-right:80px;}

#footer {width:940px; background-color:#333; padding:10px 10px 6px 10px}
#footer p.utility a:link,
#footer p.utility a:visited  {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;


/* SiFR 
---------------------------------- */
.sIFR-hasFlash h1 { visibility: hidden; }
#nav .sIFR-hasFlash h3 { visibility: hidden; }

/* thickBox
---------------------------------- */
#TB_title{background-color:#719a42;}
#TB_ajaxWindowTitle{font-size:13px; font-weight:bold; color:#fff;}

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

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