/*

This is the style sheet for scratchpad.
It's free to use, just like the site template.
Mod it, copy it, build on it.
You're the man now, dog.

*/

body   {
background: url(bgcy.png);
background-repeat: repeat-x;
background-attachment: fixed;
margin: 0px 0px 0px 0px ;
font-family: sans-serif;
}


div.top {
	height: 100px; width: 100%;	background-color: black;
	background:url('images/city_header_blank.gif');
	margin: 0px 0px 0px 0px;
	border-bottom: 2px solid cyan; /* line under top H1 title */
	color: cyan; /* text color ??? */
	
}

div.top h1 {
	letter-spacing: -2px;
	font-size: 30px;
	margin: -5px 0 5px 0;
	padding-left: 10px;
	
}
div.top h1 a { text-decoration: none; color: cyan; } /* text color of top header */
div.body { 
	padding: 10px;	
	color: white;
	background-color: #121A2D; /* This governs the outside and menu background color */
	/* background-color: #FFFFFF; */
}
div.left h2, div.right h2 {
	border-bottom: 1px dotted;
	font-size: 16px;	
	padding: 10px;
	margin-top: -0px;
}
div.right h5 { 
	margin-left: 10px;
	margin-top: 0px;
}
div.left {
	background-color: black;
	padding: 5px;
	float: left;
	min-height: 400px;
	width: 200px;
	border-top: 1px solid blue; /* top and left of left side of page border */
	border-left: 1px solid blue;
}
div.right { 
	background-color: black;
	padding: 5px;
	min-height: 400px;
	margin-left: 220px;
	border: 1px solid blue;
	border-top: 1px solid blue; /* top and left of right side of page border */
	border-left: 1px solid blue;	
}	
div.footer {	
	/* clear: all; */
	margin-top: 15px;
	border: 1px solid #121a2d; /* We want this invisible, same as div.body */
	font-size: small;  /* 90%; */
}

ul.menu  {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
}

ul.menu li  {
	border-bottom: 1px solid #121a2d; /* invisible */
	padding: 1px;
}

blockquote {
	padding: 10px;	
	border-left: 3px dotted green;	
}

ul.menu li a {
	padding: 5px;
	display: block;
	color: cyan; /* Text color of menu on left side */
	text-decoration: none;
	border-bottom: 1px dotted;
	border-left: 1px dotted;
	padding-left: 15px;
	font-size: 85%;
	
	
}
ul.menu li a:hover {
	background-color: darkslategray; /* appears as background on menu when hovering */
	border-left: 10px solid lime; /* appears as flag on left of menu next to hovered choice */
	padding-left: 6px;
}

p {
	padding: 5px;
	font-size: 90%;
	line-height: 110%; /* default line spacing in paragraphs */
}

p.big  { line-height: 150%; } /* class for increased line spacing in paragraphs */

p.blockquote {	padding: 10px;	border-left: 3px dotted green; }
p.center {  text-align: center }

img.rightBorder { float: right; border: 1px solid teal; padding: 5px; margin: 5px;}
img.leftBorder	{ float: left; border: 1px solid teal; padding: 5px; margin: 5px;}
img.rightNoBorder { float: right; border: 0; }
img.leftNoBorder { float: left; border: 0; } /* for header logo, which is also a link */
/* Stuff Rick is trying to make work */
/* from http://michiel.wordpress.com/2007/07/25/floatcenter/ */
/* img.center { position:absolute, left:50px, margin-left:-85px } */


/* the rowWrapper and row classes are implmented as so: */
 /*
 <p>
 <div class="rowWrapper">
	<div class="row">LEGAL<img src="images/book-175x157.jpg" width="175" height="157"/>ISSUES
	</div>
 </div>
 </p>
*/

/* from http://webmonkeyswithlaserbeams.wordpress.com/2008/07/09/float-center/ */
.rowWrapper { 	float: left;	position: relative;	left: 50%; padding: 5px; margin: 5px;  }
.row {	border: 1px solid blue;	position: relative;	left: -50%;  padding: 5px; margin: 5px; }
/*
Inspired by http://locusmeus.com/html-css/centeringpage.html
This works OK as long as you know the width of what you're trying to center, as in:
<div class="center175"><img class="center" src="images/book-175x157.jpg" width="175" height="157" alt="Picture of a book" position="relative";  /> </div>
*/
.center175{ border: 1px solid blue; width: 175px; margin-left:auto;	margin-right:auto;	}
	
img.border	{ border: 1px solid green; padding: 5px; margin: 5px; }
span.gray { color: silver; }	
span.gray a { color: cyan; text-decoration: none; } /* Anchors or links */