ÿþ/* Cascading Style Sheet for 5jt.com  */



body {

	background: rgb(226,207,207);

	font-family: "Trebuchet MS", Arial, Helvetica, swiss, sans-serif;

	margin: 0;

	padding: 0;

	}

acronym {

	font-size: 90%;

	letter-spacing: 0.1em;

	}

dt  {

	color: #666;

	margin-top: 6px;

	}

h1 {

	color: #448;

	font-size: 150%;

	margin-top: 30px; margin-bottom: 50px;

}

h2 {

	clear: both;

	color: #448;

	font-size: 100%;

}

img {	/* set images bare and solid */

	border: 0;

	margin: 0;

	padding: 0;

	}

a			{text-decoration: none}

a:link  	{color: #338}

a:visited	{color: #838}

a:active	{color: #f82}



	

/* layout */



#LOGOTXT1 {

	position: absolute; top: 5px; left: 10px; z-index: 3;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 30px;

	font-weight: normal;

	letter-spacing: 0.1em;

	}

#LOGOTXT1 a {color: #66A}

#LOGOTXT2 {

	position: absolute; top: 5px; left: 50px; z-index: 3;

	color: #AAA;

	font-size: 10px; 

	font-weight: normal;

	}

#LOGOTXT3 {

	position: absolute; top: 50px; left: 50px; z-index: 3;

	color: #866;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 14px;

	font-style: italic;

	font-weight: normal;

	}



#SJT {	/* pic top right */

	position: absolute; top: 0; right: 0;

	}



/* banner across page top */



#BANNER {

	width: 100%; height: 50px;

	background:#CDF url(images/blue-sky-wall.jpg);

	border-top: 1px solid gray;

	border-bottom: 1px solid gray;

	}

#BANNER ul {

	color: gray;

	font-size: 14px;

	font-weight: bold;

	margin-top: 15px; margin-left: 100px; margin-bottom: 0;

	}

#BANNER li {

	display: inline;

	list-style: none;

	}

#BANNER a		{color: #FF8}

#BANNER a:hover	{color: #FD2}

.notA			{ }				/* not A link */



/* Invincible Summer */

#SUMMER {

	position: absolute; top: 0; right: 50px;

	}





/* principal content */



#MAIN {

	background: #FFE;

	border-left: 1px solid gray; 

	color: #333;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 80%;

	line-height: 1.6em;

	height: 600px; /* IE treats as min-height */

	margin: 0 0 0 180px;

	padding: 20px 220px 30px 30px;

	}

body>div#MAIN { /* ignored by IE */

	height: auto;

	min-height: 600px; 

	}

#MAIN blockquote {

	background: url(icons/quotes.gif) no-repeat 0 0.5em;

	clear: left;

	margin: 0;

	padding: 1em 2em 1em 50px;

	}



/* blog classes */

#comment-data {

	float: left; 

	width: 180px; 

	padding-right: 15px; 

	margin-right: 15px; 

	text-align: left; 

	border-right: 1px dotted #BBB; 

	} 

textarea[id="comment-text"] {

	width: 80%;

	}

.commenter-profile img {

	vertical-align: middle;

	border-width: 0;

	}

h2.date {

	font-family:"Trebuchet MS",Arial,Helvetica,swiss,sans-serif;

	font-size:80%;

	font-weight:normal;

	letter-spacing:0.2em;

	margin-top:2em; margin-bottom:0em; 

	text-transform:uppercase;

	}

div#menu {

	background:#ddd;

	font-size:80%;

	padding:2px;

	}

.blogbody {

	font-size:90%;

	line-height:1.8em;

	margin-top:0px; margin-bottom:0px; 

	}

div.blogbody p {

	margin-top:0.8em; margin-bottom:0em; 

	}

div.blogbody h2 {

	font-size:120%;

	}

.posted {

	font-family:"Trebuchet MS",Arial,Helvetica,swiss,sans-serif;

	font-size:90%;

	margin-top:0px; margin-bottom:0px; margin-left:20px;

	}

