body {
	font-family: Arial, Helvetica, Sans-serif;
		font-size: 12px;
	background: #F9F3E7;
	margin:0px;
	padding:0px;
}

blockquote {font-style:italic;}

table {font-size: 11px}

/*---  For Headers ---*/
h1, h2, h3, h4, h5 {margin: 0px;
padding: 5px 0px;
}

h1 {font-size: 28px;}
h2 {font-size: 20px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;
text-decoration: underline;
 font-weight: bold;
}

.title {text-align: center;
padding-bottom: 20px;
}

/*---  For Section Headers ---*/
.section{
 color: #cf0021;
 font-weight: bold;
}

h3 a:link {color: #cf0021;}
h3 a:active {color: #cf0021;}
h3 a:hover {color: #cf0021; TEXT-DECORATION: none;}
h3 a:visited {color: #cf0021;}

h2 a:link {color: #cf0021;}
h2 a:active {color: #cf0021;}
h2 a:hover {color: #cf0021; TEXT-DECORATION: none;}
h2 a:visited {color: #cf0021;}

h1 a:link {color: #cf0021;}
h1 a:active {color: #cf0021;}
h1 a:hover {color: #cf0021; TEXT-DECORATION: none;}
h1 a:visited {color: #cf0021;}

a:link {color: #333399; text-decoration: underline;}
a:hover {color: #cf0021; text-decoration: underline;}
a:active {color: #333399; text-decoration: underline;}
a:visited {color: #cf0021; text-decoration: underline;}


/*---This is for the top banner and navigation links---*/
#header {border-bottom: 5px groove #333333;
 	text-align: center;
	BACKGROUND: url(http://www.baseballgraphs.com/sp_back.jpg);
 }
 
#nav {font-size: 11px;
	 color: white;
	 }
	
#nav a {font-size: 11px;
	color: white;
	text-decoration: underline;
	font-weight: bold;
}


/*--- Stuff wraps several pages below the header, adding padding.---*/ 
#stuff {padding: 10 10 5 10;
	}

/*---This is like "stuff", only for the details page.---*/
#details {width: 780px;
	padding: 5 25 5 25;
}


/*---These are the two sections of the home page---*/
#homeleft { float: left;
width: 430px;
margin: 0;
padding: 1em 2em;
border-right: 1px solid gray;
	}


#homeright { margin-left: 470px;
padding: 1em 2em;
max-width: 30em;
width:expression(document.body.clientWidth > 900? "30em": "auto" );
}


/*---This is the left side of the histindex template*/
#introleft {width: 350px;
 	padding-left: 10px;
	float: left;
	position: absolute;
	border-right: 1px ridge #999;
	margin: 0px;
}

/*---This is the right side of the histindex template*/
#introright {margin: 20px 90px 20px 20px;
 padding-left: 355px;
 }


/*---The next two sections are the right and left sections of the historical graphs pages---*/
#graphs {width: 600px;
 	padding-left: 10px;
	float: left;
	border-right: 1px ridge #999;
	margin: 0px;
}

#comments {margin: 10px 20px 20px 20px;
 padding-left: 610px;
 }


/*--- THE NEXT SECTIONS ARE FOR THE BLOG ---*/
/*---  Left side column for the blog templates---*/
#menu {
 	position: absolute;
	TOP: 123px;
        width: 175px;
	LEFT: 4px;
 font-size: 12px;
 padding-right: 10px;
 text-align: right;
 color: #333;
 padding-bottom: 30px;
 border-right: 1px dotted #999;
}

/*--- Dotted line between menu items in sidebar for the blog templates ---*/

.menuSpacer {
 border-bottom: 1px dotted #999;
 margin-bottom: 15px; 
}


/*---Right side of the blog page, holding actual articles.---*/
#content {MARGIN-LEFT: 190px;
                max-width: 53em;
                width:expression(document.body.clientWidth > 900? "58em": "auto" );
 text-align: left;
 font-size: 12px; 
 margin-bottom: 60px;
 padding-bottom: 30px;
}

/*----
{

 width: 570px;
 float: left;

	BACKGROUND: #fff;
	MARGIN-LEFT: 210px;
                max-width: 55em;
                width:expression(document.body.clientWidth > 900? "58em": "auto" );
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding-left: 15px;
                padding-right: 15px;
	padding-top: 2px;
	border: 1px groove #8b0000;
                text-align: left;
}
----*/


.entry {
margin-top: 10px;
padding: 0 10px 10px 10px;
border: 1px solid #ccc;
background: #F9F8F2;
color: #333;
}

.paginate {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			12px;
 font-weight: 		normal;
 letter-spacing:	.1em;
 padding:			10px 6px 10px 4px;
 margin:			0;
 background-color:	transparent;
}

.pagecount {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			10px;
 color:				#666;
 font-weight:		normal;
 background-color: transparent;
}

.posted {
margin-bottom: 10px;
font: 10px lucida grande, verdana, arial, helvetica, sans-serif;
background: transparent;
color: #666;
}


/*---SORTABLE TABLES---*/
table.sortable a.sortheader {
    background-color:#eee;
    color:#0000ff;
    font-weight: bold;
    text-decoration: none;
    display: block;
}

table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}


/*---  Old left side bar ---*/
#headlines {
 width: 260px;
 float: left;
 padding-right: 10px;
 text-align: left;
 color: #333;
 padding-bottom: 10px;
 border-right: 1px dotted #999;
}

/*---  Right side picture; not sure what it's for ---*/
#rightpic {
 width: 220px;
 float: right;
 margin-top: 40px;
 padding-right: 30px;
 padding-bottom: 30px;
}