/* 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. */ 
	
/* Primary layout sections */

body	{
	color: #001;
	background: #ffe url(/i2/mybot3.gif) bottom left fixed repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
	font-size: x-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: small;	
	}

html>body	{
	font-size: small;	
	} 

#headwrap	{
	margin: 0;
	padding: 0;
	height: 200px;
	color: #001;
	background: #c51;
	}

#wrapper  {
	color: #000;
	background: #fff url(/i2/back4.gif) repeat-y;
	margin: 0 auto 25px auto;
	border: 0;
	border-bottom: 1px solid #ddc;
	padding: 25px 0 0 0;
	width: 600px;
	}
	
#bravefourhundred	{
	float: left;
	width: 385px;
	text-align: left;
	padding: 0;
	border: 0;
	margin: 0 0 0 15px;
	line-height: 140%;
	background: transparent;
	height: 100%;
	}

#footer {
	clear: left;
	border: 0;
	padding: 25px 0 50px 0;
	margin: 0 0 0 25px;
	text-align: left;
	font-size: 11px;
	}

#mysidebar	{
	margin: 0 0 0 450px;
	padding: 0;
	text-align: left;
	border: 0;
	font-size: 10px;
	line-height: 140%;
	height: 100%;
	}

#mysidebar p {
	width: 100px;
	padding: 0;
	margin: 0 0 25px 0;
	}

.timestamp	{
	margin: 35px 0 0 0;
	padding: 0 0 0 25px;
	background: url(/i2/timestamp.gif) top left no-repeat;
	}
	
.timestamp h3	{
	font-weight: normal;
	font-size: 10px;
	margin-top: 2px;
	margin-bottom: 0;
	padding: 0;
	}

.timestamp h3 a		{
	padding-right: 10px;
	}	


/* 	Image headlines	*/


#headwrap h1	{
	margin: 0;
	border: 0;
	padding: 0;
	padding-top: 200px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:200px; /* for pre 6.0 IE Win */
	}
	
h1#nufront {
	background: url(/i2/nufrontd.gif) top right no-repeat;
	}

h1#classichead {
	background: url(/i2/classichead.gif) top right no-repeat;
	}
	
h1#glamhead {
	background: url(/i2/glamhead3.gif) top right no-repeat;
	}

h1#dwwshead {
	background: url(/i2/dwwshead.gif) top right no-repeat;
	}

h1#contacthead {
	background: url(/i2/contacthead.gif) top right no-repeat;
	}

h1#abouthead {
	background: url(/i2/abouthead.gif) top right no-repeat;
	}

h1#externalshead {
	background: url(/i2/externalshead.gif) top right no-repeat;
	}

h1#xmlhead {
	background: url(/i2/xmlhead2.gif) top right no-repeat;
	}

h1#errorhead {
    	background: url(/i2/error2.gif) top right no-repeat;
 	}

h1#rubato {
	background: url(/i2/glaxo.gif) top right no-repeat;
	}

h1#goodhead {
	background: url(/i2/goodies.gif) top right no-repeat;
	}

h1#essentialshead {
	background: url(/i2/essentialshead2.gif) top right no-repeat;
	}

h1#pleasurehead	{
	background: url(/i2/pleasurehead.gif) top right no-repeat;
	}


	/*  Set up general page elements 	*/ 

img {
	display: block;
	border: 0;
	}

.inline {
	display: inline;
	}



	/* default links 	*/

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

a:hover {
	font-weight : bold; 
	text-decoration : underline;
	color: #18c;
	background: transparent; 
	}

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


/*	Footers and forms	*/


#footer p	{
	margin: 10px 0 100px 0;
	padding: 0;
	text-align: left;
	font-size: 11px;
	}

#footer ul	{
	margin: 10px 0 0 0;
	padding: 0;
	}
	
#footer li	{
	display: inline;
	margin: 0;
	padding: 0 15px 0 0;
	text-align: left;
	border: 0;
	}	

form#buttski	{
	text-align: center;
	padding: 0;
	margin: 10px auto;
	}

#footer address	{
	text-align: left;
	}



	/*   Text headlines  */


