@charset "utf-8";
/* CSS Document */


body {
background:none;
font-family: Arial, Helvetica, sans-serif;
}

a{ text-decoration: underline;color:#0374d3; }
a:hover{ text-decoration: underline; color:#fe0501; }

a.pngimage {
	cursor:pointer;
	}

/* top navigation */

#level1navbar { background-color:#ff0000; /* first header row colour */ }

#logobarnew { background-color:#ff0000; border-bottom:1px solid #ccc;  /* logobar row colour */ }

#logobar {
height:85px;
border-bottom:1px solid #000;
}

#logobarnewlink, #logobarnewlinkns {
top:15px;
}

#logobarnew.inverse #logobarnewtatelogo {
background-color:#777;
}

#logobarnew.inverse a .section {
color:#777;
}

/* new search bar */
#breadcrumb {
	height:32px;
	padding:5px 0 0 0;
	width:100%;
	border-bottom:4px solid #000;
	vertical-align:middle;
	font-size:1.0em;
	color:#333;
	background-color:#fff;
}

#breadcrumb ol li { background:url('/images/breadcrumb.gif') right center no-repeat; }

#breadcrumb ol li a:hover {
	text-decoration:underline;
	color:#333;
	background-color:transparent;
	padding:0;
}

#trailbar {
	width:300px;
	padding:5px 0 5px 15px;
	float:left;
}

#trailbar a { color:#666;text-decoration:underline;}

#searchbar {
	position:absolute;
	top:83px;
	left:447px;
	width: 400px;
}

#searchbar #sbholder {
width:300px;
}

#searchbar, #sbholder {
	
	border:0;
	background:none;
}

#sbsearch .searchbutton, #searchbar .searchbutton {
	background-color:#fff;
	color:#666666;
}

#content {
	width:570px;
	margin:0 0 0 180px;
	padding:0;
	}
	
.participants #content {
	width:720px;
	}
	
#content  p {
	margin:0 0 1.2em 0;
	padding:0;
	}
	
#leftcol {
	width:170px;
	float:left;
	}
	
#header  {

	}
	
#header h1 {
	font-size:1em;
	font-weight:bold;
	margin:13px 0 4px 10px;
	padding:0;
	}
	
#header h1 a {
	background-image:url(/britain/exhibitions/altermodern/images/header_blackonyellow1.gif);
	background-repeat:no-repeat;
/*	xxbackground-position:0 -284px;*/
	width:147px;
	height:142px;
	display:block;
	}
	
#header h1 a:hover {
/*	xxbackground-position:0 -568px;*/
	background-image:url(/britain/exhibitions/altermodern/images/header_blackonyellow2.gif);
	}
	
.default #header h1 a:hover {
	background-image:url(/britain/exhibitions/altermodern/images/header_blackonyellow1.gif);
	}
	
.explain #header h1 a, .manifesto #header h1 a , .videointerview #header h1 a , .cartoon #header h1 a  {
	background-image:url(/britain/exhibitions/altermodern/images/header_whiteonblack1.gif);
	}
	
.explain #header h1 a:hover, .manifesto #header h1 a:hover, .videointerview #header h1 a:hover, .cartoon #header h1 a:hover {
	background-image:url(/britain/exhibitions/altermodern/images/header_whiteonblack2.gif);
	}
	
.events #header h1 a {
	background-image:url(/britain/exhibitions/altermodern/images/header_blackonwhite1.gif);
	}
	
.events #header h1 a:hover {
	background-image:url(/britain/exhibitions/altermodern/images/header_blackonwhite2.gif);
	}
	
.explore #header h1 a {
	background-image:url(/britain/exhibitions/altermodern/images/header_blackontrans2.gif);
	}
	
.explore #header h1 a:hover {
	background-image:url(/britain/exhibitions/altermodern/images/header_blackontrans1.gif);
	}
	
	
#header h1 a span{
	display:none;
	}
	
#leftcol p.dates {
	font-size:.8em;
	margin:0 0 34px 10px;
	padding:20px 0 0 0;
	}
		
#subnav {
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
#subnav li {
	margin:0 20px 0 10px;
	padding:0;
	list-style-type:none;
	border-bottom:1px solid #000;
	}
	