p.strip { 

    padding:6px;

    border-top:1px dashed #ccc;

    border-bottom:1px dashed #ccc;

    margin: 20px 0px 20px 0px;

    }

p.pix { /* alias */

    padding:6px;

    border-top:1px dashed #ccc;

    border-bottom:1px dashed #ccc;

    margin: 20px 0px 20px 0px;

    }



/* typography for poems */

#POEM {

	line-height:1.8em;

	margin-bottom:30px;

	}

#POEM h1 {

	color:#555;

	margin-top:2em; margin-bottom:2em;

	}

#POEM .icap {

	border:1px solid #ddd;

	color:#533; /*996;*/

	float:left;

	font-size:350%;

	line-height:0.8em;

	margin-top:0.1em; margin-bottom:0px; margin-right:5px;

	padding:1px;

	} 



/* typography for Loving Sophie */

#SOPHIE {

	margin-bottom:30px;

	}

#SOPHIE blockquote {

	font-size:90%;

	line-height:1.8em;

	}

#SOPHIE h1 {

	border-bottom:1px solid gray; border-top:1px solid gray;

	color:#553;

	font-size:120%;

	font-weight:bold;

	line-height:1.8em;

	letter-spacing:1.5em;

	margin-top:2em; margin-left:4em; margin-bottom:4em; margin-right:4em;

	padding:5px;

	text-align:center;

	text-transform:uppercase;

	}

#SOPHIE h2 {

	margin-top:1em;   margin-bottom:3px;

	}

#SOPHIE p {

	margin-top:0px;   margin-bottom:9px;

	}

	

/* styles for Links */

#LINKS h2 {

	background:#eee;

	font-family:Trebuchet,Trebuchet MS,Verdana,Geneva,Arial,sans-serif;

	font-size:120%;

	font-weight:bold;

	letter-spacing:0.2em;

	padding:2px; padding-left:5px;

	}

#LINKS h3 {

	font-family:Trebuchet,Trebuchet MS,Verdana,Geneva,Arial,sans-serif;

	font-size:100%;

	letter-spacing:0.2em;

	}

#LINKS li {

	margin:0px; margin-bottom:6px;

	}

#LINKS td {

	font-size:80%;

	padding:10px;

	}

#LINKS td li {

	margin-bottom:4px;

	}

#LINKS td ul {

	list-style:none;

	margin-left:0px;

	}

#LINKS ul {

	list-style:circle;

	margin-left:20px;

	}





#WIDE { /* alternative to MAIN, without RHS column */

	background:#ffe;

	border-left:1px solid gray; 

	color:#333;

	font-family:Georgia,Times New Roman,Times,serif;

	font-size:80%;

	line-height:1.6em;

	height:600px; /* IE treats as min-height */

	margin-top:0px; margin-left:180px; margin-right:0px; margin-bottom:0px; 

	padding-top:20px; padding-left:50px; padding-bottom:30px; padding-right:50px; 

	}

body>div#WIDE { /* ignored by IE */

	height:auto;

	min-height:600px; 

	}

#WIDE blockquote {

	background:url(icons/quotes.gif) no-repeat 0em 0.5em;

	clear:left;

	margin:0px;

	padding:1em 2em 1em 50px;

	}





/* LHS column */



#LEFT {

	color:gray;

	position:absolute; top:52px; left:0px; width:180px;

	font-size:75%;

	}

#LEFT h1 {

	color:gray;

	font-size:90%;

	font-weight:normal;

	letter-spacing:0.7em;

	margin:0px; margin-top:1.4em; margin-bottom:0.5em;

	text-align:center;

	text-transform:uppercase;

	}

#LEFT li {

	margin-left:0px;

	margin-top:3px;

	}

#LEFT ul {

	list-style:none;

	margin:0px; 

	padding:0px;

	}

#CREDITS img {margin-bottom:1em}





/* RHS column */



#RIGHT {

	color:gray;

	position:absolute; top:70px; right:10px; width:180px;

	font-size:75%;

	}

