/* Zeldman.com layout  */
	/* You may copy or adapt elements of this CSS in your own projects, but the design is copyright 2009 Jeffrey Zeldman and Happy Cog Studios and may not be reproduced without permission. */
	/* Last updated 22 May 2009 */ 


	/* Remove browser styles (see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */
	
	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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
		}


/* remember to define focus styles! */
:focus {
	outline: 0;
	}

body	{
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;	
	background: #efefde;
	color: #333;
	font: 11px/18px "Helvetica Neue," Arial, Helvetica, sans-serif;
	}

ol, ul {
	list-style: none;
	}
	
/* 'tables still need 'cellspacing="0"' in the markup' - Eric Meyer */

table {
	border-collapse: separate;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}

blockquote, q {
	quotes: "" "";
	}a



	/* Set out the main layout divisions */

html { 
	min-width: 770px;
	background: #f9f8f3;
	 }

div#wrapper	{
	color: #222;
	background: #f9f8f3 url(z09bg.gif) top left repeat-y;
	width: 770px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}

div#header {
	border-top: 12px solid #f60;
	background: #000;
	}

div#maincontent {
	float: left;
	margin: 0;
	padding: 0 30px;
	width: 490px;
	}

div#sidebar	{
	float: left;
	margin: 0;
	width: 180px;
	padding: 0 20px 36px 20px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
	
div#sidebar p, div#sidebar ul, div#sidebar h2, div#sidebar h3 {
	margin: 3px 0 0 0;
	padding: 0;
	}
	
body div#sidebar h2 {
	margin-left: -6px;
	margin-right: -4px;
	}	

div#sidebar ul li {
	font: 13px/21px "Helvetica Neue", Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	}

div#sidebar dd p {
	margin: -5px 0 0 0;
	font: 11px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #444;
	}

div#sidebar dt+dd {
	margin: -5px 0 0 0;
	font: 11px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #444;
	}

div#footer	{
	clear: both;
	border: 0;
	border-top: 1px solid #666;
	border-bottom: 12px solid #09f;
	background: #000;
	color: #dddcd8;
	width: 760px;
	padding: 36px 0 12px 10px;
	margin: 0;
	}

hr {
	clear: both;
	visibility: hidden;
	height: 1px;
	}

div#footer p {
	font: 11px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin: 6px 0 21px 0;
	}

div#footer p#credits	{
	clear: both;
	background: transparent url(http://www.zeldman.com/i04/author.gif) center left no-repeat;	
	line-height: 18px;
	margin: 0 0 0 20px;
	padding: 0 0 0 48px;
	}

div#footer div {
	float: left;
	width: 210px;
	padding: 0;
	margin: 0 0 0 30px;
	min-height: 190px;
	}
	
div#footer div.pleasure {
	width: 100px;
	margin: 0;
	padding: 0;
	}

#footer a:link, #footer a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #f60;
	background: transparent; 
	}

#footer a:hover {
	font-weight : bold; 
	text-decoration : none;
	color: #cf0;
	background: transparent; 
	}

#footer a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #fff;
	background: transparent;  
	}



div.avatar {
	float: left;
	margin: 3px 12px 0 10px; 
	}

div.avatar img {
	border: 1px solid #777;
	}




/* blockquote callout */

div#maincontent blockquote.threecol {
	float: right;
	width: 300px;
	margin: 0;
	padding: 0 10px;
	font-size: 150%;
	line-height: 1.3em;
	color: #444;
	}
	
div#maincontent blockquote.threecol p {
	border: none;
	font-size: 24px;
	line-height: 36px;
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	}

	/* Inset image - floated left in this design */

  .inset, .left, .floattenr { 
  float: left; 
  margin: 4px 10px 10px 0; 
	}

.right { 
  float: right; 
  margin: 0 0 18px 18px; 
	}


	/* Subnav in sidebar */	

ul#depts, ul#thirdparty 	{
	margin: 5px 0 0 0;
	padding: 0;
	}	

ul#depts li, ul#thirdparty li 	{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	line-height: 18px;
	letter-spacing: 2px;
	text-transform: uppercase;
	}

html ul#depts li, html ul#thirdparty li {
	font-size: 15px;
	}

ul#depts li#about {
	margin-top: 5px;
	}
	
div#globalnav ul#menu li a {
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	}


	/* You are here - subnav */	

body#aboutpage li#about a,
body#lopez li#contact a,
body#syndicate li#xmlfeed a,
body.cat-essentials li#essentials a, 
body#oldposts li#essentials a 	{
	color: #333;
	font-weight: normal;
	background: transparent;
	}

	/* Default links 	*/

