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

body{
	background-image:none;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:15px;
}

img{border:0;}

#level1navbar, #level2navbar, #logobarnew{background-color:#fff;}

#level2navbar{
	border-bottom:1px solid #000;
}

#level2nav ul li a, ul#level2nav  li a{
	color:#000;
	border-color:#000;
}
#level2nav ul li a:hover, ul#level2nav  li a:hover{
	background-color:#fff;
	color:#000;
}
#logobarnew.inverse #logobarnewtatelogo {background-color:black;}
#logobarnew.inverse a .section{color:black;}

#breadcrumbholder{
	width:749px;
	margin:0;
	height:38px;
}

#breadcrumb{
	float:left;
	margin-top:10px;
}
#breadcrumb a{
	color:#000;
	text-decoration:underline;
}

#searchbar #sbholder .searchbutton{
	background-color:#fff;
	color:#000;
	border-color:#000;
}
#searchbar #sbholder input#terms{
	border-color:#000;
}
#searchbar #sbholder{
	width:300px;
	clear:none;
}
#searchbar{
	width:300px;
	clear:none;
	float:right;
	background-color:transparent;
}

#content p{
	font-size:0.8em;
}

#content a{
	color:black;
	text-decoration:underline;
}

#content a:hover{
	color:white;
	background-color:black;
	text-decoration:none;
}

.tate_enlarge_img {
	float: right;
	margin: 0px 0px 15px 20px;
	}

#content .tate_enlarge_img a, #content .tate_enlarge_img a .credit, #content .tate_enlarge_img a:hover .credit, #content .tate_enlarge_img a:hover { 
	text-decoration: none;
	color: black;
	background-color: white;
	}
#content .tate_enlarge_img a .tee_enlarge_link, #content .tate_enlarge_img a:hover .tee_enlarge_link  { 
	text-decoration: underline;
	color: black;
	background-color: white; 
	}	
	
.althamer .tate_enlarge_img, .dijkstra .tate_enlarge_img, .international .tate_enlarge_img, .liversidge .tate_enlarge_img, .lozano .tate_enlarge_img,  .perjovschi .tate_enlarge_img,  .rooney .tate_enlarge_img,  .tenantspin .tate_enlarge_img,  .xijing .tate_enlarge_img { width: 300px; }
.bardin .tate_enlarge_img { width: 244px; }
.blindell .tate_enlarge_img, .edge .tate_enlarge_img { width: 225px; }

.althamer #content p, .dijkstra #content p, .international #content p, .liversidge #content p, .lozano #content p,  .perjovschi #content p,  .rooney #content p,  .tenantspin #content p,  .xijing #content p { width: 412px; }
.bardin #content p { width: 468px; }
.blindell #content p, .edge #content p { width: 489px; }

#content ul.text { 
	padding: 0px 0px 0px 15px;
	margin: 0px;
	list-style-type: square;
	list-style:square;
	}

#content ul.text li { 
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: square;
	list-style:square;
	}	

@media screen{
	#content{
		margin:15px 0px 15px 15px;
		width:734px;
	}
	#content p, #content ul.text{
		width:550px
	}

	h2{ 
		background-color:black; 
		margin:0;
	}
	h2#exhibitiontitle a{
		display:block;
		background-image:url(/liverpool/exhibitions/thefifthfloor/images/black-logo.gif);
		width:749px;
		height:158px;
	}
	h2#exhibitiontitle a span{display:none;}
	#exhibitiondates{
		color:white;
		margin:-38px 0px 0px 0px;
		font-size:0.9em;
		font-weight:bold;
		width:749px;
		text-align:right;
		height:38px;
	}
}
#subnav{
	background-color:#000;
}
#subnav ul{
	background-color:#000;
	margin:0;
	padding:5px 0px 0px 0px;
}
#subnav ul li{
	list-style:none;
	float:left;
	margin:0;
}
#subnav ul li a{
	color:white;
	text-decoration:none;
	font-size:0.95em; 
	font-weight:bold;
	display:block;
	padding:5px 15px 5px 15px;
}

#subnav ul li a:hover, .about #subnav ul li a#about, .visiting #subnav ul li a#visitinginfo, .events #subnav ul li a#events, .artists #subnav ul li a#artists, .getinvolved #subnav ul li a#getinvolved, .resources #subnav ul li a#resources{
	color:#000;
	background-color:white;
}

#content h3{
	font-size:1em;
	margin:0px 0px 15px 0px;
}

#content h4{
	font-size:0.9em;
	margin:0px 0px 10px 0px;
}


h2.eventlist{
	background-color:transparent;
	font-size:0.9em;
}

ul.eventlist{
	font-size:0.8em;
	
}

ul.eventlist li.right{
	list-style-image:none;
	list-style-type:square;
	margin-left:15px;
}


.about #column1{
	width:330px;
	float:left;
}
.about #column1 p, .about #column2 p{
	width:auto;
}
.about #column2 p{
	text-align:center;
	font-size:0.75em;
}

.about #column2 .twitter p{
	text-align:left;
}

ul#twitter_update_list{
	font-size:0.75em;
}

.twitter #preloader{
/************************************************/

	background:url(/images/loading_spokes_lg.gif) center center no-repeat;
	padding-top:32px;
}

