body {
  font-family: verdana;
  background: #2A4A53;
  color: #fff;
  margin: 0px;
}

#content a:link, a:visited {
  color: #2A4A53;
  text-decoration: none;
}
#content a:hover {
  color: #fff;
}
#container {
  width: 800;
  margin: auto;
  background: #418283;
}
#sidebar {
  float: right;
  width: 200px;
  margin: 5px;
}
#head {
  width: 600px;
}
#head h1 {
  margin: 0px;
  height: 200px;
}
#content {
  width: 600px;
}
#footer {
  clear: both;
}

/* Head */
#head { background: url('head.jpg') no-repeat; height: 276px}
#head h1 {display: none;}

/* projectcard */
#content .projectcard { margin: 10px; padding-bottom: 10px; background: #72BBA3; }
#content .projectcard img { float: left; margin: 5px; border: 3px solid #2A4A53; }
#content .projectcard h1 { margin: 3px; font-size: 30px;}
#content .projectcard h2 { margin: 3px; font-size: 16px;}
#content .projectcard .desc { margin: 5px; text-align: justify; font-size: 12px;}
#content .projectcard blockquote { border-left: 3px solid #2A4A53; margin-left: 20px; padding-left: 10px; }

/* sidebar */
#sidebar { background: #B4E1A2; color: #2A4A53; font-size: 12px; }
#sidebar em { display: block; }
#sidebar ul { list-style: none; margin: 5px; padding: 0px; }
#sidebar ul h1 {font-size: 16px; }
#sidebar li { background: #72BBA3; margin: 5px; padding: 5px; }
#sidebar li em { font-weight: bold; }
#sidebar #RSS {display: block; text-align: right; text-decoration: none; margin: 5px; color: #2A4A53;}
#sidebar #RSS:hover {display: block; text-align: right; color: #fff;}

/* search */
#search { margin: 5px; }
#search input { font-size: 12px; }
#search input[type="text"] { text-align: right; border: 0px; background: #418283; }
#search input[type="submit"] { border: 0px; background: #72BBA3; }
#search input[type="submit"]:hover { background: #fff; }

/* footer */
#footer {
  background: #B4E1A2;
  color: #2A4A53;
  font-size: 10px;
  text-align: center;
}
#footer p { margin: 5px; }
}