/*  
	Theme Name: Scoundrel Two
	Theme URI: http://www.davidwalbert.com/
	Description: Black and white, three columns, old-style type.
	Version: 2.0
	Date: February 2010
	Author: David Walbert
	Author URI: http://www.davidwalbert.com/
	
*/

/*	TYPOGRAPHY
	______________________________________ */

	body {
		font: 62.5% Georgia, serif;
	}
	
	a:link, a:visited, a:hover {
	}
	
	p, li, dt, dd {
		font-size: 1.4em;
		line-height: 1.714em; /* this is 24px */
		margin: 1em 0;
		margin: 1.714em 0;
	}
	li p, li li, li dt, li dd, dd p, dd li, dd dt, dd dd {
		font-size: 1em;
	}
	#maincol p {
		margin: 1.714em 0;
	}
	#maincol ul {
		list-style-image: url(images/bullet.png);
		margin: 1.714em 0;
		padding-left: 2.8em;
	}
	#maincol ol {
		margin: 1.5em 0;
		padding-left: 2.8em;
	}
	#maincol ol ol {
		list-style-type: lower-alpha;
		margin: 0.5em 0;
	}
	#maincol li {
		margin: 0 0;
	}
	h1, h2, h3, h4 {
		font-family: Garamond, "Palatino Linotype", Palatino, Georgia, serif;
		text-align: left;
	}
	h2 {
		font-size: 2.0em;
	}
	.postcol h2 {
		margin-top: 1.5em;
	}
	h2.colheader {
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 1.2em;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		color: #666;
		border-bottom: solid 1px #666;
		margin-top: 0;
	}
	h3 {
		font-size: 1.8em;
		line-height: 1.33em;
		font-weight: normal;
		font-style: italic;
	}
	h4 {
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 1.3em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		color: #333;
		margin-top: 2.3em;
		margin-bottom: 1.08em;
	}
	#maincol h4 + p {
		margin-top: 1em;
	}
	.indexcol .post h3 {
		font-size: 1.8em;
		font-weight: bold;
		font-style: normal;
		margin-bottom: 0;
	}
	.post h3 a:link, .post h3 a:visited {
		color: #000;
		text-decoration: none;
	}
	.postcol h3 {
		font-family: Georgia, serif;
		font-size: 1.6em;
		line-height: 1.5em;
		margin-top: 1.5em;
		margin-bottom: 0.67em;
	}
	.postcol h2 + h3 {
		margin-top: 1em;
	}

	#maincol .post h3 + p {
		margin-top: 0.428em;
	}
	em {
		
	}
	strong {
/*		font-variant: small-caps; */
		font-size: 0.857em; /* this is 1.2 base em if we're starting from a p or li */
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}
	.note {
		font-style: italic;
	}
	*[lang] {
		font-style: italic;
	}
	.proper-name {
		font-variant: small-caps;
		font-weight: bold;
	}
	dt {
		margin-top: 1.5em;
		margin-bottom: 0;
	}
	dd {
		margin-left: 2em;
		margin-top: 0;
		margin-bottom: 1.5em;
	}
	.bibliography dt {
		font-variant: small-caps;
		font-weight: bold;
	}
	ins {
		text-decoration: none;
	}
	.footnotes li {
		font-size: 1.3em;
	}



	#leftcol h1 {
		font-size: 2.0em;
		line-height: 1.2em;
		margin-top: -0.1em; /* even up the baseline with the text in maincol */
		text-align: right;
	}
	.postcol h1 {
		margin-top: 0.05em;
	}
	h1.indextitle {
		margin-top: 1.1em;
	}

	#postcontent blockquote {
		position: relative;
		margin: 1em 3em;
		margin-left: 2em;
		padding-left: 1em;
		border-left: solid 1px #abcfa1;
	}
	#postcontent p {
		position: relative;
	}
	#postcontent blockquote cite, #postcontent cite.block {
		font-size: 0.857em;
		display: block;
		position: absolute;
		top: 0;
		left: 100%;
		margin-left: 5.417em;
		width: 12.5em;
		text-align: left;
	}
	#postcontent cite.block {
		margin-left: 2.708em;
	}