h1, h2, h3, h4, h5, h6	{
	font-weight: bold;
	font-family: Myriad, "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
	}

h1	{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 32px;
	text-transform: lowercase;
	}

h2	{
	font-size: 14px;
	margin-top: 15px;
	margin-bottom: 0;
	letter-spacing: 1px;
	line-height: 140%;
	text-transform: uppercase;
	}

h3	{
	font-size: 12px;
	margin-top: 25px;
	margin-bottom: 0; 
	text-transform: lowercase;
    }

h4	{
	font-size: 10px;
	margin: 0;
	padding: 0;
	letter-spacing: 1px;
	text-transform: lowercase;
	background: transparent;
	color: #665;
	}

p	{
	margin-top: 5px;
	margin-bottom: 1em;
	line-height: 140%;
	}

	/*  Search the mother 	*/ 
	
#searchui	{
	margin: -25px 0 15px 0;
	}

#searchui label	{
	font: 9px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	color: #887;
	background: transparent;
	margin: 0;
	}

#searchblank	{
	font: 10px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	margin: 0;
	}

.hun 	{
	width: 98px;
	height: 15px;
	padding: 0;
	margin: 2px 0;
	font: 10px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida,  sans-serif;
	}


	/*   Change link effects in secondary nav. 	*/

#blurbomatic2 p a:link, #blurbomatic2 p a:visited, #mysidebar dd a:link, #mysidebar dd a:visited {
	font-weight : normal; 
	text-decoration : none;
	}
	
#blurbomatic2 p a:hover, #mysidebar dd a:hover   {
	font-weight : normal; 
	text-decoration : underline;
	}

#blurbomatic2 p a:active, #mysidebar dd a:active  {
	font-weight : normal; 
	text-decoration : overline;
	}



	/*  Control blurbs 	*/ 

#blurbomatic2 dl	{
	margin: 0 0 25px 0;
	padding: 0;
	width: 100px;
	}

#blurbomatic2 dt	{
	font: 10px/13px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	padding: 0;
	margin: 0 0 3px 0;
	}

#blurbomatic2 dd	{
	font: 10px/13px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	margin-left: 0;
	margin-top: 4px;
	margin-bottom: 6px;
	}

#blurbomatic2 dd a	{
	font-weight: normal;
	}
		

	/*  Create subnav buttons 	*/ 

#primetop	{
	border-top: 1px solid #ddc;
	}

#mysidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border: 0;
	}

#mysidebar li	{
	text-align: center;
	border-bottom: 1px solid #ddc;
	width: 100px;
	margin: 0;
	padding: 0;
	font: 10px/15px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	color: #f79b60;
	background: #fdf8f2;
	}

#about, #secondarytop, #tertiarytop	{
	border-top: 1px solid #ddc;
	}

#mysidebar li a {
	display: block;
	font-weight: normal;
	padding: 0;
	border-left: 1px solid #ddc;
	border-right: 1px solid #ddc;
	background: #fdf8f2;
	color: #334;
	text-decoration: none;
	width: 100px; 	/* False value for IE4-5.x/Win. */
 	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 98px;	/* You get it. Good value for compliant browers. */	
	}
	
html>#mysidebar li a {
	width: 98px;	 /* Be nice to Opera */
	}
	
#mysidebar li a:hover {
	font-weight: normal;
	background: #c51;
	color: #ffe;
	border-left: 1px solid #c51;
	border-right: 1px solid #c51;
	text-decoration: none;
	}

#mysidebar li a:active {
	font-weight: normal;
	background: #000;
	color: #ffe;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	text-decoration: none;
	}




	
	/*  Banners without img elements, thanks Todd and Porter  */ 

#banner1, #banner2, #banner3 {
	margin: 10px 0 0 0;
	padding: 0;
	width: 100px;
	height: 25px;
	}

#banner1	{
  /* Opera uses this background for the rollover effect. */
	background: url(/i/bans/hc100bano.gif) no-repeat 1px;
	}	

#banner2	{
  /* Opera uses this background for the rollover effect. */
	background: url(/i/bans/ala100ban.gif) no-repeat 1px;
	}	

