/* #FF6700 */

html,body,div,span,hr,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,:before,:after,input,textarea,select{background:none;border:0;border-collapse:collapse;border-spacing:0;border-width:0;clear:none;content:none;direction:ltr;float:none;list-style:none;margin:0;outline:0;padding:0;position:relative;text-decoration:none;text-indent:0;z-index:1;}
body,textarea,select,input{font-family:"Trebuchet MS";}

/* Body */

body {
background: #aedeab url(../graphics/layout/back.exp.jpg) repeat-x;
color: #000;
font-size: 62.5%;
text-align: center;
}





/* Diagonal lines */

#diag {
background: url(../graphics/layout/diag.png);
padding: 40px 0 0 0;
}



/* Page wrapper */

#wrapper {
background: url(../graphics/layout/banner.png) 50% 22px no-repeat;
font-size: 1.3em;
margin: auto;
padding: 80px 0;
text-align: left;
width: 810px;
}

a {
color: #000;
}

	a:hover {
	color: #000;
	}



/* Left bar */

#left {
float: left;
width: 340px;
}

	#left img, #left h1, #left h2, #left h3 {
	border: 1px solid #FFEDD9;
	}
		
	#left p, #left ul {
	background: #FFEDD9;
	line-height: 1.6em;
	margin: 0 0 10px;
	padding: 13px 20px 15px;
	}
	
		#left h1 + p {
		background: #FFEDD9 url(../graphics/layout/me.jpg) 20px 20px no-repeat;
		border: none;
		height: 440px;
		padding: 0;
		text-indent: -1000em;
		width: 340px;
		}
	
			#left h1 + p:hover {
			background: #FFEDD9 url(http://avatar.xboxlive.com/avatar/crewdy4923/avatar-body.png) 50% 50% no-repeat;
			}
	
		#left span {
		font-weight: bold;
		}
		
	#left h1, #left h2, #left h3 {
	background: url(../graphics/layout/titles.exp.png) 0 0 no-repeat;
	height: 31px;
	font-size: 0em;
	text-indent: -1000em;
	}
	
		#left h2 {
		background-position: 0 -31px;
		}
	
		#left h3 {
		background-position: 0 -62px;
		}
	
	

/* Right bar */

#right {
float: right;
width: 460px;
}

	#right h1, #right h2 {
	background: url(../graphics/layout/titles.exp.png) 0 -93px no-repeat;
	border: 1px solid #FFEDD9;
	height: 31px;
	font-size: 0em;
	text-indent: -1000em;
	}
	
		#right h2 {
		background-position: 0 -124px;
		}
	
	#right ul {
	background: #FFEDD9;
	padding: 10px 0;
	margin: 0 0 10px;
	}

	#right li {
	border-bottom: 1px solid #FFE1C3;
	padding: 10px 10px 12px 40px;
	position: relative;
	margin: 0 10px;
	z-index: 1;
	}
	
		#right li a {
		position: relative;
		z-index: 3;
		}
	
		#right li.facebook {
		background: url(../graphics/layout/facebook.png) 10px 10px no-repeat;
		}
	
		#right li.twitter {
		background: url(../graphics/layout/twitter.png) 10px 10px no-repeat;
		}
	
		#right li.lastfm {
		background: url(../graphics/layout/lastfm.png) 10px 10px no-repeat;
		}
	
		#right li.delicious {
		background: url(../graphics/layout/delicious.png) 10px 10px no-repeat;
		}
	
		#right li.flickr {
		background: url(../graphics/layout/flickr.png) 10px 10px no-repeat;
		}
		
		#right li.wnwdesign {
		background: url(../graphics/layout/wnwdesign.png) 10px 10px no-repeat;
		}
		
		#right li.youtube {
		background: url(../graphics/layout/youtube.png) 10px 10px no-repeat;
		}
		
		#right li.achievements {
		background: url(../graphics/layout/achievements.png) 10px 10px no-repeat;
		}
	
		#right li span {
		display: none;
		}

	#right li.paging {
	background: #fff;
	color: #fff;
	margin: 0;
	padding: 10px;
	text-align: center;
	}
	
		#right li.paging a, #right li.paging span {
		border: 1px solid #FFE1C3;
		display: inline;
		padding: 0px 4px;
		}
		
		#right li.paging span {
		border: 1px solid #aedeab;
		color: #aedeab;
		}



/* Toolbar. */

p#toolbar {
background: #fff;
font-family: Arial;
font-size: 1.4em;
font-weight: bold;
padding: 10px 0;
position: absolute;
left: 0;
right: 0;
top: 0;
width: 100%;
}

	p#toolbar .c { color: #b5f45f; }
	p#toolbar .o { color: #451c4d; }
	p#toolbar .l { color: #3302c2; }
	p#toolbar .u { color: #afd50d; }
	p#toolbar .r { color: #106254; }



/* Fixes */

		  #wrapper,			  #right ul { height: 1%; }
html>body #wrapper, html>body #right ul { height: auto; overflow: auto; }