@charset "utf-8";

/* Hello. Feel free to look, but please don't steal. */


html {
	border-right: 0.75em solid #d0103a;
	min-height: 100%;
	overflow-y: scroll;
}

body {
	background: #fff url(../img/bg.png) fixed;
	background-color: rgba(255, 255, 255, 0.7);
	color: #666;
	font: 100%/1.5em Georgia,"Times New Roman",Times,serif;
	min-height: 100%;
	padding: 100px 0 3em 100px;
	text-rendering: optimizeLegibility;
	width: 760px; /* 240 20 240 20 240 */
}

a {
	border-bottom: 1px solid;
	color: #000;
	padding-bottom: 1px;
	text-decoration: none;

	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
a:hover {
	color: #d0103a;
}
em {
	font-style: italic;
}
strong {
	color: #000;
}
cite {
	display: block;
	font-style: italic;
	text-align: right;
}
cite:before {
	content: '—';
}
code {
	background: #e6e2e2;
	background: rgba(230, 226, 226, 0.5);
}

h1 {
	color: #333;
	font: 2.25em/1.333em "Hoefler Text",Georgia,"Times New Roman",Times,serif;
	padding: 0 0 3.333em;
	text-shadow: -1px -1px 2px #bbb;
}
h1 a {
	border-color: #fff;
	color: #333;
}
h1 a:hover {
	border-color: #d0103a;
	color: #d0103a;
}
h2 {
	color: #333;
	font-size: 1.25em;
	line-height: 1.2em;
	padding: 0.6em 0;
}
h3 {
	color: #333;
	font-size: 1.2em;
	line-height: 1.25em;
	padding: 0.625em 0;
}
h4 {
	color: #333;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0.75em 0;
}
p,
ol,
ul {
	padding: 0 0 1.5em;
}
ul li {
	list-style: circle;
}
ol li {
	list-style: lower-roman;
}
blockquote {
	background: url(../img/quote.png) no-repeat 0 0.75em;
	color: #888;
	font-style: italic;
	margin: 0 0 1.5em -4.5em;
	padding: 1.5em 1.5em 0 4.5em;
}
blockquote cite {
	margin-top: -1.5em;
}
pre {
	display: block;
}
pre code {
	display: block;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	padding: 0.75em;
}
table {
	color: #333;
	font: 0.8em/1.875em "Lucida Grande","Lucida Sans",sans-serif;
	margin-bottom: 1.875em;
	width: 760px;
}
table thead {
	border-bottom: 1px solid #e6e2e2;
	border-bottom-color: rgba(230, 226, 226, 0.5);
}
table th,
table td {
	padding: 0.46875em;
	vertical-align: top;
}
table tbody tr:hover {
	background: #e6e2e2;
	background: rgba(230, 226, 226, 0.5);
}
table .n {
	text-align: right;
}

h1 .amp,
h2 .amp,
h3 .amp,
h4 .amp {
	font-style: italic;
}

.tags {
	font: 0.8em/1.875em "Lucida Grande","Lucida Sans",sans-serif;
	margin: 0;
	padding: 1.875em 0;
	width: 720px;
}
.tags a {
	background: #fff url(../img/tag_blue.png) no-repeat left center;
	border: 0;
	color: #d0103a;
	margin-right: 0.75em;
	padding-left: 20px;
	white-space: nowrap;
}

.article,
.articles {
	width: 500px;
}
.articles li {
	border-top: 1px solid #e6e2e2;
	border-top-color: rgba(230, 226, 226, 0.5);
	list-style: none;
	margin: -1.5em 0 3em;
	padding: 3em 0 0;
}
.articles li.first {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}
.articles li h1 {
	padding: 0 0 0.666em;
}

.intro {
	color: #222;
	font-style: italic;
}
.caption,
.footnote {
	background: #fff;
	color: #999;
	float: right;
	font-size: 0.8em;
	line-height: 1.875em;
	margin: -1.875em -260px 1.875em 0;
	padding: 1.875em 0;
	width: 240px;
}
.meta {
	border-top: 1px solid #eee;
	clear: both;
	float: left;
	margin-top: 1.5em;
	padding: 1.5em 0;
	width: 760px;
}
.meta p {
	clear: left;
	color: #aaa;
	float: left;
	font-size: 0.8em;
	line-height: 1.875em;
	padding: 0;
	width: 500px;
}
.meta p a {
	color: #aaa;
}
.meta p code {
	background: inherit;
}
.meta .tags {
	border-left: 1px solid #eee;
	clear: none;
	float: right;
	font: 0.8em/1.875em "Lucida Grande","Lucida Sans",sans-serif;
	margin: -1.875em 0 0;
	padding: 1.875em 0 1.875em 19px;
	width: 240px;
}
.meta .tags a:hover {
	color: #d0103a;
}
.more a {
	color: #ddd;
}
.more a:hover {
	color: #d0103a;
	text-shadow: -1px -1px 3px #bbb;
}

#header {
	position: fixed;
	right: 0;
	top: 0;
	width: 300px;
}
#header h1 {
	background: #d0103a;
	color: #fff;
	display: block;
	font: 1em/1.5em "Lucida Grande","Lucida Sans",sans-serif;
	margin: 0;
	padding: 0.75em;
	position: absolute;
	right: 0;
	text-align: center;
	text-shadow: none;
	top: 0;

	-moz-transform: rotate(-90deg);
	-moz-transform-origin: right bottom;
	-webkit-transform: rotate(-90deg);
	-webkit-transform-origin: right bottom;

	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

#header h1 a {
	background: #d0103a;
	border-color: #d0103a;
	color: #fff;
}
#header h1 a:hover {
	border-color: #fff;
}