@charset "UTF-8";
/* -----------------
Title: Quetzalcoatl
Author: Dave Luke
Version: 36 Alpha 45 Omega	
Last Modified: Feb 18th 2010
-------------------*/
/* Note to self: Remember to write speech */

/* Main Body Elements */

body {
	background:#FFFFFF url(../images/background.png) top left;
	color:#000;
	font-family:Georgia, "Times New Roman", Times, serif;
}

blockquote{
font-size: 10px;
font-style: italic;
text-align: center;
margin-top: -10px;
}

img {
border: none;
}

a:hover img{
	opacity:0.7;
	text-decoration: none;
}

a {
color: #000;
text-decoration: underline;
}

a:hover {
text-shadow:2px 2px 2px #333; 
}

/* The Big Hello bit and the bit beneath */

#header {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:250px;
	position:absolute;
	top:100px;
	left:200px;
	text-shadow: 5px 5px 5px #333;
	
}

#header a {
	text-decoration:none;
	color:#000;
}

#header a:hover {
	color: #090;
}

#brand {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	position:absolute;
	top:360px;
	left:250px;
}

#blurb {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	line-height: 1.2em;
	position:absolute;
	top:400px;
	left:275px;
	width:600px;
	
}

/* Top Navigation */

#abouthead {
	
	
	position: absolute;
	top:  500px;
	left: 220px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	
}

#abouthead a {
	color: #000;
	text-decoration: none;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border: 5px solid #000;
	padding: 10px;
}

#abouthead a:hover {
	color: #090;
	text-decoration: none;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border: 5px solid #090;
	padding: 10px;
	text-shadow: none;
}

#portfoliohead {
	
	position: absolute;
	top:  500px;
	left: 320px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	
}

#portfoliohead a {
	color: #000;
	text-decoration: none;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border: 5px solid #000;
	padding: 10px;
}

#portfoliohead a:hover {
	color:#2E6390;
	text-decoration: none;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border: 5px solid #2E6390;
	padding: 10px;
	text-shadow: none;
}

#contacthead {
	
	position: absolute;
	top:  500px;
	left: 445px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	
}

#contacthead a {
	color: #000;
	text-decoration: none;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border: 5px solid #000;
	padding: 10px;
}

#contacthead a:hover {
	color:#EEC754;
	text-decoration: none;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border: 5px solid #EEC754;
	padding: 10px;
	text-shadow: none;
}

#worldhead {
	
	position: absolute;
	top:  500px;
	left: 565px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	
}

#worldhead a {
	color: #000;
	text-decoration: none;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border: 5px solid #000;
	padding: 10px;
}

#worldhead a:hover {
	color:#C24243;
	text-decoration: none;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border: 5px solid #C24243;
	padding: 10px;
	text-shadow: none;
}

/* Main Content i.e. Those cool coloured boxes */

#about {
position:absolute;
top: 800px;
left:220px;
width: 650px;
font-size: 14px;
line-height: 1.5em;
}

#about h2 {
	font-weight: normal;
	color: #fff;
	background-color: #090;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border: 5px solid #090;
	padding: 10px;
}

#portfolio {
position:absolute;
top:1400px;
left:220px;
width: 650px;
font-size: 14px;
line-height: 1.5em;
}

#portfolio h2 {
	font-weight: normal;
	color: #fff;
	background-color: #2E6390;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border: 5px solid #2E6390;
	padding: 10px;
}

#contact {
position:absolute;
top:2000px;
left:220px;
width: 650px;
font-size: 14px;
line-height: 1.5em;
}

#contact h2 {
	font-weight: normal;
	color: #fff;
	background-color: #EEC754;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border: 5px solid #EEC754;
	padding: 10px;
}

.leftcolumn {
position:absolute;
;left: 0;
width: 300px;
}

.rightcolumn {
position: absolute;
right: 0;
width:300px;
}

.returntotop a {
	color: #000;
	font-size: 10px;
	position: absolute;
	right: 0px;
}

.returntotop a:hover {
text-shadow: none;
}

#randomspace {
position: absolute;
top:2400px;
left: 750px;
min-height: 300px;
font-size: 84px;
text-shadow: 3px 3px 3px #333;
}

/* Popups or the secret thing tht isn't really a secret when you read the code */

.poppers em {
	font-size:14px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 5px solid #090;
	padding: 10px;
	padding-top:85px;
	display:none;
	position:relative;
	top:-50px;
	left:-100px;
	text-shadow:none;
	font-style:normal;
	
}