/* Zeldman.com layout  */
	/* You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the DESIGN") is copyright 2004 Jeffrey Zeldman and Happy Cog Studios and may not be reproduced. */ 
	/* Last updated 17 May 2005 */   

	/* Fix a silly bug in Mozilla; thanks, Carey Evans */

html { 
	min-width: 742px;
	 }


	/* Helpers and base rules */

img	{
	border: 0;
	}

p.access	{
	display: none;
	}

img.counter	{
	display: inline;
	margin-left: 5px;
	}



	/* Primary layout divisions */

body	{
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;	
	background: #ddb url(/i04/holder.gif) top center repeat-y;
	color: #774;
	font: small/18px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	}

div#wrapper	{
	color: #774;
	background: transparent url(/i04/wrapinner.gif) top left repeat-y;
	width: 742px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}

div#maincontent 	{
	float: left;
	width: 440px;
	padding: 0;
	border: 0;
	margin: 0;
	/* False margin value for all versions of IE Win, including 6.0 */	
	margin-left: 6px;
	}

html>body div#maincontent {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin-left: 12px;
	min-height: 800px;
	}

div#sidebar	{
	margin: 0 0 0 472px;
	padding: 0;
	width: 230px;
	border: 0;
	}

div#footer	{
	clear: both;
	border: 0;
	border-top: 10px solid #eed;
	border-bottom: 10px solid #eed;
	background: #cc9 url(/i04/footshadow.gif) top left repeat-x;
	color: #774;
	width: 700px;
	padding: 5px 0;
	margin: 10px 0 0 12px;
	}

	
div#footer p	{
	background: transparent url(/i04/author.gif) center left no-repeat;	
	font-size: 11px;
	line-height: 18px;
	margin: 0;
	padding: 0 0 0 50px;
	}

h1	{
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
h1 a:link, h1 a:visited	{
	display: block;	
	width: 700px;
	height: 50px;
	background: #cc9 url(/i04/logohed.gif) top left no-repeat;
	margin: 0 0 0 12px;
	padding: 0;
	border: 0;
	}
	
h1 a:hover	{
	background: #cca url(/i04/logohed.gif) top left no-repeat;
	}
		
		
	/* Primary nav 	*/

div#globalnav	{
	height: 30px;
	width: 700px;
	margin: 0 0 0 12px;
	padding: 0;
	border: 0;
	background: #eed;
	}

div#globalnav ul#menu	{
	height: 30px;
	width: 700px;
	background: transparent url(/i04/nav.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#globalnav ul#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#menu li, ul#menu a {
	height: 30px;
	display: block;
	}
	
div#globalnav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#dailymenu	{left: 0; width: 138px;}
#dwwsmenu	{left: 139px; width: 248px;}
#glammenu	{left: 385px; width: 153px;}
#classicsmenu {left: 538px; width: 97px;}
#aboutmenu	{left: 634px; width: 67px;}

#dailymenu a:hover	{background: transparent url(/i04/nav.gif) 0 -30px no-repeat;}
#dwwsmenu a:hover {background: transparent url(/i04/nav.gif) -139px -30px no-repeat;}
#glammenu a:hover {background: transparent url(/i04/nav.gif) -385px -30px no-repeat;}
#classicsmenu a:hover {background: transparent url(/i04/nav.gif) -538px -30px no-repeat;}
#aboutmenu a:hover {background: transparent url(/i04/nav.gif) -634px -30px no-repeat;}

	/* You are here - main nav */
	
body#home #dailymenu {background: transparent url(/i04/nav.gif) 0 -30px no-repeat;}
body#bookhome #dwwsmenu {background: transparent url(/i04/nav.gif) -139px -30px no-repeat;}
body#diary #glammenu {background: transparent url(/i04/nav.gif) -385px -30px no-repeat;}
body#whiskers #classicsmenu {background: transparent url(/i04/nav.gif) -538px -30px no-repeat;}
body#yak #aboutmenu {background: transparent url(/i04/nav.gif) -634px -30px no-repeat;}

	/* You are here - subnav */
	
body#bookhome dd#dwws a,
body#colophonpage dd#colophon a,
body#lopez dd#contact a,
body#contrastpage dd#contrast a,
body#verbal dd#pubs a,
body#travel dd#tour a,
body#toys dd#tools a,
body#outsider dd#externals a,
body#pleasurepage dd#pleasure a,
body#syndicate dd#xmlfeed a,
body#oldposts dd#essentials a 	{
	color: #530;
	background: transparent;
	}


	/* Default links 	*/

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

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

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #9a7;
	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 	*/
	
