/*structure*/
article, aside, details, figcaption, figure, footer, header,hgroup, menu, nav, section { display: block; }
body{margin:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:8px 0 0 0;}

nav#ribbon{width:100%;padding:3px 0px;text-align:right;}
nav#ribbon h1{margin-left:5px;}
nav#ribbon h1,nav#ribbon ul,nav#ribbon ul li{display:inline;}
nav#ribbon li{padding:0 8px;}

#bloglink{display:block;float:right;clear:none;position:relative;}

/*text*/
@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('/css/League_Gothic-webfont.eot');
	src: local('☺'), url('/css/League_Gothic-webfont.woff') format('woff'), url('/css/League_Gothic-webfont.ttf') format('truetype'), url('/css/League_Gothic-webfont.svg#webfontpm5EArBj') format('svg');
	font-weight: normal;
	font-style: normal;
}

html,body{font-family:Tahoma, Geneva, sans-serif;}
h1,h2,h3,h4,h5,h6{font-family:LeagueGothicRegular,Tahoma,sans-serif;}

h1{font-size:2.4em;}
h2{font-size:1.8em;}

nav#ribbon h1,nav#ribbon ul li a{font-size:11px;}

nav#ribbon a{text-decoration:none;}

/*backgrounds*/
nav#ribbon{background: #7abcff; /* old browsers */
	background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* ie */
}

/*gingerbread*/
nav#ribbon{border-bottom:1px solid #000;}
nav#ribbon li{border-left:1px solid #9cdeff;}

nav#ribbon h1,nav#ribbon ul li a{color:#fff;}

article{-webkit-box-shadow:2px 2px 3px rgba(0,0,0,.5);-moz-box-shadow:2px 2px 3px #666;box-shadow:2px 2px 3px #666;}
nav#ribbon{-webkit-box-shadow:0px 2px 3px rgba(0,0,0,.5);-moz-box-shadow:0px 2px 3px #666;box-shadow:0px 2px 3px #666;}

/*--experiments--*/
/*exp1*/
	#exp1 #exp_container{width:750px;height:518px;background:url(exp1_punkin.jpg) top left no-repeat transparent;position:relative;display:block;}
	#exp1 #exp_container div{position:absolute;display:block;top:0;left:0;}

	/* shadows */
	#exp1 #exp_container #shadow_base{width:395px;height:100px;border:1px solid rgba(0,0,0,.4);top:389px;left:113px;border-radius:800px/300px;border-top-right-radius:1400px 500px;/*border-bottom-right-radius:400px 170px;border-bottom-left-radius:700px 180px;*/-webkit-transform:rotate(7deg);}
	/* big pumpkin */
	/* little pumpkin */