a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #c30;
	background: transparent; 
	}

a:hover {
	font-weight : bold; 
	text-decoration : none;
	color: #f60;
	background: transparent; 
	}

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #000;
	background: transparent;  
	}

div#maincontent p a:link, div#maincontent p a:visited, 
div#maincontent dd a:link, div#maincontent dd a:visited,
div#maincontent li a:link, div#maincontent li a:visited {
	text-decoration: underline;
	} 

div#maincontent p a:hover,
div#maincontent dd a:hover,
div#maincontent li a:hover {
	text-decoration: none;
	} 


	/* Typography 	*/
	

span.drop {
	display: inline;
	float: left;
	margin: 0;
	padding: .25em .08em 0 0;
	font-size: 3.2em;
	line-height: .4em;
	text-transform: capitalize;
	color: #c30;
	}	
	
body div#maincontent h2	{
	font-size: 32px;
	margin: 18px 0 0 0;
	}	
	
#maincontent h2, #maincontent h3, #maincontent h4	{
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.4em;
	margin: 36px 0 18px 0;
	letter-spacing: 1px;
	}

body div#maincontent h3	{
	font-size: 24px;
	}

body div#maincontent h3#comments	{
	margin: 18px 0;
	font-size: 13px;
	color: #444;
	margin-bottom: 25px;
	}


/* Anti-spam */

p#aspamquestion small, html form#commentform p, html form#commentform p label {
	font-size: 10px;
	line-height: 18px;
	}

form#commentform input 	{
	width: 470px;
	}
	
form#commentform input#submit_comment 	{
	width: 150px;
	}

form#commentform textarea#comment {
	width: 470px;
	height: 310px;
	}


/* More typography */

	
h4	{	
	font-size: 18px;
	}

p	{
	margin: 0 0 9px 0;
	line-height: 1.4;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
div#maincontent h2	{
	font-size: 18px;
	}

body#home div#maincontent h2	{
	margin-top: 25px;
	}

body#home div#maincontent h2.follow	{
	margin-top: 5px;
	}

div#maincontent h3	{
	font-size: 14px;
	margin-bottom: 5px;
	}

div.timestamp h3	{
	text-transform: uppercase;
	letter-spacing: 1px;
	}

div#maincontent blockquote	{
	padding: 0;
	padding-left: 10px;
	margin-left: 10px;
	border: 0;
	border-left: 1px dotted #785;

	}

	

code, pre	{
	font-family: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace;
	font-weight: normal;
	font-size: small;
	}
	
p.cat { 
	padding: 12px 10px; 
	background: #eee; 
	border: 1px solid #ddd;
	}

p small {
	color: #444;
	text-transform: uppercase; 
	letter-spacing: 1px;
	font: 13px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}

div#maincontent p {
font: 15px georgia, "times new roman", times, serif;
line-height: 1.4;
}


div#maincontent blockquote p, div#maincontent dd blockquote			{
	font: 13px/18px italic "American Typewriter", Courier, "Courier New", monospace; 
	text-align: justify;
	}

	/* tool ui */

p.audiodownload { 
	background: transparent url(http://www.zeldman.com/i/sound2.gif) 50% left no-repeat;
	padding-left: 20px;
	}

	
	/* remains of the '04 redesign */
	
div.timestamp	{	
	margin: 12px 0 0 0;
	padding: 0;
	}
	
	/* preload per noel jackson 
	http://leavesrustle.com/2008/03/the-rollover-mishap  */

div.timestamp h3	{
background: transparent url(http://www.zeldman.com/i/timestampc.gif) no-repeat 0 -200px;
}

	/* thanks, noel */
	
div#maincontent div.timestamp h3	{
	font: 13px/18px Georgia, serif;
	margin: 0;
	padding: 0;
	letter-spacing: normal;
	text-transform: none;
	}

div.timestamp h3 a:link, div.timestamp h3 a:visited {
	margin: 0 10px 0 0;
	padding: 0 0 0 30px;
	background: transparent url(http://www.zeldman.com/i/timestampb.gif) top left no-repeat;
	}

div.timestamp h3 a:hover {
	background: transparent url(http://www.zeldman.com/i/timestampc.gif) top left no-repeat;
	}
	


	/* forms follow function */
	
div#searchui	{
	margin: 12px 0 0 0;
	padding: 0;
	}
	
#searchui label	{
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 13px/15px;
	color: #444;
	}

#searchui input.butt	{
	color: #fff;
	background: #f60;
	font: 13px/18px Georgia, serif;
	text-transform: uppercase;
	padding: 2px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	}

