@import url('960gs/reset.css');
@import url('960gs/960.css');
@import url('garamondpremrpro-capt/stylesheet.css');
@import url('thesansmonocondensed/stylesheet.css');

/* After Reset */
body {
	font-family: 'Garamond Premier Pro', 'Adobe Garamond Pro', Garamond, serif;
	font-size: 13pt;
	line-height: 1.6em;
}

pre, code {
	font-family: 'TheSansMono Condensed', TheSansMono, Inconsolata, Consolas, monospace;
}

h1 {
	font-size: 21pt;
}

h2 {
	font-size: 18pt;
}

h3, h4, h5, h6 {
	font-size: 14pt;
}

ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}

li {
	margin-left: 1.2em;
}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
	margin: 1.2em 0;
}

/* Custom */

body {
	color: #faf0e6;
	background-color: #402c29;
	padding: 4.8em;
}

h1, h2, h3, h4, h5, h6 {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.125em;
}

a {
	color: #82878f;
	text-decoration: none;
}

#sidebar {
	float: right;
}

#sidebar, #crumbs {
	padding: 2.4em;
	font-weight: lighter;
}

#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6, #crumbs h1, #crumbs h2, #crumbs h3, #crumbs h4, #crumbs h5, #crumbs h6 {
	font-weight: lighter;
	text-align: left;
}

#sidebar :first-child, #crumbs :first-child {
	margin-top: 0;
}

#sidebar :last-child, #crumbs :last-child {
	margin-bottom: 0;
}

#sidebar h1#name {
	white-space: nowrap;
}

#sidebar h1#name a {
	color: inherit;
}

#sidebar ul#menu {
	list-style: none;
	letter-spacing: 0.125em;
	text-transform: uppercase;
}

#sidebar ul#menu li {
	margin-left: 0;
}

#crumbs ul#menu {
	list-style: none;
	letter-spacing: 0.125em;
	text-transform: uppercase;
	display: inline;
}

#crumbs ul#menu li:first-child {
	margin-left: 0;
}

#crumbs ul#menu li {
	display: inline;
}

.page {
	margin-bottom: 2.4em;
	color: #252525;
	-webkit-box-shadow: 0 0.0625in 0.125in rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0.0625in 0.125in rgba(0, 0, 0, 0.25);
	box-shadow: 0 0.0625in 0.125in rgba(0, 0, 0, 0.25);
	padding: 2.4em;
	background-color: #faf0e6;
	background-image: url(stone-25.png);
	text-shadow: #fff 1px 1px;
}

.page :first-child {
	margin-top: 0 !important;
}

.page :last-child {
	margin-bottom: 0 !important;
}

.page img {
	width: 100%;
}

.page a {
	color: #304b75;
	text-decoration: none;
}

.page .readmore {
	text-align: center !important;
	text-transform: uppercase;
	letter-spacing: 0.125em;
	font-weight: bolder;
}

.page code {
	white-space: pre;
	overflow: auto;
	display: block;
	margin: 1.2em 0;
	padding: 1.2em;
	background-color: #252525;
	text-shadow: #000 1px 1px 0;
	color: #faf0e6;
	font-weight: lighter;
	font-size: 0.8em;
	box-shadow: 1px 1px 0 #fff, inset 1px 1px #000;
	-webkit-box-shadow: 1px 1px 0 #fff, inset 1px 1px #000;
	-moz-box-shadow: 1px 1px 0 #fff, inset 1px 1px #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.page .tags {
	margin: 1.2em 0;
	text-align: center;
}

.page .tags ul, .page .tags li {
	display: inline;
	list-style: none;
}

.page .tags li:first-child {
	margin-left: 0;
}

.page .tag {
	border-radius: 999px;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	text-shadow: #000 1px 1px 0;
	box-shadow: 1px 1px 0 #fff;
	-webkit-box-shadow: 1px 1px 0 #fff;
	-moz-box-shadow: 1px 1px 0 #fff;
	background-color: #252525;
	vertical-align: top;
	color: #faf0e6;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.15em;
	padding-bottom: 0.15em;
	text-transform: lowercase;
	font-variant: small-caps;
	white-space: nowrap;
}

.page .tag a {
	color: inherit;
}

.page.photo {
	background-color: #000;
	background-image: none;
	line-height: 0;
}

.page.photo .caption {
	color: #faf0e6;
	font-weight: lighter;
	text-shadow: none;
	line-height: 1.6em;
	margin: 1.2em 0;
}

.page.photo .caption h1, .page.photo .caption h2, .page.photo .caption h3, .page.photo .caption h4, .page.photo .caption h5, .page.photo .caption h6 {
	font-weight: lighter;
}

.page .innerimage {
	margin-bottom: 1.2em;
	padding: 1.2em;
	background-color: #252525;
	text-shadow: #000 1px 1px 0;
	color: #faf0e6;
	font-weight: lighter;
	font-size: 0.8em;
	box-shadow: 1px 1px 0 #fff, inset 1px 1px #000;
	-webkit-box-shadow: 1px 1px 0 #fff, inset 1px 1px #000;
	-moz-box-shadow: 1px 1px 0 #fff, inset 1px 1px #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 0;
}

.page .innerimage.left {
	margin-right: 1.2em;
	float: left;
}

.page .innerimage.right {
	margin-left: 1.2em;
	float: right;
}

.poweredby {
	font-size: smaller;
}