.about #column2{
	width:385px;
	float:left;
	padding-left:15px;
}

.caltable{
	font-size:0.77em;
	border-collapse:collapse;
	padding:2px;
	border:0;
	float:left;
	margin:0;
}
.caltable th{border:0;}
.caltable thead th{ 
	font-weight:normal;
	background-color:#eee;
	border:2px solid white;
}
.caltable td{
	background-color:#eee;
	border:2px solid white;
	text-align:center;
	padding:0;
}

#content .caltable td a{
	display:block;
	background-color:white;
	font-weight:bold;
	padding: 2px 0px 2px 0px;
	border:1px solid #eee;
	width:22px;
}
#content .caltable td a.selected{
	border:2px solid black;
	padding: 1px 0px 1px 0px;
	width:20px;
}
#content .caltable td a:hover{
	background-color:#000000;
	color:white;
	border-color:black;
}

#eventcolumn{
	float:left;
	padding-left:10px;
	width:195px;
	margin:0px -5px 10px 0px;
}
#dow{
	display:block;
	font-size:0.9em;
	font-weight:bold;
	text-align:center;
}
#day{
	display:block;
	font-size:3em;
	font-weight:bold;
	text-align:center;
}
#month{
	display:block;
	font-size:0.9em;
	font-weight:bold;
	text-align:center;
}
#eventcolumn ul{
	font-size:0.75em;
}
#eventcolumn ul li{
	margin-bottom:10px;
}

#guidenav ul{
	margin:0px 0px 17px 0px;
	padding:0;
}
#guidenav li{
	list-style:none;
	display:inline;
	margin:0;
	padding:0px 8px 0px 0px;
}
.index #guidenav li{

	padding:0;
}

.index #guidenav #index a{
	display:none;
}
#guidenav a{
	font-size:0.75em;
	white-space:nowrap;
	padding:0px 2px 0px 2px;
}
.index #guidenav a{
	display:block;
	float:left;
	width:82px;
	height:5em;
	padding:100px 5px 0px 5px;
	margin:0px 10px 10px 0px;
	font-size:0.7em;
	font-weight:bold;
	background:url(/liverpool/exhibitions/thefifthfloor/images/artistbg2.gif);
	background-repeat: repeat-x;
	background-position: left top;
	white-space:normal;
}
.index #guidenav #althamer a {
	background-image: url(/liverpool/exhibitions/thefifthfloor/images/liverpool-fc-banner_th.jpg);
	background-repeat: no-repeat;
	}

.index #guidenav #bardin a {
	background-image: url(/liverpool/exhibitions/thefifthfloor/images/bardin_th.jpg);
	background-repeat: no-repeat;
	}

.index #guidenav #blindell a {
	background-image: url(/liverpool/exhibitions/thefifthfloor/images/santa-plan_th.jpg);
	background-repeat: no-repeat;
	}

.index #guidenav #dijkstra a {
	background-image: url(/liverpool/exhibitions/thefifthfloor/images/dijkstra-sefton-park_th.jpg);
	background-repeat: no-repeat;
	}
	
.index #guidenav #edge a {
	background-image: url(/liverpool/exhibitions/thefifthfloor/images/ne_5th-dimensional-everything_th.jpg);
	background-repeat: no-repeat;
	}
	
.index #guidenav #international a {
	background-image: url(/liverpool/exhibitions/thefifthfloor/images/international_th.jpg);
	background-repeat: no-repeat;
	}

.index #guidenav #liversidge a {
	background-image: url(/liverpool/exhibitions/thefifthfloor/images/liversidge_th.jpg);
	background-repeat: no-repeat;
	}

.index #guidenav #lozano a {
	background-image: url(/liverpool/exhibitions/thefifthfloor/images/lozano-hemmer_th.jpg);
	background-repeat: no-repeat;
	}

.index #guidenav #perjovschi a {
	background-image: url(/liverpool/exhibitions/thefifthfloor/images/dp_5th-floor-drawing_th.jpg);
	background-repeat: no-repeat;
	}

.index #guidenav #rooney a {
	background-image: url(/liverpool/exhibitions/thefifthfloor/images/pr_futurist_th.jpg);
	background-repeat: no-repeat;
	}

.index #guidenav #tenantspin a {
	background-image: url(/liverpool/exhibitions/thefifthfloor/images/tenantspin_th.jpg);
	background-repeat: no-repeat;
	}

.index #guidenav #xijing a {
	background-image: url(/liverpool/exhibitions/thefifthfloor/images/xm_summer-holiday_th.jpg);
	background-repeat: no-repeat;
	}

.index #guidenav a:hover, .bardin #guidenav #bardin a,  .althamer #guidenav #althamer a, .blindell #guidenav #blindell a,
.dijkstra #guidenav #dijkstra a, .edge #guidenav #edge a, .international #guidenav #international a, .liversidge #guidenav #liversidge a, .lozano #guidenav #lozano a, .perjovschi #guidenav #perjovschi a, .rooney #guidenav #rooney a, .sehgal #guidenav #sehgal a, .tenantspin #guidenav #tenantspin a, .xijing #guidenav #xijing a{
	background-color:black;
	color:white;
	text-decoration:none;
}