/* @group Reset */

html, body, div, span, applet, object, iframe,
nav,header,section,article,aside,footer,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background-color: transparent;
	font-weight: normal;
}
:focus {
	outline: 0;
}
/* @end Reset */

/* @group Elements */

body {
	background-color: #fcfcf9;
	color: #313233;
	font-size: 87.5%;		/* 14px */
	line-height: 1.4286;	/* 20px Baseline grid */
	font-family: Baskerville, 'Adobe Caslon Pro', Garamond, Palatino, 'Times New Roman', Georgia, serif;
	border-top: 0.3571em solid #246;	/* 5px */
}
body * {
	font-size: 1em;
	line-height: inherit;
}

p {
	margin-top: 0.4286em;	/*  6px */
	margin-bottom: 1em;		/* 14px */ 
}

em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
code {
	font-family: Baskerville, 'Adobe Caslon Pro', Garamond, Palatino, 'Times New Roman', Georgia, serif;
}
pre {
	 white-space: pre-wrap;       /* css-3 */
	 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	 white-space: -pre-wrap;      /* Opera 4-6 */
	 white-space: -o-pre-wrap;    /* Opera 7 */
	 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
audio,
object {
	margin: 0.8571em 0;		/* 12px */
}
th,td {
	text-align: left;
	padding: 0.4285em;	/* 6px */
}
:target {
	background-color: #f9f9f6;
}
:target .header {
	background-color: #f6f3f0;
}

/* @group links */

a:link,
a:visited {
	color: #456789;
}
a:hover,
a:focus {
	background-color: #456789;
	color: #fcfcf9;
	text-decoration: none;
}
a:active {
	background-color: #234567;
	color: #fcfcf9;
	text-decoration: none;
}

/* @end links */

/* @group headings */

h1 {
	font-size: 3em;			/* 42px */
	line-height: 1.1905;	/* 50px */
}
h2 {
	font-size: 2em;			/* 28px */
}
h3 {
	font-size: 1.5em;		/* 21px */
}
h4 {
	font-size: 1.2857em;	/* 18px */
	line-height: 1.3889;	/* 25px */
}
h1 a,
h2 a,
h3 a {
	text-decoration: none;
}

/* @end headings */

/* @group forms */

label {
	cursor: pointer;
	font-family: Baskerville, 'Adobe Caslon Pro', Garamond, Palatino, 'Times New Roman', Georgia, serif;
	font-variant: small-caps;
	letter-spacing: 0.1428em;	/* 2px */
}
input,
select,
textarea {
	font-family: Baskerville, 'Adobe Caslon Pro', Garamond, Palatino, 'Times New Roman', Georgia, serif;
}
input:focus,
textarea:focus {
	background-color: #fffff0;
}
form {
	margin: 0 2.8571em;		/* 40px */
}
form li {
	list-style: none;
	margin: 1em 0;
}
form li label {
	display: block;
}
form li input,
form li select,
form li textarea {
	width: 61.8034%;
	border: 3px double #999;
}
form label em {
	color: #900;
}
button {
	font-family: Baskerville, 'Adobe Caslon Pro', Garamond, Palatino, 'Times New Roman', Georgia, serif;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1428em;	/*  2px */
	line-height: 1.4286;		/* 20px */
	background-color: #c60;
	color: #ffe;
	border: 3px double #fcfcf9;
	cursor: pointer;
	-webkit-transition-property: color;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: .25s;
	-moz-transition-property: color;
	-moz-transition-property: background-color;
	-moz-transition-duration: .25s;
	transition-property: color;
	transition-property: background-color;
	transition-duration: .25s;
}
button:hover,
button:focus {
	color: #930;
	background-color: #fed;
	border: 3px double #c60;
}

/* @end forms */

/* @group quotes */

blockquote {
	font-style: italic;
	font-size: 1.2857em;		/* 18px */
	line-height: 1.6667;		/* 30px */
	margin-top:  0.6667em;		/* 12px */
	margin-bottom: 0.6667em;	/* 12px */
	padding: 0 2.2222em 0.6667em;	/* 40px 12px */
	background-image: url(/images/quote.gif);
	background-position: 0.3333em top;
	background-repeat: no-repeat;
	margin-left: -2.2222em;		/* 40px */
}
blockquote p {
	margin-top: 0.3333em;		/*  6px */
	margin-bottom: 0.6667em;	/* 12px */
}
blockquote p:first-letter {
	font-size: 1.6667em;
	line-height: 1;
	font-style: normal;
}
blockquote p+p:first-letter {
	font-size: 1em;
	line-height: inherit;
	font-style: inherit;
}
blockquote p:last-child,
blockquote fieldset:last-child  {
	display: inline;
	background-image: url(/images/quote-close.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-right: 1.6667em;
}
form blockquote {
	font-style: normal;
}
form blockquote fieldset {
	margin-top: 0.1111em;		/*  2px */
	margin-bottom: 1.1111em;	/* 20px */
	color: #666;
}
form blockquote fieldset label {
	color: #000;
	display: inline;
	font-variant: normal;
	letter-spacing: normal;
}
form blockquote input {
	background-color: transparent;
	border: none;
	border-bottom: 0.0714em dashed #ccc;
	font-family: "Courier New",monospace;
	font-style: normal;
	font-weight: bold;
	margin: 0 0.5em;
}
form blockquote input:focus {
	border-bottom: 0.0714em solid #ccc;		/* 1px */
}
form blockquote .passwordtoggle {
	position: absolute;
	bottom: 0;
	right: 0;
}

/* @end quotes*/

/* @end  Elements */

/* @group Attributes */

a[rel~="prev"],
a[rel~="next"] {
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.1428em;	/* 2px */
}
a[rel~="prev"] {
	background-image: url(/images/previous.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 0.5em 0 0.5em 60px;
	float: left;
}
a[rel~="next"] {
	background-image: url(/images/next.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding: 0.5em 60px 0.5em 0;
	float: right;
}
a[rel~="prev"]:hover,
a[rel~="prev"]:focus,
a[rel~="next"]:hover,
a[rel~="next"]:focus {
	color: #369;
	text-decoration: underline;
	background-color: transparent;
}
a[rel="enclosure"] {
	float: left;
	margin-right: 1em;
	text-decoration: none;
	letter-spacing: 0.1428em;	/* 2px */
	border-top: 3px double #666;
	border-bottom: 3px double #666;
	padding: 0 0.5em;
	margin-bottom: 1em;		/* 14px */ 
}
a[rel="enclosure"]:hover {
	border-top-color: #fcfcf9;
	border-bottom-color: #fcfcf9;
}

/* @end Attributes */

/* @group Classes */

.feedback {
	background-color: #ffc;
	border-color: #c63;
	border-style: solid;
	border-top-width: 0.0714em;
	border-bottom-width: 0.0714em;	/* 1px */
	padding: 0.8571em 2.8571em;		/* 12px 40px */
	margin-bottom: -2.8571em;		/*-40px */
}
.pagination {
	position: relative;
	overflow: hidden;
	text-align: center;
}
.fineprint {
	font-size: 0.8571em;	/* 12px */
}
.metadata {
	font-variant: small-caps;
	letter-spacing: 0.0714em;	/* 1px */
}
.alternative {
	text-align: right;
}
.instructions {	
	font-size: 1.5em;		/* 21px */
	list-style-type: lower-roman;
}
.instructions button,
.instructions button:hover,
.instructions button:focus {
	font-size: 0.8571em;	/* 12px */
	line-height: 1;
	padding: 0 0.5em;
	cursor: auto;
	background-color: #369;
	color: #fff;
	border: 1px solid #246;
}
.photo {
	margin: 0.0714em;
	border: 3px double #cacbcc;
	box-shadow: 0 1px 3px #cacbcc;
	-webkit-box-shadow: 0 1px 3px #cacbcc;
	-moz-box-shadow: 0 1px 3px #cacbcc;
}
.choices li {
	margin-top: 0.4286em;	/*  6px */
	margin-bottom: 1em;		/* 14px */
}
.passwordtoggle {
	display: block;
}
.passwordtoggle label {
	display: inline;
}
form li .passwordtoggle input {
	width: auto;
}

/* @group button */

a.button,
.networking button {
	text-decoration:none;
	font-variant: small-caps;
	letter-spacing: 0.0714em;		/* 1px */
	padding: 0 1em;
	border: 1px solid #246;
	-webkit-transition-property: color;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: .25s;
	-moz-transition-property: color;
	-moz-transition-property: background-color;
	-moz-transition-duration: .25s;
	transition-property: color;
	transition-property: background-color;
	transition-duration: .25s;
}
a.button:link,
a.button:visited,
.networking button {
	background-color: #369;
	color: #fff;
	border: 1px solid #246;
}
a.button:hover,
a.button:focus,
a.button:active,
.networking button:hover,
.networking button:focus {
	background-color: #fff;
	color:  #369;
	border: 1px solid #246;
}

/* @end button */

/* @group hAtom */

.hfeed {
	list-style: none;
	padding-bottom: 1.4286em;	/* 20px */
	padding-left: 2.8571em;		/* 40px */
}
.hentry {
	border-top: 0.1428em solid #979899;
	border-bottom: 0.0714em solid #979899;
	margin-top: 0.0714em;
	margin-left: -2.8571em;		/* 40px */
	padding-left: 2.8571em;		/* 40px */
	position: relative;
	overflow: hidden;
	clear: both;
	background-color: #fcfcf9;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: .25s;
}
.hentry:hover {
	background-color: #f9f9f6;
}
.hentry h3.entry-title {
	margin-left: -1.9048em;		/* 40px */
	padding-left: 1.9048em;		/* 40px */
	padding-right: 1.9048em;	/* 40px */
	border-bottom: 0.0476em dotted #ccc;	/* 1px */
	background-color: #fcfcf9;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: .25s;
}
.hentry:hover h3.entry-title {
	background-color: #f6f3f0;
}
.hentry h3.vcard a.url img.photo {
	border: 3px double #cacbcc;
	width: 1em;				/* 21px */
	height: 1em;			/* 21px */
	float: left;
	margin-left: -1.9048em; /* -40px */
}
.hentry h3.vcard a:link img.photo,
.hentry h3.vcard a:visited img.photo {
	border-color: #cacbcc;
	box-shadow: 0 2px 4px #cacbcc;
	-webkit-box-shadow: 0 2px 4px #cacbcc;
	-moz-box-shadow: 0 2px 4px #cacbcc;
}
.hentry h3.vcard a:hover img.photo,
.hentry h3.vcard a:focus img.photo {
	border-color: #979899;
	box-shadow: 0 2px 4px #979899;
	-webkit-box-shadow: 0 2px 4px #979899;
	-moz-box-shadow: 0 2px 4px #979899;
}

.hentry p.author {
	clear: both;
	text-align: right;
	color: #999;
	font-variant: small-caps;
	letter-spacing: 0.1428em;	/* 2px*/
}
.hentry .author a {
	text-decoration: none;
}
.hentry .button {
	position: relative;
	float: right;
	margin-top: 0.2857em;	/* 4px*/
	margin-left: 0.2857em;	/* 4px */
}
.hentry cite {
	display: block;
	font-style: normal;
	font-variant: normal;
	letter-spacing: 0;
	font-size: 1.1428em;	/* 16px */
	line-height: 1.25;		/* 20px */
}
.hentry cite.entry-title {
	font-size: 1.2857em;	/* 18px */
	line-height: 1.3889;	/* 25px */
}
.hentry cite.entry-title a {
	text-decoration: none;
}
.hentry cite.entry-title a img {
	float: right;
}
.hentry form {
	margin: 0 0 2.8571em;		/* 40px */
}

/* @end hAtom*/

/* @group feed */

.feed {
	clear: both;
	padding-bottom: 2.5714em;	/* 40px */
}
.feed li {
	list-style: none;
	padding: 0.7143em 0;		/* 10px */
	border-bottom: 0.0714em dotted #cacbcc;
	clear: both;
	position: relative;
	overflow: hidden;
}
.feed .data {
	width: 38.1966%;
	min-width: 330px;
	margin-left: 2.5714em;		/* 40px */
	clear: left;
	float: left;
}
.feed .description {
	clear: right;
	margin-left: 38.1966%;
	padding-left: 5.7143em;		/* 80px */
	margin-top: 0.5em;			/*  7px */
}

/* @end feed */

/* @group tags */

.tagged {
	text-align: right;
	font-size: 0.7857em;		/* 12px */
	font-family: Verdana,sans-serif;
}
.tags {
	border-top: 0.1428em solid #979899;
	margin-top: 0.0714em;
	text-align: justify;
}
.tags table {
	border-collapse: collapse;
	width: 100%;
	background-color: #fcfcf9;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: .25s;
}
.tags table:hover {
	background-color: #f6f3f0;
}
.tags table tbody {
	background-color: #fcfcf9;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: .25s;
}
.tags table:hover tbody {
	background-color: #f9f9f6;
}
.tags table thead {
	border-bottom: 0.0714em dotted #ccc;	/* 1px */
}
.tags table thead th {
	font-size: 2em;			/* 28px */
	padding: 1em 0.2143em 0.2143em 1.4286em;		/*  28px 6px 6px 40px */
}
.tags table tbody {
	border-bottom: 0.1428em solid #999;	/* 2px */
}
.tags table tbody th {
	font-size: 1.5em;		/* 21px */
	padding: 0.2857em;		/*  6px */
	padding-left: 1.9048em;	/* 40px */
	width: 16.67%;
}
.tags table th a:link,
.tags table th a:visited {
	background-color: transparent;
	color: #313233;
}
.tags table:hover thead th a,
.tags table tbody tr:hover th a,
.tags table th a:hover,
.tags table th a:focus {
	background-color: #313233;
	color: #fff;
}
.tags table tbody td {
	text-align: justify;
}

.tags a {
	text-decoration: none;
	word-wrap: break-word;
	margin-right: 0.5em;
}
.scarce {
	font-size: 0.5714em;	/*  8px */
}
.scarce-rare {
	font-size: 0.6428em;	/*  9px */
}
.rare {
	font-size: 0.7143em;	/* 10px */
}
.rare-unusual {
	font-size: 0.7857em;	/* 11px */
}
.unusual {
	font-size: 0.8571em;	/* 12px */
}
.unusual-infrequent {
	font-size: 0.9286em;	/* 13px */
}
.infrequent {
	font-size: 1em;			/* 14px */
}
.infrequent-common {
	font-size: 1.0714em;	/* 15px */
}
.common {
	font-size: 1.1428em;	/* 16px */
}
.common-frequent {
	font-size: 1.2143em;	/* 17px */
}
.frequent {
	font-size: 1.2857em;	/* 18px */
}
.frequent-popular {
	font-size: 1.3571em;	/* 19px */
}
.popular {
	font-size: 1.4286em;	/* 20px */
}
.popular-rife {
	font-size: 1.5em;		/* 21px */
}
.rife {
	font-size: 1.5714em;	/* 22px */
}
.rife-ubiquitous {
	font-size: 1.6428em;	/* 23px */
}
.ubiquitous {
	font-size: 1.7142em;	/* 24px */
}

.aside .scarce,
.aside .scarce-rare {
	font-size: 0.7143em;	/* 10px */
}
.aside .rare
.aside .rare-unusual {
	font-size: 0.7857em;	/* 11px */
}
.aside .unusual,
.aside .unusual-infrequent {
	font-size: 0.8571em;	/* 12px */
}
.aside .infrequent,
.aside .infrequent-common {
	font-size: 0.9286em;	/* 13px */
}
.aside .common,
.aside .common-frequent {
	font-size: 1em			/* 14px */
}
.aside .frequent,
.aside .frequent-popular {
	font-size: 1.0714em;	/* 15px */
}
.aside .popular,
.aside .popular-rife {
	font-size: 1.1428em;	/* 16px */
}
.aside .rife,
.aside .rife-ubiquitous {	
	font-size: 1.2143em;	/* 17px */
}
.aside .ubiquitous {
	font-size: 1.2857em;	/* 18px */
}

.scarce:link,
.scarce:visited {
	background-color: transparent;
	color: #ececec;
}
.scarce:hover,
.scarce:focus {
	background-color: #ececec;
	color: #fff;
}

.scarce-rare:link,
.scarce-rare:visited {
	background-color: transparent;
	color: #e6e6e6;
}
.scarce-rare:hover,
.scarce-rare:focus {
	background-color: #e6e6e6;
	color: #fff;
}
.rare:link,
.rare:visited {
	background-color: transparent;
	color: #eee;
}
.rare:hover,
.rare:focus {
	background-color: #eee;
	color: #fff;
}
.rare-unusual:link,
.rare-unusual:visited {
	background-color: transparent;
	color: #ddd;
}
.rare-unusual:hover,
.rare-unusual:focus {
	background-color: #ddd;
	color: #fff;
}
.unusual:link,
.unusual:visited {
	background-color: transparent;
	color: #ccc;
}
.unusual:hover,
.unusual:focus {
	background-color: #ccc;
	color: #fff;
}
.unusual-infrequent:link,
.unusual-infrequent:visited {
	background-color: transparent;
	color: #bbb;
}
.unusual-infrequent:hover,
.unusual-infrequent:focus {
	background-color: #bbb;
	color: #fff;
}
.infrequent:link,
.infrequent:visited {
	background-color: transparent;
	color: #aaa;
}
.infrequent:hover,
.infrequent:focus {
	background-color: #aaa;
	color: #fff;
}
.infrequent-common:link,
.infrequent-common:visited {
	background-color: transparent;
	color: #999;
}
.infrequent-common:hover,
.infrequent-common:focus {
	background-color: #999;
	color: #fff;
}
.common:link,
.common:visited {
	background-color: transparent;
	color: #888;
}
.common:hover,
.common:focus {
	background-color: #888;
	color: #fff;
}
.common-frequent:link,
.common-frequent:visited {
	background-color: transparent;
	color: #777;
}
.common-frequent:hover,
.common-frequent:focus {
	background-color: #777;
	color: #fff;
}
.frequent:link,
.frequent:visited {
	background-color: transparent;
	color: #666;
}
.frequent:hover,
.frequent:focus {
	background-color: #666;
	color: #fff;
}
.frequent-popular:link,
.frequent-popular:visited {
	background-color: transparent;
	color: #555;
}
.frequent-popular:hover,
.frequent-popular:focus {
	background-color: #555;
	color: #fff;
}
.popular:link,
.popular:visited {
	background-color: transparent;
	color: #444;
}
.popular:hover,
.popular:focus {
	background-color: #444;
	color: #fff;
}
.popular-rife:link,
.popular-rife:visited {
	background-color: transparent;
	color: #333;
}
.popular-rife:hover,
.popular-rife:focus {
	background-color: #333;
	color: #fff;
}
.rife:link,
.rife:visited {
	background-color: transparent;
	color: #222;
}
.rife:hover,
.rife:focus {
	background-color: #222;
	color: #fff;
}
.rife-ubiquitous:link,
.rife-ubiquitous:visited {
	background-color: transparent;
	color: #111;
}
.rife-ubiquitous:hover,
.rife-ubiquitous:focus {
	background-color: #111;
	color: #fff;
}
.ubiquitous:link,
.ubiquitous:visited {
	background-color: transparent;
	color: #000;
}
.ubiquitous:hover,
.ubiquitous:focus {
	background-color: #000;
	color: #fff;
}

/* @end tags */

/* @group prose */

.prose p,
.prose li,
.prose dl {	
	margin-left: 2.8571em;		/* 40px */
}
.prose .instructions li {
	margin-left: 1.9048em;		/* 40px */
}
.prose ul,
.prose ol {
	margin-bottom: 1em;
}
.prose ul li {
	list-style: disc;
}

/* @end prose */

/* @group networking */

.networking {
	position: relative;
	float: right;
	margin: 0;
}
.networking button {
	font-family: "Courier New", monospace;
	margin-right: 0;
}

/* @end networking*/

/* @end Classes*/

/* @group Layout */

.nav,
.header,
.message,
.section {
	display: block;
	margin-left: 2.8571em;		/* 40px */
	margin-right: 2.8571em;		/* 40px */
	max-width: 105em;
	position: relative;
	overflow: hidden;
	zoom: 1; /* this causes me great pain */
}

/* @group nav */

.nav {
	padding: 0.25em 0;
}
.nav ul {
	display: inline;
	position: relative;
	float: left;
	margin-left: 2.8571em;		/* 40px */
}
.nav li {
	display: inline;
	margin-right: 0.25em;
}
.nav form {
	float: right;
	margin-right: 0;
}
.nav form label,
.nav form input,
.nav form button {
	vertical-align: middle;
}
.nav button {
	font-size: 0.8571em;	/* 12px */
	background-color: #369;
	color: #fff;
}
.nav button:hover,
.nav button:focus {
	background-color: #fff;
	color: #369;
	border-color: #369;
}

/* @end nav */

/* @group header#logo */

.header#logo {
	margin: 4.2857em 2.8571em 0.0714em;	/* 60px 40px */
	border-bottom: 0.1428em solid #646566; /* 2px */
}
.header#logo img {
	font-size: 2.8571em;			/* 40px */
	padding-left: 1em;				/* 40px */
}
.header#logo a img {
	margin-top: 0.5em;				/* 20px */
	background-image: url('/images/home.gif');
	background-repeat: no-repeat;
	background-position: -40px 75%;
}
.header#logo a,
.header#logo a:hover,
.header#logo a:focus {
	background-color: transparent;
	border: none;
}
.header#logo a:hover img,
.header#logo a:focus img {
	background-position: 0 75%;
}