/*
	#postcontent p:first-child:first-letter {
		font-size: 3.29em; 
		line-height: 0.7em;
		font-weight: normal;
		font-variant: normal;
		font-style: normal !important;
		display: block;
		float: left;
		margin: 0.2em 0.15em -0.1em 0;
	}
*/

	#postcontent > p:first-child:first-letter {
		font-size: 2.14em; /* this should be 30px */ 
		
		line-height: 1em;
		font-weight: normal;
		font-variant: normal;
		font-style: normal !important;
		display: block;
		float: left;
		padding: 0.167em 0.33em;
		text-shadow: 1px 1px 2px #666;
		margin: 0.067em 0.3em 0 0;
		background-color: #abcfa1;
		border: outset 2px #abcfa1;
	}
	@-moz-document url-prefix() {
		/* Firefox only */
		#postcontent > p:first-child:first-letter { 
			padding: 0.30em 0.33em;
			margin-top: 0;
		}
	}
	#postcontent blockquote p:first-child:first-letter {
		font-size: inherit;
		line-height: inherit;
		display: inline;
		float: none;
		margin: 0;
		padding: 0;
		text-shadow: none;
		background-color: transparent;
		border: none;
	}

	#postcontent > p:first-child:first-line {
/*		font-variant: small-caps; */
		font-size: 0.857em; /* this is 1.2 base em if we're starting from a p or li */
		text-transform: uppercase;
		letter-spacing: 0.05em;
		font-weight: bold;
	}
	#postcontent blockquote p:first-child:first-line {
		font-variant: inherit;
		text-transform: none;
		font-size: 1.0em;
		letter-spacing: inherit;
		font-weight: inherit;
	}
	

	#leftcol p, .leftcol p, .sideimage p, #leftcol li {
		font-size: 1.2em;
		line-height: 1.5em;

	}
	#leftcol p, .leftcol p, .sideimage p {
		margin: 1.5em 0;
	}
	#leftcol h3 {
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 1.2em;
		font-style: normal;
		font-weight: bold;
		color: #333;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		margin-bottom: 0.5em;
		margin-top: 1em;
		text-align: right;
	}
	#leftcol ul {
		list-style-image: url(images/bullet.png);
		margin-top: 0;
	}
	#leftcol li {
		margin-bottom: 0.5em;
	}
	
	
	/* pagination links */
	
	p.page-links-bottom {
		text-align: right;
		font-size: 1.6em;
		margin-top: 2em;
		text-transform: uppercase;
		letter-spacing: 0.05em;
	}
	p.page-links-bottom a, p.page-links-bottom span {
		font-size: 1.0em;
		margin: 0 0.3em;
	}
	p.page-links-bottom span {
		font-weight: bold;
		font-size: 0.88em;
	}
	p.page-links-bottom a.next-page, p.page-links-bottom a.prev-page {
		font-size: 1.0em;
	}
	
	
	
/*	PAGE STRUCTURE
	______________________________________ */

	body {
		width: 86.5em;
		width: 90em;
		margin: 2em auto;
	}
	
	#content {
		float: left;
		width: 100%;
		padding-top: 3em;
	}
	#leftcol, .leftcol {
		position: absolute;
		margin-left: -18em;
		width: 15em;
		text-align: right;
	}
	#leftcol p, .leftcol p {
		margin-top: 0; /* we only care about first-child */
	}
	#maincol, .maincol {
		width: 68em;
		width: 71.5em;
		float: left;
	}
	.postcol, .indexcol {
		position: relative;
		margin-left: 18.5em;
		width: 50em;
		width: 53.5em;
		text-align: justify;
	}
	.indexcol {
		width: 35em;
		position: relative;
	}
	.indexcol2 {
		position: absolute;
		margin-left: 38em;
		top: 0;
		width: 15em;
	}
	#rightcol, .rightcol {
		float: right;
		width: 15em;
		margin-left: 0;
		text-align: left;
	}
	#footer {
		clear: both;
		margin-top: 3.6em;
		padding-top: 1.2em;
		border-top: double 3px #000;
	}	
	#print-footer {
		display: none;
	}
	.footnotes {
		padding-top: 1em;

	}


/*	BANNER
	______________________________________ */

	#banner {
		margin-top: 2em;
		padding-bottom: 4em;
	}
	#banner h1 {
		font-size: 1em;
	}
	#banner h1 img {
		width: 85em;
		border: none;
	}
	#banner .menu {
		list-style: none;
		float: left;
		width: 100%;
		margin: 0.3em 0 0 0;
		padding-left: 0;
		border-top: solid 1px #999;
		border-bottom: solid 4px #000;
	}
	#banner .menu li {
		float: left;
		padding: 0;
		margin: 0.7em 0 0.5em 0;
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 1.2em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}
	#banner .menu li + li a, #banner .menu li + li.selected span {
		border-left: solid 1px #999;
	}
	#banner .menu li.search {
		float: right;
	}
	#banner .menu li.search a {
		border-left: none;
	}
	#bannersearch {
		margin: 0;
		padding: 0;
	}
	#bannersearch input {
		margin: 0;
		padding: 0.1em;
		border: solid 1px #999;
		background-color: #eee;
	}
	#bannersearch input:focus {
		background-color: #fff;
	}
	#banner .menu li a, #banner .menu li.selected span {
		text-decoration: none;
		font-weight: bold;
		color: #000;
		padding: 0.2em 1em;
	}
	#banner .menu li a:hover, #banner .menu li.selected span, #banner .menu li.selected a {
		background-color: #abcfa1;
	}
	


