@import "http://www.huberspace.net/common/global.css";
@import "general.css";


/* ******** TAGS ********** */
body
{
  background-color:#eee;
  margin:0; padding:0;
}

a img { border:0; }

.caption { margin-top:1px; }

fieldset
{
  border:0;
  padding:0;
  margin:0;
}

form
{
  padding:0; 
  margin:0;
}


tr { vertical-align:top; }

form table td { margin-bottom:.5em; }

.text { font-size:13px }
.smalltext { font-size:10px; }
.whitetext, .whitetext A { color:#fff }
.bigtext { font-size:16px }

.newssource{ font-size:10px; font-style:italic; color:#aaa }

.viewall { font-size:10px; text-align:right; padding:0; margin-top:0 }


/* ***** SPECIAL STUFF ***** */

table { border-collapse:collapse; }

col.date { width:20%;}
col.info { width:80%; }

fieldset.action { text-align:center; }
fieldset.action legend { display:none; }



#videos ol li:after,
#audios ol li:after,
div#alert:after,
div#header:after,
div#other-headlines:after
{
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}


/* ***** PAGE LAYOUT ***** */

#wrapper
{
  min-width: 770px;   /* this keeps the center text from becoming unreadable due to line length */
  max-width: 1000px;   /* this keeps the center text from becoming unreadable due to line length */
  width: expression(document.body.clientWidth < 772 ? "770px" : document.body.clientWidth > 1002 ? "1000px" : "auto");
  /* A KLUDGE to make IE6 mimick min and max-width settings */
}

#container{
  padding:0 0 0 150px;
}

#content{
  background-color:#fff;
  float:left;
  width:100%;    
  border-left:150px solid #253c87;
  border-right:0;
  margin-left:-150px;
  margin-right:0;
  display:inline; /* So IE plays nice */
}

#leftsidebar{
  float:left;
  width:150px;
  margin-left:-150px;
  position:relative;
}

#maincontent{
  margin-right:0;
  float:right;
  width:100%;
}

#rightsidebar{
display:none;
}


/* ***** SITE WIDE TEMPLATE STYLES ***** */


#header
{
 background: #fff url(/images/headerbg2.gif) no-repeat top right;
 width:100%;
 height:85px;
 margin:0;
 padding:0;
}


#header a#logo
{
  float:left;
  padding:0 0 0 300px;
  margin:0;
  background: transparent url(/images/leftheader2.gif) no-repeat top left;
}

#header a#logo img
{
  margin:5px 0 6px 0;
  display:block; /* there was a gap without this */
  width:195px;
  height:74px;
}


#subscribebox
{
  height:46px;
  background: #fff url('/images/searchboxbg.gif') repeat-x;
  margin:0;
  padding:0;
  display:block;
  clear:both;
}

#subscribebox form
{
  background: #fff url(/images/searchbox.gif) no-repeat;
  margin:0;
  padding:0;
  width:520px;
  height:46px;
}

#subscribebox legend
{
 display:none;
}

#subscribebox fieldset
{
  padding:14px 0 0 20px;
  margin:0;
}

#subscribebox label
{
  font-weight:bold;
  font-size:11px;
  color:#fff;
}


#subscribebox input[type=text]
{
  width:120px;
  border:1px solid #aaa;
  font-size:11px;
}

#subscribebox input[type=submit]
{
  font-size:11px;
}


#maincontent-inner
{
  margin:10px;
}


#footer
{
   clear:both;
   background-color:#eee;
   font-size:85%;
   text-align:center;
   padding:5px 0 5px 140px;
}

.error
{
  border:1px solid #f00;
  background:#ffa;
  padding: 0 1em;
  margin-bottom:2em;
}


/* ***** NAVIGATION ***** */


ul#menu
{
  padding: 0;
  margin: 1em 0 1em 0;
}

ul#menu li
{
  list-style:none;
  border-bottom: 1px solid #253cb7;
  padding: 0  !important;
  margin: 0;
}

ul#menu li a
{
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  display:block;
  padding: 7px 0 7px 5px;
}

ul#menu A:hover
{
  background:#253c97;
}

ul#menu #nav-donate
{
  background:#c00;
  border:none;
  margin-top:10px;
}

ul#menu #nav-donate a:hover
{
  background:#f00;
}


#sections
{
  border-top:1px solid #00c;
  border-bottom:1px solid #00c;
  padding:5px 0 5px 0;
  text-align:center;
  margin:20px 0 20px 0;
  font-size:11px
}

/* ****** nav-sm ************************** */

#nav-sm
{
  list-style:none;
  margin:0 auto;
  padding:0;
}

#nav-sm li 
{
  width:40px;
  height:40px;
  margin:0 auto;
  padding:0 0 1em 0;
}

#nav-sm li a
{
   background:transparent top right no-repeat;
   display:block;
   width:40px;
   height:40px;
   text-align:left;
   text-indent:-9999em;
   overflow:hidden;
}

#nav-sm li#facebook a { background-image:url(/images/facebook-icon.png); }
#nav-sm li#linkedin a { background-image:url(/images/linkedin-icon.png); }
#nav-sm li#youtube a { background-image:url(/images/youtube-icon.png); }
#nav-sm li#twitter a { background-image:url(/images/twitter-icon.png); }


/* ***** HOME PAGE ***** */