input.hun	{
	margin: 0 2px;
	width: 100px;
	font-size: x-small;
	}


	/*   sidebar navs and links 	*/
	

#sidebar {
	font: 11px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;;
	}

#sidebar dl {
	margin: 0 0 0 1px;
	padding: 0;
	}

#sidebar dt, #sidebar dd {
	margin-left: 0;
	padding-left: 0;
	line-height: 18px;
	margin-bottom: 3px;
	margin-top: 9px;
	font: 11px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}

body #sidebar dd {
	margin-top: 6px;
	margin-left: 0;
	margin-bottom: 12px;
	font-size: 10px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	}

body #sidebar h2 	{
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 24px;
	margin-bottom: 6px;
	color: #f9f8f3;
	padding: 3px 7px;
	background: #c30;
	font-size: small;
	font-weight: normal;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	}

#sidebar dd a:link, #sidebar dd a:visited {
	font-weight : normal; 
	}



/* sidebar banners */

div#banners	{
	margin: 0;
	padding: 13px 0 0 0;
	background: transparent url(http://www.zeldman.com/i04/enjoy.gif) top left no-repeat;
	}
	
div#banners h5	{
	margin: 0 0 10px 0;
	padding: 0;
	}

div#banners h5#alaban	{
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 230px;
	height: 28px;
	}

div#banners h5#alaban a	{
	display: block;
	margin: 3px 0 0 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: transparent url(http://www.zeldman.com/i04/alaban.gif) top left no-repeat;
	}

div#banners h5#alaban a:hover	{
	background: transparent url(http://www.zeldman.com/i04/alaban.gif) 0 -28px no-repeat;
	}
	
div#banners h5#hcban	{
	margin: 10px 0 0 0;
	padding: 0;
	text-indent: -9999px;
	width: 230px;
	height: 45px;
	}

div#banners h5#hcban a	{
	display: block;
	margin: 3px 0 0 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: transparent url(http://www.zeldman.com/i04/hcban2.gif) top left no-repeat;
	}

div#banners h5#hcban a:hover	{
	background: transparent url(/i04/hcban2.gif) 0 -45px no-repeat;
	}

div#banners h5#aeaban	{
	margin: 10px 0 0 0;
	padding: 0;
	text-indent: -9999px;
	width: 230px;
	height: 16px;
	}

div#banners h5#aeaban a	{
	display: block;
	margin: 3px 0 0 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: transparent url(http://www.zeldman.com/i04/aeaban3.gif) top left no-repeat;
	}

div#banners h5#aeaban a:hover	{
	background: transparent url(http://www.zeldman.com/i04/aeaban3.gif) 0 -16px no-repeat;
	}



	/* previous reports */
	
p.button	{
	margin: 25px 0;
	color: #000;
	background: #fff;
	font: 13px/18px Georgia, serif;
	padding: 2px 3px;
	}
	

	/* cover one's butt */
	
form#buttski	{
	text-align: center;
	padding: 0;
	margin: 10px auto;
	}

.butt {
	color: #000; 
	background: #fff; 
	font: 13px/18px Georgia, serif;
	}



	/*  list frippery */

div#maincontent ul 	{
	margin: 3px 0;
	padding: 0 0 6px 0;
	}
	
div#maincontent ol li		{
	list-style: decimal outside;
	line-height: 18px;
	margin: 0 6px 6px 15px;
	padding: 0 0 0 6px;
	font-size: 13px;
	}

div#maincontent ul li	{
	line-height: 18px;
	margin-bottom: 6px;
	padding-bottom: 0;
	padding-left: 6px;
	margin-left: 0;
	list-style: square inside;
	font-size: 13px;
	}
	
div#maincontent ul ul li {
	margin-top: 12px;
	list-style: square inside;
	}

div#maincontent ul.inlinelist	{
	padding: 0;
	margin: 0;
	}

div#maincontent .inlinelist li	{
	display: inline;
	padding: 0 5px 0 0;
	margin: 0;
	border: 0;
	}	

div#maincontent dl	{
	margin-top: 5px;
	padding-top: 0;
	}
	
div#maincontent dl dt {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border: 0;
	border-bottom: 1px solid #ddb;
	line-height: 140%;
	font: 16px bold "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
	