#banner3	{
  /* Opera uses this background for the rollover effect. */
	background: url(/i/bans/zeldmix2.gif) no-repeat 1px;
	}	

#hcban, #alban, #wtban {
	display: block;
	padding: 0;
	border: 1px solid #ccb;
	background: url(/i/bans/hc100banp2.gif) no-repeat 1px; /* start hiding from macie\*/
	background-position: 0px; /* stop hiding */
	width: 100px;
	height: 25px;
	voice-family: "\"}\"";   /* Need we explain? */
	voice-family: inherit;   
	width: 98px;
	height: 23px; /* Actual values to overlap borders */
	}

html>body #hcban, html>body #alban, html>body #wtban {
	width: 98px;
	height: 23px; /* Be nice to Opera */
	}

#alban {
	background-image: url(/i/bans/ala100banp.gif);
	}

#wtban {
	background-image: url(/i/bans/zeldmix.gif);
	}

a#hcban:hover {
	background-image: url(/i/bans/hc100bano.gif);
	border: 1px solid #fdf8f2;
	}

a#alban:hover {
	background-image: url(/i/bans/ala100ban.gif);
	border: 1px solid #fdf8f2;
	}

a#wtban:hover {
	background-image: url(/i/bans/zeldmix2.gif);
	border: 1px solid #fdf8f2;
	}

.alt {
	display: none;
	}


	/*  Odd bits and miscellanies 	*/ 

#blurbomatic	{
	width: 102px;
	margin-top: 5px;
	}
	
#blurbomatic p {
	font: italic 11px/16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	margin-left: 10px;
	margin-right: 0;
	text-align: right;
	}

#blurbomatic2	{
	margin-top: 7px;
	}
	
#blurbomatic2 p {
	font: 10px/13px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	text-align: left;
	}
	
#blurbomatic2 h3 {
	font-size: 11px;
	}

#blurbomatic2 a	{
	font-weight: normal;
	}

.mini	{
	margin: 2px 0 0 0;
	text-align: center;
	}

.mini p	{
	font-size: 9px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	}

.mini p a:link, .mini p a:visited	{
	font-weight: normal;
	}

address	{
	font: 10px/15px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	text-align: left;
	}

.butt {
   font: 10px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif; 
   color: #000; 
   background: #ffe; 
   margin: 2px 0;
   padding: 1px;
}

#tale p+p	{
	text-indent: 2em;
	margin-top: -1em;
	}

#tale h3	{
	margin-top: 25px;
	margin-bottom: 25px;
	}

#tale h4	{
	font-size: 13px;
	margin-top: 25px;
	}

h1 img {
	margin-bottom: 10px;
	}
	
img+h3	{
	margin-top: 10px;
	}	

#bravefourhundred dt {
	font-size: 12px;
	font-weight: normal;
	}

#bravefourhundred dd {
	margin-bottom: 0.5em;
	}

acronym	{
	font-weight: normal;
	font-style: normal;
	border-bottom: 1px dotted black;
	}

code, pre	{
	font-family: "Bitstream Vera Sans Mono", monaco, "Courier New", courier, monospace;
	background: transparent;
	color: #665;
	}

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

blockquote p	{
	font-weight: normal;
	font-family: "Georgia, New Century Schoolbook", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
	text-align: justify;
	background: transparent;
	color: #110;
	line-height: 175%;
	font-size: small;
	}


	/*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */

* html code	{
	font-size : 105%; 
	}



	/*  Hide earlier versions, hide Skip Navigation */ 

#primenav, .hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}


	/*  List frippery */

#bravefourhundred ul 	{
	margin: 5px 0;
	padding: 0 0 5px 0;
	}
	
#bravefourhundred li	{
	line-height: 140%;
	margin-bottom: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	margin-left: 5px;
	list-style: disc url(/i/listblack.gif) inside;
	vertical-align: top;
	}
	
#bravefourhundred ul ul li {
	margin-top: 10px;
	list-style: disc url(/i/innerlistblack.gif) inside;
	vertical-align: top;
	}

#bravefourhundred ul.inlinelist	{
	padding: 0;
	margin: 0;
	}

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

