* {margin: 0; padding: 0;}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #aaa;
	text-align: left;
	background: #ccc;
	margin: 0 auto;
	}

a {
	color: #fff;
	text-decoration: none;
	}

	a:hover {color: #f0b;}


h1 {
	color: #fff;
	font-size: 32px;
	text-shadow: 0 0 8px #000000;
	}

h2 {
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 8px;
	}

p {
	margin-bottom: 8px;
	}

	p.spaced {margin-top: 8px;}

.credit {
	font-size: 10px;
	font-style: oblique;
	text-align: right;
	}

.details {
	font-size: 10px;
	margin-top: 8px !important;
	margin-bottom: 8px !important;
	}



/* Construction */

#main {
	width: 960px;
	min-height: 300px;
	background: #000 url("/images/header.jpg") no-repeat left top;
	padding: 8px 0;
	margin: 16px auto;
	-moz-border-radius: 0 16px 16px;
	border-radius: 0 16px 16px;
	-webkit-box-shadow: 0 0 16px #000;
	-moz-box-shadow: 0 0 16px #000;
	box-shadow: 0 0 16px #000;
}

	#header {height: 192px;}

	#contact, #thanks {
		z-index: 50;
		position: relative;
		-moz-border-radius: 16px;
		border-radius: 16px;
		background-color: rgba(0, 0, 0, 0.75);
		}

	#contact {
		display: none;
		top: -32px;
		}

	#contact_form {padding-top: 8px;}

		#close {
			display: block;
			float: right;
			width: 32px;
			height: 32px;
			opacity: 0.25;
			background: url("/images/close.png");
			margin: 8px;
			}

			#close:hover {opacity: 1;}

		label, input {
			width: 202px;
			margin: 4px 8px 8px;
			}

		input, textarea {
			font-family: Helvetica, Arial, sans-serif;
			font-size: 11px;
			border: none;
			-moz-border-radius: 8px;
			border-radius: 8px;
			padding: 4px;
			}

		textarea {
			width: 436px;
			height: 64px;
			margin: 4px 8px;
			}

		.error {color: #f00;}

	#thanks {
		display: block;
		top: 16px;
		font-size: 16px;
		font-weight: bold;
		padding: 8px;
		}



/* Lists */

ul.inline li {display: inline;}

#cat_thumbs, #pro_thumbs {
	list-style: none;
	}

	#cat_thumbs li a, #pro_thumbs li a {
		display: block;
		float: left;
		height: 64px;
		border: #fff solid 4px;
		}

	#cat_thumbs li a {
		width: 208px;
		margin-bottom: 8px;
		}

	#pro_thumbs li a {
		width: 64px;
		margin: 0 4px 4px 0;
		}

	#cat_thumbs li a:hover, #pro_thumbs li a:hover {border-color: #f0b;}

	#pro_thumbs li a.third {margin-right: 0;}


/* Header */

#icons li {
	float: right;
	margin-left: 8px;
	}

	#icons a {
		display: block;
		width: 32px;
		height: 32px;
		}

	#icon_email {background: url("/images/icons.png") 0 0;}
		#icon_email:hover {background: url("/images/icons.png") 0 -32px;}
	#icon_twitter {background: url("/images/icons.png") -32px 0;}
		#icon_twitter:hover {background: url("/images/icons.png") -32px -32px;}
	#icon_rss {background: url("/images/icons.png") -64px 0;}
		#icon_rss:hover {background: url("/images/icons.png") -64px -32px;}

/* Menu */

#nav {
	border-radius: 8px 8px 8px 0;
	-moz-border-radius: 8px 8px 8px 0;
	background-color: rgba(0, 0, 0, 0.5);
	margin-top: 8px;
	}

	#nav li {
		float: left;
		font-size: 20px;
		font-weight: bold;
		list-style: none;
		margin-right: 4px;
		}

		#nav li a {
			display: inline-block;
			border-bottom: #f0b solid 4px;
			padding: 4px 32px 2px 4px;
			-webkit-transition: outline 200ms linear;
			-moz-transition: outline 200ms linear;
			-o-transition: outline 200ms linear;
			transition: outline 200ms linear;
			}

			#nav li a:hover {
				border: none;
				padding-bottom: 6px;
				}

	#nav .sub_nav {
		display: none;
		position: absolute;
		left: 0;
		top: 31px;
		}

		#nav .sub_nav li:first-child a {border-bottom-left-radius: 16px;}
		#nav .sub_nav li:last-child a {border-bottom-right-radius: 16px;}

		#nav .sub_nav li {
			margin-right: 0;
			}

			#nav .sub_nav li a {
				color: #888;
				font-size: 32px;
				border: none;
				background-color: rgba(0, 0, 0, 0.5);
				padding: 4px 16px 2px;
				-webkit-transition: background 200ms linear;
				-moz-transition: background 200ms linear;
				-o-transition: background 200ms linear;
				transition: background 200ms linear;
				}

			#nav .sub_nav li a:hover {
				color: #fff;
				text-shadow: 0 0 8px #000000;
				background: none;
				}