/* ===============================================
   peknet CSS
   ================================================ */
   
   
/* =====================
   common 
   ==================== */

div.literallayout p, pre
{
   background: #F0F0F0;
    border: 1px solid gray;
    padding: 4px;
   /* font-size: 10pt; */
   white-space: pre;
   font-family: monaco, courier, monospaced, serif;
   overflow: auto;
}

.strike
{
   text-decoration: line-through; 
}

div.title
{

	font-size: 14pt;
	text-align: left;
/*	margin-left: 14px; */
	padding: 4px 4px 4px 14px;
/*	width: 780px;  */
	border: 1px solid rgb(204,204,204);
        /* background-color: #ccccff; */
        background-color: #f5f5f5;
	border-bottom: solid thick rgb(117,144,174);

}

div.blue
{
        background-color: #eeeeee;
/* padding: t r b l; */
	padding: 4px;
        border-top: solid rgb(117,144,174);
}

html, body
{
    padding: 0;
    margin: 0;
}

#main_wrapper
{
    padding: 0;
    margin: 0;
    background-color: rgb(117,144,174);
}

table.main
{
    background-color: white;
    align:center;
}

table.main caption
{
    align:center;
    text-align:center;
}

img.review
{
    padding: 6px;
    border: none;
}

span.smalldate
{

	font-size: 90%;

}

.small
{
	font-size: 90%;
}

A
{

   COLOR: #00008B;
   TEXT-DECORATION: none;
}

div.story a
{
   COLOR: #00008B;
   TEXT-DECORATION: none;
   border-bottom: 1px dotted #aaaaff; 
}

A:visited
{

   COLOR: #990033;
   TEXT-DECORATION: none;
}


div.story a:hover, A:hover
{
    /*
    COLOR: #990033;
    TEXT-DECORATION: none;
    background-color: #FFFF80;
    */
    color: white;
    background-color: rgb(117,144,174);
    text-decoration: none;
}

.hilight
{
    background: lightgoldenrodyellow;
}

P
{
    COLOR: black;
 /*   FONT-FAMILY: Arial, Helvetica, sans-serif, "MS sans serif"; */
    font-family: verdana,arial,helvetica,'sans-serif';
}

BODY
{
    COLOR: black;
/*    FONT-FAMILY:   Arial, Helvetica, sans-serif, "MS sans serif"; */
    font-family: verdana,arial,helvetica,'sans-serif';
}



/* ==================
   left column
   ================== */
   
div.left
{

   width: 200px;
   border: 1px solid rgb(204,204,204);
   padding: 0;
   
}

div.about
{
  font-size: 95%;
  margin: 6px;
   
   
}

div.credits
{
   padding: 10px;
   font-size: 95%;
   
}

#lhmenu {
  color: rgb(204,204,204);
  background-color: transparent;
  list-style-type: square;
  list-style-position: inside;
}


#lhmenu:hover {
  color: rgb(117,144,174);
  background-color: transparent;
  border-color: rgb(117,144,174);
}

ul.menu {

  margin-top: 10px;
  padding: 6px;
  
}

#lhmenu li {
  
}

#lhmenu li:hover {
  color: rgb(61,92,122);
  background-color: transparent;
}



/*=====================
  center column
  ===================== */

div.story
{

	margin: 0;
	clear: left;
	text-align: left;

}

h3.story
{
   margin-top:0;
   margin-left: -6px;
   margin-right: -6px;
   //font-weight: normal;
   //border-top: solid rgb(117,144,174);
   //background-color: #eeeeee;
   padding: 4px;

}

div.main
{
  
  width:500px; 

}

.comment
{
    text-decoration: none;
    font-style: italic;
}

.commenter
{
	text-align: right;
	font-weight: bold;
}


div.quote
{
	color:#222; 
	border: 1px solid rgb(204,204,204);
	background: #eeeeee;
	padding:10px;
	/* margin:8px; */
        margin-top: 8px;
        margin-bottom: 0;
}

div.spam
{
        color:#222;
        border: 1px solid rgb(204,204,204);
        background: #eeeeee;
        padding:10px;
        margin-top: 8px;
        margin-bottom: 8px;
        //white-space: pre

}

div.smallquote
{
        color:#222;
        border: 1px solid rgb(204,204,204);
        background: #eeeeee;
        padding:10px;
        /* margin:8px; */
        margin-top: 8px;
        margin-bottom: 8px;
        font-size: 90%;
}

div.code {
    color: #000;
    background-color: #eee;
    border: 1px solid rgb(204,204,204);
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 0 4px 4px 4px;
}

.code {
    white-space: pre;
    font-family: monaco, courier, fixed;
}


div.writeback
{
	margin: 10px 25px 10px 25px;
	border: 1px dotted rgb(204,204,204);
	/* font-size: 95%; */
	background-color: transparent;
	padding:10px 20px 10px 20px;

}

/*==========================
   right column
   ======================= */


div.right
{

  width: 200px;
  border: 1px solid rgb(204,204,204);
  padding: 0;

}

div.rt-calendar
{

   padding: 8px;

}

.calendar_month_head {
	font-size:		9pt;
	font-weight:		normal;
}

.month_link
{
    font-size:   7pt;
    font-weight: normal;
}

.calendar_day_head {
	font-size:		7pt;
	font-weight:		normal;
}
.calendar_day_noday {}
.calendar_day_link {
	text-align:		right;
        background-color: #eeeeee;
        border-top: 1px solid rgb(117,144,174);
}
.calendar_day_nolink {
	text-align:		right;
}

.rss
{

	font-size: 95%;

}

b.rsstitle
{
	font-size: 100%;
}

div.weather
{

   padding: 8px;
}

div#worthreading
{
   padding: 8px;	
}

div.rsslink
{
  color: rgb(204,204,204);
  background-color: transparent;
  margin-top: 4px;
  padding: 0;
  list-style-position: outside;

}


div.rsslink:hover {
  color: rgb(117,144,174);
  background-color: transparent;
  border-color: rgb(117,144,174);
}

   
#worthreading ul
{

/*  margin-top: 10px; */
/* t r b l */
  padding: 0 0 0 14px;
  font-size: 95%;

}

#worthreading li.rssitem
{
   margin: 0;
   padding: 2px 0 2px 0;
}


/* ==================
  search form
  ======================== */

input.button
{

	font-size: 8pt;
	color: #00008B;
	border-style: outset;
	border-width: 1px;
	border-color: #004186;
	background-color: white;
}


.hitbar
{
	background-color: #ccccff;

}

input.button:hover
{
	/* font-weight: bold; */
	color: #004186;
	/* font-size:9px; */
	background-color: #e5ecf9;
	border-style: inset;
	/* letter-spacing: -0.5px */
}

form
{
	margin: 0px;

}

div.description
{

    margin: 6px;
    font-size: 95%;

}

div.metadata
{
    font-size:90%;
    color: gray;
}


/* ========================
   misc 
   ===========================  */


.invite
{
	font-size: 90%;
	text-align: right;
}





/* ========================= slides  */

body.slides h2
{
  margin-top:0;
  font-size:28px;
}

body.slides h4
{
  font-size:20px;
}

body.slides pre
{
  font-size:18px;
  white-space: pre;
  padding: 1em;
}

/* lists */

dl dt {
    font-weight: bold;
    margin-top: 1em;
}

dl dd {
    margin-left: 1em;
    margin-top: 0.5em;
    margin-botton: 0.5em;
}