@charset "utf-8";
/* Aspirium Individual Site Stylesheet */

body, h1, h2, h3, h4, h5, h6, ul, li, p, form
{
	padding: 0px;
	margin: 0px;
}

.noScreen
{
	display: none;
}

a img
{
	border:0px;
}

.cueToClick
{
	cursor: pointer;
}

.clearer, li.clearer
{
	clear:both;
	font-size:0px;
	line-height:0px;
	margin:0px;
	padding:0px;
	list-style: none;
	display: block;
}

body
{
	background: #000;
}

input.noInput { display: none !important; }

#aspiriumPage
{
	background-image: url(background.gif);
}

#mainContainer
{
	width: 747px;
	background-color: #363636;
	position: relative;
	margin: 0px auto;
	font-family: Verdana;
	font-size: 12px;
	color: #999;
	position: relative;
	padding: 270px 0px 70px 53px;
}

#mainContainer a
{
	color: #ccc;
	text-decoration: none;
}

#mainContainer a:hover
{
	color: #eee;
}

	#header
	{
		width: 267px;
		height: 166px;
		position: absolute;
		background-color: #161616;
		top: 53px;
		left: 0px;
		border-left: 53px solid #262626;
		border-right: 480px solid #262626;
		padding: 22px 0px 11px 0px;
	}
	
		h1
		{
			margin:0px;
			padding:0px;
			font-size: 25px;
			line-height: 25px;
			color: #ccc;
		}
		
		.pageContent h2
		{
			margin: 0px 0px 12px 0px;
			padding: 0px;
			font-size: 20px;
			line-height: 24px;
		}
		
		.pageContent p, .pageContent ul
		{
			padding: 0px;
			margin: 12px 0px;
		}
		
		#gallery p
		{
			width: 220px;
		}
		
		.pageContent li
		{
			list-style: square;
			margin: 0px 0px 0px 20px;
			padding: 0px 0px 0px 0px;
		}
		
		#header a
		{
			display: block;
			padding: 8px 11px;
		}

	.rollOutMenu
	{
		position: absolute;
		left: 320px;
		width: 480px;
		background-color: #161616;
		display: none;
	}

	#artistRollOut
	{
		top: 116px;
	}

	#galleryRollOut
	{
		top: 146px;
	}

	#contactRollOut
	{
		top: 176px;
	}		
	
		.rollOutMenu a
		{
			float: left;
			display: block;
			padding: 8px 0px 8px 30px;
			font-size: 12px;
			line-height: 14px;
			color: #ccc;
		}
		
		.rollOutMenu a:hover
		{
			color: #fff;
		}

	#gallery
	{
		padding: 5px;
		width: 257px;
		position: absolute;
		left: 53px;
		top: 270px;
		margin: 0px;
	}
	
	#gallery img
	{
		padding: 5px;
		cursor: pointer;
	}

	.pageContent
	{
		background-color: #262626;
		padding: 21px;
		width: 438px;
		margin: 0px 0px 0px 267px;
	}
	
	.pageContent.tallGalleryMode
	{
		height: 750px;
	}

	.pageContent.shortGalleryMode
	{
		height: 430px;
	}
	
	.tallGalleryMode img, .shortGalleryMode img { cursor: pointer; }
	
	#copyright
	{
		margin: 0px;
		padding: 11px;
		width: 245px;
		height: 24px;
		font-size: 10px;
		line-height: 12px;
		background-color: #161616;
		color: #ccc;
		position: absolute;
		bottom: 0px;
		left: 53px;
		margin: 10px 0px;
	}
	
	h3
	{
		font-size: 18px;
		line-height: 22px;
		border-bottom: 1px solid #565656;
		font-weight: normal;
		margin: 10px 0px;
	}
	
	h4
	{
		text-align: right;
		font-size: 16px;
		line-height: 20px;
		font-weight: bold;
		border-bottom: 1px solid #464646;
		margin: 0px;
	}
	
	h4, #mainContainer h4 a, #mainContainer h4 a:hover { color: #666666; }
	h3, #mainContainer h3 a, #mainContainer h3 a:hover { color: #868686; }
	#mainContainer h3 a:hover, #mainContainer h4 a:hover { color: #cccccc; }
	
	div.meta
	{
		text-align: right;
		color: #666666;
	}
	
	input, textarea
	{
		background-color: #161616;
		color: #cccccc;
		font-family: Verdana;
		display: block;
		border: 1px #363636 solid;
		padding: 5px;
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 10px;
		width: 428px;
	}
	
	label
	{
		width: 438px;
		display: block;
		margin-top: 10px;
		color: #868686;
		font-style: italic;
		text-align: right;
	}

	button
	{
		display: block;
		margin: 10px 0px 0px 318px;
		border: 1px solid #161616;
		background-color: #363636;
		color: #cccccc;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		width: 120px;
		height: 30px;
	}
	
	blockquote
	{
		margin: 20px 0px 20px 40px;
		padding: 20px;
		background-color: #363636;
	}
	
	blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6, blockquote p
	{
		color: #ccc;
		margin: 12px 0px;
		padding: 0px;
		border: 0px none;
		text-align: left;
	}
	
	#announcements
	{
		position: absolute;
		top: 85px;
		left: 335px;
		width: 450px;
		height: 167px;
		overflow: hidden;
	}
	
	#announcements ul, #announcements li
	{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
	#announcements li
	{
		border-top: 1px solid #464646;
		padding: 4px 0px;
	}
	
	#announcements p
	{
		margin: 4px 0px;
	}
	
	#announcements h2
	{
		font-size: 16px;
		line-height: 20px;
		margin: 4px 0px;
	}