/* Layout ******************/

body {
  position: relative;
  margin: 0 40px;
}

#title {
  position: absolute;
  left: 0; top: 20px; 
  height: 80px; width: 100%;
}

#title h1 {
  line-height: 80px;
  margin: 0; padding: 0 20px;
}

#sections {
  position: absolute;
  right: 0; top: 120px;
  height: 170px; width: 300px;
}

#sections ul {
  list-style: none;
  margin: 10px; padding: 0;
}

#sections li {
  margin: 5px 0; padding: 0;
  zoom: 1;
}

#sections li a {
  display: block;
}

#search {
  position: absolute;
  right: -1px; top: 190px;
  height: 20px; width: 100%;
  padding: 10px 0;
}

#search p,
#search p input,
#search p button {
  display: inline;
  vertical-align: middle;
}

#search p {
  margin-left: 10px;
}

#search p input {
  width: 120px; 
}

#news {
  position: absolute;
  right: 0; top: 370px;
  width: 300px;
  padding-bottom: 10px;
}

#news h3 {
  margin: 20px 10px 5px 10px;
}

#news p {
  margin: 5px 10px;
}

#content {
  padding-top: 120px;
  margin-right: 320px;
}

#main {
  min-height: 400px;
  zoom: 1;
}

* html #main {
  height: 400px;
}

#main p {
  margin: 10px;
}

#main .picture {
  float: left; margin-right: 10px;
}

#meta {
  margin-top: 20px;
  margin-right: 320px;
}

#meta p {
  margin: 5px 0;
}

h2 {
  margin: 0; padding: 2px 10px;
}

#sections h2,
#news h2 {
  text-align: right;
}


/* Fonts *******************/

body {
  font: small Tahoma, Arial, sans-serif;
}

h1 {
  font-size: 250%;
  text-transform: uppercase;
}

h2 {
  font-size: 130%;
  text-transform: uppercase; letter-spacing: 1px;
}

#search,
#news p,
#news h3 {
  font-size: 85%;
}

#search input,
#search button {
  font-size: 100%;
}

#sections ul a {
  font-size: 160%; font-weight: bold;
  text-decoration: none;
}

#meta {
  font-size: 85%;
}

/* Colors ******************/

html {
  background: url(window-bg.png) white left top repeat-x;
}

#title {
  background: url(title-bg.png) #638F7B right center no-repeat;
  border-color: #2A3D34;
}

h1 {
  background: url(h1-bg.png) transparent left center repeat-x;
}

#main,
#sections,
#news,
#search {
  background: #F3F8F6; color: #2A3D34;
}

#main,
#sections,
#news,
#search {
  border-color: #638F7B;
}

h2 {
  background: url(h2-bg.png) #2A3D34 left top repeat-x;
}

h1,
h2 {
  color: #FBCF64;
}

#sections a,
#search p,
#news h3 {
  color: #638F7B;
}

#news a,
#main .picture {
  color: #C79728;
}

#meta,
#meta a {
  color: #CCC;
}

/* Misc ********************/

#title,
#main,
#sections,
#search,
#news,
#main .picture {
  border-style: solid; border-width: 1px;
}

#sections li {
  background: url(section-arrow.png) right center no-repeat;
}