h2, h3, h4	{
	font-weight: bold;
	line-height: 1.2em;
	margin: 15px 0 0 0;
	}

p	{
	margin: 0 0 1em 0;
	line-height: 140%;
	}
	
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;
	}

blockquote	{
	padding: 0;
	padding-left: 10px;
	margin-left: 10px;
	border: 0;
	border-left: 1px dotted #9a7;
	}

blockquote p, dd blockquote	{
	font-weight: normal;
	font-family: Georgia, "New Century Schoolbook", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
	text-align: justify;
	line-height: 18px;
	font-size: 90%;
	}

code, pre	{
	font-family: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace;
	font-weight: normal;
	font-size: small;
	}

	
	/* Purely decorative, redolent of spring */
	
div.timestamp	{	
	margin: 10px 0 0 0;
	padding: 0;
	}
	
div.timestamp h3	{
	font-size: 10px;
	margin: 0;
	padding: 0;
	}

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

div.timestamp h3 a:hover {
	background: transparent url(/i04/timestampa.gif) top left no-repeat;
	}
	
div#maincontent h2 a:link, div#maincontent h2 a:visited {
	background: transparent url(/i04/permaleaf.gif) top left no-repeat;
	padding: 0 0 0 40px;
	}

div#maincontent h2 a:hover {
	background: transparent url(/i04/permaleafa.gif) top left no-repeat;
	}


	/* Forms follow function */
	
div#searchui	{
	margin: 10px 0 10px 0;
	padding: 0;
	}
	
#searchui label	{
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
	color: #ffe;
	}

#searchui input.butt	{
	color: #774;
	background: #bc9;
	font-size: x-small;
	}

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


	/*   Sidebar navs and links 	*/
	
#sidebar dd, #sidebar dt {
	margin-left: 0;
	padding-left: 0;
	line-height: 17px;
	margin-bottom: 4px;
	}

body #sidebar dt 	{
	text-transform: uppercase;
	letter-spacing: 5px;
	margin-top: 25px;
	background: transparent;
	color: #ffe;
	padding: 2px 5px;
	background: #ab8;
	text-shadow: 2px 3px 3px #896;
	}

#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(/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(/i04/alaban.gif) top left no-repeat;
	}

div#banners h5#alaban a:hover	{
	background: transparent url(/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(/i04/hcban2.gif) top left no-repeat;
	}

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


	/* Previous Reports */
	
p.button	{
	margin: 25px 0;
	font-size: medium;
	}
	

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

.butt {
	color: #774; 
	background: #eed; 
	padding: 2px;
	}



	/*  List frippery */

div#maincontent ul 	{
	margin: 3px 0;
	padding: 0 0 5px 0;
	}
	
div#maincontent ol li		{
	list-style: decimal outside;
	line-height: 140%;
	margin: 0 5px 5px 0;
	padding: 0 0 0 5px;
	}

div#maincontent ul li	{
	line-height: 140%;
	margin-bottom: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	margin-left: 5px;
	list-style:square inside;
	}
	
div#maincontent ul ul li {
	margin-top: 10px;
	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 #cca;
	line-height: 140%;
	}
	
div#maincontent dl dd {
	margin: 0 10px 15px 10px;
	padding: 0;
	text-align: justify;
	}
	
div#maincontent dl#sockdrawer dd	{
	font-size: x-small;
	text-align: left;
	padding: 0;
	margin: 0 0 5px 0;
	}

/* Haxies */

.floattenr	{
	float: left; 
	margin: 0 10px 0 0;
	}
	
/* Contrast-o-meter switchable headline */

body#contrastpage h2.contrast {
	text-indent: -9999px;
	margin-top: 0;
	}
	
body#contrastpage h2.contrast a:link, body#contrastpage h2.contrast a:visited {
	display: block;
	width: 440px;
	height: 35px;
	background: #eed url(/i04/cmeterlite.gif) top left no-repeat;
	margin: 10px 0 5px 0;
	padding: 0;
	border: 0;
	}	
		
/* Rotation border */

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

/* Talkr MP3 linkage */

div#maincontent ul.talkrpost	{margin: 0 0 50px 0; list-style: none;}

div#maincontent ul.talkrpost li {
	list-style: none;
	padding: 0;
	margin: 0;
	font-style: italic;
	font-size: 13px;
	}

div#maincontent ul.talkrpost li a	{
	text-decoration: none;
	}

div#maincontent ul.talkrpost li a:before	{
	content: "::: ";
	}