/* 
    A N T H O L O G Y      
    styles [&] errata

---------------------------

  @ May 25th, 2010  
        
===========================*/

body {
font: 1em/1.6em Georgia, "Palatino Linotype", serif;
color: #48423C;
background: #F5F4F1 url(/images/bg.jpg) repeat-x;
margin: 0;
padding: 0;
}


	@font-face {
	font-family: Nevis;
	src: url(assets/Nevis.ttf) format("truetype");
	}

	@font-face {
	font-family: Aller;
	src: url("assets/Aller_Rg.eot");
	src: local("Aller Regular"), local("Aller") format("truetype");
	}
	
		@font-face {
		font-family: "Aller Bold";
		src: url("assets/Aller_Bd.eot");
		src: local("Aller Bold"), local("Aller-Bold") format("truetype");
		}
	
		@font-face {
		font-family: "Aller Italic";
		src: url("assets/Aller_It.eot");
		src: local("Aller Italic"), local("Aller-Italic") format("truetype");
		}
		
		@font-face {
		font-family: "Aller Light";
		src: url("assets/Aller_Lt.eot");
		src: local("Aller Light Regular"), local("Aller-Light") format("truetype");
		}

		@font-face {
		font-family: "Aller Light Italic";
		src: url("assets/Aller_LtIt.eot");
		src: local("Aller Light Italic"), local("Aller-LightItalic") format("truetype");
		}
			
/* L I N K S
   --------- */

a {
color: #1BAABB;
font-weight: bold;
}

a img {
border: 0;
}

a:hover {
color: #F25959;
}

a:active {
color: #000;
}

a:visited {
color: #6B6763;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: lighter;
}

acronym, abbr {
font-weight: lighter;
border-bottom: 1px dotted #198E9B;
color: #198E9B;
}

a acronym, a abbr {
font-weight: bold;
}

/* S T R U C T U R E
   ----------------- */

#wrap {
width: 860px;
margin: 0 auto;
padding: 25px 50px;
}

.error #wrap {
width:560px;
margin: 0 auto;
}

	#masthead {
	padding: 0 0 120px 0;
	width: 60em;
	clear: both;
	display: block;
	}

.error #masthead {
width: 36em;
}

		#logo {
		float: left;
		margin: 15px 20px 0 0;
		}

	#navigation {
	width: 40em;
	float: right;
	display: inline;
	padding: 0;
	margin: 0;
	}

	.error #navigation {
        width: 20em;
        }

		#navigation ul {
		font: bold .68em/1.2em Nevis, Verdana, Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: .05em;
		margin: 45px 0 0 0;
		}

			#navigation ul li {
			display: inline;
			margin: 0 0 0 10px;
			padding: 110px 10px 20px 10px;
			border-right: 1px solid #DED8CD;
			border-bottom: 1px solid #DED8CD;
			background: rgba(237, 232, 228, .4) url(/images/bg_li_texture.png) repeat;
			position: relative;
			}

				#navigation ul li a {
				background: url(/images/bg_li_a.png) no-repeat 50% 55px;
				color: #69635B;
				padding: 40px 0;
				text-decoration: none;
				}
