@charset "utf-8";

html{
	min-height: 100%
}

body{
	background-color: #200000;
	background-image: url("http://common.pixelatedawesome.com/images/bg.png");
	background-attachment: scroll;
	background-position: bottom left;
	background-repeat: repeat-x;
	min-height: 100%
}


div#wrapper{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	color: #FFFFFF;
	min-height: 100%
}

/* header */
div#header{
	background-image: url("http://common.pixelatedawesome.com/images/contentheader.png");
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	width: 770px;
	height: 120px
}

img#logo{
	border-style: none;
	float: left;
}

/* header links */
div#headerlinks{
	float: right;
	width: 350px;
	margin-top: 30px;
	margin-right: 30px
}

div#headerlinks A:link {color: #000000}
div#headerlinks A:visited {color: #000000}
div#headerlinks A:active {color: #000000}
div#headerlinks A:hover {border-color: #FFFFFF}

A.headerlink{
	border-style: solid;
	display: block;
	font-size: large;
	height: 1.5em;
	float: left;
	margin-right: 10px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-color: #8B0000;
	background-color: #B22222
}

A.projectslink{
	width: 4em
}

A.melink{
	width: 3em
}

/* content */
div#content{
	background-image: url("http://common.pixelatedawesome.com/images/contentbody.png");
	background-repeat: repeat-y;
	padding-top: 5px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
	width: 770px;
}

/* footer */
div#footer{
	background-image: url("http://common.pixelatedawesome.com/images/contentfooter.png");
	background-repeat: no-repeat;
	width: 400px;
	height: 60px;
	text-align: center;
	font-size: small;
	padding-left: 200px;
	padding-right: 200px
}

img#validxhtml{
	float: left;
	border-style: none
}

img#validcss{
	float: right;
	border-style: none
}

/* restyling */
hr{
	display: block;
	border-style: none;
	height: 25px;
	width: 700px;
	background-image: url("http://common.pixelatedawesome.com/images/seperator.png");
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px
}

A:link {color: #FF6347}
A:visited {color: #FF6347}
A:active {color: #FF6347}
A:hover {color: #FFFFFF}


/* common named shared stuff */
.redbox{
	border-style: solid;
	display: block;
	background-color: #8B0000;
	border-color: #B22222;
	color: #000000
}

.leftalign{text-align: left}
.centered{text-align: center}
.rightalign{text-align: right}

.bolded{font-weight: bold}

.small{font-size: small}

.nodisplay{display: none}

.floatclear{clear: both}
.floatclearleft{clear: left}
.floatclearright{clear: right}
.floatleft{float: left}
.floatright{float: right}