/* Reset */

html,body,div,span,applet,object,iframe,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;font-size:100%;vertical-align:baseline;background:transparent}/*ol,ul{list-style:none}*/blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Structure */

h1,h2,h3,h4,h5,h6{
	/* font-family: clarendon, lucida, Georgia, times, serif; */
	font-weight: normal; color: #433;
}

h1 { font-size: 2.56em; line-height: 1.3em; font-weight: bold; }
h2 { font-size: 1.64em; line-height: 1.6em; }
h3 { font-size: 1.28em; line-height: 1.6em; }
h4 { font-size: 1em; line-height: 1.6em; font-weight: bold; }

h2 {
/* 	background: url(/images/site/divider3.png) bottom right no-repeat;
	padding-bottom: 15px; */
	border-bottom :1px solid #d0d0d0;
}

body {
/*
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', helvetica, arial, sans-serif;
	font-size: .8em;
	line-height: 1.6em;
*/

	min-width: 280px;
	max-width: 760px;
	margin: 0 auto;
	padding: 0 20px;
	color: #334;
	background: #eee;
	font-family: lucida, Georgia, times, serif;
	font-size: 12pt;
	font-weight: 300;
	line-height: 1.6em;
}


header {
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

footer {
	text-align: center;
	border-top: 1px solid #ccc;
	padding-top: 40px;
/*
	color: #eee;
	background: #263b26;
*/
	}
	footer a span {
		}


nav {
	text-align: center;
	padding: 20px 0;
}
nav a {
	padding: 10px;
	border: none;
}


p img.left  { float: left; margin: 0 0 1em 1em; }

p, ul {
	margin-bottom: 18px; /* for 36px around p */
}

.lead {
	font-size: 1.2em;
	}


table.of-contents {
	width: 100%;
	}
	table.of-contents td {
		padding-bottom: 20px;
		}
	table.of-contents td:first-child {
		width: 25%;
		padding-right: 5%;
		}

a {
	text-decoration: none;
	color: #999;
	position: relative;
	top: -1px;
	border-bottom: 1px solid #999;
	}
	a span {
		position: relative;
		top: 1px;
		color: #a42;
		}
	a:active {
		position: relative;
		top: 0px;
		}

pre {
	padding: 20px 0;
/* 	background: #F4EDE8; */
}

article {
	background: #eee;
	color: #1a1a1a;
	padding: 0 60px;
	}
	article h1 {
		color: #000;
		text-align: center;
		margin: 40px 0;
	}
	article h2 {
		color: #000;
		margin: 30px 0 20px 0;
	}

/* Home */


.trigger-set {
/* 	color: #338097; */
	}
	.hero-text {
		font-size: 1.5em;
		line-height: 1.7em;
		}
	.old-west-line {
		text-align: center;
		}
	.trigger-set span {
		cursor: pointer;
		}
	.trigger-set .active {
		color: #000;
		}

.more-info {
	display: none;
	clear: both;
	min-height: 260px;
	}
	.more-info .metadata {
		text-align: center;
		padding-bottom: 15px;
		border-bottom: 1px solid #fff;
		}


.amp {
	font-family: "adobe-caslon-pro-1", "adobe-caslon-pro-2", Baskerville, "Goudy Old Style", serif;
	font-style: italic;
}

/*
.tag-list a {
	display: block;
	background: url(/images/site/tag-bullet.png) 4px 0 no-repeat;
	padding-left: 18px;
	border: 1px solid red;
	}
*/

.tag-list a {
	display: block;
/* 	background: #6E2500;
	padding: 8px;
 */
	border: none;
	text-decoration: none;
	margin-bottom: 6px;
/* 	font-size: 0.8em; */
	line-height: 1.0em;
	text-align: center;
	font-family: lucida, helvetica, arial, sans-serif;
	}
	.tag-list a span {
/* 		color: #fff; */
		}


.hidden {
	display: none;
}
.minor {
	font-size: 0.8em;
}


h1.home {
	text-align: center
	}

.teaser {
	font-size: 1.3em;
	line-height: 1.5em;
}


.clear {
	clear: both;
	}

table.article-browser {
	border-collapse: collapse;
	}
	.article-browser td {
		padding: 0 20px;
		}
	.article-browser tr:nth-child(even) td {
/*		padding-bottom: 0px;

		border: 1px solid red;
*/
		}
	.article-browser tr:nth-child(odd) td {
/* 		border-top: 1px solid #ccc; */
		}
	.article-browser tr:first-child td {
		border-top: none;
		}
	.article-browser td:first-child {
		padding-left: 0px;
		}
	.article-browser td:nth-child(3) {
		padding-right: 0px;
		}
		.article-browser h2 {
			padding-top: 30px;
			padding-bottom: 0px;
			border: none;
		}
		.article-browser .metadata {
			font-style: italic;
		}

	.read-time {
		text-align: center;
		}
	.read-time em {
		display: block;
		font-size: 2.5em;
		line-height: 1.0em;
		font-style: normal;
		}

dt {
	font-weight: bold;
	color: #fff;
}
dd {
	margin-left: 10px;
	margin-bottom: 10px;
}

code {
/* 	color: #777; */
}

*[class^="label-"] {
	border-bottom: 1px dotted #999;
}
.label-active {
	background: #441d00;
	color: #fff !important;
	border-bottom: 2px solid #000;
	text-shadow: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
}

.label-1, .label-5, .label-9 { color: #35839A; }
.label-2, .label-6, .label-10 { color: #3E6B3E; }
.label-3, .label-7, .label-11 { color: #B46300; }
.label-4, .label-8, .label-12 { color: #8E3A54; }

.html-element,
.css-selector,
.jquery-selector {
	color: #876;
}
.css-property {
	color: #89a;
}
.css-value {
	color: #678;
}
.javascript-function,
.php-function {
	color: #897;
}
.comment {
	color: #999;
}