/*
****
*****  CHECKING OUT MY CODE, I SEE, YOU SLY ONE.  WELL, I HOPE YOU LIKE WHAT YOU FIND!  :-)
****
*/

@import '../fonts/allerlight.css';
@import '../fonts/goudyoldstyle.css';

* {
	margin: 0;
}

body {
	background: #fff;
	font-family: "Aller Light", MyAllerLight, Optima, Segoe, Segoe UI, sans-serif;
	font-size: 18px;
	line-height: 1.5em;
	margin: 0;
}

h1,
h2,
.sidebar li,
article footer,
.feature_block {
	font-family: "Goudy Old Style", MyGoudyOldStyle, "Hoefler Text", Palatino, "Palatino Linotype", serif;
}

a {
	color: #000;
	text-decoration: underline;
}
a:hover,
a[href$=pdf]:hover {
	background-color: #fff342;
	text-decoration: none;
}
a:visited { color: #000; }
a img { border: 5px solid #ddd; }
a:hover img { border-color: #ccc; }
a[href$=pdf] {
	padding-left: 20px;
	background: transparent url(../images/pdf.png) no-repeat 0% 60%;
}

hr {
	border: 0;
	border-top: dotted 1px #ddd;
	margin: 1em 0 2em 0;
}

.quotedtitle article h1,
.quoted {
	margin-right: -0.5em;
}
.quotedtitle article h1:before,
.quoted:before {
	content: "“";
	margin-left: -0.5em;
}
.quotedtitle article h1:after,
.quoted:after {
	content: "”";
}

.sidebar a:hover { background: transparent; }
.sidebar a h1 { cursor: pointer; }
.sidebar h1 {
	background: url(../images/logo.png) no-repeat;
	font-size: inherit;
	height: 100px;
	margin: 35px 0 40px -60px;
	text-indent: -5000px;
	width: 220px;
}
.sidebar ul {
	list-style: none;
	padding: 0;
}
.sidebar li {
	font-size: 1.5em;
	height: 1.5em;
}
.sidebar nav a {
	background: transparent;
	color: #000;
	font-style: italic;
	padding: 0 4px;
	margin-left: -4px;
	text-decoration: none;
}
.sidebar nav li.current a {
	background: #fff342;
}
.sidebar nav a:hover {
	background: #fff342;
}
.sidebar nav a:active {
	margin-left: -3px;
}

article {
	font-size: 15px;
	line-height: 1.8em;
	padding: 11.52em 0 2em;
}
article h1 {
	font-size: 34px;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 0.6em;
	white-space: nowrap;
}
article h1 em {
	font-style: normal;
	font-variant: small-caps;
}
article > section > h1 {
	border-bottom: dotted 1px #ddd;
	clear: both;
	font-family: inherit;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 0.5em;
}
article p {
	color: #333;
	margin-bottom: 1.2em;
}
article ol,
article ul  {
	margin-bottom: 1.2em;
}
article .next a {
	background: #fff342;
	color: #333;
	float: right;
	font-style: italic;
	margin-bottom: 2em;
	margin-right: -7px;
	padding: 0 7px;
	text-decoration: none;
}
article .next a:hover {
	background: #ddd;
}
article .next a:active {
	background: #ccc;
	margin-right: -8px;
}
article p + ul { margin-top: -0.6em; }
article footer {
	border-top: dotted 1px #ddd;
	clear: both;
	color: #bbb;
	display: block;
	font-family: "Goudy Old Style", "Hoefler Text", Palatino, "Palatino Linotype", "Times New Roman", serif;
	margin-top: 2em;
	text-transform: uppercase;
}

#index article {
	font-size: 18px;
	line-height: inherit;
	padding-top: 162px;
	text-align: right;
}
#index article a { text-decoration: none; }
#index .feature_block h1 {
	border: 0;
	color: #000;
	font-size: 40px;
	font-style: normal;
	letter-spacing: -0.02em;
	line-height: 1.2em;
	margin: 0;
	width: 100%;
}
#index .feature_block h1:before {
	content: "“";
}
#index .feature_block h1:after {
	content: "”";
	margin-right: -0.5em;
}
#index .feature_block h1,
#index .feature_block p {
	display: inline-block;
	font-weight: normal;
	margin: 0;
}
#index .feature_block p {
	font-size: 25px;
	width: 100%;
}
#index .feature_block p a {
	background: #fff342;
	color: #333;
	display: inline-block;
	font-style: italic;
	margin-right: -7px;
	margin-top: 0.1em;
	padding: 3px 7px;
}
#index .feature_block p a:hover {
	background: #ddd;
}
#index .recent_block {
	font-family: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
	font-size: 16px;
	line-height: 17px;
	margin-top: 130px;
}
#index .recent_block h1 {
	display: block;
	font-size: 115%;
	margin: 0 -7px 10px;
	padding: 5px 7px;
}
#index .recent_block cite a { color: #bbb; }
#index .recent_block a:hover {
	background: transparent;
	border-bottom: dashed 1px #fff342;
}
#index .recent_block a img {
	border: 0;
	vertical-align: middle;
}

#fable figure img {
	float: left;
	margin: 0 1em 1.2em 0.5em;
}
#fable figure:nth-of-type(2n) img {
	float: right;
	margin: 0 0.5em 1.2em 1em;
}
#fable figcaption { color: #888; }
#fable figure + p { clear: both; }

.portfolio_entry {
	line-height: 1.5;
	padding-right: 5px;
	text-transform: uppercase;
	text-align: right;
}
.portfolio_entry img { margin-right: -5px; }
.portfolio_entry a:hover { background-color: transparent; }
.portfolio_about {
	float: left;
	margin: 0 5% 1.5em 0;
	width: 60%;
}
.portfolio_quote {
	font-style: italic;
}
.portfolio_quote .src {
	display: block;
	font-style: normal;
	text-align: right;
}
.portfolio_contrib,
.portfolio_link {
	font-size: 14px;
	line-height: 1.4em;
}

form.contact {
	background: #eee;
	border: solid 5px #ddd;
	line-height: 1;
	margin-top: 1.2em;
	padding: 10px;
	width: 430px;
}
form.contact p { margin-bottom: 0.5em; }
form.contact label {
	display: inline-block;
	padding-top: 0.5ex;
	width: 5em;
}
form.contact input,
form.contact textarea {
	font-family: inherit;
	font-size: inherit;
	padding: 0.5ex;
	vertical-align: top;
	width: 15em;
}
form.contact textarea {
	height: 6em;
	width: 20em;
}
form.contact button {
	font-size: inherit;
	margin-left: 5em;
}