/*	INDEX COLUMN 
	______________________________________ */

	.post {
		border-bottom: solid 1px #999;
	}
	.indexcol .entry h2, .indexcol .entry h3 {
		font-weight: bold;
 		font-style: normal;
		font-size: 1.6em; 
	}
	#maincol .indexcol p.postmetadata {
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 1.2em;
		color: #666;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		margin: 0.3em 0;
	}
	#maincol .entry p:first-child {
		margin-top: 0.5em;
	}
	.more-link {
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 0.857em; /* 1.2em from base */
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		margin-left: 0.3em;
	}
	.postcol p.postmetadata {
		font-size: 1.2em;
		font-style: italic;
		text-align: right;		
	}
	.pagesnav {
		float: left;
		width: 100%;
		font-size: 1.4em;
		margin: 1.5em 0 3em 0;
		text-align: right;
		font-style: italic;
	}
	.pagesnav a {

	}
	
	#postcontent .figure {
		position: relative;
	}
	#postcontent .figure img, #postcontent .figure a img {
		width: 53.5em !important;
		height: auto;
		border: solid 1px #666;
	}
	#postcontent .figure-2 img {
		width: 25.5em !important;
		float: left;
		margin-right: 2em;
	}
	#postcontent .figure-2 img + img, #postcontent .figure-2 a + a img {
		margin-right: 0;
	}
	#postcontent .figure .caption {
		font-size: 1.2em;
		position: absolute;
		top: 0;
		left: 100%;
		margin-left: 2.91em;
		width: 12.5em;
		margin-top: 0;
		text-align: left;
	}
	#postcontent .figure-2 + * {
		clear: both;
		padding-top: 1.714em;
	}
	

	
/*	LEFT COLUMN 
	______________________________________ */

	/* Note that pullout images (img.pullout and div.pullout img) are moved to #leftcol via javascript. */
	
	#leftcol img, div.sideimage img {
		width: 15em !important;
		height: auto !important;
		border: solid 1px #666;
	}
	#leftcol a img, div.sideimage a img {
		border: solid 1px #666;
	}
	#leftcol p.caption, div.sideimage p.caption {
		margin-top: 0.5em;
	}
	#leftcol .credit , div.sideimage .credit{
		font-style: italic;
	}
	.indexcol img.pullout {
		display: none;
	}
	div.sideimage {
		position: absolute;
		margin-left: -18em;
		width: 15em;
		text-align: right;
	}



/*	RIGHT COLUMN 
	______________________________________ */

	#rightcol {
	}

	#rightcol :first-child {
		margin-top: 0;
	}
	#rightcol .postmetadata:first-child {
		margin-top: 2.4em;
	}
	#rightcol p, .rightcol p {
		font-size: 1.2em;
		line-height: 1.5em;
		margin: 1.5em 0;
		margin: 1em 0;
	}
	#rightcol ul {
		margin: 1.8em 0;
		padding-left: 0;
	}
	#rightcol ul ul {
		margin-top: 0;
		margin-bottom: 0;	
		list-style: outside;
	}
	#rightcol li {
		font-size: 1.2em;
		line-height: 1.5em;
		margin: 0;
	}
	#rightcol li li {
		font-size: 1em;
	}
	a.category {
		font-style: italic;
	}
	#sharethis_0 {
		font-size: 1.2em;
	}

	#rightcol ul.contents {
		list-style: none;
		margin-top: -0.8em;
	}
	#rightcol ul.contents ul {
		list-style-image: url(images/bullet.png);
		margin-bottom: 1.2em;
	}
	#rightcol li {
	}
	#rightcol li h3 {
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 1.0em;
		font-style: normal;
		font-weight: bold;
		color: #333;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		margin-bottom: 0.5em;
		margin-top: 1em;
	}
	#rightcol ul.contents li:first-child h3 {
		margin-top: 2em;
	}
	
	
	.indexcol2 img {
		width: 15em !important;
/*		height: auto !important; */
		border: solid 1px #666;
		margin-top: 1.2em;
	}
	.indexcol2 p img {
		width: 12.5em !important;
	}
	#maincol .indexcol2 p {