#bravefourhundred dl	{
	margin-top: 5px;
	padding-top: 0;
	}
	
#bravefourhundred dl dt {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border: 0;
	border-bottom: 1px solid #eef;
	line-height: 140%;
	}
	
#bravefourhundred dl dd {
	margin: 0 0 15px 10px;
	padding: 0;
	text-align: justify;
	background: transparent;
	color: #332;
	}
	
#bravefourhundred dl#sockdrawer dd	{
	text-align: left;
	font-size: x-small;
	padding: 0;
	margin: 0 0 5px 0;
	}

	
	/*  General helpers, tools and hacks 	*/ 

.neg25	{
	margin-top: -25px;
	}

.vs0	{
	margin-top: 0;
	padding-top: 0;
	}

.vs2	{
	margin-top: 0;
	padding-top: 2px;
	}

.vs3	{
	margin-top: 0;
	padding-top: 3px;
	}


.vs5	{
	margin-top: 0;
	padding-top: 5px;
	}

.vs10	{
	margin-top: 0;
	padding-top: 10px;
	}

.vs15	{
	margin-top: 0;
	padding-top: 15px;
	}

.vs25	{
	margin-top: 0;
	padding-top: 25px;
	}
	
#coming	{
	float: left;
	margin: 0 10px 0 0;
	}

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

.fifteenbot	{
	margin-bottom: 15px;
	}	
	

.bottomus25	{
	margin-bottom: 25px;
	}
	
.sluggo	{
	margin-top: -0.25em;
	font-style: italic;
	}


	/* Primary nav inspired by Pixy -  Erik Porter variation 27 Dec 03 rev 2 */

ul#menu {
	position: absolute;
	left: 0;
	top: 200px;
	height: 25px;
	width: 400px;
	border: 0;
	padding: 0;
	margin: 0;
	list-style: none;
	}

#menu li {
	float: left;
	text-align: center;
	background: url(/i2/dropleafmenu.gif) top left no-repeat;
	color: #000;
	}

#menu li a {
	display: block;
	width: 100px;
	height: 25px;
	margin: 0; 
	padding: 0;
	font: normal 10px/25px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	color:#334;
	text-decoration: none;
	background: url(/i2/dropleafmenu.gif) 0 -75px no-repeat;
	}
	
#menu li a:hover {
	background: url(/i2/dropleafmenu.gif) top left no-repeat;
	color: #ffe;
	}
	
#menu li a:active {
	background: url(/i2/dropleafmenu.gif) 0 -50px no-repeat;
	color: #fff;
	}


	/* tip box */
	
div.tipbox	{
	background: #fdf8f2; 
	border: 1px dotted #ddc; 
	margin: 50px 0 0 0;
	padding: 0 15px; 
	margin-top: 0;
	width: auto;
	}
	
.tipbox h3	{
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 5px;
	}

.tipbox p	{
	margin-top: 0;
	}


	/* You are here */
	
body#home li#dailymenu a,
body#bookhome li#dwwsmenu a,
body#diary li#glammenu a,
body#whiskers li#classicsmenu a 	{
	background: url(/i2/dropleafmenu.gif) top left no-repeat;
	color: #ffe;
	}	

body#bookhome #dwws a:visited,
body#yak #about a:visited,
body#lopez #contact a:visited,
body#topicality #essentials a:visited,
body#verbal #pubs a:visited,
body#travel #tour a:visited,
body#toys #tools a:visited,
body#outsider #externals a:visited,
body#syndicate #xmlfeed a:visited,
body#oldposts #essentialspage a:visited,
body#map #error a:visited	{
	background: #c51;
	border: 1px solid #c51;
	color: #ffe;
	font-weight: normal;
	text-decoration: none;
	}


body#yak li#dailymenu a,
body#pleasure li#dailymenu a,	
body#lopez li#dailymenu a,
body#topicality li#dailymenu a,
body#toys li#dailymenu a,
body#outsider li#dailymenu a,
body#syndicate li#dailymenu a,
body#oldposts li#dailymenu a,
body#map li#dailymenu a		{
	background: url(/i2/dropleafmenu.gif) top left no-repeat;
	color: #ffe;
	}