/* @end header#logo */

/* @group section */

.section {
	clear: both;
	padding-bottom: 2.8571em;	/* 40px */
}
.section h2 {
	border-bottom: 0.0357em solid #979899;	/* 1px */
	margin-bottom: 0.0357em;	/* 	1px */
	padding-left: 1.4286em;		/* 40px */
}

/* @group section header */

.section .header {
	border-top: 0.0714em solid #646566;
	border-bottom: 0.1428em solid #979899;
	max-width: 102.1429em;
	margin: 0 0 2.8571em;		/* 40px */
	padding-left: 2.8571em;		/* 40px */
}
.section .header .metadata {
	color: #666;
}
.section .header .button {
	float: right;
	margin-top: 0.2857em;		/* 4px */
	margin-left: 0.2857em;		/* 4px */
}
.section .header.vcard h1 {
	margin-left: -0.9524em;		/* 40px */
	padding-left: 0.9524em;		/* 40px */
	background-repeat: no-repeat;
	background-position: left;
}
.section .header.vcard h1 .photo {
	vertical-align: text-top;
	width: 1em;					/* 42px */
	height: 1em;				/* 42px */
}
.section .header .section {
	overflow: visible;
}
.section .header .aside ul {
	overflow: hidden;
}
.section .header .aside li.vcard {
	list-style: none;
	width: 33%;
	min-width: 5em;
	float: left;
	font-variant: small-caps;
	letter-spacing: 0.0714em;	/* 1px*/
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	-webkit-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.section .header .aside li.vcard a {
	text-decoration: none;
}
.section .header .aside li.vcard img {
	display: block;
	width: 2.8571em;			/* 40px */
	margin-left: auto;
	margin-right: auto;
}
.section .header .aside .pagination {
	margin-bottom: 0;
}
/* @end section header */

/* @group section section */

.section .section {
	width: 61.8034%;
	min-width: 330px;
	float:  left;
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 0;
}
.section .section form li input,
.section .section form li select,
.section .section form li textarea {
	width: 95%;
}
.section .section .hentry h3.vcard a.url img.photo {
	margin-left: -1.9048em; 	/* -40px */
}
.section .section .sorting {
	float: right;
	padding-top: 1em;		/* 14px */
}

/* @end section section  */

/* @group section nav */

.section .nav {
	margin: 0;
	padding: 0;
	min-width: 0;
}
.section .nav h2 {
	padding-left: 0.7143em;		/* 20px */
}
.section .nav .tags {
	padding-left: 1.4286em;		/* 20px */
	text-align: left;
}
.section .nav .tags a {
	display: block;
}

/* @end section nav */

/* @group about */

.about {
	clear: both;
	overflow: hidden;
}
.about h2 {
	border: none;
}
.about .prose {
	margin: 0 25%;
}
.about .illustration {
	width:25%;
	max-width: 300px;
	margin-bottom: 2.8571em;		/* 40px */
}
.about .before {
	float: left;
	margin-right: 2.8571em;		/* 40px */
}
.about .after {
	float: right;
	margin-left: 2.8571em;		/* 40px */
}

/* @end section about */

/* @end section */

/* @group aside */

.aside {
	width: 38.1966%;
	float: right;
	position: relative;
	overflow: hidden;
}
/*	This is the only concession I'm making to IE6. */
* html .aside {
	width: 33.3333%;
}
/*	A little part of me just died. */

.aside h2 {
	margin-left: 1.4286em;		/* 40px */
	padding-left: 1.0714em;		/* 30px */
}
.aside .info {
	clear: both;
	border-top: 0.1428em solid #979899;	/* 2px */
	padding-left: 2.1438em;		/* 30px */
}
.aside .info,
.aside .tags {
	margin-left: 2.8571em;		/* 40px */
	margin-bottom: 2.8571em;	/* 40px */
}
.aside .pagination {
	margin-top: -2.8571em;		/*-40px */
	margin-bottom: 2.8571em;		/* 40px */
}

.aside blockquote {
	margin-left: -1.6666em;		/* 30px */
	padding-left: 1.6666em;		/* 30px */
}
.aside a img {
	margin: 0.0714em 0 0.1428em 0.1428em;
}
.aside a:link img,
.aside a:visited img {
	border: 3px double #cacbcc;
	box-shadow: 0 2px 4px #cacbcc;
	-webkit-box-shadow: 0 2px 4px #cacbcc;
	-moz-box-shadow: 0 2px 4px #cacbcc;
}
.aside a:hover img,
.aside a:focus img {
	border-color: #979899;
	box-shadow: 0 2px 4px #979899;
	-webkit-box-shadow: 0 2px 4px #979899;
	-moz-box-shadow: 0 2px 4px #979899;
}
.aside h3 a img {
	float: right;
}

/* @group aside hfeed */

.aside .hfeed {
	padding-bottom: 4.2857em;		/* 60px */
}
.aside .hentry {
	margin-left: 0;
	padding-left: 2.1438em;		/* 30px */
}
.aside .hentry+.hentry {
	border-top: 0;
	margin-top: 0;
}
.aside .hentry h3.vcard a.url img.photo {
	margin-left: -1.4286em;		/* -35px */
}
.aside .hentry form li input,
.aside .hentry form li select,
.aside .hentry form li textarea {
	width: 90%;
}

/* @end aside hfeed */

/* @group aside share */

.aside .share li {
	list-style: none;
	overflow: hidden;
}
.aside .share label {
	width: 4em;
	float: left;
}
.aside .share input {
	width: 75%;
	float: right;
	font-family: "Courier New", monospace;
	font-size: 12px;
	line-height: 1;
}

/* @end aside share */

/* @group aside related */

.aside .related li {
	list-style: none;
	clear: both;
}
.aside .related a {
	text-decoration: none;
	font-variant: small-caps;
}
.aside .related a img {
	float: left;
	margin-right: 0.5em;
}

/* @end aside related */

/* @group aside photos */

.aside .photos {
	clear: both;
	overflow: hidden;
	padding-top: 2.8571em;	/* 40px */
}
.aside .photos img {
	float: left;
}

/* @end aside photos */

/* @end aside */

/* @group footer */

.footer {
	clear: both;
	margin-top: 2.8571em;	/* 40px */
	padding: 2.8571em 2.8571em 5.7143em 5.7143em;		/* 40px 80px */
	background-color: #343536;
	color: #f3f6f9;
	border-bottom: 0.3571em solid #232425;	/* 5px */
	border-top: 0.0714em solid #646566;		/* 1px */
}
.footer a:link,
.footer a:visited {
	color: #789abc;
}
.footer a:hover,
.footer a:focus,
.footer a:active {
	color: #fff;
}
.footer dt {
	font-size: 1.4286em;	/*  20px */
	line-height: 1;			/*  20px */
	width: 5em;				/* 100px */
	float: left;
}
.footer dd {
	margin-left: 8.5714em;	/* 120px */
}
.footer ul {
	clear: both;
	margin: 1em 0;
	padding: 1em 0;
}
.footer li {
	display: inline;
	margin-right: 1.2em;
}
.footer .info {
	border-top: 0;
}
/* @end footer */

/* @end Layout */

/* @group Pages */

/* @group popup */

.popup .nav,
.popup #logo,
.popup .header,
.popup .section {
	min-width: 0;
	margin: 0;
	padding: 0;
	border-top: 0;
}
.popup .section {
	padding: 0 1.4286em;	/* 20px */
}
.popup form {
	margin: 0;
}
.popup form li input,
.popup form li select,
.popup form li textarea {
	width: 95%;
}
.popup form li .passwordtoggle input {
	width: auto;
}

/* @end popup */

/* @end Pages */



@media all {
	[role="main"] > .section,
	[role="main"] > .aside {
		-webkit-transition: width 0.5s ease-in-out;
		-moz-transition: width 0.5s ease-in-out;
		-o-transition: width 0.5s ease-in-out;
		transition: width 0.5s ease-in-out;
	}
}
@media all and (max-width: 960px) {
	.section .section,
	.section .aside {
		width: 50%;
		min-width: 0;
	}
}
@media all and (max-width: 760px), (orientation: portrait) {
	.section .section,
	.section .aside {
		width: 100%;
		float: none;
	}
	.section .aside h2,
	.section .aside .info,
	.section .aside .tags,
	.section .aside .hfeed {
		margin-left: 0;
	}
	.section .aside .hfeed {
		padding-left: 0;
	}
	.section .header .aside {
		width: auto;
		margin-left: -2.8571em;			/*-40px */
	}
	.section .header .aside h2 {
		padding-left: 1.4286em;			/* 40px */
	}
}