/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,button,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym,fieldset,img,button{border:0;}
html,body{width:100%;height:100%;}
body{font:normal 62.5%/100% Arial,sans-serif;}
a:focus{outline: none;}

/* Form Reset */
fieldset{clear:both;}
form p,form .buttons{clear:both;margin:0 0 .5em;}
form p label{display:block;}
form ul li{list-style-type:none;margin:0;}
form ul.inline li,form ul.inline label{display:inline;}
form ul.inline li{padding:0 .5em 0 0;}
input.radio,input.checkbox{vertical-align:top;}
label,button,input.submit,input.image{cursor:pointer;}
* html input.radio,* html input.checkbox{vertical-align:middle;}
*+html input.radio,*+html input.checkbox{vertical-align:middle;}
textarea{overflow: auto;}
* html button{margin:0 .3em 0 0;}
*+html button{margin:0 .3em 0 0;}
form.horizontal p{padding-left:120px;}
form.horizontal p label{display:inline;float:left;width:110px;margin-left:-120px;}
input.text,input.password,textarea,select{margin:0;font:100%/130% Arial,sans-serif;vertical-align:baseline;}
input.text,input.password,textarea{width: 180px;border:1px solid #d8d7d7; padding:2px;}

/* Design */
body {
	background: #eaeaea;
	color: #222;
	text-align: center;
}
a {
	color: #6f6f1c;
	text-decoration: none;
	cursor: pointer;
}
	a:hover {
		text-decoration: underline;
	}

#container {
	position: relative;
	margin: 0 auto;
	width: 960px;
	text-align: left;
}
#head {
	position: relative;
	width: 960px;
	height: 140px;
	overflow: hidden;
	margin-bottom: 16px;
}
	#index {
		position: absolute;
		display: block;
		width: 230px;
		height: 210px;
		margin-top: -20px;
		text-indent: -10000px;
		z-index: 1000;
		background: transparent url(../img/openart.png) no-repeat top left;
	}
	#nav-holder {
		position: absolute;
		display: block;
		width: 716px;	
		right: 0;
		bottom: 0;
	}
		#nav-holder label {
			line-height: 16px;
			text-transform: uppercase;
			color: #666;
		}
		#nav {
			position: relative;
			display: block;
			overflow: hidden;
			height: 40px;
			background: #fff;
		}
			#nav li {
				float: left;
				display: block;
			}
				#nav li a {
					display: block;
					padding: 0 8px;
					background: #fff;
					line-height: 30px;
					font-size: 1.2em;
					color: #404040;
					margin-top: 5px;
				}
					#nav li a:hover,
					#nav li.active a {
						text-decoration: none;
						background: #58247e;
						color: #fff;
					}

/* Community */	
	#community {
		position: absolute;
		right: 0;
		bottom: 40px;
		background: #eaeaea url(../img/community.png) no-repeat;
	}
		#community li {
			float: left;
		}
			#community li a {
				display: block;
				height: 40px;
				text-indent: -10000px;
			}
				#community li a#facebook {
					width: 65px;
				}
				
				#community li a#youtube {
					width: 65px;
				}
/* Content */
#content {
	float: left;
	width: 475px;
	background: #fff;
	margin-right: 15px;
}
#content-wide {
	width: 960px;
	background: #fff;
	padding: 10px 0;
}
#content-wide.content p {
	margin-right: 200px;
}
.content {
	background: #fff;
	overflow: hidden;
	margin-bottom: 15px;
	clear: both;
}
	.content h1,
	.content h2,
	.content h3 {
		font-family: Georgia, Arial, sans-serif;
		margin: 0 0 0 20px;
	}
	.content h1 {
		margin-top: 20px;
		font-size: 2.4em;
		line-height: 1.6em;
	}
		.content h2 a {
			color: #222;
		}
	.content h2 {
		margin-top: 20px;
		font-size: 2.4em;
		line-height: 1.6em;
	}
	.content h3 {
		font-size: 1.6em;
		line-height: 1.6em;
	}
	.content p {
		font-size: 1.2em;
		line-height: 1.6em;
		margin: 4px 60px 12px 20px;
	}
	.content ul {
		font-size: 1.2em;
		line-height: 1.6em;
		margin: 10px 100px 10px 40px;
		list-style: disc;
	}
		.content strong {
			font-weight: bold;
		}
		.content em {
			font-style: italic;
		}