#subnav li  a {
	color:#000;
	padding:5px 0 5px 22px;
	font-weight:bold;
	display:block;
	background-position:0;
	background-repeat:no-repeat;
	}
	
#subnav li  a:hover {
	color:#333;
	text-decoration:none;
	background-image:url(/britain/exhibitions/altermodern/images/subnavback_red.gif);
	}
	
#subnav li  ul {
	display:none;
	}
	
.explore #subnav li#exploresub ul, .participants #subnav li#exploresub ul, .videointerview #subnav li#explain ul, .explain #subnav li#explain ul, .manifesto #subnav li#explain  ul, .cartoon #subnav li#explain ul, .resourceslinks #subnav li#resourceslinks ul, .mixtape #subnav li#resourceslinks ul{
	display:block;
	}
	
.explore #subnav li#exploresub  ul li a:hover, .participants #subnav li#exploresub  ul li a:hover,  .resourceslinks #subnav li#resourceslinks  ul li a:hover, .mixtape #subnav li#resourceslinks  ul li a:hover {
	background-image:url(/britain/exhibitions/altermodern/images/subnavback_red.gif);
	color:#000;
	}
	
#subnav li  ul {
	margin:0;
	padding:0;
	}
	
#subnav li ul li{
	margin:0;
	padding:0;
	border:none;
	}
	
#subnav li ul li a{
	border-top:1px dashed #000;
	padding-left:35px;
/*	xborder:none;*/
	}
	
.default #default a, .explore #explore a, .participants #participants a, .explain #explain a, .manifesto #manifesto a, .videointerview #videointerview a, .cartoon #cartoon a, .visitinginfo #visitinginfo a, .events #events a, .resourceslinks #resourceslinks a, .mixtape #mixtape a {
	background-image:url(/britain/exhibitions/altermodern/images/subnavback_blue.gif);
	}
	
.default #default a:hover, .explore #explore a:hover, .participants #participants a:hover, .explain #explain a:hover, .manifesto #manifesto a:hover, .videointerview #videointerview a:hover, .cartoon #cartoon a:hover, .visitinginfo #visitinginfo a:hover, .events #events a:hover, .resourceslinks #resourceslinks a:hover, .mixtape #mixtape a:hover {
	background-image:url(/britain/exhibitions/altermodern/images/subnavback_blue.gif);
	cursor:default;
	color:#000;
	}
	

	
	

	
	
	
.tateslideshow img {
	display:block;
	margin:0 auto;
	}
	
.slideshow_nav {
	padding:30px 0 10px 0;
	text-align:center;
	width:100px;
	height:30px;
	margin:0 auto;
	}

.slideshow_nav a {
	float:left;
	margin:0 5px;
	display:block;
	width:30px;
	height:30px;
	background-repeat:no-repeat;
	background-position:0 -30px;
	}

.slideshow_nav a  span{
	display:none;
	}
	
.slideshow_nav a#prev{
	background-image:url(/britain/exhibitions/altermodern/images/cartoonnavleft.gif);
	}
	
.slideshow_nav a#next{
	background-image:url(/britain/exhibitions/altermodern/images/cartoonnavright.gif);
	}
	
.slideshow_nav a:hover#prev{
	background-position:0 0;
	}
	
.slideshow_nav a:hover#next{
	background-position:0 0;
	}
	
	
#cartoonholder img {
	margin:0 auto;
	display:block;
	}
	
#cartoonholder a {
	font-size:.9em;
	color:#333;
	background-image:url(/britain/exhibitions/altermodern/images/externalgrey.gif);
	}

	
	
/* visiting */

body.visitinginfo {
	background:#ffff01;
	}
	
.visitinginfo .buyticketsbutton {
	float:right;
	margin:0 0 20px 20px;
	}
	
.visitinginfo #content {
	background:#fff;
	padding-top:10px;
	padding-bottom:20px;
	}
	
.visitinginfo #content h2, .visitinginfo #content p{
	padding-left:30px;
	padding-right:30px;
	}
	
.visitinginfo #content h2{
	padding-top:30px;
	}
	
	

