/* Define standard default rules */
@import "htmlundo.css";

#branding, #navigation, #search, #breadcrumb, #about, #sub_navigation, #skip, .skipnavigation,
.imagedetail .more, #intro ul, #calendar, .whatson #intro p, #programme_navigation,
.whatson #intro img, .whatson form, .whatson .summary, .whatson #audience_types,
.whatson table p.more { display: none; }

table td, table th {
	vertical-align: top;	
	padding: 0 2% 0 0;
	text-align: left;
}

#page, #wrapper, #content { float: none !important; }

#wrapper {
	margin-left: 5%;
	margin-right: 5%;
}

.whatson #wrapper {
	margin-left: 2%;
	margin-right: 2%;
}

#category {
	text-transform: uppercase;
	font-size: 8pt;
	margin-bottom: -0.1em;
}

body {
	font-family: Georgia, "Trebuchet MS", Times, serif;
}

.inline-image-left {
	float: left;
	padding: 0 10px 10px 0;
}

.inline-image-right {
	float: right;
	padding: 0 0 10px 10px;
}

p { font-size: 10pt; }
h1 { font-size: 18pt; }
h2 { font-size: 16pt; }
h3 { font-size: 14pt; }
h4 { font-size: 13pt; }
h1, h2, h3, h4 { font-weight: bold; }

.inline-image-right p, .inline-image-left p {
	font-size: 8pt;
	padding: 2px 4px;
}

a:link, a:visited {
	font-weight: bold;
	text-decoration: underline;
}

#content a:link:after, #content a:visited:after {
	content: " (" attr(href) ") ";
	font-size: 90%;
}

#content a[href^="/"]:after { content: " (http://www.vam.ac.uk" attr(href) ") "; }

.lightbox .images {
	margin: 0;
	padding: 0;
}

.lightbox .images li {
	list-style: none;
	margin: 0 0 3px;
	padding: 0;
}

.lightbox #content .images ul {
	margin: 0 6px 0 0;
	padding: 0;
	float: left;
}

.lightbox #content .images ul.last {
	margin: 0;
}

ul.images li {
	list-style: none;
	float: left;
	margin: 0 6px 3px 0;
}

h1 a {
}


/*print styles for the blog*/
#blogcontent h2 a{
	text-decoration: none;
}