/* ****
	norcaloldtimers.org/antiques/
	layout.css, 4/18/2006, Denny Brown, Expert Support Inc. (dbrown at xs dot com)
	This set of styles is based on work at Stanford Computer Forum.
	Please leave this identifying information in place if you use this file.
	Contact the author if you have questions.
	
	DBG: indicates an item included just for debugging. 
**** */

/* **************** Layout section ************ */
/*
    +-outer-container------+
	|+-frame-top----------+|
	|+-frame-body---------+|
	||+-header-----------+||
	||+-SignupAndSearch--+||
	||+-navigation-------+||
	||+-inner-container--+||
	|||+-sidebar--------+|||  or 	|||+-leftCol--------+|||
	|||+-main-----------+|||  or 	|||+-rightCol-------+|||
	||+-----end inner----+||
	||+-footer-----------+||
	|+---end frame-body---+|
	|+-frame-bottom-------+|
	+----end outer---------+
	
*/

#outer-container {
	/* left & right both auto centers the container. */
	width:800px; /* Was 790px in the Stanford Design. NLP logo is 795px. */
	margin-left:auto;
	margin-right:auto;

/*  border color is ODV, a dark violet 
	border-color:#330066; 
	border-style: solid; 
	border-width: 1px; 
*/
}

/* The "frame" items create a visible frame around the content. See forum.stanford.edu for an example. */
#frame-top {
	clear:both;
	height:2px; /* We're not using the framing graphic, so reduce to 2px. */
	
	/* height:20px; /* 20px needed for framing graphic */
	/* line-height:1px; /* Don't know why this is needed for the framing graphic. */
	/* background:url(/newDesign/images/layout/top.png) no-repeat; */
	
/*	For Debugging... 
	/* background-color:#99FFCC; /* PDT 
	border-color:#FF9900;
	border-style: solid; 
	border-width: 1px; 
*/
}

#frame-body {
	padding: 0px 0px 0px 0px; /* Not using the frame graphic, so no padding needed. */

	
	/* padding: 0 10px 0 10px; /* This padding pushes content away from the vertical frame. */
	/* height:1%; /* ?? Don't know. */
	/* background:url(/newDesign/images/layout/content.png) repeat-y; /* the frame graphic */
	
	/* background-color:#99CCFF; /* PDA - for debugging */
}

#frame-bottom {
	clear:both;
	height:2px; /* We're not using the framing graphic, so reduce to 2px. */
	
	/* height:20px; /* 20px needed for framing graphic */
	/* line-height:1px; /* Don't know why this is needed for the framing graphic. */
	/* background:url(/newDesign/images/layout/bottom.png) no-repeat; */
	
	/* background-color:#CC99FF; /* PDV - for debugging */
}


#header {
	/* Dimensions were from forum.stanford.edu. */
	/* width:780px; */
	/* height: 96px; */
	/* margin-left:5px; Removed to fix the overlap problem? */
	
	/* background:url(/images/header.gif) no-repeat; */
	/* background-color:#E8E8E8; */ /* light gray */
}
#header h1 {
	/* margin-top: 0; /* prevent an h1 in the header section from breaking the 'frame' stuff.  */
}

#SignupAndSearch {
	/* Nothing special for this so far. */
	clear: both;
	margin:2px 0px 2px 0px; /* top and bottom separation from header an nav bar */
}

#signup {
	/* positioning & size */
	/*  display:inline; /* This is just WRONG. Don't use. */
	/* float:right; /* This does NOT simply put thing on the right. */
	/* float:left; /* I don't think we need the float here. Just put in normal flow. */
	/* margin:0px 0px 0px 475px; /* 400 px for the search box; 75px to center sigunup over right half. */
	margin:0px 0px 0px 525px; /* 500 px for the search box; 25px to center sigunup over right half. */
	width:250px; /* Make it about the right size visually. */
	padding: 1px 1px 1px 1px;
	/* visuals */
	/* background-color:#FF9933; /* an obnoxious orange */
	/* background-color:#ff9900; /* another obnoxious orange */
	/* background-color:#66CCFF; /* a light blue, clashes with nlpcoColor */
	background-color:#000099; /* primaryColor, maybe... */
	/* font-size:18px; */ /* From old style; dpb things this is garish. */
}

#picosearch {
	/*  display:inline; /* This is just WRONG. Don't use. */
	/* float:right; */
	float:left;
	/* width: 400px; /* half of 800px */
	width: 500px; /* Need more room for google search */
	margin:0px 0px 0px 0px;
}

#navigation {
	clear:both;
}

#inner-container {

/* inner-container normally doesn't do much; it's here for history and/or future options */
/*   For debugging: bg-color is a medium gray, border-color is a dark green "spring" */
/*
	background-color:#a0a0a0;
	border-color:#336600;
	border-style: solid; 
	border-width: 1px; 
*/
	clear:both;
	margin: 0px 0px 0px 0px;
}

/* main1: one column design. Main1 takes entire width for content. */
#main1 {
	margin: 0px 0px 0px 0px;