/* explain */

body.explain, body.manifesto, body.videointerview, body.cartoon {
	background:#000;
	}
	
.explain #content, .manifesto #content, .videointerview #content, .cartoon #content {
	background:#fff;
	padding-top:10px;
	padding-bottom:20px;
	}
	
.explain #content h2, .explain #content p, .manifesto #content h2, .manifesto #content p, .videointerview #content h2, .videointerview #content p, .cartoon #content h2, .cartoon #content p {
	padding-left:30px;
	padding-right:30px;
	}
	
.explain #header h1 a, .manifesto #header h1 a, .videointerview #header h1 a, .cartoon #header h1 a  {
	/*xxbackground-position:0 -426px;*/
	}
	
.explain #header h1 a:hover , .manifesto #header h1 a:hover , .videointerview #header h1 a:hover, .cartoon #header h1 a:hover{
	/*	xxbackground-position:0 -718px;*/
	}
				
.explain #subnav li , .manifesto #subnav li , .videointerview #subnav li, .cartoon #subnav li{
	border-bottom:1px solid #fff;
	}
	
.explain #subnav li ul li, .manifesto #subnav li ul li, .videointerview #subnav li ul li, .cartoon #subnav li ul li   {
	border-bottom:none;
	}
	
	
.explain #subnav li  ul li a, .manifesto #subnav li  ul li a, .videointerview #subnav li  ul li a, .cartoon #subnav li  ul li a {
	border-top:1px dashed #fff;
	padding-left:35px;
	/*xborder:none;*/
	}
	
.explain #subnav li  a , .manifesto #subnav li  a, .videointerview #subnav li  a, .cartoon #subnav li  a{
	color:#fff;
	}
	
.explain  #subnav li  a:hover, .manifesto  #subnav li  a:hover .videointerview  #subnav li  a:hover , .cartoon  #subnav li  a:hover  {
	color:#eee;
	background-image:url(/britain/exhibitions/altermodern/images/subnavback_white.gif);
	}
	
	

.explain #subnav li#explain  ul li a, .manifesto #subnav li#explain  ul li a, .videointerview #subnav li#explain  ul li a, .cartoon #subnav li#explain  ul li a, .resourceslinks #subnav li#resourceslinks  ul li a {
	background-image:none;
	}
	

.explain #explain a, .manifesto #subnav li#explain  ul li#manifesto a, .videointerview #subnav li#explain  ul li#videointerview a , .cartoon #subnav li#explain  ul li#cartoon a {
	background-image:url(/britain/exhibitions/altermodern/images/subnavback_white.gif);
	}
	
		
.explain #subnav li#explain a:hover, .manifesto #subnav li#explain  a:hover, .videointerview #subnav li#explain  a:hover, .cartoon #subnav li#explain  a:hover {
	background-image:url(/britain/exhibitions/altermodern/images/subnavback_white.gif);
	color:#fff;
	}
	


	

/* manifesto page */

 body.cartoon {
	background:url(/britain/exhibitions/altermodern/images/backblackcol.gif) repeat-y;
	}
	
.cartoon #content {
	overflow:hidden;
	width:541px;
	}

	
.explain h2, .manifesto h2, .videointerview h2, .cartoon h2 {
	text-transform:uppercase;
	font-size:2.8em;
	text-align:right;
	margin:10px 2px 10px 0;
	}
	
.explain h3, .manifesto h3, .videointerview h3, .cartoon h3{
	text-transform:uppercase;
	text-align:right;
	}
	
.explain h3 strong, .manifesto h3 strong, .videointerview h3 strong, .cartoon h3 strong{
	font-size:1.8em;
	text-align:center;
	background:#000;
	color:#fff;
	font-weight:bold;
	}
	
#manifestotext {
	margin: 35px 0 0 0;
	line-height:1.5em;
	}
	
/* more videointerview */

.videointerview .video {
	margin:20px 0 10px 13px;
	}
	
/* resources */

.resourceslinks  #content h2, .mixtape  #content h2 {
	margin-left:20px;
	margin-top:40px;

	}
	
 .resourceslinks  #content h3 {
	margin-left:20px;
	margin-bottom:10px;
	padding-top: 7px;
	padding-bottom: 7px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	}
	
