/*
 * Stylesheet for www.vam.ac.uk Teal Orange Blues theme
 *
 * Christian Johansen <christian@teodor.no> 03/11-05
 */

a, a:link, a:visited { color: #0b4158; }

a:hover, a:active, #page #content .boxes h3 a:hover, #page #content .boxes h3 a:active,
.journal_frontpage #content .box  h3 a:hover, .journal_frontpage #content .box  h3 a:active,
.futureplan #sub_content a:active, .futureplan #sub_content a:hover, .header ul a:hover, .header ul a:active,
.more a:hover, .more a:active, .highlight #wrapper #content h3 a:hover, .highlight #wrapper #content h3 a:active,
.listLink a:active, .listLink a:hover {
	color: #ef7703;
}

.homepage #wrapper #content .boxes h3 a:hover,
.homepage #wrapper #content .boxes h3 a:active {
	color: #fff;
}

/* Breadcrumb */
#breadcrumb p { background: url(images/dot.gif) 0 0.3em no-repeat; }
#breadcrumb a:hover, #breadcrumb .active { color: #ef7703; }
#breadcrumb, #breadcrumb a { color: #000; }

/* Header */
#branding { background: #348196; }

/* Search */
.button:hover, input.highlight { background: #ef7703; border-color: #fff; }
.menubutton .active { background: #ef7703; }

/* Main navigation */
#navigation { background: #0b4158; }
#navigation .active { background: #ef7703; }

#home a { background: url(images/menu_01.gif) 0 0 no-repeat; }
#yourvisit a { background: url(images/menu_02.gif) 0 0 no-repeat; }
#exhibitions a { background: url(images/menu_03.gif) 0 0 no-repeat; }
#collections a { background: url(images/menu_04.gif) 0 0 no-repeat; }
#researchconservation a { background: url(images/menu_05.gif) 0 0 no-repeat; }
#activitiesevents a { background: url(images/menu_06.gif) 0 0 no-repeat; }
#education a { background: url(images/menu_07.gif) 0 0 no-repeat; }
#supportus a { background: url(images/menu_08.gif) 0 0 no-repeat; }
#shoponline a { background: url(images/menu_09.gif) 0 0 no-repeat; }

#home a.active { background: url(images/menu_01select.gif) 0 0 no-repeat; }
#yourvisit a.active { background: url(images/menu_02select.gif) 0 0 no-repeat; }
#exhibitions a.active { background: url(images/menu_03select.gif) 0 0 no-repeat; }
#collections a.active { background: url(images/menu_04select.gif) 0 0 no-repeat; }
#researchconservation a.active { background: url(images/menu_05select.gif) 0 0 no-repeat; }
#activitiesevents a.active { background: url(images/menu_06select.gif) 0 0 no-repeat; }
#education a.active { background: url(images/menu_07select.gif) 0 0 no-repeat; }
#supportus a.active { background: url(images/menu_08select.gif) 0 0 no-repeat; }
#shoponline a.active { background: url(images/menu_09select.gif) 0 0 no-repeat; }

#home a:hover { background: url(images/menu_01_o.gif) 0 0 no-repeat; }
#yourvisit a:hover { background: url(images/menu_02_o.gif) 0 0 no-repeat; }
#exhibitions a:hover { background: url(images/menu_03_o.gif) 0 0 no-repeat; }
#collections a:hover { background: url(images/menu_04_o.gif) 0 0 no-repeat; }
#researchconservation a:hover { background: url(images/menu_05_o.gif) 0 0 no-repeat; }
#activitiesevents a:hover { background: url(images/menu_06_o.gif) 0 0 no-repeat; }
#education a:hover { background: url(images/menu_07_o.gif) 0 0 no-repeat; }
#supportus a:hover { background: url(images/menu_08_o.gif) 0 0 no-repeat; }
#shoponline a:hover { background: url(images/menu_09_o.gif) 0 0 no-repeat; }

/* Left hand navigation bar */
#sub_navigation .box { background: #99c0ca; border-color: #99c0ca; }
#sub_navigation .selection { background: #e1ecef; }
.box h3, .highlightboxes .box h2, .journal_frontpage #sub_navigation .box h3 { background: url(images/dot.gif) 5px 0.5em no-repeat #348196; }
.highlightboxes .box .bottom_strip { background: #e1ecef; }
#sub_navigation ul { background: #99c0ca; }
#sub_navigation ul li { background: url(images/small_dot.gif) 5px 0.6em no-repeat #99c0ca; }
#sub_navigation ul ul { background: #c2d9df; }
#sub_navigation ul li li { background: url(images/small_dot.gif) 12px 0.6em no-repeat #c2d9df; }
#sub_navigation ul ul ul { background: #e1ecef; }
#sub_navigation ul ul ul li { background: url(images/small_dot.gif) 19px 0.6em no-repeat #e1ecef; }
#sub_navigation ul ul ul ul li { background: url(images/small_dot.gif) 26px 0.6em no-repeat #f1f6f8; }
#sub_navigation ul ul ul ul ul li { background: url(images/small_dot.gif) 33px 0.6em no-repeat #f1f6f8; }
#sub_navigation li a, #sub_navigation li { color: #0b4158; }

/* Boxes */
.box a { color: #063506; }
.box h4 { color: #063506; }
.related_highlights p { color: #ef7703; }

/* Main content */
#category, .label, .back a, .back a:visited, .up a, .up a:visited, .forward a, .forward a:visited, .gallerydetails { color: #ef7703; }
h1, h2, h3, h4, #content dt, h1 a, h2 a, h3 a, h4 a { color: #0b4158; }
.inline-image-left, .inline-image-right, .inline-image { background: #fff; }
.inline-image-left p, .inline-image-right p, .inline-image p { background: #f2f3f7; }

.article #content .box h3, .article #content .box h3 a, .article #content .box h2 a {
	background-color: #e1ecef;
	color: #0b4158;
}

.listLink a {
	background: url(images/small_dot.gif) 0px 0.6em no-repeat;
}

.back { background: url(images/back.gif) 0 50% no-repeat; }
.forward { background: url(images/forward.gif) 100% 50% no-repeat; }

/* Frontpage */
.highlightboxes .box li { background: url(images/small_dot.gif) 5px 0.6em no-repeat; }
.homepage .box .more a { color: #348196; }

#page .highlightboxes li.more, #intro .more li {
	color: #348196;
	background: url(../../images/small_dot.gif) 5px 0.6em no-repeat;
}

.related_highlights li a {
	color: #0b4158;
	background: url(images/small_dot.gif) 0px 0.6em no-repeat;
}

.homepage #intro p.more a { background: url(../../images/small_dot.gif) 0 0.5em no-repeat; }
.highlightboxes .box { background: #e1ecef; }
.highlightboxes .info, .homepage .alt .box { background: #c2d9df; }
.homepage .alt2 .box { background: #99c0ca; }
.highlightboxes .box .more { background: url(images/small_dot.gif) 5px 0.6em no-repeat; }
.highlightboxes .box .inline-image a, .highlightboxes .box .inline-image-left a, .highlightboxes .box .inline-image-right a { background: #fff; }
#plugin { background: #f3f3f3; }
.button a, #content .button a { background: #ef7703; }
.button a:hover, .button a:active, #content .button a:hover, #content .button a:active { color: #ef7703; }

/* FuturePlan */
.futureplan #intro h1, .futureplan h2, .futureplan h3 { color: #0b4158; }
.futureplan #intro a, .futureplan .column h3, .futureplan .column h4, #about #extra h2, #about #extra p { color: #ef7703; }
.futureplan #sub_content h3 { background: #ebf4f7; }
.futureplan .box h4 { color: #ef7703; }
#about #extra { background: #f5f5f5; }
#about #extra ul a { color: #0b4158; }
#about #extra a:hover, #about #extra a:active { color: #ef7703; }
.futureplan #content li, .futureplan #sub_content li { background: url(images/small_dot.gif) 5px 0.6em no-repeat; }
.futureplan #content .more { background: url(images/small_dot.gif) 10px 0.5em no-repeat; }

/* Journal frontpage */
.journal_frontpage #content .box h3 { background: url(images/small_dot.gif) 5px 0.6em no-repeat; }
.journal_frontpage #content .box h3 a { background-color: #fafafa; }
.journal_frontpage .box h3 a:hover, .journal_frontpage .box h3 a:active { color: #ef7703; }
.journal_frontpage .highlights h2 { background: url(images/dot.gif) 5px 0.6em no-repeat #e1ecef; }
.highlight #content .box, .highlight #content .box h3, .highlight #content .box h3 a { background: #fafafa; }
.highlight #content .box .bottom_strip h3, .highlight #content .box .bottom_strip h3 a { background: #e1ecef; }
.highlight #content .box h2 { background-color: #e1ecef; color: #0b4158; }
.highlight #content .box h3 a, .highlight #content .box .bottom_strip h3 a { background: url(images/small_dot.gif) 0 0.6em no-repeat; }
.journal_frontpage .more { background: url(images/small_dot.gif) 5px 0.5em no-repeat; }

/* What's on */
.whatson h1, .whatson h2 { color: #0b4158; }
.whatson h3, #calendar h2 { color: #000; }
#calendar a:hover, #calendar a:active { color: #ef7703; }
#intro .text ul li, .boxes .more a { background: url(images/small_dot.gif) 0 0.6em no-repeat; }
#programme_navigation li { border-color: #fff; background: #454801; }
#programme_navigation li.range { background: #c6d3d3; }
#page #programme_navigation li.active { background: #777c01; }
.whatson #content form { background: #777c01; }
#date_range table thead tr { background: #e9eeee; }
#date_range table th.time { background: url(../../images/dateRangeCornerLeft.gif) top left no-repeat #e9eeee; }
#date_range table th.eventtype { background: url(../../images/dateRangeCornerRight.gif) top right no-repeat #e9eeee; }
#date_range { background: #c6d3d3; }
#date_range table tr { background: #e9eeee; }
#programme table thead tr { background: #919531; }
#programme table th.time { background: url(../../images/whatson_tabletop_l.gif) top left no-repeat #919531; }
#programme table th.eventtype { background: url(../../images/whatson_tabletop_r.gif) top right no-repeat #919531; }
#programme { background: #777c01; }
#programme table tr { background: #f4f9f9; }
.whatson #content .navigation { background: #777c01; }
#families a { background: url(../../images/key_families.gif) 0 2px no-repeat; }
#young_people a { background: url(../../images/young_people.gif) 0 2px no-repeat; }
#deaf_people a { background: url(../../images/deaf_people.gif) 0 2px no-repeat; }
#visually_impared a { background: url(../../images/visually_impared.gif) 0 2px no-repeat; }
#calendar .highlight { background: #ef7703; }
#calendar .highlight a:hover, #calendar .highlight a:active { color: #fff; }
.whatson #content table .more { background: url(images/small_dot.gif) 5px 0.6em no-repeat; }

/* Day of record */
.dayofrecord .header { background: #99c0ca; }
.dayofrecord .header, .dayofrecord .header a { color: #0b4158; }
.dayofrecord .header h2 { background: url(images/dot.gif) 0 0.3em no-repeat; color: #0b4158; }
.dayofrecord #content label { color: #ef7703; }
.dayofrecord #searchpanel { background: #e1ecef; }

/* eCards */
.ecard .header { background: #99c0ca; }
.ecard .header, .ecard .header a { color: #0b4158; }
.ecard .header h2 { background: url(images/dot.gif) 0 0.3em no-repeat; color: #0b4158; }
.ecard #content label { color: #ef7703; }
.ecard #searchpanel { background: #e1ecef; }

/* Late View */
.highlightboxes .lateview .box { background: #fff; }
.highlight1 { color: #427601; }
.highlight2 { color: #f87c00; }
.highlight3 { color:#f87c00; }
.lateview .highlightboxes .box h4 { color: #498301; }
.upcomingDark .date { color: #f87c00; }
.upcomingLight, .upcomingLight .date, .upcomingLight .subheading, .upcomingLight #category, .upcomingLight h2 { color: #fff; }
.lateview .introduction, .lateviewhome .introduction, .upcomingDark .subheading { color: #427601; }
.lateview .main_image p { background: #f2f3f7; }
#lateview_navigation li a { color: #fff; }
#lateview_navigation { background: #88b711; }
#lateview_navigation .active { background: #498301; }

#lateview_navigation li#lateview_past a:hover,
#lateview_navigation li#lateview_past a:active,
#lateview_navigation li#lateview_present a:hover,
#lateview_navigation li#lateview_present a:active,
#lateview_navigation li#lateview_future a:hover,
#lateview_navigation li#lateview_future a:active,
#lateview_navigation li#lateview_home a:hover,
#lateview_navigation li#lateview_home a:active { background: #498301; }

#lateview_earlier a { background: url(../../images/fridaymenu_left.gif) 0 0 no-repeat; }
#lateview_later a { background: url(../../images/fridaymenu_right.gif) 0 0 no-repeat; }
#lateview_earlier a:active { background: url(../../images/fridaymenu_left_over.gif) 0 0 no-repeat; }
#lateview_later a:active { background: url(../../images/fridaymenu_right_over.gif) 0 0 no-repeat; }
#lateview_earlier a:hover { background: url(../../images/fridaymenu_left_over.gif) 0 0 no-repeat; }
#lateview_later a:hover { background: url(../../images/fridaymenu_right_over.gif) 0 0 no-repeat; }

/* Index */
.azindex ul.level2 li a {
	padding-left: 7px;
	background: url(images/small_dot.gif) 0px 0.6em no-repeat;
}

#azindex_navigation li, #azindex_navigation li a { color: #fff; }
#azindex_navigation li.link a { background: #0b4158; }
#azindex_navigation li.link a:hover { background: #ef7703; }
#azindex_navigation li.active a { background: #ef7703; }
#azindex_navigation li.active a:hover { background: #ef7703; }
#azindex_navigation li.nolink { background: #c2d9df; }

.azindex .column1, .azindex .column2 { background: #e1ecef; }

/* Newsletter */
.newsletter .mediatime, .newsletter .newsletter_dates { color: #ef7703; }
.newsletter .more a { color: #ef7703; }