/*		font-family: "Trebuchet MS", Arial, sans-serif; */
		font-size: 1.2em;
		line-height: 1.5em;
		color: #333;
		margin: 1em 0;
	}
	#maincol .indexcol2 img + p {
		margin-top: 0.5em;
	}

	
/*	FOOTER
	______________________________________ */

	
	#footer p, #footer li {
		font-size: 1.2em;
		line-height: 1.5em;
	}
	ul#footerlinks {
		margin: 0;
		padding: 0em;
		list-style: none;
	}
	ul#footerlinks li {
		margin: 0;
		font-style: italic;
	}
	#footer .rightcol {
		margin-top: 2.0em;
	}
	

/*	COMMENTS 
	______________________________________ */

	#comments {
		padding-top: 1em;
		border-top: double 3px #000;
		margin-top: 2em;
	}
	
	#maincol ol.commentlist {
		padding-left: 0;
		color: #666;
		margin-left: -18em;
		list-style: none;
		text-indent: 0;
	}
	#maincol ol.commentlist li {
		margin-top: 0;
		width: 48.57em;
		float: left;
	}
	.commentmetadata {
		float: left;
		width: 10.7em;
		text-align: right;
		font-style: italic;
	}
	.commenttext {
		float: right;
		width: 35.7em;
		border-top: solid 1px #666;
	}
	ol.commentlist cite {
		font-style: italic;
		font-weight: bold;
		font-size: 1.14em;
	}
	#respond {
	}
	#commentform {
		clear: both;
		border-top: solid 1px #666;
	}



/*	COLORS 
	______________________________________ */
	
	
	a:link {
		color: #06C;
		color: #469;
	}
	a:visited {
		color: #969;
	}
	a:hover {
		color: #06C;
	}
	#topnav a:hover {
		background-color: #06C;
	}
	
/*	TABLES 
	______________________________________ */
	
	table.data {
		border-collapse: collapse;
	}
	.data th, .data td {
		font-size: 1.2em;
		font-family: "Trebuchet MS", Arial, sans-serif;
		padding: 0.5em 1em;
		border-bottom: solid 1px #999;	
		text-align: left;
	}
	.data th[scope=col] {
	}
	.data td.number {
		text-align: right;
	}
	.data caption {
		font-size: 1.2em;
		font-family: "Trebuchet MS", Arial, sans-serif;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		margin-bottom: 0.5em;
	}


/*	FOOTNOTES 
	______________________________________ */

	a.footnote {
	}
	a.footnote sup {
		font-size: inherit;
		vertical-align: baseline;
	}
	ol.footnotes {
		border-top: solid 1px #999;
		padding-top: 1em;
	}
	ol.footnotes li {
		font-size: 1.2em;
	}



/*	SPECIAL 
	______________________________________ */
	
	
	.thumbnails {
		border-top: double 3px #000;
		border-bottom: double 3px #000;
		padding: 2em 0 1em 0;
	}
	.thumbnails img, .thumbnails a img {
		border: solid 1px #666;
		margin: 0 1em 1em 0;
	}
	
	.drop-cap {
		width: 2.857em; /* 40 px */
		height: 2.857em; 
		float: left; 
		margin: -0em 0.5em 0.2em 0;
		background-color: #abcfa1;
		border: outset 2px #749a69;
	}
	ul.ingredients, #maincol ul.ingredients {
		list-style: none;
		list-style-image: none;
		padding-left: 2em;
		text-indent: -2em;
	}

	#postcontent ul.gallery {
		list-style: none;
		margin: 2em 0 2em 1em;
		padding: 0;
	}
	#postcontent ul.gallery li {
		float: left;
		width: 16.8em;
		margin-right: 1em;
	}
	#postcontent ul.gallery li img {
		border: solid 1px #666;
		width: 100% !important;
		height: auto !important;

	}
	#postcontent .gallery img {
		border: solid 1px #666;
	}

	.poem {
		margin-left: 3em;
	}

/*	FORMS
	______________________________________ */

	ol.forminput {
		list-style: none;
		padding: 0 !important;
		margin: 0;
	}
	.forminput li {
		position: relative;
	}
	.forminput li label {
		display: block;
		position: absolute;
		left: -13.2em;
		top: 1.7em;
		width: 10.7em;
		text-align: right;
	}
	.forminput li textarea {
		width: 30em;
		height: 10em;
		margin-top: 2em;
	}
	.forminput li input[type=text], .forminput li textarea {
		background-color: #eee;
		border: solid 1px #999;
		padding: 0.2em 0.3em;
	}
	.forminput li input[type=text]:focus, .forminput li textarea:focus {
		background-color: #fff;
	}