#home #alert
{
  background:#e6e6e6;
  margin:15px;
  padding:10px;
  border:1px solid #ccc;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

#home #alert h1
{
  font-size:14px;
  font-weight:bold;
  margin:.5em 0;
}

#home #alert div.col
{
  font-size:88%;
  line-height:1.4;
  float:left;
  width:30%;
  border-left:1px solid #aaa;
  margin-left:2%;
  padding-left:2%;
  min-height:350px;
}

#home #alert div.first
{
  border-left:none;
  margin-left:0;
  padding-left:1%;
}

#home #alert div.img
{
  height:135px;
}

#home a.buttonlink
{
  background: #e6e6e6 url(/images/buttonlinkbg.gif) repeat-x;
  display:block;
  border:1px solid #aaa;
  padding:6px 2px;
  text-align:center;
  margin:0 auto;
  text-decoration:none;
  color:#b02429;
  font-weight:bold;
  width:80%;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
}

#home a.donate
{
font-size:140%;
text-transform:uppercase;
color:#00f;
}


#home #container
{
  padding-right:330px;
}

#home #content{
  margin-right:-330px;
  border-right:330px solid #fff;
}


#home #maincontent{
  float:left;
  margin-right:-100%;
}



#home #rightsidebar{
  float:right;
  width:320px;
  margin-right:-320px;
  position:relative;
  display:block;
}

#home #rightsidebar ol
{
  margin:0;
  padding:0;
  list-style:none;
}

#home #rightsidebar ol li
{
  margin:0 0 2em 0;
  padding:0;
}



#home #maincontent-inner
{
  margin:0;
  padding:0;
}



body#home H1
{
  margin:0;
  float:none;
  width:auto;
  text-align:left;
}



#mainheadlines
{
  background-color: #fff;
  padding:10px;
}

#mainheadlines h2
{
  font-size:14px;
  color:#000;
  border-bottom:1px solid #aaa;
  font-weight:bold;
  margin:0;
  padding: 10px 0 2px 0 ;
}

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

#mainheadlines li
{
  border-bottom:1px solid #eee;
  padding:5px 0;
  margin:5px 0;
}

#mainheadlines p { font-size: 11px }



#other-headlines div#media-focus,
#other-headlines div#issues-media
{
  border-right:1px solid #aaa;
  padding:0;
  margin:0;
  width:49%;
  float:left;
}

#other-headlines div#issues-media
{
  border-right:0;
}

#other-headlines .viewall
{ margin-right:10px; }

#other-headlines h2
{
  margin:0 10px;
  padding:5px;
  background-color:#b02429;
  border:1px solid #000;
  font-weight:bold;
  color:#fff;
  text-align:center;
  font-size:12px;
}

#other-headlines h3
{
  margin:0 10px;
  padding:10px 2px 2px 2px;
  border-bottom:1px solid #aaa;
  font-weight:bold;
  font-size:10px;
}

#other-headlines .catdesc
{
  font-size:10px;
  font-style:italic;
}


#other-headlines ul
{
  padding:5px;
  margin:0 15px 5px 15px;
  list-style:none;
  font-size:11px;
}

#other-headlines li
{
  border-bottom:1px solid #eee;
  padding:5px 0;
}



#videos, #audios
{
  margin:0;
  padding:0;
  float:left;
}

#videos ol, #audios ol
{
  list-style:none;
  margin:0;
  padding:0;
}

#videos
{
  width:58%;
  border-right:1px solid #aaa;
  padding-right:1.5%;
}

#audios
{
  margin-left:1.5%;
  margin-right:-1px;
  width:39%;
}

#videos ol li, #audios ol li
{
  list-style:none;
  margin:0 0 1em 0;
  padding:0;
}

#videos ol li img
{
  float:left;
  margin:0;
  padding:0;
}

#videos ol li div,
#videos ol li h3
{
  margin-left:130px;
}

#videos ol li div.date,
#videos ol li h3,
#audios ol li div.date,
#audios ol li h3
{
  margin-bottom:1em;
}

/* ***** SPECIFIC SECTIONS ***** */

#about .biophoto { float:right; }

#lexicon dt { font-weight:bold; }
#lexicon dd
{
  margin:0 0 1em 0;
  padding:0;
}

/*#content label{ display:block; margin-top:.5em;}*/
#content fieldset { clear:both; margin-bottom: 1em; }
#content fieldset.action { text-align:right; }

#content form ul, #content form ul li
{
  padding:0;
  margin:0;
  list-style:none;
}

#content form label
{
  display:block;
}

#content form ul li label
{
  display:inline;
}



#content fieldset fieldset { margin-top: 1em; }

#content fieldset.activities legend { font-weight:bold; } 
#content fieldset.activities ul { margin-left:2em; } 
#content fieldset.activities label { font-weight:normal; } 

/* ***** IE6 SPECIFIC ***** */

* html #rightsidebar,
* html #leftsidebar,
* html #maincontent,
* html #alert,
#videos ol li,
#audios ol li,
* html div#header,
* html div#other-headlines
{
  height:1%;
}

* html a#logo img { behavior:url("/includes/pngbehavior.htc"); }


@media print
{
  #leftsidebar,
  #home #rightsidebar,
  #footer,
  .captcha,
  #subscribebox
  {
    display:none;
  }

  #container
  {
    padding:0 !important;
  }

  #content
  {
    border:0;
    margin:0;
  }

}