@import url(core.css);
@import url(header.css);
@import url(footer.css);

/* PAGE HEADER */

#title {
  position:relative; 
  width:65.8%; padding:2.4em 0 0 34.2%;
  border-bottom:1px solid #2A7A7D;
  }
#title h1 {
  position:absolute; left:0; bottom:-2px; z-index:1;
  padding:.48em .64em .64em;
  font-size:140%; font-weight:bold;
  text-transform:uppercase;
  border:1px solid #2A7A7D;
  border-bottom:1px solid #275A66;
  background:#275A66;
  }
#searchbundle {
  position:relative; top:-.56em;
  width:98.4%; padding:.32em;
  background:#5D9A9C;
  }
#searchbundle .gbox {
  width:80%; padding:.2em;
  font:normal 100% 'trebuchet ms',arial,sans-serif; 
  border:none;
  background:#FFF;
  }
#searchbundle .gbutton {
  width:16%; padding:0 0 0 .4em; 
  font:bold 92%/140% arial,sans-serif; color:#FFF;
  text-transform:uppercase;
  border:none;
  background:#5D9A9C;
  }
  
/* CONTENTS */
  
#all {
  float:left; position:relative;
  width:64%; padding:1em 34% 1em 2%; margin:0 0 3.2em;
  border:1px solid #2A7A7D;
  border-top:none;
  }
#hot {
  position:absolute; top:1em; right:0;
  width:33.6%; _width:54%; padding:1.6em 0 0 2.4%;
  border-left:1px solid #2A7A7D;
  }
.col3 {
  float:left; position:relative; 
  width:31%; margin:0 1% 0 0;
  }
#contents li {
  list-style:none;
  }
#all a {
  color:#FFF;
  }
#hot a {
  color:#FFFBA0;
  }
#hot h2 {
  position:absolute; top:0; left:-1px;
  font-size:80%; color:#5D9A9C;
  text-transform:uppercase;
  background:#275A66;
  }