/* 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; }