@import url("reset.css");
html {
	background-color:#646;
	text-rendering: optimizeLegibility;
}

body {
	font-family: "museo-sans-1","museo-sans-2","Verdana","Helvetica","Arial","Sans Serif";
	color:white;
	border-radius:2em;
	margin:4em auto 0 auto;
	padding:1em 3em 1em 1em;
	width:41em;
}

#logo {
	width:128px;
	height:auto;
	float:left;
}

#logo:hover {
	-webkit-transform: rotate(-15deg);
	-webkit-transform-origin: 50% 50%;
	-moz-transform: rotate(-15deg);
	-moz-transform-origin: 50% 50%;
}

section {
	font-weight: 300;
	margin-left: 130px;
	width: 32em;
	line-height: 150%;
	display: block;
}

section h1 {
	font-size: 48pt;
	font-family: "museo-slab-1","museo-slab-2", "American Typewriter", "Georgia", "Times", "Serif";
	font-weight: 700;
	color: #fc0;
	display: inline-block;
	margin-bottom:1em;
	text-shadow: 0 0.08ex 0.15ex #110;
	-webkit-transform: rotate(-2deg);
	-webkit-transform-origin: 50% 50%;
	-moz-transform: rotate(-2deg);
	-moz-transform-origin: 50% 50%;
}



p a {
	font-family: "museo-slab-1","museo-slab-2", "American Typewriter", "Georgia", "Times", "Serif";
	font-weight: 700;
	text-decoration: none;
	color: #fc0;
	background-color:black;
	padding: 0 1ex 0 1ex;
}

p a:hover {
	background-color: #fc0;
	color: black;
	text-shadow: 0 -0.17ex 0.15ex #fff;
	-webkit-box-shadow: 0 0.2ex 0.2ex #000;
	-moz-box-shadow: 0 0.2ex 0.2ex #000;
}

p + p {
	margin-top: 1em;
	text-indent: 1em;
}

i {
	font-family: "museo-slab-1","museo-slab-2", "American Typewriter", "Georgia", "Times", "Serif";
	font-weight: 300;
	font-style: italic;
}

em {
	font-family: "museo-slab-1","museo-slab-2";
	font-weight: 300;
	font-style: italic;
	text-indent: 0em;
	display: block;
	padding:1em 0 1em 0;
}


b {
	font-weight: 700;
	color: #fc0;
}

header + p {
	font-weight: 700;
	color: #646;
}

header + p>em {
	font-weight: 700;
	color: #fc0;
	text-shadow: 0 0.2ex 0.15ex #000;
	-webkit-transform: rotate(-2deg);
	-webkit-transform-origin: 50% 50%;
	-moz-transform: rotate(-2deg);
	-moz-transform-origin: 50% 50%;
}


article h1 {
	font-family: "museo-slab-1","museo-slab-2", "American Typewriter", "Georgia", "Times", "Serif";
	font-weight: 900;
	font-size: 28pt;
	padding:0.5ex;
	margin-bottom:0;
	color: white;
	display:inline-block;
	-webkit-transform: rotate(-4deg);
	-webkit-transform-origin: 50% 50%;
	-moz-transform: rotate(-4deg);
	-moz-transform-origin: 50% 50%;
}

article h1:hover {
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
}

section h1>a {
	color: white;
	text-decoration:none;
	text-shadow: 0 -0.1ex 0.1ex #110;
}

time {
	font-family: "museo-slab-1","museo-slab-2", "American Typewriter", "Georgia", "Times", "Serif";
	font-weight: 100;
	font-size: 66%;
}

footer{
	padding-top:2em;
}

article {
	display: block;
	margin-top:3em;
	margin-bottom:3em;
}


q {
	display: block;
	padding-left: 1em;
	border-left: 0.2ex dotted #646;
	text-indent: 0em;
}

table {
	width: 100%;
	padding-top: 1em;
}


td {
	padding: 0.5em;
}


ul {
	list-style: none;
	margin-left: 0;
	padding-left: 2em;
	text-indent: -1em;
}

ul li {
	font-size: 90%;
}

ul li:before {
	content: "★";
	font-size: 50%;
	padding-right: 1em;
}

article:after {
	display: block;
	content: "★★★";
	text-align:center;
	letter-spacing:3em;
	padding-top: 3em;
}

img.pic {
	width:30em;
	height:auto;
	border-radius:1ex;
	border:1em solid white;
	-webkit-box-shadow: 0 0.5ex 0.75ex #000;
	-moz-box-shadow: 0 0.5ex 0.75ex #000;

}

img.border {
	width:20em;
	margin-left:4em;
	height:auto;
	border:1em solid white;
	-webkit-box-shadow: 0 0.5ex 0.75ex #000;
	-moz-box-shadow: 0 0.5ex 0.75ex #000;

}

img.border1{
	width:20em;
	margin-left:4em;
	height:auto;
	border:1em solid white;
	-webkit-box-shadow: 0 0.5ex 0.75ex #000;
	-moz-box-shadow: 0 0.5ex 0.75ex #000;
	-webkit-transform: rotate(2deg);
	-webkit-transform-origin: 50% 50%;
	-moz-transform: rotate(2deg);
	-moz-transform-origin: 50% 50%;
}

img.border2{
	width:20em;
	margin-left:4em;
	height:auto;
	border:1em solid white;
	-webkit-box-shadow: 0 0.5ex 0.75ex #000;
	-moz-box-shadow: 0 0.5ex 0.75ex #000;
	-webkit-transform: rotate(-2deg);
	-webkit-transform-origin: 50% 50%;
	-moz-transform: rotate(-2deg);
	-moz-transform-origin: 50% 50%;
}

img.plain {
	width:20em;
	margin-left:4em;
	height:auto;
	-webkit-box-shadow: 0 0.5ex 0.75ex #000;
	-moz-box-shadow: 0 0.5ex 0.75ex #000;
}

img.plain1 {
	width:20em;
	margin-left:4em;
	height:auto;
	-webkit-box-shadow: 0 0.5ex 0.75ex #000;
	-moz-box-shadow: 0 0.5ex 0.75ex #000;
	-webkit-transform: rotate(2deg);
	-webkit-transform-origin: 50% 50%;
	-moz-transform: rotate(2deg);
	-moz-transform-origin: 50% 50%;
}

img.plain2 {
	width:20em;
	margin-left:4em;
	height:auto;
	-webkit-box-shadow: 0 0.5ex 0.75ex #000;
	-moz-box-shadow: 0 0.5ex 0.75ex #000;
	-webkit-transform: rotate(-2deg);
	-webkit-transform-origin: 50% 50%;
	-moz-transform: rotate(-2deg);
	-moz-transform-origin: 50% 50%;
}

img.noborder {
	width: 20em;
	margin-left: 4em;
	height: auto;
}