/*  For debugging, bg-color is a pale, weak, yellow. */
/*
	background-color:#FFFFCC;
*/
}

/* Sidebar and Main: two column design. Sidebar narrow for menus, etc. Main wide for content. */
#sidebar {
	margin: 0px 0px 0px 0px;
	padding: 10px 2px 10px 4px; /* */
	float:left;
	width:192px; /* 200px - 2px (for border) -6px (for padding). */
	background-color: #EEE; /* light gray */
	border: 1px solid #CCC; /* slightly darker gray */
	
/*	For debugging: bg-color is a pale, dull spring, a greenish thing. */
/*
	background-color:#CCFF99;
*/
}

#main {
	/* Original main def's. */ /*
	margin-left:180px; /* Leave room for sidebar, plus about 10 px. */ /*
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	*/
	
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 0px 8px;
	width:588px; /* 600px - 12px for padding */
	float:left;

/*  For debugging, bg-color is a pale, weak, yellow. */
/*
	background-color:#FFFFCC;
*/
}

/* leftCol and rightCol: two column design. Both columns about the same size. */
#leftCol {
	margin: 0px 5px 0px 0px; /* 5px on the right to get to 400px. */
	float:left;
	width:395px;
	
/*	For debugging: bg-color is a pale, dull spring, a greenish thing. */
/*
	background-color:#CCFF99;
*/
}

#rightCol {
	margin: 0px 0px 0px 5px; /* 5 px on the left, to get 10 between the cols. */
	float:left;
	width:395px;

/*  For debugging, bg-color is a pale, weak, yellow. */
/*
	background-color:#FFFFCC;
*/

}

/* leftsidebar, main3, and rightsidebar: three column design. 2x4x2 */
#leftsidebar {
	margin: 0px 0px 0px 0px;
	padding: 10px 2px 10px 4px; /* */
	float:left;
	width:192px; /* 200px - 2px (for border) -6px (for padding). */
	background-color: #EEE; /* light gray */
	border: 1px solid #CCC; /* slightly darker gray */
	
/*	For debugging: bg-color is a pale, dull spring, a greenish thing. */
/*
	background-color:#CCFF99;
*/
}

#main3 {
	margin: 0px 0px 0px 0px;
	/* margin-left:200px; /* Leave room for sidebars, plus about 10 px. */
	/* margin-right:200px; /* */
	/* margin-top:0px; /* */
	/* margin-bottom:0px; /* */
	padding: 0px 4px 0px 8px;
	width:388px; /* 400px - 12px for padding */
	float:left;

/*  For debugging, bg-color is a pale, weak, yellow. */
/*
	background-color:#FFFFCC;
*/
}

#rightsidebar {
	/* margin: 0px 0px 0px 605px; /* Leave room for sidebar & main3, plus about 10 px. */
	margin: 0px 0px 0px 0px;
	float:left;
	width:198px; /* 200px - 2px for border. */
	background-color: #EEE; /* light gray */
	border: 1px solid #CCC; /* slightly darker gray */

/*	For debugging: bg-color is a pale, dull spring, a greenish thing. */
/*
	background-color:#CCFF99;
*/

}

#footer {
	clear:both;
	/* padding-top: 10px; */
	
	/* new from denny 
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 9px;
	*/
/*  For debugging, bg-color is a dark pink. */
/*	
	background-color:#FF99CC;
*/
}

#dropdown {
z-index: 10;
}

/* **************** Look & Feel section ************ */

/* Colors in this site's palette. Please add new colors here, just for documentation. */

.primaryColor {
	color:#000099; /* Dominant, primary color for the site. */
}

.primaryColorLight {
	color:#3333CC;  /* Lighter version, for similar but contrast. */
}

/* Default look and feel for the site. */

/* **** main Look & Feel ************ */

.standout {  color: #990000}

b, strong {
	color:#000099; /* primaryColor */
}

/* box is used to make a visual box. Size is determined by parents. */
.box { 
	margin: 0px 0px 10px 0px; /* spec for debugging an alignment problem. */
	/* margin: 5px 5px 5px 5px; /* the correct spec. */
	background-color:#FFFFFF; 
	border-color:#000099; /* primaryColor */
	border-style:groove; 
	border-width:2px; 
	padding: 8px 8px 8px 8px ;
} 

.floatRight { /* Use this to float simple pix etc. to the right. Enclosed should define width. Place before what you want to wrap around. */
	float: right;
}

.floatLeft { /* Use this to float simple pix etc. to the left. Enclosed should define width. Place before what you want to wrap around. */
	float: left;
}

.padPhoto { /* use this to put some padding around a photo that you're floating inline. */
	padding: 5px 5px 5px 5px;
}

body { 
	 
	/* background-color:#E8E8E8; /* Light, light gray */
	background-color:#FFFFFF; /* white */
	
	/* default font info */
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}

	/* header sizes. */
h1 {
	font-size:16px;
	color: #000099; /* primaryColor */
}

h2 {
	font-size:14px;
	color: #000099; /* primaryColor */
}

h3, h4, h5, h6, th {
	font-size:12px;
	color: #000099; /* primaryColor */
}


/* **** default link Look & Feel  *** */

/* Link L&F. */
a			{
				/* font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; */
				text-decoration:none;
}

a:link		{
				/* font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; */
				text-decoration:underline; 
				color: #000099; /* primaryColor */
}

a:visited 	{ 
				/* font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; */
				text-decoration: underline ;
				color:#3333CC;   /* lighter version of primaryColor */
				/* color:#FF0000;   /* DBG: Red */
}

a:hover		{
				/* font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; */
				text-decoration: none;
				background-color:#000099; /* primaryColor */
				/* background-color: #FF6600; /* DBG: dark Orange */
				color:#FFFFFF; 
}

a:active	{
				/* font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; */
				text-decoration:none; 
				color:#000099;
}

/* **** signup Look & Feel ************ */

#signup a {
				background-color:#000099;
				color:#FFFFFF; 
				text-decoration: underline ;
				font-weight:bold;
}