/* Working out some kinks
=========================
#navigation ul li.rss a {
background: url(/images/bg_feed.png) no-repeat 50% 20px;
}

#navigation ul li.rss a:hover {
background: url(/images/bg_feed_hover.png) no-repeat 50% 20px;
}
*/
				#navigation ul li:hover a {
				color: #DD4D44;
				background: url(/images/bg_li_a_hover.png) no-repeat 50% 55px;
				}
				
			#navigation ul li:hover {
			background: rgba(255, 255, 255, .70) url(/images/bg_li_texture.png) repeat;
			-webkit-transition: background 0.3s ease-in;
			top: 20px;
			}
			
			#navigation ul li#active  {
			background: #D80747 url(/images/bg_li_texture.png) repeat;
			top: 20px;
			}

				#navigation ul li#active:hover {
				background: #F94175 url(/images/bg_li_texture.png) repeat;
				-webkit-transition: background 0.3s ease-in;
				}

				#navigation ul li#active a {
				color: #fff;
				background: url(/images/bg_li_a_active.png) no-repeat 50% 55px;
				}

	#banner, #article, #footer {
	padding: 10px 0 20px 0;
	}

		#banner {
		padding: 0 0 15px 0;
                border-bottom: 1px solid #D7CBC4;
		}
		
		#content {
		width: 100%;
		padding: 0;
		margin: 0;
		}

			#article, crumbs {
			width: 33em;
			padding: 10px 0 20px 0;
			margin: 0;
			float: left;
			display: block;
			border-top: 15px dashed #EDE2DD;
			}

				.entry, .snippet {
				padding: 0;
				margin: 10px 0;
				clear: both;
				}

				.snippet {
				padding: 0;
				}
	
				.entry {
				padding: 10px 0;
				}

					.entry img {
					margin: 5px 0 15px 0;
					padding: 0 30px;
					}
	
					.title {
					margin: 0 0 15px 0;
					padding: 0 0 10px 0;
					border-bottom: 1px solid #D7CBC4;
					}

					div.image, div.image_float{
					margin: 20px 0;
					padding: 10px 10px 5px 10px;
					border: 1px solid #D7CBC4;
					display: block;
					}
		
					div.image img, div.image_float img {
					border: 1px solid #E7DCD8;
					margin: 0;
					padding: 0;
					}

					div.image_float {
                    			margin: 10px 20px 5px 0;
					float: left;
					}
		
					.caption {
					font-size: .8em;
					font-style: italic;
					}
		
				.entry-meta {
				border-top: 1px solid #D7CBC4;
				float: right;
				clear: both;
				padding: 10px 0 20px 0;
				margin: 10px 0 0 0;
				line-height: 2em;
				}

				
				.footnotes {
				background: #F0EEE9;
				padding: 15px 30px;
				margin: 25px 0;
				font-size: .88em;
				}

					.footnotes ol {
					padding-left: 15px;
					}

					.footnotes h4 {
					margin: 0;
					border-bottom: 1px solid #E7DCD8;
					padding-bottom: 10px;
					}

					.footnotes a.back {
					margin-left: 5px;
					background: #EBE4DF;
					padding: 0 5px 5px 5px;
					font-size: 1em;
					font-style: normal;
					}

					.footnotes a.back:hover {
					background: #D80747;
					color: #fff;
					}
				
				#comments, #commentform {
				margin: 10px 0;
				border-top: 1px solid #D7CBC4;
				padding: 20px 0;
				}
				
					.comment .entry-meta {
					float: right;
					display: inline-block;
margin: 10px 0;
padding: 0;
/*background: #EBE4DF;*/
					}
					
					div.gravatar {
					background: #EBE4DF;
					border: 1px solid #E7DCD8;
					padding: 5px 5px 0 5px;
					float: right;
					margin: -50px 15px 7px 0;
					display:inline;	
					}

#article ul.tags li {
display: inline;
background: none;
padding: 10px 0;
}

#article ul.tags li a {
padding: 0 0 0 25px;
background: url(/images/icon_tag.png) no-repeat .5em;
}
 
					
				.indent, div#search, .comment, .author-comment {
				background: #fff;
				padding: 20px;
				margin: 20px 0 20px 40px;
				border-right: 1px solid #DED8CD;
				border-bottom: 1px solid #DED8CD;
				}

				.author-comment {
				border-top: 5px solid #1BAABB;
				}

				.comment {
				padding-bottom: 50px;
				}

			.indent p:first-of-type:first-line, .entry p:first-of-type:first-line { 
				font-style: italic;
				font-size: 1.15em;
				}

				.entry blockquote p:first-line {
				font-size: .87em;
				}	

				div.indent ul {
				margin: 0 20px 0 -20px;
				padding: 0;
				}
				
				#article .grid {
				margin: 20px 0;
				}

					#article .grid li {
					display: block;
					width: 18em;
					background: #fff;
					padding: 10px;
					margin: 0 20px 10px 0;
					list-style: none;
					border-top: 5px solid #1BAABB;
					border-right: 2px solid #EFE7DB;
					border-bottom: 2px solid #EFE7DB;
					}
					
						#article .grid li.left, div.left {
						position: absolute;
						margin: 0 0 40px 0;
						}

						#article .grid li.right, div.right {
						position: relative;
						left: 21em;
						margin: 0 0 40px 0;
						}

