/* $Id$ */

/* Page
-------------------------------------------------------------------------*/
html, body {
  color: #FFF;  
  /*background: url("../images/bg_tile.png") repeat-y scroll center top red*/
}

#container {
  color: #222;
}

#container > header h1 a {
  color: #0098D9;
  font-family: 'Voltaire', sans-serif;
}

#footer a {
  color: #0098D9;
}

#container > header,
#container > footer {
  background-color: #65130f;
  background-color: #333;
  color: #f1f1f1
}

#nothing {
  background-color: #aaa;
  background-image: url(../images/stripe_bg.png);
  -moz-box-shadow: 0 0 4px black;
  box-shadow:  0 0 4px black
}

#container > header {
  /* background: url("../images/bg_texture.jpg") no-repeat scroll center top #000000 */
}

#container {
  -moz-box-shadow: 0 0 5px gray;
  box-shadow:  0 0 5px gray
}

#container > footer {
  /*
  background: -moz-linear-gradient(top, #831913 0%, #1b1b1b 80%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#831913), color-stop(80%,#1b1b1b));
*/  
}

/* Tabs
-------------------------------------------------------------------------*/
#skip-link a,
.tabs a,
.tabs a:visited {
  background-color: #fffffe;
  color: #101010;
}
.tabs a:hover,
.tabs a:focus,
.tabs a:active,
.tabs a.active,
.tabs a.active:visited {
  background-color: #efedeb;
  color: #111111;
}

/* Links
-------------------------------------------------------------------------*/
a {
  color: #1c6ea0;
}

a:visited {
}

a:hover,
a:focus,
a:active {
  color: #42a9be;  
}
.pager a:hover,
.pager a:active,
.pager a:focus {
  background-color: #1c6ea0;
  color: #fff;
}


/* Identity
-------------------------------------------------------------------------*/
h1.site-name a,
h1.site-name a:visited {
  color: #4c4742;   
}
h2.site-slogan {
  color: #837b72; 
}


/* Header
-------------------------------------------------------------------------*/
.region-header,
.region-navigation,
.region-header h2.block-title,
.region-navigation h2.block-title {
  color: #101000;
}
.region-header a,
.region-header a:visited {
  color: #0679be;
}
.region-header a:hover,
.region-header a:focus,
.region-header a:active {
  color: #42a9ba;
}


/* Footer
-------------------------------------------------------------------------*/
.breadcrumb,
footer.section,
footer.section .block-title {
  background-color: #e3e1df;
  color: #010101;
}
.breadcrumb a,
footer.section a,
footer.section a:visited {
 color: #126598; 
}
.breadcrumb a:hover,
.breadcrumb a:focus,
.breadcrumb a:active,
footer.section a:hover,
footer.section a:focus,
footer.section a:active {
  color: #127ba5;
}


/* Navigation
-------------------------------------------------------------------------*/
.region-navigation .content ul a,
.region-navigation .content ul a:visited {
  background-color: #e1dfdc;
  color: #831913
}
.region-navigation .content ul a:hover,
.region-navigation .content ul a:focus,
.region-navigation .content ul a:active,
.region-navigation .content ul a.active-trail,
.region-navigation .content ul a.active-trail:visited,
.region-navigation .content ul a.active,
.region-navigation .content ul a.active:visited {
  background-color: #fff;
  color: #473e34;
}


/* Node links
-------------------------------------------------------------------------*/
article .links a,
article .links a:visited {
  /*
  background-color: #e7e5e3;
  color: #100100;
  */
}
article .links a:hover,
article .links a:focus,
article .links a:active {
  /*
  background-color: #d7d5d3;
  color: #100101;
  */
}

/* Titles
-------------------------------------------------------------------------*/
h1.title {
  color: #831913;
}
h2.block-title {
  color: #5e5247; /* need to update */
}
.comment header h3 a,
h2.title a {
  color: #831913;
}

.experiment-join h2 {
  color: #831913;
  font-weight: bold;
}

.join-invite {
  background-color: #fafafa;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}

article.node-experiment.not-active header {
  background-color: #f1f1f1;
}