/* TinyMCE Content */
body.mceContentBody {
	width: 100%;
	text-align: left;
}

/* Image Listing */
.images li {
	float: left;
}
	.images li a {
		display: block;
		margin: 0 15px 15px 0;
		background: #fff;
		overflow: hidden;
		height: 270px;
	}
		.images li a:hover {
			outline: 5px solid #58247e;
		}
		.images li a img {
			margin: 10px;
			display: block;
		}
	
/* Articles */
#articles {
	position: relative;
	display: block;
	width: 960px;
}
#articles li {
	position: absolute;
	display: block;
	width: 228px;
	background: #fff;
}
	#articles li:hover {
		outline: 5px solid #58247e;
	}
	#articles li a {
		display: block;
		margin: 10px;
	}
		#articles li a:hover {
			text-decoration: none;
		}
		#articles li a strong {
			display: block;
			color: #161616;
			margin-top: 10px;
			padding-bottom: 10px;
			border-bottom: double #f0f0f0;
			font-size: 1.2em;
			line-height: 1.7em;
		}

#article-images {
	float: left;
	width: 470px;
	background: #fff;
}
	#article-images li a img {
		margin: 10px;
		display: block;
	}
	#article-images li a:hover {
		outline: 5px solid #58247e;
	}

/* Artists Nav */
.artist-nav {
	display: block;
	float: left;
	width: 226px;
	background: #fff;
	margin-right: 15px;
	padding: 10px 0;
}
.artist-nav.no-margin {
	margin: 0;
}
	.artist-nav li {
		display: block;
	}
		.artist-nav li a {
			display: block;
			font-size: 1.2em;
			font-weight: bold;
			line-height: 20px;
			color: #272727;
			text-indent: 20px;
		}
			.artist-nav li a:hover,
			.artist-nav li.active a {
				background: #58247e;
				color: #fff;
				text-decoration: none;
			}
ul.artist-images {
	margin: 20px 0 0 0;
	list-style: none;
}
	ul.artist-images li {
		margin: 10px;
	}
		ul.artist-images li a:hover img {
			outline: 5px solid #58247e;
		}
		ul.artist-images li img {
			display: block;
		}
		ul.artist-images li span {
			color: #666;
			font-size: .8em;
		}

#map {
	display: block;
	width: 940px;
	height: 560px;
	border: 10px solid #fff;
	background: #fff;
}
		
#earth,
#map-pdf {
	float: left;
	display: block;
	background: #eaeaea url(../img/earth-icon.png) no-repeat left center;
	color: #222;
	font-size: 1.2em;
	line-height: 64px;
	text-indent: 64px;
}
#map-pdf {
	margin-left: 20px;
	background: #eaeaea url(../img/pdf-icon.png) no-repeat left center;
}

/* Lightbox */
.lightbox
{
	position: absolute;
	background: #fff;
	border: 10px solid #fff;
	width: 200px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin: -100px;
	overflow: hidden;
	z-index: 2;
	visibility: hidden;
}

.lightbox-loading
{
	background-image: url(../img/loading.gif);
	background-position: center;
	background-repeat: no-repeat;
}

.lightbox .content
{
	position: relative;
	overflow: hidden;
}
	.lightbox .content .image
	{
		position: relative;
	}
	.lightbox .content .image .next,
	.lightbox .content .image .previous
	{
		display: block;
		top: 0;
		width: 49%;
		height: 100%;
		outline: 0;
	}
		.lightbox .content .image .next
		{
			float: right;
		}
			.lightbox .content .image .next:hover
			{
				background: transparent url(../img/next.gif) no-repeat 100% 15%;
			}

		.lightbox .content .image .previous
		{
			float: left;
		}
			.lightbox .content .image .previous:hover
			{
				background: transparent url(../img/previous.gif) no-repeat 0% 15%;
			}

	.lightbox .content .bottom
	{
		position: relative;
		width: 100%;
		overflow: hidden;
		text-align: left;
	}
		.lightbox .content .bottom .title
		{
			margin: .3em;
		}
		.lightbox .content .bottom .close
		{
			display: inline;
			float: right;
			width: 32px;
			height: 32px;
			background: transparent url(../img/close.gif) no-repeat center;
			margin: 10px 0 10px 10px;
		}