#article .grid li.single, #article .grid li.single:hover {
background: none;
border: none;
font: 1.4em/1.4em italic Georgia, "Palatino Linotype", serif;
color: #7F7871;
display: block;
margin-left: -100px;
width: 14em;
}
						div.right {
						left: 18em;
						}



					#article .grid li:hover {
					border-top: 5px solid #15C1CC;
					border-right: 2px solid #FAF5ED;
					border-bottom: 2px solid #FAF5ED;
					}

					#article .grid li h3 {
					margin: 0 0 -10px 0;
					font-size: 1em;
					}

					#article .grid li h3 a {
					text-decoration: none;
					border-bottom: 1px solid #D7CCBF;
					padding: 0 0 5px 0;
					margin: 0 0 5px 0;
					}

						#article .grid li a {
						display: block;
						}
				
			#sidebar {
			width: 15em;
			padding: 0 10px 20px 40px;
			float: right;
			margin: 20px 0 0 20px;
			border-left: 1px dotted #D7CBC4;
			}
			
				#bookshelf {
				margin: 0 0 -20px 0;
				padding: 0 40px 0 0;
				}

				#bookshelf img {
				margin: 10px 5px;
				padding: 5px;
				border: 1px solid #E7DCD8;
				}

		#footer {
		clear: both;
		border-top-style: double;
		border-color: #D7CBC4;
		margin: 40px 0 0 0;
		padding: 20px 0;
		font-size: 1.2em;
		}
		
table, div#search {
margin: 10px 0;
}


	th {
	text-align: left;
	background: #EBE4DF;
	border-bottom: 1px solid #E7DCD8;
	}

	tr th {
	padding: 10px 6px;
	}

	tr {
	margin: 5px 0;
	padding: 5px;
	background: #fff;
	border-right: 1px solid #DED8CD;
	border-bottom: 1px solid #DED8CD;
	}

		td {
		font-size: .8em;
				}

		th, td {
		padding: 5px 10px;
		border-bottom: 1px solid #E7DCD8;
		}
		
.code {
padding: 10px;
}

.code li {
padding: 0;
}


/* B U T T O N S
   ------------- */

#content .rounded, .tags {
margin: 10px 0;
border-top: 1px dotted #D7CBC4;
padding: 20px 0 0 0;
text-align: right;
font-size: .72em;
}

#content #sidebar rounded {
text-align: left;
}

	#content .rounded li {
	display:inline; 
	margin: 0 10px 0 0;
	background: none;
	padding: 10px 0 20px 0;
	border: none;
				}

		#crumbs .rounded li a, #content .rounded li a {
		background: #EBE4DF url(/images/bg_li_texture.png);
		border: 1px solid #E7DCD8;
		color: #7F7871;
		font: 1em/1.2em Georgia, "Palatino Linotype", serif;
					}

		#content .rounded li a {
		padding:3px 10px; 
		-webkit-border-radius:10px;
		-moz-border-radius:15px;
		font: 1em/1.2em Verdana, Arial, sans-serif;
		letter-spacing: .1em;
		text-transform: uppercase;
		text-decoration: none;
			}

		#content .rounded li a:hover, #crumbs .rounded li.current a {
		background: #F25959 url(/images/bg_li_texture.png);
		border:1px solid #F25959;
		color: #fff;
		-webkit-border-radius:10px; 
		-moz-border-radius:15px; 
		}

		#crumbs .rounded li.current a {
		background: #F25959 url(/images/images/bg_crumbs_active.png) no-repeat 0 50%;
		background-position: bottom;
		}