.resourceslinks  #content h4, .mixtape  #content h3,  .mixtape  #content h5 {
	margin: 0 0 0 20px!important;
	font-size:1em;
	}
	
.resourceslinks  #content p, .mixtape  #content p {
	margin-left: 20px;
	}
	
/* eventspage */

.events h2.pagetitle {
	padding:30px 0 10px 20px;
	}
	
.events h2 {
	padding-left: 20px;
	}

ul.eventlist{
	font-size:1em;
	margin:0 0 25px 20px;
	padding:0;
	line-height:1.3em;
}

ul.eventlist li{
	margin:7px 0 5px 0;
	padding:0;
}

ul.eventlist ul{
	margin:7px 0 5px 10px;
	padding:0;
}

ul.eventlist li.right{
	list-style-image:none;
	list-style-type:none;
	padding-left:12px;
	background:url(/britain/exhibitions/altermodern/images/blackcircle.png) no-repeat 0 6px;
}

ul.eventlist .event_label_grey {
	background-color:#000;
	}
	
/* video interview page */
	

/* Home */

body.default {
	background:url(/britain/exhibitions/altermodern/images/homecolback.gif) no-repeat 341px 127px #ffff01;
	}
	
.default #content h2 {
	display:none;
	}
	
.default #header h1 a {
/*	xxbackground-position:0 -568px;*/
	}
	
.default #header h1 a:hover {
/*		xxbackground-position:0 -568px;*/
	}
	
#homevideo {
		position:absolute;
		top:0;
		left:-1000px;
		z-index:1000;
	border:1px solid #666;
	background: #000;


	}
	
a.hidevideo {
	display:block;
	font-weight:bold;
	text-align:right;
	color:#fff;
	padding:2px 3px;
	}
	
a.hidevideo:hover{
	color:#0374d3;
	}
	
#homedates {
		position:absolute;
		top:180px;
		left:180px;
		display:block;
		background:#ff0000;
	}
	
	
#homebutexplore {
		position:absolute;
		top:279px;
		left:171px;
		display:block;
		background:url(/britain/exhibitions/altermodern/images/exploreback.png) no-repeat;
		height:119px;
		width:119px;
	}
	
#homebutexplain {
		position:absolute;
		top:413px;
		left:231px;
		display:block;
		background:url(/britain/exhibitions/altermodern/images/explainback.png) no-repeat;
		height:119px;
		width:119px;
	}
	
#homebutbuytickets  span, #homebutexplain  span, #homebutexplore  span, #homebutmixtape span { display:none; }
	
#homebutbuytickets {
		position:absolute;
		top:541px;
		left:330px;
		display:block;
		background:url(/britain/exhibitions/altermodern/images/buyticketsback.png) no-repeat;
		height:94px;
		width:94px;
	}
	
#homebutmixtape {
		position:absolute;
		top:610px;
		left:468px;
		height:67px;
		width:67px;
		display:block;
		background:url(/britain/exhibitions/altermodern/images/mixtapeback.png) no-repeat;
	}
	
#homespon {
		position:absolute;
		top:430px;
		left:491px;
	z-index:777;
	}
	
#bodyoverlay {
	position:absolute;
	top:0;
	left:0;
	z-index:677;
	width:100%;
	height:100%;
	display:none;
	}
	
.default a#homevideolink {
	background-color:#000;
	border:1px solid #666;
	position:absolute;
	top:168px;
	left:363px;
	}
	
.default a#homevideolink:hover {
	border:1px solid #189aff;
	}
	
.default #videocredit p{
	margin-top: 0;
	width:250px;
	text-align: right;
	color: #777;
	position:absolute;
	top:380px;
	left:475px;
	}
	
/* HS added 05.02.09 for explain section */	

#explainbox_holder {
	width: 557px;
	background: #fff;
	padding-left: 13px;
	margin: 15px 0 50px 0;
	display: block;
	float: left;
}


#explainbox_holder a img {
	margin: 11px;
	border: 1px solid #000;
}

#explainbox_holder a:hover img{
	border: 1px solid #fe0501;
}

