/*[fmt]AA90-1A0A-3*/
/*
*  Copyright 2007/2008, Jamiedia Ltd., http://www.jamiedia.co.uk
*
*  This file may not be used or (re)distributed for any other
*  purposes than a commercial deployment by Jamiedia of a system
*  based on the Jamiedia CMS. No modifications may be made to
*  this file by anyone, except for individuals working for Jamiedia Ltd.
*
*  File description: Main screen stylesheet

Default styles*/
*
{
	padding: 0;
	margin: 0;
}
html
{
	font-family: Arial;
	font-size: 10pt;
	line-height: 16px;
}
body
{
}
input
{
	font-family: sans-serif;
	font-size: 10pt;
}
img
{
	border: none;
}
a
{
	color: #FF8007;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
.clear
{
	clear: both;
}
.bold
{
	font-weight: bold;
}
.block
{
	display: block;
}
/*Container*/
#container
{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -490px;
	margin-top: -294px;
	width: 980px;
	height: 588px;
	border: 1px solid #D7D7D7;
}
#left
{
	float: left;
	background-color: #FF8008;
	width: 197px;
	height: 588px;
}
#right
{
	background-color: #FFFFFF;
	float: right;
	width: 770px;
	height: 588px;
	padding: 0px 0px 0px 13px;
	position: relative;
}
/*Homepage movie*/
div.moviebox
{
	display: none;
}
/*Navigation*/
#left ul
{
	list-style-type: none;
	margin-top: 121px;
	margin-left: 22px;
	width: 88px;
}
#left ul li
{
	background: url(navigation.png);
}
#left ul li span
{
	display: none;
}
#left ul li a
{
	background: #FF8007 url(navigation.png);
	display: block;
	height: 18px;
	width: 88px;
}
#left ul li.home a, div.home #left ul li.home a
{
	background-position: 0px 0px;
}
#left ul li.home a:hover, div.home #left ul li.home a
{
	background-position: -88px 0px;
}
#left ul li.about-us a
{
	background-position: 0px -19px;
}
#left ul li.about-us a:hover, div.about-us #left ul li.about-us a
{
	background-position: -88px -19px;
}
#left ul li.artists a
{
	background-position: 0px -38px;
}
#left ul li.artists a:hover, div.artists #left ul li.artists a
{
	background-position: -88px -38px;
}
#left ul li.venues a
{
	background-position: 0px -57px;
}
#left ul li.venues a:hover, div.venues #left ul li.venues a
{
	background-position: -88px -57px;
}
#left ul li.events a
{
	background-position: 0px -76px;
}
#left ul li.events a:hover, div.events #left ul li.events a
{
	background-position: -88px -76px;
}
#left ul li.join a
{
	background-position: 0px -95px;
}
#left ul li.join a:hover, div.join #left ul li.join a
{
	background-position: -88px -95px;
}
#left ul li.blog a
{
	background-position: 0px -113px;
}
#left ul li.blog a:hover, div.blog #left ul li.blog a
{
	background-position: -88px -113px;
}
#left ul li.download a
{
	background-position: 0px -132px;
}
#left ul li.download a:hover, div.download #left ul li.download a
{
	background-position: -88px -132px;
}
#left ul li.opportunities a
{
	background-position: 0px -151px;
}
#left ul li.opportunities a:hover, div.opportunities #left ul li.opportunities a
{
	background-position: -88px -151px;
}
#left ul li.contact a
{
	background-position: 0px -169px;
}
#left ul li.contact a:hover, div.contact #left ul li.contact a
{
	background-position: -88px -169px;
}
#left ul li.thanks a
{
	background-position: 0px -187px;
}
#left ul li.thanks a:hover, div.thanks #left ul li.thanks a
{
	background-position: -88px -187px;
}
/*Generic styles*/
#right h1
{
	background: url(conjunction-logo.png) no-repeat 0px 23px;
	display: block;
	height: 118px;
}
#right h1 span
{
	display: none;
}
#right h2
{
	color: #FF8007;
	font-weight: bold;
	font-size: 12pt;
}
#right h3
{
	font-size: 10.5pt;
	font-weight: bold;
	color: #010101;
	margin-top: 10px;
	letter-spacing: -1px;
}
#right div.column-1
{
	float: left;
	width: 385px;
	height: 470px;
	overflow: auto;
}
#right div.column-2
{
	float: left;
	width: 385px;
	height: 470px;
	overflow: auto;
}
#right div.full
{
	width: 770px;
}
#right p
{
	margin: 0px 0px 16px;
	padding-right: 40px;
}
#right p.spacer
{
	padding-bottom: 15px;
}
/*Page: Home*/
div.home #right h2
{
	background: url(fantastic-found-and-fake.png);
	width: 344px;
	height: 95px;
	margin-bottom: 33px;
}
div.home #right h2 span
{
	display: none;
}
div.home #right div.column-2
{
}
div.sponsors
{
	position: absolute;
	top: 531px;
	left: 10px;
	z-index: 10;
}
div.sponsors img
{
	padding: 0px 6px;
}
/*Page: Artists*/
ul.artists
{
	list-style-type: none;
}
ul.artists li a
{
	display: block;
	color: #000000;
	width: 384px;
	font-weight: bold;
}
ul.artists li a:hover
{
	text-decoration: none;
	color: #FF8007;
}
div.artist-image
{
	width: 385px;
	height: 291px;
	background: url(ajax-loader.gif) no-repeat center center;
	display: none;
	text-align: right;
}
/*Page: Artist details*/
ul.artist-images
{
	list-style-type: none;
}
ul.artist-images li
{
	display: block;
	width: 185px;
	height: 150px;
	float: right;
}
ul.artist-images li.padded
{
	padding-left: 10px;
}
div.image-enlarged
{
	position: absolute;
	right: -42px;
	bottom: -35px;
	border: 1px solid #D7D7D7;
	width: 367px;
	height: 298px;
	background-color: #FFFFFF;
	padding: 9px;
	display: none;
	text-align: center;
}
div.image-enlarged a
{
	position: absolute;
	right: 9px;
	bottom: 3px;
	width: 24px;
	height: 24px;
	background: url(close-button.png) no-repeat top left;
}
div.image-enlarged a span
{
	display: none;
}
div.image-enlarged p
{
	position: absolute;
	bottom: -5px;
	left: 9px;
	font-family: sans-serif;
}
div.image-enlarged div.image
{
	width: 367px;
	height: 277px;
}
div.image-enlarged div.loading
{
	background: url(ajax-loader.gif) no-repeat center center;
}
div.artists #right h2
{
	font-weight: bold;
	margin-bottom: 3px;
}
div.artists #right div.column-2
{
	overflow: hidden;
}
div.artists #right p.venue
{
	font-size: 10.5pt;
	margin: 2px 0px 3px;
}
div.artists #right p.date
{
	font-size: 10.5pt;
	letter-spacing: -1px;
}
div.artists #right p.exhibition span.venue
{
	display: block;
	font-size: 10.5pt;
}
div.artists #right p.exhibition span.date
{
	display: block;
	font-size: 10.5pt;
}
div.artists #right p.event span.name
{
	display: block;
	font-size: 10.5pt;
}
div.artists #right p.event span.venue
{
	display: block;
}
div.artists #right p.event span.venue a
{
	color: #010000;
	font-size: 10.5pt;
}
div.artists #right p.event span.date
{
	display: block;
	font-size: 10.5pt;
}
/*Page: Venues*/
div.venues #map
{
	width: 770px;
	height: 470px;
	background: url(map.png);
	position: relative;
	list-style-type: none;
}
div.venues #map li
{
	position: absolute;
	display: block;
}
div.venues #map li a
{
	display: block;
	width: 21px;
	height: 21px;
	text-decoration: none;
}
div.venues #map li a span
{
	display: none;
}
div.venues #map li a:hover
{
	width: 100px;
	height: inherit;
	padding-left: 22px;
}
div.venues #map li a:hover span
{
	display: block;
	background-color: white;
	padding: 5px;
	border: 1px solid #C15F01;
}
div.venues #map li.one
{
	left: 664px;
	top: 181px;
}
div.venues #map li.two
{
	left: 630px;
	top: 199px;
}
div.venues #map li.three
{
	left: 660px;
	top: 232px;
}
div.venues #map li.four
{
	left: 700px;
	top: 250px;
}
div.venues #map li.five-ab
{
	left: 83px;
	top: 127px;
}
div.venues #map li.five-c
{
	left: 112px;
	top: 99px;
}
div.venues #map li.six
{
	left: 682px;
	top: 160px;
}
div.venues #map li.seven
{
	left: 629px;
	top: 287px;
}
div.venues #map li.eight
{
	left: 673px;
	top: 263px;
}
div.venues #map li.nine
{
	left: 723px;
	top: 169px;
}
div.venues #map li.ten
{
	left: 58px;
	top: 424px;
}
div.venues #map li.eleven
{
	left: 701px;
	top: 297px;
}
div.venues #right p.all-venues
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	display: block;
	background-color: white;
	padding: 5px;
	font-size: 8pt;
	width: 213px;
	margin: 0px;
	border-top: 1px solid #C15F01;
	border-left: 1px solid #C15F01;
}
div.venues #right p.spacer
{
	margin: 0px;
	padding: 0px;
}
dl.venues
{
	list-style-type: none;
}
dl.venues dt
{
	float: left;
	width: 40px;
	height: 19px;
	text-align: center;
	background: url(number-blob.png) no-repeat top center;
	padding-top: 3px;
	color: #FFFFFF;
	font-weight: bold;
}
dl.venues dt.empty
{
	background: none;
}
dl.venues dd
{
	height: 21px;
	padding-top: 3px;
}
dl.venues li a
{
	display: block;
	color: #000000;
	width: 384px;
}
dl.venues li a:hover
{
	text-decoration: none;
	color: #FF8007;
}
div.venue-image
{
	width: 385px;
	height: 291px;
	background: url(ajax-loader.gif) no-repeat center center;
	display: none;
}
table.events
{
	margin-bottom: 16px;
	width: 365px;
}
table.events td
{
	vertical-align: top;
}
table.events td.name
{
	width: 164px;
	padding-right: 15px;
}
table.exhibitions
{
	margin: 0px;
	width: 365px;
}
table.exhibitions td
{
	vertical-align: top;
}
table.exhibitions td.name
{
	width: 164px;
	padding-right: 15px;
}
div.venues #right p.spacer
{
	margin-top: 16px;
}
/*Page: Events*/
div.events ul.events
{
	list-style-type: none;
}
div.events ul.events li
{
	display: block;
	margin-bottom: 15px;
}
div.events ul.events li span
{
	display: block;
}
div.events ul.events li span.date
{
	font-size: 10.5pt;
	font-weight: bold;
}
div.events ul.events li span.time
{
}
div.events ul.events li span.venue a
{
	color: #010101;
}
div.events ul.events li span.event
{
	font-weight: bold;
}
div.events p.information
{
	font-size: 10.5pt;
}
div.events p.information span.date
{
	display: block;
}
div.events p.information a.venue
{
}
/*Page: Join*/
div.join #right div.column-1 label
{
	display: block;
	margin-top: 3px;
}
div.join #right div.column-1 input.textinput
{
	border: 1px solid #010101;
	padding: 2px;
	width: 200px;
}
div.join #right div.column-1 div.gender
{
	display: block;
	width: 50px;
	height: 50px;
	float: left;
	margin-top: 2px;
}
div.join #right div.column-1 div.gender-select
{
	display: block;
	width: 302px;
	float: left;
	margin-top: 4px;
}
div.join #right div.column-1 div.gender-select input
{
	float: left;
}
div.join #right div.column-1 div.gender-select label
{
	float: left;
	margin-top: 2px;
}
div.join #right div.column-1 div.gender-select br
{
	clear: both;
}
div.join #right div.column-1 div.birthday
{
	display: block;
	height: 50px;
}
div.join #right div.column-1 div.birthday select.dropdown
{
	float: left;
	border: 1px solid #010101;
}
div.join #right div.column-1 select.birthdayMonth
{
	width: 100px;
}
div.join #right div.column-1 select.birthdayYear
{
	width: 67px;
}
div.join #right div.column-1 div.birthday span
{
	width: 60px;
	display: block;
	float: left;
}
div.join #right div.column-1 input.gender
{
	float: left;
	margin-right: 5px;
}
div.join #right div.column-1 input.button
{
	background: url(submit-button.png) no-repeat left center;
	width: 70px;
	border: none;
	padding: 5px 0px;
	cursor: pointer;
}
div.join #right div.column-1 span.error, div.join #right div.column-1 div.formerror
{
	color: #FF0101;
	font-size: 10.5pt;
	padding: 2px 0px 0px;
}
/*Page: Blog*/
div.blog #right div.blog-container
{
	width: 385px;
	float: left;
	padding-bottom: 20px;
}
div.blog #right div.blog-container ul
{
	list-style-type: disc;
	padding-left: 20px;
	padding-top: 5px;
	color: #C9C9C9;
}
div.blog #right div.blog-container ul li
{
	color: #3D3D3D;
	font-size: 7pt;
}
div.blog #right div.blog-container ul li a
{
	font-size: 10pt;
}
div.blog #right div.blog-images-container
{
	padding-top: 20px;
	padding-left: 15px;
	width: 300px;
	float: left;
}
div.blog #right div.blog-images-container ul
{
	list-style-type: none;
}
div.blog #right div.blog-images-container ul li
{
	width: 150px;
	padding-bottom: 10px;
}
div.blog #right div.blog-images-container img
{
	display: block;
}
div.blog #right div.blog-images-container a.enlarge
{
	display: block;
	font-size: 9pt;
	margin: 0px 0px 2px;
}
/*Page: Download*/
div.download #right div.column-1 li.pdf
{
	height: 21px;
	padding: 10px 0px 3px 35px;
	background: url(filetypes/pdf.png) no-repeat left center;
}
/*Page: Opportunities*/
div.opportunities #right ul.opportunities
{
	list-style-type: none;
}
div.opportunities #right ul.opportunities li
{
	width: 370px;
	border-bottom: 1px solid #FF8007;
	margin-bottom: 15px;
	float: left;
}
div.opportunities #right ul.opportunities li.noborder
{
	border-bottom: none;
}
div.opportunities #right div.column-1, div.opportunities #right div.column-2
{
	overflow: hidden;
}
/*Page: Contact*/
div.contact #right a
{
	color: #010101;
}
div.contact #right h2
{
	margin: 0px;
}
div.contact #right hr
{
	color: #FF8007;
	border: none;
	height: 1px;
	background-color: #FF8006;
	margin: 15px 0px;
}
div.contact #right p
{
}
/*Page: Thanks*/
div.thanks #right ul.logolist
{
	list-style-type: none;
	height: 80px;
}
div.thanks #right ul.logolist li
{
	display: block;
	float: left;
	padding-right: 25px;
}