/* T Y P O G R A P H Y
   ------------------- */

p {
padding: 0;
margin: 0;
line-height: 1.75em;
}

	p + p {
	text-indent: 2.5em;
	}

	form p + p, cite p, p cite {
	text-indent: 0;
	}

	p:last-child {
	padding-bottom: 10px;
	}

	#sidebar p, ul {
	font-size: .8em;
	}
	
		#content ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}

#content ol {
margin: 0 0 0 20px;
padding: 0 0 0 40px;
}
		
			#content ul li {
			padding: 5px 0 5px 20px;
			background: url(/images/bg_arrow.png) no-repeat .5em 1.1em;
			border-bottom: 1px dotted #D7CBC4;
			}

		#article ul {
		margin: 0 0 20px 20px;
		}

			#article ul li {
			background: url(/images/bg_li.png) no-repeat .5em 1.05em;
			}

		#article .entry-meta ul {
		margin: 0;
		padding: 0;
		font-size: 1em;
		}
		
			#article .entry-meta ul li {
			padding: 0;
			background: none;
			border: 0;
			display: inline;
			}
			
#portfolio ul {
padding:5px;
width:500px;
list-style: none;
margin: 10px 0;
}

	#portfolio ul li {
	display:inline;
	background: none;
	}

		#portfolio ul li img {
		background: #DFDCD5;
		padding: 5px;
		margin: 5px 0;
		}

	ol li {
	padding: .2em 0;
	}

	#sidebar p {
	margin: 0 0 10px 0;
	}

h1, h2, h3, h4, h5, h6 {
letter-spacing: .01em;
padding: 7.5px 0;
margin: 0;
font-weight: lighter;
}

	h1 {
	font: 1.8em/1.4em Aller, Verdana, Arial, sans-serif;
	color: #706662;
	padding: 15px 0;
	}
	
		#logo h1 {
		font-size: 2em;
		color: #D80747;
		padding: 20px 0;
		text-transform: lowercase;
		}
		
		#banner h1 {
		font-style: italic;
		text-shadow: 1px 1px 1px rgba(71,65,59,.15);
		}

			#banner h1 a {
			text-decoration: none;
			font-weight: lighter;
			border-bottom: 1px solid #1BBBB4;
			display: inline-block;
			}

			#banner h1 a:visited {
			color: #1BAABB;
			}
		
			#banner h1 a:hover {
			color: #F25959;
			border-bottom: 1px solid #F25959;
			}

		#article h1 {
		border-bottom: 1px dotted #D7CBC4;
		color: #F94175;
		}

	h2 {
	font: 1.4em/1.4em Georgia, "Palatino Linotype", "Times New Roman", serif;
	padding: 7px 0;
	color: #F25959;
	}
	
		.snippet h2 {
		font-size: 1.4em;
		}

		h2.entry-title a {
		font-weight: lighter;
		color: #D80747;
		margin: -10px 0 20px 0;
		font-style: italic;
		font-size: 1.2em;
		}
		
		h2.entry-title a:hover {
		color: #F71E7C;
		}

		#crumbs h2, #crumbs ul {
		display: inline;
		}
	
		#sidebar h2 {
		padding: 10px 0;
		display: block;
		border-bottom: 1px dotted #D7CBC4;
		margin: 10px 0;
		}

	h3, #commentform p {
	color: #7F7871;
	}

		h3, #sidebar h2 {
		font-size: .8em;
		text-transform: uppercase;
		letter-spacing: .1em;
		}

		.entry h3 {
		padding: 10px 0;
		margin: 5px 0 -5px 0;
		color: #D80747;
		}

		.title h3 {
		padding: 10px 0;
		}

		.title h3, .entry-meta li, #footer p, #crumbs h2, h1 .byline, h4, cite, th, 
                label {
		font: .72em/1em Georgia, "Palatino Linotype", "Times New Roman", serif;
		text-transform: uppercase;
		letter-spacing: .1em;
		font-style: normal;
		color: #7F7871;
		}

		#sidebar label {
		font-size: 1em;
		padding: 7px 0;
		color: #F25959;
		}

			h1 .byline {
			font-size: .6em;
			line-height: 1em;
			font-style: italic;
			text-transform: none;
			}

			h3 .date {
			font-size: 1.2em;
			color: #000;
			text-transform: lowercase;
			}

		.entry-meta li {
		line-height: 2em;
		text-transform: uppercase;
		}

		.comment .entry-meta h3 {
		padding: 0 5px;
		margin: 0;
		}

			.entry-meta li a, h2.entry-title a {
			text-decoration: none;
			border-bottom: 1px dotted #D7CBC4;
			padding: 5px 0;
			}

			.entry-meta li a:hover span {
			color: #F25959;
			}
			
			a.comments, a.tb, .entry-meta li a.comments, .entry-meta li a.tb {
			padding: 0 0 0 20px;
			}	

				a.comments {
				background: url(/images/icon_comment.png) no-repeat 0 50%;
				}

				a.tb {
				background: url(/images/icon_track.png) no-repeat 0 50%;
				}

	h4 {
	margin: 10px 0 5px 0;
	line-height: 2em;
	}	
	
		h4, cite {
		color: #1BAABB;
		}


	.numeral {
	font-size: 1.6em;
	color: #7F7871;
	font-weight: normal;
	}

	.bullet {
	font-size: 1.6em;
	color: #D7CBC4;
	padding: 0 5px;
	}

		.twitter-bullet {
		float: left;
		display: inline;
		margin: 7.5px 0 0 0;
		}

		.snippet h2 .bullet {
		font-size: .8em;
		padding: 2px 5px;
		margin: 0 5px 0 0;
		color: #7F7871;
		background: #EBE4DF;
		border-right: 1px solid #D7CBC4;
		border-bottom: 1px solid #D7CBC4;
		}

