/***** include header and footer *****/
@import url( "photograph.css" );
@import url( "header-jd1.css" );
@import url( "footer-jd1.css" );
@import url( "navbar-jd1.css" );


/***** define BODY *****/
BODY {
  background-color: #9cf;
  color: #000;
  font-family: sans-selif;
}

ul.title {
  font-size: 1.25em;
  line-height:1.5em;
  list-style-type:none;
  color: #333;
}

P {
  text-indent: 1em;
}

P IMG {
  margin-top: 1em;
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 1em;
}
H1.top {
  font-weight:normal;
  font-family: sans-selif;
  font-size: 2em;
  color: #FFF;
  background-color: #69c;
  border: none;
  margin:0;
}

H1 {
  font-size: 1.75em;
  font-family: sans-selif;
  color: white; 
  background-color: #69C;
  border: none;
}

H2 {
  color: white; 
  background-color: #69C;
  font-family: sans-selif;
  font-size: 1.5em;
  border: none;
 }

H3 {
  color: white; 
  font-size: 1.25em;
  font-family: sans-selif;
  background-color: #69C;
  border: none;
 }

STRONG {
  font-size: 1.5em;
  font-family: sans-selif;
  font-weight: bold;
  color:#309;
}
EM{
  font-size: 1.2em;
  font-family: sans-selif;
  font-weight: bold;
  font-style: normal;
  color:#309;
}

PRE {
  margin-left: 3em;
  margin-right: 2em;
}

.append {font-size: 0.8em}

.caption {color: blue}

.separator {
  color: #FFF;
  background-color: #69c;
  border: none;
}
.counter {
  color: #000;
  background-color: #69c;
  border: none;
  text-align: right;
}
/***** Style of Link *****/
A:LINK { 
  color: #00F;
  text-decoration: underline;
}

A:VISITED { 
  text-decoration: underline;
  color: indigo;
}

A:HOVER {
  background-color: #369;
  text-decoration: underline;
  color: #0F0;
}

/***** End of Link *****/
IMG{
  border: 0;
}
IMG.banner{
  border: 0;
  vertical-align: middle;
}