body {
	background:#e2e2e2 url('bg.jpg') repeat-x;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#222221;
	letter-spacing:1px;
	line-height:160%;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	}
	
a:link, a:visited {
	color:#A186BE;
	text-decoration:none;
	}   

a:hover, a:active {
	color:#f0eaa9;
	} 

#layout {
	width:880px;
	margin:0 auto;
	background:#e2e2e2;
	}
	
#nav {
	font-family:Oswald, Arial, Helvetica, sans-serif;
	font-weight:normal;
	word-spacing:20px;
	text-align:center;
	line-height:100%;
	font-size:30px;
	}
	
#nav ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
	}
	
#nav a:link, #nav a:visited {
	font-weight:normal;
	color:#3b2240;
	padding:0px;
	text-decoration:none;
	text-transform:uppercase;
	}
	
#nav a:hover, #nav a:active {
	color:#f0eaa9;
	}

#mainarea {
	margin:0 auto;
	padding:40px 20px 20px 20px;
	width:740px;
	text-align:justify;
	}

#footer {
	clear:both;
	padding:20px;
	font-size:11px;
	text-align:center;
	}

h1 {
	margin:0px;
	padding:0px 0px 4px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:40px;
	color:#8C84A6;
	font-weight:normal;
	letter-spacing:1px;
	text-align:left;
	text-transform:lowercase;
	text-shadow:#f5eceb 1px 1px;
	}
	
b, strong { 
	color:#8D4068;
	}
	
textarea, input, option, select	{
	border:1px solid #999999;
	background:#ededed;
	padding:2px; 
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#888888;
	}

.form {
	width:60%;
	}

.password {
	width:29%;
	}
        
.button {
	width:30%;
	}

p.icons {
	text-align:center;
	}

blockquote {
	width:50%;
	padding:10px;
	text-align:left;
	color:#222221;
	background:#dedede;
	}

.affimg {
	background:#cecfca;
	padding:4px;
	margin:2px;
	}
	
.affcenter {
	text-align:center;
	}

p {
	margin:0;
	padding:0 0 14px 0;
	}
	
#side {	
	width:300px;
	float:right;
	color:#808080;
	margin:30px 0px 10px 10px;
	padding:15px;
	}
	
.codeimg {
	background:#cecfca;
	padding:4px;
	}