/***********************************************************************   
   Filename: layout.css
   Purpose:  Position and style main layout elements of template
   Authors:  Pat Heard
 ***********************************************************************/



/***********************************************************************
   Main layout elements
 ***********************************************************************/

#horizon {
  text-align: center; 
  position: absolute;
  top: 50%;
  left: 0px;	
  width: 100%;
  height: 1px;
  
  overflow: visible;
  visibility: visible;
  display: block;
}



#box {
  position: absolute;
  visibility: visible;  
  
  left: 50%;
  top: -290px;  
  margin-left: -466px;
  
  width: 932px;
  height: 568px;
}


#sidebar {
  text-align: left;
  width: 352px;
  float: left;
}


#content {
  position: relative;
  text-align: left;
  float: right;
  width: 580px;
  height: 568px;
  background: #1a1a1a;
}



/***********************************************************************
   Header
 ***********************************************************************/

#header {  
  position: relative;
  height: 216px;
  background-color: #000;
}

#header #title {
  position: absolute;
  top: 25px;
  left: 29px;  
}

#header h1,
#header h2 {
  padding: 0;
  margin: 0;
}

#header h1 {
  font: small-caps 1.3em arial, sans-serif;
}

#header h2 {
  text-align: right;
  text-transform: uppercase;
  font: 0.8em arial, sans-serif;
  color: #908e8e;
}

#header ul {  
  position: relative;
  top: 19px;
  margin: 0 0 0 190px;
  padding: 0;
  list-style: none;
}

#header ul li {
  margin: 0;
  padding: 0;
  display: inline;
}

#header ul li a {
  display: block;
  padding: 8px;
  font: small-caps 1.15em arial, sans-serif;
  color: #b4edef;
  outline: none;
}

#header ul li a:hover,
#header ul li.here a {
  color: #42b9be;
}


/***********************************************************************
   Thumbnails or information about current page
 ***********************************************************************/

#thumbs {
  height: 352px;
  background: #0f0f0f;
}

#meta {  
  /*padding: 25px 29px 0 0;*/
  position: absolute;
  right: 29px;
  bottom: 25px;
  text-align: right;
}

#meta h1 {
  padding: 0;
}

#meta p {
  padding: 3px 0 0 0;
  line-height: 2em;
}

#text {
  padding: 0 25px;
}



/***********************************************************************
   Footer
 ***********************************************************************/

#footer {
  clear: both;
  text-align: center;
  padding: 10px 0; 
  color: #555;
}

#footer a {
  padding: 0 2px;
  color: #777;
}

#footer a:hover {
  color: #999;
}



/***********************************************************************
   Gallery thumbnails
 ***********************************************************************/

#thumbs ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#thumbs ul li {
  padding: 0;
  margin: 0;
  display: inline;
}

#thumbs ul li a {
  opacity: 0.4;
  height: 88px;
  width: 88px;
  float: left;
  outline: none;
}

#thumbe ul li a.current {
  opacity: 1.0;
}

#thumbs ul li.blank {
  float: left;
  width: 88px;
  height: 88px;
}




/***********************************************************************
   Generic display classes
 ***********************************************************************/

.block {
  display: block;
}


/* Floats */
.floatLeft { 
  float: left;
}

.floatRight {
  float: right;
}

.clear {
  clear: both;
}