html {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
}

body {
  width: 100%;
  height: 100%;
  color: #222222;
  background-color: #000066;
  font-family: Georgia, Times New Roman, serif;
  padding: 0;
  margin: 0;
  border: 0;
}

#page {
  width: 100%;
  height: 100%;
}

#left {
  width: 120px;
  text-align: right;
  vertical-align: bottom;
}

#center {
  width: 650px;
  background-color: white;
  vertical-align: top;
}

#right {
  padding: 0;
  margin: 0;
  background-image: url(images/gradient.png);
  background-repeat: repeat-y;
  background-position: left;
  vertical-align: top;
}

#me {
  position: relative; 
  left: -5px;
  top: 100px;
}


#content {
  padding: 0 15px 0 30px;
}

h1 {
  font-size: 16pt;
}

.titles {
  font-size: 16pt;
  text-align: right;
  border-bottom: 2px solid grey;
  padding-bottom: 5px;
  margin-bottom: 20px;
}


a img {
  border: 0;
}

a {
  color: #333333;
  text-decoration: none;
}

.more {
  font-size: 10pt;
  margin-bottom: 25px;
}

.more a {
  text-align: right;
  color: #006666;
}

.more a:hover {
  color: #ffcc00;
}

/* entry */

.entry {
  margin-bottom: 30px;
  color: #333333;
}

.entry a {
  color: #006666;
}

.entry a:hover {
  color: #ffcc00;
}

.entry h1 {
  font-size: 11pt;
  margin-bottom: 0;
  padding-bottom: 0;
  line-height: 120%;
}

.entry .subtitle {
  font-size: 8pt;
  font-weight: normal;
}


.entry .footer {
  font-size: 10pt;
  font-weight: normal;
}

p {
  font-size: 10pt;
  line-height: 150%;
  color: #444444;
}