html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

img {
	border: 0;
}

html {
	font-size: 100.01%;
}

body {
	background: #66B3FF;
	/*background-image: -webkit-gradient(linear, 0% 64%, 0% 75%, from(#66B3FF), to(#48A634));
	 background-image:-moz-linear-gradient(0% 91% 90deg,#48A634, #66B3FF, #66B3FF 64%);*/
	color: #000305;
	font-size: 1em;
	font: 85% / 1.3 Verdana, Arial, sans-serif;
	line-height: 1.429;
	margin: 0;
	padding: 0;
	text-align: left;
	overflow-x: hidden;
}

/* HTML5 tags */
header, section, footer, aside, nav, article, figure, hgroup {
	display: block;
}

p {
	margin-top: 0
}

h1, h2, h3 {
	font: normal normal 200% "Trebuchet MS", Arial, sans-serif
}

h2 {
	font-size: 160%;
	margin-left: 10px;
}

h3 {
	font-size: 120%
}

/* Anchors */
a, object {
	outline: 0;
}

a:link, a:visited, a:active {
	text-decoration: none;
	color: blue;
	border-bottom: 1px dotted;
}

a:hover, a:focus {
	text-decoration: underline;
	color: #f60;
	text-shadow: 1px 1px 1px #333;
}

h1 a:link, h1 a:hover, h1 a:focus, h1 a:link, h1 a:visited, h1 a:active, article h2 a:link, article h2 a:hover, article h2 a:focus, article h2 a:link, article h2 a:visited, article h2 a:active, div#flickr a:link, div#flickr a:hover, div#flickr a:focus, div#flickr a:link, div#flickr a:visited, div#flickr a:active, div#lastfmrecords a:link, div#lastfmrecords a:hover, div#lastfmrecords a:focus, div#lastfmrecords a:link, div#lastfmrecords a:visited, div#lastfmrecords a:active {
	text-decoration: none;
	border-bottom: none;
	color: #fff;
}

a img {
	border: 0px;
	text-decoration: none;
}

/*quotes*/
blockquote {
	z-index: 50;
	font: 1.2em / 1.6em Georgia, "Times New Roman", Times, serif;
	padding: 0 20px;
	text-indent: -18px;
	position: absolute;
	right: 0;
	quotes: "\201C" "\201D";
}

blockquote:before {
	content: open-quote;
	font-weight: bold;
}

blockquote:after {
	content: close-quote;
	font-weight: bold;
}

blockquote:first-letter {
	font: italic 1.3em Georgia, "Times New Roman", Times, serif;
}

/*end quote*/ * p:last-child {
	margin-bottom: 0;
}

strong {
	font-weight: bold;
}

em, i {
	font-style: italic;
}::-moz-selection {
	background: #F6CF74;
	color: #fff;
}::selection {
	background: #F6CF74;
	color: #fff;
}

/* Lists */
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