#signup a:hover {
				background-color:#FFFFFF;
				color:#000099; 
				text-decoration: none ;
				font-weight:bold;
}

/* **** sidemenu Look & Feel ************ */

.sidemenu a  { 
				color: #6e6e6e; /* a medium gray */
				text-decoration: none;
}

/* design decision: Don't distinguish visited and unvisited links in sidebars. */

.sidemenu a:hover { 
				/* color: #A5001C; /* Stanford's red */
				background-color:#000099;
				color:#FFFFFF; 
}

/* I think that we should never use p in a menu sidebar. Just use ul & li. */
/* But I've left it in for now. */
.sidemenu p {
				color: #6e6e6e; 
				font-weight:bold;
				margin-bottom:3px;
}

.sidemenu ul {
				color: #6e6e6e; 
				padding-left:0;
				/* margin-left:20px; */
				margin-left:0;
				margin-top:0;
}

.sidemenu ul ul {
				padding-left:0;
				/* margin-left:20px; */
				margin-left:10px;
				margin-top:0;
}

.sidemenu ul ul ul {
				padding-left:0;
				/* margin-left:20px; */
				margin-left:20px;
				margin-top:0;
}

.sidemenu li {
				list-style-type: none;
}

.sidemenu li li {
				list-style-type: disc;
				margin-left: 10px;
}

.sidemenu li li li {
				list-style-type: circle;
				margin-left: 20px;
}



/* **** footer Look & Feel ************ */

#footer {
	/* new from denny */
	/* font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; */
	font-size: 9px;
	color: #6e6e6e;
}

/* **** wpTeasers Look & Feel ************ */

.wpTeasers {
	margin:0;
	padding:0;
/* For debugging
	margin:0px 0px 0px 0px;
	padding: 4px 4px 4px 4px ;

	border-color:#84449a;
	border-style:groove; 
	border-width:1px; 
*/
}

.wpTeasers p {
	margin:0;
	padding:0;
}

.wpTeasers div {
	margin:0;
	padding:0;
}

.wpTeasers .storytitle {
	padding-top:8px; /* some space above the title? Or maybe use space below excerpt. */
}

.wpTeasers .storyauthor {
	padding-left:8px;  /* indent a little */
	font-size: 10px;
	color: #333333; /* dark gray */
	/* display:none; /* Activate this to hide. */
}

.wpTeasers .storyexcerpt {
	/* padding-left:2em;  /* indent a little */
	/* font-size:0.9em; /* make the font a little */
	/* padding:0 0 8px 0; /* some space below the excerpt? Or maybe use space above title?*/
	/* display:none; /* Activate this to hide. */
}

/* Special styles for different uses. */

/* Use code to display computer code and other fixed-width font uses. */
.code {
	font-family: Courier New, Courier, Arial, Helvetica;
	/* font-size:10pt; */
	font-size: 80%;
}

/* Use for copyright notices. */
.copyright {
	font-size: 80%;
	color: #333333;
}

/* Use devnote  to insert developer notes onto the page. designed to make it easy to see and remove. */
.devnote { 
	/* background-color:#CCCCCC; /* orig */
	background-color:#6666ff;
	/* border-color:#333333;   /* orig */
	border-color:#3333cc; 
	/* border-style:solid;  /* orig */
	/* border-width:thin;  /* orig */
	color:#000000; 
}

/* Use errormsg to display an error of some kind. */
.errormsg {
	/* font-family: Avant Garde, Verdana, Arial, Helvetica, sans-serif; /* */
	color: red;
}

/* Use highlight to highlight important stuff in text. Use like you might use a highlighter in a book/article. */
.highlight {
	background-color: #FFFF00; /* Yellow, like the highlighters. */
	/* text-decoration: underline; /* */
}

/* Use testimonial to display customer testimonials */
.testimonial { 
	color:#000099; 
	font-style:italic; 
	margin:5px 50px 5px 50px; 
	text-align:center; 
}

.updated {
	font-size: 80%;
	color: #333333;
}