blockquote {
font-style: italic;
color: #7F7871;
border-left: 1px solid #D7CBC4;
padding: 0 0 0 20px;
font-size: 1.05em;
}

	.entry blockquote {
	margin: 20px 0 20px 40px;
	}

	.snippet blockquote {
	color: #7D7062;
	font-size: 1.2em;
	}	

	blockquote p {
	margin: 0;
	padding: 0;
	line-height: 1.6em;
	}
	
	#twitter blockquote {
	margin: 0;
	border: none;
	}

		#twitter blockquote p {
		font-size: 1.36em;
		margin-bottom: -5px;
		}

		#twitter h4 {
		font-size: .64em;
		padding: 15px 0 10px 0;
		border-top: 1px solid #E7DCD8;
		line-height: 1.4em;
		}

code {
font-size: 1.2em;
color: #F25959;
}

q {
font-style: italic;
color: #7F7871;
}

hr {
background:#D7CBC4; 
color:#D7CBC4;
height: 1px;
margin: 20px 0;
}

/* F O R M S
   --------- */
form {
padding: 5px 0;}

#sidebar form {
margin-bottom: -10px;
}

fieldset {
padding: 0;
margin: 10px 0;
border: none;
}

	#commentform p {
	padding: 10px 0;
	border-bottom: 1px solid #E7DCD8;
	font-size: .8em;
	}

	#article label {
	font-size: .8em;
        padding: 10px 0;
        color: #D80747;
margin: 10px 0;
	}

	input.textfield, textarea.textfield {
	margin: 5px 0;
	padding: 5px;
	border: 1px solid #E7DCD8;
	}

	input[type=checkbox] {
	margin-right: 10px;
	display: inline;
	}

	.buttons {
	float: right;
	margin: 10px 60px 0 0;
	}