@charset "UTF-8";

/* -------------Color List---------- */
/* #eef0dd off white background  */
/* #1c4931 green headers  */
/* #000000 black text */
/* #907300 brown accents */
/* lucies choice */



/* --------------------- Global Styles --------------------- */

* {
	padding: 0;
	margin: 0;
	border: 0;
}
img {
	border: 1px solid #1c4931;
}

body {
	background-color: #eef0dd;
	width: 100%;
	height: 100%;
	font-family: "Garamond", "Baskerville", "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
font-size: 16px;
	line-height: 1.2em; /* this seems to be line leading or line spacing */
	font-weight: 400;

}

title {
	font-family:  "Garamond", "Baskerville", "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;

}

h1 {
        line-height: 1.5em; /* this seems to be line leading or line spacing */	
        float: left;
	font-family: "Garamond", "Baskerville", "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
	
	font-size: 44px;
}
h1, h2, h3, h4 {
	color: #1c4931;
	padding: 4px 0;
	font-weight: 600;
        font-family: "Garamond", "Baskerville", "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
}
h2 {
	margin-top: 5px;
	font-weight: 600;
}

p { 
	color: #000000;
	font-weight: 400;
	padding-bottom: 12px;
	

}


a:hover {font-weight:bold;}  /* mouse over link  ... was background-color:#228b22;*/
a:active {background-color:#907300;}  /* selected link */

/* ------------------ Structural ids ------------------------ */
#wrapper {
	width: 60%;
	max-width: 1200px;
	min-width: 600px;
	margin: 0 auto;
	padding-top: 5px;
}

#top {
	padding-bottom: 2px;
	min-height: 30px;
	max-height: 80px;
	width: 100%;
	margin: 15px auto;
	overflow: hidden;
	border-bottom: 2px solid #1c4931;
}
#top ul {
	float: right;
	font-size: 15px;
	margin-top:5px;
}
#top ul li {
		display: inline;
		padding: 0 5px;
	}
#top a {
	color: #1c4931;
	font-weight: 400;
	text-decoration: none;
	padding: 3px;
	}
	
#content {
	clear: both;
	width: 100%;
	float: left;
}

#main {
	margin-left: 200px;
	padding-left: 25px;

}
#sidebar {
	width: 200px;
	float: left;
	
}
#sidebar ul li{
	list-style:none;
}
#sidebar p {
	text-align: left;
	width: 180px;
	line-height: 1.4em;

}



#main ul.publications li, #main ol.publications li{
	
/*	list-style: none;   */
	color: #000000;
	font-weight: 400;
	margin-bottom: 12px;
	line-height: 1.1em;
	
	}
#main ul li, #main ol li {
/*	list-style: none;   */
	color: #000000;
	font-weight: 400;
	line-height: 1.1em;
	
}

ol {
    margin-left: 2em;
}

ol > ol {
    margin-left: 1.5em;
}

#main a {
	font-weight: 400;	
}



/* ------------- stylistic classes ----------------- */


	
.paragraph a, #main a {
color: #000000;
	font-weight: 400;
	text-decoration: none;

}

#sidebar a {
	color: #000000;
	font-weight: 400;
	text-decoration: none;
	
}
.space {
	
	font-weight: 400;
}

}




ul.sidenav li {
	list-style:none;
	padding: 5px 0;
	
}
 ul.sidenav li a {
	padding: 5px;
	font-weight: 400;
	text-decoration: none;
	color: #000000;
}
.bold {
	font-weight: 600;
}

.media {
	width: 500px;
	float: left;
	border: 1px solid #1c4931;
	margin: 10px;
}

.media img {
	width: 95%;
 	margin: 2px 2.5%;
	
	border: 0;
}

.caption {
	width: 100%;
	margin: 1px 3px;
	text-align: center;
	color: #000000;
	font-weight: 400;
}

.clear {
	clear:both;
}


/* added the below for index and gallery pages, to enable captions */

.gallery table { float: center;
                 margin: 0 5px 20px 0; }



/* added the below per http://www.instructables.com/id/Make-your-HTML-Website-suitable-for-Mobile-Devices -- no tweaking yet, not sure if its right */ 

@media screen and (max-width: 481px){

#main, #subnav{                              /* stack the 2 text boxes */
   float: left;
   padding:0;
   width: 94%;                     /* 3% + 94% + 3% = 100% = full width */
   margin: 3%;                         /* 3% margin spaced on all sides */
}

#subnav dt{                       /* reset padding and margin=top to 0 */
   padding: 0;
   margin-top:0;
}

#subnav{
   border-right: 1px dotted #aaa;
   border-bottom: 1px dotted #aaa;        /* complete the table border */
}

#logo{

   font-size: 45px;
}

#menu{

   text-align: center;                /* navigation links to the center */
   padding:0;
}

#menu h{ /* make margin and padding spaces between and around the links */

   display: inline-block;
   margin: 1.25% .5% 1.25% .5%;
   border-left: 0;
   padding: 1%;
   border: 1px #1c4931        /* draw green around the links */
}

#menu h a{
   color: #1c4931;                /* none active link elements are white  */
   text decoration: none;
}

}