@charset "UTF-8";

@media all {
	html {
		min-height: 100%;
		overflow-x: hidden;
		overflow-y: scroll;
	}
	
	body {
		margin: 40px;
	}
	
	article, section, header, hgroup, footer, aside, nav, summary, figure, figcaption, menu, details {
		display: block;
	}
	
	hgroup h1, caption {
		margin-bottom: 0 !important;
	}
	
	hgroup h2 {
		margin-top: 0 !important;
	}
	
	h1, h2, p, ol, ul, dl, table, caption, summary, figure, figcaption blockquote, form, fieldset, details, menu {
		margin: 20px 0;
	}
	
	table {
		border-collapse: collapse;
	}
	
	caption, th {
		text-align: left;
	}
	
	caption {
		margin-bottom: 0;
		width: 100%;
	}
	
	th, td {
		padding: 0;
	}
	
	address {
		font-style: inherit;
	}
	
	fieldset p, fieldset dl {
		margin: 0;
	}
	
	a {
		color: #00f;
	}
	
	a abbr {
		border: none !important;
		cursor: inherit !important;
	}
	
	abbr[title] {
		border-bottom: #888 dotted 1px;
		cursor: help;
	}
	
	mark
	{
		background: #ff9;
		color: #000;
		font-style: italic;
		font-weight: bold;
	}
	
	label, input[type=checkbox], input[type=radio], select, button {
		cursor: pointer;
	}
	
	input, select, textarea, button {
		font: inherit;
		line-height: 1;
	}
	
	input[type=checkbox], input[type=radio] {
		margin: 0;
	}
}

@media screen {
	* {
		outline: none;
	}
	
	body {
		background: #c5dea8;
		color: #fff;
		font: 16px Calibri, Arial, sans-serif;
		line-height: 1.2;
	}
	
	h2, p, #networks li {
		margin: 10px;
	}
	
	li ul {
		margin: 0;
	}
	
	a {
		color: #669bdc;
	}
	
	img {
		border: none;
	}
	
	#wrapper {
		background: #fff;
		box-shadow: rgba(0,0,0,0.5) 5px 5px 20px;
		-moz-box-shadow: rgba(0,0,0,0.5) 5px 5px 20px;
		-webkit-box-shadow: rgba(0,0,0,0.5) 5px 5px 20px;
		color: #666;
		margin: auto;
		padding: 10px;
		transform: rotate(-5deg);
		-moz-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		width: 320px;
	}
	
	#wrapper:after {
		clear: both;
		content: " ";
		display: block;
	}
	
	#header {
		background: #b1ca93;
		color: #fff;
		margin: 10px;
		padding: 10px;
		text-align: center;
	}
	
	#header h1 {
		font-size: 30px;
		margin: 0;
	}
	
	#networks ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#networks li {
		float: left;
	}
	
	#networks a {
		display: inline-block;
		opacity: 0.5;
		transition: all 0.25s;
		-moz-transition: all 0.25s;
		-o-transition: all 0.25s;
		-webkit-transition: all 0.25s;
	}
	
	#networks a:hover {
		opacity: 1;
		transform: rotate(-4.5deg) scale(2);
		-moz-transform: rotate(-4.5deg) scale(2);
		-o-transform: rotate(-4.5deg) scale(2);
		-webkit-transform: rotate(-4.5deg) scale(2);
	}
}

@media print {
	
}