/* CSS sheet */

/*html defaults--------------------*/

body {
  background-color: #000000;
  /* border: 1px solid red; */
  color: #FFFFFF;
  font-size: 13px;
  font-weight: normal;
  font-family: Arial, Helvetica, Sans-Serif;
  text-align: center;
}

img {
  border-width: 5px;
  border-color: #000000;
}

a {
  color: #FFFFFF;
}

h1 {
  font-size: 2em;
  margin: 0;
}

h2 {
  font-size: 1.5em;
  margin: 0;
}

p {
  margin: 8px auto 0 auto;
  /* CSS validation error: margin: 8px, 8px, 0, 0; */
}

.Error {color: #EC008C; font-weight: bold}

.Feedback {color: #57ba07; font-weight: bold}

/*Wrapper---------------------*/
#wrapper {
  /* border: 1px solid green; */
  margin: 0 auto;
  padding: 0;
  width: 832px;
}

/*Header-----------------------*/
#header {
  vertical-align: middle;
  position: relative;
  border-bottom: 1px solid white;
  padding: 10px 0px 10px 0px;
}

#header img {
  margin: 4px 4px 4px 4px;
  position: relative;
  vertical-align: middle;
  border: 1px solid white;
}

/*Navigation--------------------*/
#nav {
  /* border: 1px solid blue; */
  clear: both;
  margin: 0px auto 0 auto;
  padding: 0;
}
  
#nav ul {
  /* border-top: 1px solid #FFFFFF; */
  list-style: none;
  margin: 0;
  padding: 0;
}
  
#nav li {
  /* Firefox on Mac seems to need both of the following */
  display: inline;
  float: left;
  font-size: 80%;
  letter-spacing: 2px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
  
#nav li a {
  color: #e7e3d9;
  float: left;
  margin: 0;
  padding: 10px 12px;
  text-decoration: none;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
  
#nav li a:hover {
  background: #464a52;
  /* border-top: 1px solid #000000; */
  /* border-bottom: 1px solid #FFFFFF; */
}

#nav li a.active {
  font-weight: bold;
  border: 1px solid #FFFFFF;
  /* color: #9933FF; */
}

/*content--------------------*/  
  
#pageContent {
  /* border: 1px solid yellow; */
  clear: both;
  margin: 2px 2px 20px 2px;
  padding-top: 6px;
  text-align: left;  
  width: 832px;
}  
  
#mainImage {
  width: 200px;
  float: left;
}

#mainContent {
  width: 595px;
  float: right;
  color: #DDDDDD;
}

#mainContent ul {
  list-style: none;
  padding: 0;
}

#mainContent ul li {
  padding: 8px 6px;
} 

#signature {
   float: right;
}
.resumeHeading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #006600;
}

/*footer--------------------*/  
  
#bottomInfo {
  clear: both;
  padding: 8px;
  border-bottom: 1px solid #FFFFFF;
}

#footer {
  float: right;
  padding: .5em;
}
.resumeDate {
  font-style: italic;
}
.resumeItem {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #FFFFFF;
}

/*content links---------------------*/
#pageContent a {
  color: #FFFFFF;
  text-decoration: none;
  font-style: italic;
}

#pageContent a:link {
  color: #9966FF;
/*  text-decoration: none; */
}

#pageContent a:visited {
  color: #9966FF;
/*  text-decoration: none; */
}

#pageContent a:hover {
  color: #FFFFFF;
/*  text-decoration: none; */
}

#pageContent a:active {
  color: #9966FF;
/* text-decoration: none; */
}

/*Classes for gallery----------------*/
.galleryNav{
  width: 350px;
  float: left;
  padding-bottom: 15px;
}

.galleryDetail{
  /* border-top: 1px solid #FFFFFF; */
  padding-top: 36px;
}

.galleryPages{
  text-align: left;
  position: relative;
  vertical-align: middle;
}

.galleryPages img{
  border-width: 0px;
}

.detailPages{
  text-align: left;
  position: relative;
  vertical-align: middle;
}

.detailPages img{
  border-width: 0px;
}