* {margin: 0; padding: 0}

html {
      height: 100%;
      padding: 0;
      border: 0;
      color: #000;
      background: #fff;
      overflow: hidden;
}

body {
        max-height: 100%;
        height: 100%;
        color: #000;
	background:#B3D4F8;
	font-family: "Optima", sans-serif;
}

p {
        padding:10px 30px 10px 20px; 
        line-height:1.6
}

a{text-decoration:none}
a:link{color:#665EAA}
a:visited{color:#365EAA}
a[href]:hover, a[href]:active{color:white}

acronym {
        cursor:help
}

address {
        padding-left: 5em;
        font-size: small;
}

#container{ 
        position: relative; 
        overflow: scroll;
        height: 100%;
        width: 100%;
}

#left_col{
       height: 0px;
       width: 90px;
       text-align:center;
}
#cloud{
       width: 90px;
}


#column{
        margin-top: 5ex;
        margin-left: 10%;
	margin-right: 25%;
	max-width: 700px;
	padding-top: 10px;
	padding-bottom: 6ex;
	padding-left: 25px;
	padding-right: 25px;
}

#intro{
	border-top:1px solid #2B4D70;
	height:22ex;
}
#pageHeader{ 
        padding-top: 0%;
        padding-bottom: 1em;
	height: 10ex;
	background: #BEE4FF url(/images/street.jpg);
}
#pageHeader *:hover{
        cursor: pointer;
}
#pageHeader h1 {
        text-align:center;
}
#pageHeader h2 {
        text-align:center;
}

#pageHeader a:link{
	color: black;
}
#pageHeader a:visited{
	color: black;
}

#quickSummary{
        text-align:center;
        padding-left: 20%;
        padding-right: 20%;
	border-top:1px solid #2B4D70;
}
#quickSummary p{
	color:#000;
	font-style:italic;
	padding:1px}

pre {
       padding-left: 5em;
       font-family: monospace;
       font-size: small;
}

blockquote {
       padding-left: 3em;
       padding-right: 3em;
       font-family: "Times", serif;
       font-style: italic;
}
        

.supportingText{
        background:#BDC8D4; 
        clear:both;
        font-size:0.9em; 
}
.supportingText h1 {
        height:1.5em;
        background:#5EAEAE;
        padding-left: 0.5ex;
        border-bottom:1px solid #386496;
        font-style: italic; 
        font-size: 200%;
        font-weight: normal; 
}

.supportingText  h2 {
        height:1.5em;
        background:#9ECECE;
        padding-left: 0.5ex;
        margin: 1ex;
        border-top:1px solid #BDCCA3;
        border-bottom:1px solid #386496;
        font-style: italic; 
        font-size: 150%;
        font-weight: normal; 
}
.supportingText h3{
	height: 1.5em;
	background:#9ECECE;
        padding-left: 0.5ex;
        margin: 3ex;
	border-top:1px solid #BDCCA3;
	border-bottom:1px solid #386496;
        font-family: "Gill Sans", sans-serif;
        font-size: 100%;
        font-weight: bold;
        }

.supportingText ul{
        padding-left: 1em;
}
.supportingText ol{
        padding-left: 2em;
}
.supportingText li{
        padding:0px;
/*        font-size: 0.9em; 
        line-height:1.2; */
}

#footer {
        display: none;
        width: 100%;
	height: 3ex;
        position: absolute;
        margin: 0ex;
        left: 0px;
        bottom: 0px;
        z-index: 1;
	text-align:left;
	background:#365EAA;
	padding:0px 20px;
}
#footer a{
	color: #BEE4FF;
	font-size:0.8em}
#footer a:visited{color:#AEB4DF}
#footer a:hover{color:white}

.plain{
	border-width: 0px;
}

#linkList{
	font:0.8em Helvetica, verdana, sans-serif; 
        width: 12em;
	position:absolute;
	right:2em;
	top: 5ex;
}
#linkList h3{
        display: block;
	padding-left: 0.5em;
	padding-top: 0.25em;
	min-height: 1em;
        background: transparent;
	/*border-top:1px solid #3D82AD;
	border-right:1px solid #3D82AD;
	border-left:1px solid #3D82AD;*/
}

#linkList ul{
	background:#BDC8D4;
	border-top:1px solid #3D82AD;
	border-right:1px solid #3D82AD;
	border-left:1px solid #3D82AD
}
#linkList li{
	list-style-type:none;
	display:block; 
	border-bottom:1px solid #3D82AD;
        font-weight:bold;
	color:#000;
	padding:1ex 2ex;
}
#linkList li a{
	font-weight:bold;
	display:inline;
}

.entryDate {
        height: 0ex;
        text-align: right;
        font-style: italic;
        font-family: serif; 
}

.betweenStories {
        margin: 1ex;
        width: 80%;
        height: 3px;
}

.smallestTag { font-size:10px; }
.smallTag    { font-size:11px; }
.mediumTag   { font-size:12px; }
.bigTag      { font-size:13px; }
.biggestTag  { font-size:14px; }
.hugeTag     { font-size:15px; }
.hugestTag   { font-size:16px; }
.mostHugeTag { font-size:17px; }

#tagcloud    { 
        text-align:center;
}

.postscript {
        font-size: small;
}

pre {
        background-color:#CDD8E4;
        font-size:10px;
}

#tobyPhoto { width: 30%;
             text-align: center;
           }