div#maincontent dl dd {
	margin: 0 10px 15px 10px;
	padding: 0;
	text-align: justify;
	font: 15px Georgia, sans-serif;
	line-height: 1.4;
	}
	
div#maincontent dl#sockdrawer dd	{
	font-size: x-small;
	text-align: left;
	padding: 0;
	margin: 0 0 5px 0;
	}


/* rotation border */

img.rotc 	{
	border: 2px solid #ccb;
	background: transparent url(/i04/bg0432.gif) top left repeat;
	}


		
/* for styling a list apart write-ups.  */


html #maincontent	dd.authorname	{
	font-size: 11px;
	margin-bottom: 5px;
	}

html #maincontent	dd.authorname a	{
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	}


html #maincontent h3.sponsor {
	margin-top: 3px; 
	margin-bottom: 7px;
	text-transform: uppercase;
	letter-spacing: 1px;
	}

.impressum	{
	text-transform: uppercase;
	letter-spacing: 1px;
	}	

.endpost	{
	padding-bottom: 9px;
	border-bottom: 3px solid #ddc;
	margin-bottom: 18px;
	}

dl.endpost	{
	padding-bottom: 10px;
	}
	
.caps	{
	letter-spacing: 0.1em;
	}
		
		
/* sponsors */

div#sidebar div#sponsors	{
	margin: 15px 0;
	padding: 0;
	border: 0;
	}
	
div#sidebar div#sponsors p 	{
	font-size: 11px;
	line-height: 18px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	}

	
/* category */

p.cat	{ font-size: 12px; }


body div#maincontent p.intro {
	font-size: 18px;
	line-height: 1.4;
	font-style: normal;	
	font-weight: normal;
	}



/*	updated may 15, 2007 */

em, cite { font-style: italic; }

form#commentform input  {
	background-color: #fff;
	color: #222;
	font: 13px/18px Georgia, serif;
	padding: 2px;
	}

p input#submit  {
	padding: 3px;
	color: #222;
	background-color: #fff;
	}

textarea#comment  {
	width: 420px;
	background-color: #fff;
	color: #222;
	font: 13px/18px Georgia, serif;
	padding: 2px;
	}
	
html body div#maincontent ol.commentlist	{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	}

html body div#maincontent ol.commentlist li	{
	margin-left: 0;
	padding-left: 6px;
	list-style: none;
	padding-bottom: 15px;
	border-top: 3px solid #ddd;
	padding-top: 15px;
	margin-bottom: 15px;
	background: #eee;
	}

ol.commentlist li p	{
	margin-top: 6px;
	padding-left: 0;
	}

ol.commentlist li.zeldman_speaks {
	background-color: #fff;
	color: #000;
	}
	
ol.commentlist li.zeldman_speaks p {
	margin-left: 0;
	padding-left: 2px;
	}

ol.commentlist blockquote	{
	border-left: none;
	}
	

/*	deck stuff */

div.deckad { 
	margin: 0 -4px 0 -6px; 
	padding: 0 0 10px 0; 
	border: 1px solid #ddd; 
	background: #efefde;
	text-align: center;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	} 

img.ad { 
	border: 0; 
	padding: 3px 0 0 0; 
	margin: 12px auto 9px auto;
	}

p.ads { 
	border: 0; 
	padding: 0; 
	margin: 0;
	}

div.deckad p {
	margin: 0 2px 10px 2px; 
	font-size: 11px; 
	line-height: 18px; 
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* may 15, 2007 - automattic stats stuff */

img#wpstats	{
	width: 0px;
	height: 0px;
	padding: 0px;
	border: none; 
	overflow:hidden;
	}


/* Spam stop */

#aspamquestion small.whythis, #aspamquestion small.whythis a{font-size:.9em; text-decoration:none; color:#666;}

			#aspamquestion small.whythis a span{color:#fafafa; padding:1px 4px 1px 4px; position:relative; display:none;}
			
			#aspamquestion small.whythis a:hover, #aspamquestion small.whythis a:focus, #aspamquestion small.whythis a:active{text-decoration:none; color:#000;}
			
			#aspamquestion small.whythis a:hover *, #aspamquestion small.whythis a:focus *, #aspamquestion small.whythis a:active *, #aspamquestion small.whythis a:hover{text-decoration:none; color:#000; display:inline;}
			
			#aspamquestion small.whythis a:hover span, #aspamquestion small.whythis a:focus span, #aspamquestion small.whythis a:active span{position:absolute; background-color:#fff; border: 1px solid #999; color:#000; font-weight:bold; font-style:normal;}