/*CSS by Tiny Blue Orange*/
/*Grey #808285 | Dark Grey #494A55 | Purple #663660 | Blue #36F | Yellow #CCB833*/

body {
	background: url(images/background_piecebyatticus.jpg) #000 fixed;
	font: 13px Verdana, Geneva, sans-serif;
	color: #CCB833;
}
h1 {
	text-transform: uppercase;
	color: #FFF;
	font-size: 28px;
	font-weight: lighter;
	border-bottom: #808285 2px dotted;
	padding-top: 15px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
h2 {
	font-size: 14px;
	font-weight: lighter;
	margin-bottom: 5px;
}
h3 {
	color: #36F;
	font-size: 11px;
	font-style: italic;
	font-weight: lighter;
}
a {
	color: #663660;
}
.desc {
	color: #808285;
	font-size: 11px;
	font-style: italic;
	margin-bottom: 25px;
}
.desc img {
	float: left;
	margin-right: 25px;
	border: #663660 3px solid;
}
#wrapper {
	left: 0;
	top: 0;
	position: absolute;
	overflow: auto;
}
#nav {
	background: url(images/transparentblack_piecebyatticus.png);
	left: 50px;
	top: 250px;
	position: fixed;
	color: #FFF;
	z-index: 10;
}
#nav ul {
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#nav ul li {
	list-style-type: none;
}
#nav ul li a {
	display: block;
	color: #808285;
	font-size: 14px;
	line-height: 50px;
	padding: 10px 50px;
	text-decoration: none;
	border-bottom: #808285 2px dotted;
}
#nav ul li .selected {
	color: #FFF;
}
#nav ul li:last-child a {
	border-bottom: 0;
}
#nav ul li a:hover, #nav ul li a:active {
	color: #FFF;
}
#content {
	background: url(images/transparentblack_piecebyatticus.png);
	float: left;
	margin: 100px 0 0 260px;
	z-index: 5;
	width: 700px;
	padding: 50px;
	color: #CCB833;
	text-align: right;
}
#logo {
	margin-top: -131px;
	text-align: left;
}
#content .featureditem {
	border: #36F 1px solid;
}
#style img {
	margin: 25px 0;
	padding: 0 100px;
}
#subnav {
	font-size: 14px;
}
#subnav a {
	color: #36F;
	font-weight: bold;
	text-decoration: none;
	margin: 20px;
}
#FlickrImages {
	width: 350px;
	margin: 0 auto 10px auto;
}
#FlickrImages ul {
	list-style-type: none;
}
#FlickrImages li {
	display: block;
	float: right;
	padding: 5px;
	background-color: #663660;
	margin: 0 5px 5px 0;
}
#FlickrImages img{
	width: 300px;
}
#footer {
	background: #000;
	color: #FFF;
	font-size: 11px;
	float: left;
	margin-left: 260px;
	width: 700px;
	padding: 20px 50px;
	color: #CCB833;
	text-align: right;
}
#footer a {
	color: #663660;
}
#footer form {
	float: left;
}
#footer form input {
	background: #808285;
	border: 1px solid #36F;
}
#footer form input.button {
	background: #663660;
	border: 1px solid #36F;
}