#RIGHT h1 {

	color:gray;

	font-size:90%;

	font-weight:normal;

	letter-spacing:0.7em;

	margin:0px; margin-top:1.4em; margin-bottom:0.5em;

	text-align:center;

	text-transform:uppercase;

	}

#RIGHT li {

	margin-left:0px;

	margin-top:3px;

	}

#RIGHT ul {

	list-style:none;

	margin:0px; 

	padding:0px;

	}

#CATLIST li {display:inline}

#CATLIST ul {

	text-align:center;

	}



#CREDITS li {

	font-family:Georgia,"Times New Roman",Times,serif;

	margin-bottom:10px;

	text-align:center;

	}



/* quote box within RHS column */



#QUOTE {

	border:1px dotted #88f;

	color:#333;

	font-family:"Trebuchet MS",Arial,Helvetica,swiss,sans-serif;

	padding:5px;

	}

#QUOTE blockquote {

	color:#533;

	font-family:"Courier New",Courier,mono;

	margin:5px;

	}

#QUOTE p.q {

	font-size:80%;

	font-weight:normal;

	margin:0px;

	text-align:right;

	}



/* common tail to pages */



#TAIL {

	color:#444;

	background:#cdf;

	border-top:1px solid gray;

	font-size:70%;

	padding:5px;

	text-align:center;

	}

	

/*

	APL display classes for use with CODE KEYBD and PRE tags

 */

.apl		{font-family:"APL385 Unicode"}    /* default APL display font */

.dyalog 	{font-family:"Dyalog Std TT"; font-size:110% }

.unicode	{font-family:"APL385 Unicode"}



/* general display classes */

.album 	{color: #C63}

.bdr {border: 1px solid gray}

.book	{color: #66C}

.epigraph {

	font-family: Trebuchet, "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;

	font-size: 80%;

	line-height: 1.4em;

	margin-left: 20em;

	}

.epigrapa {

	font-family: Trebuchet, "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;

	font-size: 80%;

	line-height: 1.4em;

	margin-left: 20em;

	margin-bottom: 0;

	}

.epiauthr {

	font-family: Trebuchet, "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;

	font-size: 80%;

	line-height: 1.4em;

	margin-top: 10px;

	margin-left: 30em;

	}

.fade {							/* not in use */

	opacity: 0.5;				/* Safari 1.2, Firefox */

	filter: alpha(opacity=50);	/* IE */	

	MozOpacity: 0.5;				/* Safari 1.2, Firefox */

	KHTMLOpacity: 0.5; 			/* Safari <1.2, Konqueror */

	}

.italic {font-style: italic}

.leadin {

	color: #533;

	font-size: 110%;

	font-weight: bold;

	}

.movie	{color: #080}

.muted {color: #AAA}

.person	{color: maroon}

.pic {

    border: none;

    clear: left;

    float: left;

	font-size: 85%;

    margin-top: 6px;

    margin-left: 0;

    margin-right: 18px;

    margin-bottom: 6px;

	text-align: center;

    vertical-align: top;

	 }

.picb {

    border: 1px solid gray;

    clear: left;

    float: left;

		font-size: 85%;

    margin-top: 6px;

    margin-left: 0;

    margin-right: 18px;

    margin-bottom: 6px;

		text-align: center;

    vertical-align: top;

	 }

.quote {font-style: italic}

.red	{color: red}

.rpic {

    border: none;

    float: right;

		font-size: 85%;

    margin-top: 6px;

    margin-left: 18px;

    margin-right: 0;

    margin-bottom: 6px;

		text-align: center;

    vertical-align: top;

	}

.rpicb {

    border: 1px solid gray;

    float: right;

		font-size: 85%;

		line-height: 1em;

    margin-top: 6px;

    margin-left: 18px;

    margin-right: 0;

    margin-bottom: 6px;

		text-align: center;

    vertical-align: top;

	}

.small {font-size: 80%}

.spaced {letter-spacing: 1em}

.suffix	{margin-top: 3px; margin-left: 5px; }