/**
 * refw.org main site style sheet.
 *
 * @package    REFW
 * @subpackage UI
 * @copyright  Copyright (c) 2008 the RE Framework authors.
 * @version    $Id$
 */


/**** Global Rules ****/

/* Page Structure */

HTML, BODY, H1, H2, H3, H4, H5, H6, HR, DIV, P, PRE, UL, OL, LI, BLOCKQUOTE, FORM, FIELDSET, LEGEND, TABLE, TR, TH, TD, DL, DT, DD {
  margin: 0;
  padding: 0;
}

HTML, BODY {
  height: 100%;
}

BODY {
  background: #fff url('../images/page_background.gif') left top repeat-x;
  font: normal normal normal 0.85em/1.3em "Trebuchet MS", Helvetica, Arial, sans-serif;
  color: #666;
}
BODY.home {
  background-image: url('../images/page_background_home.gif');
}

/* Headings */

H1, H2, H3, H4, H5, H6 {
  margin: 0 0 1em 0;
  font-size: 1em;
  line-height: 1.2em;
  font-weight: normal;
  color: #666;
}

H2 {
  margin: 1em 0;
  padding-bottom: 0.7em;
  border-bottom: 1px solid #ccc;
  font-size: 1.6em;
  color: #393;
}

H3 {
  margin-top: 2em;
  font-size: 1.5em;
}

H4 {
  margin-top: 2em;
  font-size: 1.15em;
  color: #333;
}

/* Tables */

TABLE {
  border-collapse: collapse;
  border-spacing: 0;
  background: none;
}

TH, TD {
  font-style: normal;
  font-weight: normal;
  text-align: left;
}

TR.odd {
  background: #fff;
}
TR.even {
  background: #eff7ef;
}

/* Paragraphs and Other Block-Level Elements */

P {
  margin-bottom: 1.5em;
  line-height: 1.7em;
}

OL, UL {
  margin: 2em 1em 1em 2em;
}

LI {
  margin-bottom: 1em;
}

DT {
  margin: 1em 1em 0.6em 0;
}
DD {
  margin: 0.4em 2em;
}

BR.clear {
  clear: both;
}

HR {
  margin: 1em 0 1em 0;
  border: 1px solid #ccc;
}

HR.sectionBreak {
  margin: 2em 0 2em 0;
}

HR.separator {
  border-right: none;
  border-bottom: none;
  border-left: none;
}

/* Anchors (Hyperlinks) */

A, A:link, A:visited {
  color: #09c;
  text-decoration: underline;
}
A:hover {
  color: #333;
}

A.readMore {
  font-size: 0.85em;
}

/* Form Elements */

INPUT, TEXTAREA, SELECT, BUTTON {
  font: normal normal normal 1em "Trebuchet MS", Helvetica, Arial, sans-serif;
}

INPUT.fullWidth, TEXTAREA.fullWidth {
  width: 100%;
  max-width: 50em;
}

INPUT.cancelButton, BUTTON.cancelButton {
  margin-left: 2em;
}

/* Images and Other Inline Elements */

IMG {
  border: none;
}

ACRONYM, ABBR {
  text-decoration: none;
}

EM {
  font-style: italic;
}

STRONG {
  font-weight: bold;
}


/**** Site Layout ****/

/* Page Frame */

#page {
  margin: 0 auto;
  min-height: 100%;
  width: 80em;
  min-width: 600px;
  max-width: 95%;
  position: relative;
}


/* Page Header */

#pageHeader {
  height: 76px;
  position: relative;
}

#pageHeader H1 {
  background: url('../images/logo.gif') left top no-repeat;
  text-indent: -1000em;
  width: 282px;
  height: 40px;
  position: absolute;
  top: 35px;
  left: 0;
}

/* Navigation Bar */

#pageNavigation {
  margin: 0 1em 0 280px;
  text-align: right;
  list-style: none;
  position: absolute;
  right: 0;
  bottom: 14px;
}

#pageNavigation LI {
  margin: 0 0 0 1em;
  font-size: 1.2em;
  display: inline;
}

#pageNavigation A {
  text-decoration: none;
}
#pageNavigation A:hover {
  text-decoration: underline;
}

/* Banner */

#banner {
  background: url('../images/banner.jpg') left top no-repeat;
  padding-bottom: 6px;
  height: 50px;
  position: relative;
}

BODY.home #banner {
  background-image: url('../images/banner_home.jpg');
  height: 229px;
}
BODY.home #banner P {
  margin: 0;
  font-size: 2.1em;
  line-height: 1.1em;
  text-align: right;
  position: absolute;
  right: 50px;
  bottom: 50px;
}

/* Page Content Area */

DIV.sidebar {
  margin: 0 0 6em 0;
  padding-left: 4%;
  background: #fff;
  width: 30%;
  min-width: 10em;
  float: right;
}
BODY.home DIV.sidebar {
  padding-left: 4%;
  width: 20%;  
}

#pageContent {
  width: 65%;
}
BODY.home #pageContent {
  width: 50%;
}

.alignLeft {
  text-align: left;
}

.alignCenter {
  text-align: center;
}

.alignRight {
  text-align: right;
}

.floatLeft {
  padding-right: 1em;
  padding-bottom: 1em;
  float: left;
}

.floatRight {
  padding-left: 1em;
  padding-bottom: 1em;
  float: right;
}

.noWrap {
  white-space: nowrap;
}

.hidden {
  visibility: hidden;
}

P.download {
  margin-bottom: 1em;
  font-size: 1.7em;
}

P.license A {
  background: url('../images/lgplv3_small.png') center center no-repeat;
  text-indent: -1000em;
  display: block;
  height: 32px;
  width: 88px;
}

DIV.vendorLinks {
  width: 210px !important;
}
DIV.vendorLinks UL {
  margin: 0;
  list-style: none;
}
DIV.vendorLinks LI {
  margin: 0 0 10px 0;
}
DIV.vendorLinks A {
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -1000em;
  text-decoration: none;
  display: block;
  width: 210px;
  height: 60px;
}
DIV.vendorLinks A.streamflow {
  background-image: url('../images/logo_streamflow.gif');
}
DIV.vendorLinks A.stormtide {
  background-image: url('../images/logo_stormtide.gif');
}
DIV.vendorLinks A.spenlenmedia {
  background-image: url('../images/logo_spenlenmedia.gif');
}

DIV.blogPost {
  margin-bottom: 3em;
}
DIV.blogPost H3 {
  margin: 0 0 0.2em 0;
  font-size: 1.6em;
}
DIV.blogPost P.byLine {
  font-size: 0.9em;
}


/* Page Footer */

#pageFooter {
  margin: 3em 0 1em 0;
  font-size: 0.8em;
  color: #ccc;
  clear: both;
}

#pageFooter A {
  color: #ccc;
  text-decoration: none;
}
#pageFooter A:hover {
  color: #999;
}