header, section, div.container {
	background: #fff;
	width: 800px;
	display: block;
	margin: 10px auto;
	padding: 10px;
	position: relative;
	z-index: 2;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

header {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	overflow: hidden;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	height: 150px;
	background-color: #3B5998;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3B5998), to(#2D2766));
	background-image:-moz-linear-gradient(0% 0% 72deg,#3B5998, #2D2766);
	color: #fff;
}

header nav {
	width: 930px;
	margin: 0 auto;
	text-align: left
}

header hgroup {
	margin-left: 70px;
}

header h1 {
	font-family: Rockwell, Georgia, "Times New Roman", Times, serif;
	text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
}

header h2 {
	text-shadow: 4px 10px 7px #333;
}

footer div {
	clear: right;
	float: left;
	width: 200px;
}

footer div#top {
	width: 100%
}

header hgroup, header nav, section, div.container{
	position:relative;
	z-index:10;
	}

/* Main Nav */
header nav {
	/*left:12px;
	 position:relative;
	 top:26px;
	 z-index:80;*/
	background: #000305;
	font-size: 1.143em;
	height: 40px;
	line-height: 30px;
	/*margin: 0 auto .2em auto;*/
	margin-right:3em;
	padding: 0;
	text-align: left;
	width: 177px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

header nav ul {
	list-style: none;
	margin: 0 auto;
	width: 178px;
}

header nav li {
	float: left;
	display: inline;
	margin: 0;
	/*
	 -moz-background-clip:border;
	 -moz-background-inline-policy:continuous;
	 -moz-background-origin:padding;
	 -moz-transform:rotate(-45deg);
	 background:#7F9DB9 none repeat scroll 0 0;
	 float:left;
	 margin:10px 0;
	 overflow:hidden;
	 padding:5px 5px 5px 18px;
	 text-align:right;
	 width:50px;
	 */
}

header nav a:link, header nav a:visited {
	color: #fff;
	display: inline-block;
	height: 30px;
	padding: 5px 1.5em;
	text-decoration: none;
	border-bottom: 0;
}

header nav a:hover, header nav a:active, header nav .active a:link, header nav .active a:visited {
	background: #C74451;
	color: #fff;
	text-shadow: none !important;
	border-bottom: 0;
}

header nav li:first-child a {
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
header nav li:last-child a {
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

section,div.container {
	margin-bottom:50px;
	-moz-box-shadow: inset 0 0 1em gold;
	-webkit-box-shadow: inset 0 0 1em gold;
	box-shadow: inset 0 0 1em gold;
	filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='gold'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='gold')";  /*IE8*/
}

section section,div.container section {
	display: none;
	margin:0;
}

article {
	border-bottom: 1px solid #ccc;
}

article:last {
	border-bottom: 0;
}

article header {
	border: 0;
	height: 40px;
	background-color: #fff;
	width: 850px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
	float: left;
	height: 50px;
	left: -25px;
	position: relative;
	z-index: 100;
	border-top-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	background: #7F9DB9 none repeat scroll 0 0;
	background-image:-moz-linear-gradient(0% 0% 203deg,#3B5998, #2D2766);
	background-image:-webkit-gradient(linear, 5% 0%, 16% 100%, from(#7F9DB9), to(#2C277D));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7F9DB9', endColorstr='#2C277D'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7F9DB9', endColorstr='#2C277D')"; /* IE8 */
}
.triangle-l {
	border-color: transparent #7d90a3 transparent transparent;
	border-style: solid;
	border-width: 15px;
	height: 0px;
	width: 0px;
	position: relative;
	left: -40px;
	top: 34px;
	z-index: -1; /* displayed under bubble */
}

.triangle-r {
	border-color: transparent transparent transparent #7d90a3;
	border-style: solid;
	border-width: 15px;
	height: 0px;
	width: 0px;
	position: relative;
	right: -810px;
	top: 5px;
	z-index: -1; /* displayed under bubble */
}
time{
  display:block;
  float:left;
  width:40px;
  border:1px solid #eee;
  border:1px solid rgba(238,238,238,0.2);
  -webkit-box-shadow:2px 4px 1px rgba(0, 0, 0, 0.80);
  -moz-box-shadow:2px 4px 1px rgba(0, 0, 0, 0.80);
  box-shadow:2px 4px 1px rgba(0, 0, 0, 0.80);
  margin:1px 10px 3px 2px;
}
time span{
  text-align:center;
  display:block;
  font-weight:bold;
}
time span.post-month{
  color:#fff;
  text-transform:uppercase;
  background: #F00000 none repeat scroll 0 0;;
  background-image: -webkit-gradient(linear, 5% 0%, 0% 100%, from(#FFDFDB), to(#F00000));
  background-image: -moz-linear-gradient(70% 75% 86deg,#F00000, #FFDFDB);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDFDB', endColorstr='#F00000'); /* ie7 */
  -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDFDB', endColorstr='#F00000'); /* ie8 */
}
time span.post-month:hover{
  background-image: -webkit-gradient(linear, 10% 0%, 0% 100%, from(#FFDFDB), to(#F00000));
  background-image: -moz-linear-gradient(70% 75% 95deg,#F00000, #FFDFDB);
}
time span.post-day{
  color:#000;
  font-size:1.3em;
  text-shadow: 0 1px 0 #DDD;
}

article footer {
	border: 0;
	height: auto;
	background: #fff;
	text-align: left;
	min-height: 10px;
}

article h2 {
	color: #FFFFFF;
	font-size: 2.5em;
	padding-top: 6px;
	text-align: left;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	font-style: italic;
	font-weight: normal;
	line-height: 1.2em;
}

article p {
	margin: 0 11px;
}

aside {
	font-family: verdana;
	font-size: 12px;
}

footer p {
	clear: both;
}

div.column ul.cnav {
	font-size: 100%;
	list-style-type: square;
	margin-left: 15px;
	text-align: left;
}

div.column ul.cnav a:link, div.column ul.cnav a:visited, div.column ul.cnav a:active {
	text-decoration: none;
	color: #48A634;
	border-bottom: 1px dotted;
}

div.column ul.cnav a:hover, div.column ul.cnav a:focus {
	text-decoration: underline;
	color: #fff;
}

div#gamercard {
	text-align: center;
}

ul.cnav {
	list-style-type: square;
	margin-left: 15px;
}

footer {
	clear: both;
	width: 100%;
	margin: 10px 0 0 0;
	color: #fff;
	text-align: center;
	min-height:500px;
	color: #E7E0C7;
	padding: 0 0 1.7em 0;
	border-top:2px solid #48A634;
	
background-color:#4C3636;
background-image:-moz-linear-gradient(0% 9% 90deg,#4C3636, #48A634);
background-image:-webkit-gradient(linear, 0% 1%, 0% 9%, from(#48A634), to(#4C3636));

}

footer p {
	margin: 0;
	padding-bottom: 0.19em;
}

ul#fnav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

ul#fnav li {
	float:left;
overflow:hidden;
padding:0 5px;
text-align:center;
width:auto;
border-bottom-left-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
}

ul#fnav a:link,ul#fnav  a:visited,ul#fnav  a:active {
	text-decoration: none;
	padding: .2em 1em;
	color: #fff;
	display:block;
	background-color: #036;
	border-bottom:none;
}

ul#fnav a:hover,ul#fnav a:focus {
	background: rgb(65, 117, 160);
	background: rgba(65, 117, 160, 0.65);
	color: #FFF
}

ul#fnav li.activelink a, ul#fnav li.activelink a:hover {
	background: #fff;
	color: #ff9000
}

.clear {
	clear: both;
	float: none;
	width: 100%;
	height:1px;
}
form#searchform{position:absolute;top:3px;right:3em;z-index:100;
display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: solid 1px #d2d2d2;
	padding: 3px 5px;
	
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);

	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
form#searchform input#term{
	font: normal 12px/100% Arial, Helvetica, sans-serif;
	
	background: #fff;
	padding: 6px 6px 6px 8px;
	width: 202px;
	border: solid 1px #bcbbbb;
	outline: none;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);


}
form#searchform input#search{
	background-image:-webkit-gradient(linear,left  bottom,left top,color-stop(0, rgb(2,168,228)),color-stop(0.06, rgb(0,172,229)),color-stop(0.07, rgb(71,189,240)),     color-stop(0.3, rgb(20,123,182)),color-stop(0.53, rgb(0,80,129)),color-stop(0.96, rgb(114,149,181)),color-stop(0.97, rgb(2,54,97)));
	background-image:-moz-linear-gradient(center bottom,rgb(2,168,228) 0%,rgb(0,172,229) 6%,rgb(71,189,240) 7%,rgb(20,123,182) 30%,rgb(0,80,129) 53%,rgb(114,149,181) 96%,rgb(2,54,97) 97%);
	background-color:#1c608c;
	color:white;
	border-radius:3px;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	color: #fff;
	border: solid 1px #494949;
	font-size: 11px;
	height: 27px;
	width: 27px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	background: #5f5f5f;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
	background-image: -moz-linear-gradient(top,  #9e9e9e,  #454545);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}
code {
	display: block;
	clear: both;
	font-size: 13px;
	font-family: arial;
	margin-left: 30px;
	line-height: 15px;
	padding-left: 14px;
	border-left: 2px #CCC solid;
}

div#flickr, div#lastfmrecords {
	margin-bottom: 10px;
	height: 150px;
	overflow: hidden;
	width: 100%
}

hidden {
	position: absolute;
	left: -300em;
	top: -300em;
}
#flickr li{background-color:white;margin-right:9px;}
#flickr li, #lastfmrecords li {
	float: left;
	list-style-type: none;
	position: relative;
	margin-bottom: 50px;
}
canvas.clouds,canvas.sky{
	z-index:2;
	position:absolute;
}

div#flickr img, div#lastfmrecords img {
	max-height: 75px;
	vertical-align: middle;
	margin: 0 0 12px;
	padding: 4px;
	height: 6em;
	-webkit-box-reflect:below 5px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));
}
div#comments blockquote{position:relative;}

button{
	cursor:pointer;
	color: #262626;
		font-weight: bold;
		font-size: 10pt;
		text-shadow: 0 1px 0 white;
		border: 1px solid #4c4c4c;
		padding: 3px 5px;
		background: #EBEBEB;
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow:
			0 1px 0 rgba(255,255,255,0.5),
			inset 0 0 0 1px rgba(255,255,255,0.3),
			inset 0 1px 0 rgba(255,255,255,0.4)
		;
		
		background-image: -moz-linear-gradient(-90deg, #EBEBEB, #AFAFAF); /* FF3.6 */
  	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #EBEBEB),color-stop(1, #AFAFAF)); /* Saf4+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#EBEBEB', EndColorStr='#AFAFAF'); /* IE6,IE7 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#EBEBEB', EndColorStr='#AFAFAF')"; /* IE8 */
}
button:hover{
		background-image: -moz-linear-gradient(-90deg, #EBEBEB, #AFAFAF); /* FF3.6 */
  	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #AFAFAF),color-stop(1, #EBEBEB)); /* Saf4+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#AFAFAF', EndColorStr='#EBEBEB'); /* IE6,IE7 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#AFAFAF', EndColorStr='#EBEBEB')"; /* IE8 */
}