/* STYLE SHEET FOR VINTAGE VOCABULARY, mystyles.css */

/* Colors from http://colorschemedesigner.com */

/* BLOCK DEFAULT MARGINS AND PADDING */

*{
margin:0;
padding:0;
}

/* SET FONT COLOR AND STYLES */

body{
  background-color:#ffc;
  color:#000;
  font-family:Arial, Helvetica, sans-serif;
  font-size:95%;
 }

/* SET MARGINS AND CENTER PAGE */

#wrapper{
  width:54em;
  margin:10px auto 0 auto;
  background-color:#fff;
  border:1px solid #369100;
}

/* BANNER STYLES */

#banner{
height:7em;
text-align:center;
padding:12px;
background-color:#cfc;
border-bottom:1em solid #369100;
}

/* header */
#banner h1{
font-family:"Goudy Stout";
font-weight:bold;
color:#369100;
padding-top:12px;
}

/* subhead */
#banner h3{
	font-style:italic;
	color:#369100;
	padding-top:6px;
}

/* NAVIGATION BAR STYLES */

#navbar{
  float:left;
  width:12em; /* must match left margin of main */
  padding-top:1em;
  padding-left:20px;
 }

/* remove bullets from sidebar items */
#navbar ul{
	list-style-type:none;
}

/* unvisited and visited links */
#navbar a, #navbar a:link, #navbar a:visited
{
	text-decoration: none;
	font-family:Georgia, serif;
	font-variant:small-caps;
	font-size:85%;
	font-weight:bold;
	color:#008500;
	height:5em;
	line-height:5em;
	outline-style:none;
}

/* hover and active links */
#navbar a:hover, #navbar a:active
{
	color:#a63800;
}
/* MAIN CONTENT STYLES */

#main{
  margin-left:12em; /* must match width of navbar */
  height:50em;
  border-left:1px solid #369100;
  padding:2em;
  font-size:90%;
 }

/* headers and paragraphs */
#main h4{
	font-variant:small-caps;
	padding-bottom:12px;
	font-family:Georgia, serif;
}

#main p{
	padding:4px;
}

/* links in headers */
#main h4 a, #main h4 a:link, #main h4 a:visited{
	color:#008500;
	text-decoration:none;
}

#main h4 a:hover, #main h4 a:active{
	color:#a63800;
}

 /* LINKS IN TEXT */

/* unvisited and visited links */
#main a, #main a:link, #main a:visited
{
  color:#008500;
  }
/* hover and active links */
#main a:hover, #main a:active
{
	color:#a63800;
}

/* INDEX PAGE SECTIONS */

/* left side */
#left{
width:23em;
padding:0;
}

/* right side */
#right{
	width:13em;
	float:right;
}

/* WORD LIST PAGE */

#list a{
	text-decoration:none;
}

/* CONTACT PAGE */

#contact{
	float:right;
	padding-left:20px;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:60px;
	width:35em;
	font-size:90%;
}

/* FOOTER STYLES */

#footer{
	clear:both;
	height:2em;
	border-top:1px solid #369100;
	padding-top:12px;
	padding-left:12px;
	font-size:80%;
}

/* remove bullets */
#footer ul{
	list-style-type:none;
}

/* make links horizontal */
#footer li{
	float:left;
}

/* unvisited and visited links */
#footer a, #footer a:link, #footer a:visited
{
	color:#008500;
	display:block;
	width:8em;
	height:2em;
	text-align:center;
}

/* hover and active links */
#footer a:hover, #footer a:active
{
	color:#a63800;
}

/* SITE INFO ON FRONT PAGE */

#siteinfo{
font-size:80%;
text-align:center;
}

#siteinfo p{
	padding:20px;
	text-align:center;
}

/* PRINTER-FRIENDLY STYLES */

@media print{
/* begin printer-friendly styles */

#wrapper{
	width:100%;
}

#banner, #navbar, #footer
{
	display:none;
}

#main{
	margin:0;
	padding:0;
}

} /* end printer-friendly styles */