#explainbox_holder a span {
	display: block;
	color: #fff;
	background: #189aff;
	padding: 5px;
	text-transform:uppercase;
	font-size: 1.5em;
	font-weight: normal;
}

#explainbox_holder a:hover span {
	background: #fe0501;
	}

#explainbox_holder p {
	color: #fff!important;
	padding:  5px 13px 0 13px!important;
}

#explainbox_holder a, #explainbox_holder a:hover{
text-decoration: none;
}

.explainbox {
	color: #fff!important;
	margin-right: 13px;
	float: left;
	width: 172px;
	height: 275px;
	background: #000;
	
}


/* HIDE + SHOW */


.onDiv, .offDiv{
	background: #fff;
	width:568px;
	clear:both;
}


a.showLink, a.hideLink{
	float:left; 
	margin:0 5px 0 30px;
	padding: 0 2px;
}

.list_title{
	text-decoration:underline;
	font-size:1em!important;
	font-weight:normal!important;
	margin:0 0 0 30px;
	padding:0;
	height:30px;
	cursor:pointer;
}


.offDiv:hover .list_title{
	color:#000;
	text-decoration:underline;
}

.onDiv .showLink{display:none;}

.offDiv .hideLink{display:none;}


/*------- These links are shown with JS, hidden if JS is off ------ */
a.showLink, a.hideLink{display:none;}

.showLink{
	clear:both;
	display:block;
	width:26px;
	height:26px;
	background:url('/britain/exhibitions/altermodern/images/linkarrow.gif') no-repeat;
}

.hideLink{
	clear:both;
	display:block;
	width:26px;
	height:26px;
	background:url('/britain/exhibitions/altermodern/images/linkarrow_hover.gif') no-repeat;
}


/*END show hide */

/* END explain section */	

/* HS added 10.02.09 for mixtape section */	

a.xml, a.itunes {
	line-height: 2.3em;
	text-decoration: none;
	color: #fff;
	padding: 3px;
	background: #189aff;
}

a.xml:hover, a.itunes:hover  {
	text-decoration: none;
	color: #fff;
	background: #000;
}

.mixtrack {
	height: 20px;
	margin: 25px 0 10px 20px;
	padding: 5px 0 0 0;
	border-top: 1px solid #000;
	border-bottom: 1px dashed #000;
}

.mixtrack h4 {
	margin: 0!important;
	padding: 0!important;
	line-height: 1em;
	font-size: 1em;
	float: left;
	height: 20px;
	font-weight: normal!important;
	vertical-align:top;
}

.mixtrack span {
	float: right;
	display: block;
	margin: 0;
	padding: 0;
	height: 20px;
	line-height: 1em;
	vertical-align:top;
}

#homepagetext {
	border-top: 30px solid #ffff01;
	margin: 0 0 0 10px;
	width: 300px;
	float: none;
	clear: both;
	font-size:0.75em;}
	
#homepagetext p{
	margin-left: 20px;
}


blockquote{
	margin: 0;
	padding: 0 0 0 20px;
	display: block;
	color: #000;
	display: block;
	width: 150px;
	font-size: 1.2em;
	background:url(/britain/exhibitions/altermodern/images/quoteleft.gif) no-repeat 0px 5px ;
}
blockquote span{
	padding:0;
	background:url(/britain/exhibitions/altermodern/images/quoteright.gif) no-repeat  right 5px;
	display:block;
}
.quotesource{
	text-align: right;
	width: 170px;
}

#promoboxholder{
	position: absolute;
	top:167px;
	left:765px;

}
#facebookpromo {
	text-align: center;
	background: #fff url(/britain/exhibitions/altermodern/images/facbooklogo.jpg) no-repeat ;
	margin: 17px 0 0 0;
	padding: 35px 5px 15px 5px;
	width: 95px;
	border: 1px solid #ccc;
}

#facebookpromo h3 {
	display: none;
}

#facebookpromo h4, #facebookpromo p, #facebookpromo img {
	display: block;
	font-size: 0.75em!important;
	margin: 12px 0 0 0!important;
	padding: 0!important;
}


.rhsbox{
	position:static;

}