/*-----------------------------------------------------------------------------
        Mazama Science Theme

        based on

  Blueprint-WP Theme
  By: Joshua Sowin (fireandknowledge.org)
-----------------------------------------------------------------------------*/

body {
  margin-bottom: 0;
  margin-top: 0;
  background: #222 url(./images/bodybg.png) repeat-x fixed top center;
  font-family: Verdana,Arial,Helvetica,sans-serif;
}

/* Blueprint width setting */
.container {
  width: 960px;
  padding: 0 10px 0 10px;
  border-top: 0;
  padding-top: 0;
  background: #FFF;
}


a:hover      { color: #000; }
hr         { background: #CCC; height: 1px; }
img        { margin: 0; }
p img      { float: none; }
a.button     { float: left; } /* Fix for buttons */
input       { padding-left: 0; border: 1px solid #CCCCCC;  }
ul         { margin-left: 15px; list-style-type: none; }
ul li       { padding: 2px 0 2px 9px; background: url('../images/icons/bullet_square_grey.gif') left 5px no-repeat; }
ol        { margin-left: 35px; }
label      { font-weight: normal; }
textarea    { height: 200px; width: 500px;}
acronym { border-bottom: 1px dashed #666; }
.small      { font-size: .9em; }
.nomargin    { margin: 0; }
a.button, button { font-weight: normal; }

.navigation, 
.navigation a      { color: #AAA; }

.post          { margin-bottom: 25px; }

.alignright { float: right; }
.alignleft { float: left; }
.clear { clear: both; }

/* basic styles */
h1,h2,h3,h4,h5,h6{
  font-family: Times, "Times New Roman", Georgia, Garamond, Baskerville, serif;
}

h1,h2,h3 {
  font-weight: bold;
}
p { text-align: left; }
a { text-decoration: none; }
em { color: #000; }

/*-----------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------*/

#header {
  height:75px;
  margin:auto;
  /* width of header is determined by 'span-14' in html */
  background:url(./images/headers/h3_960.jpg) no-repeat top center;
  text-align:left;
}

div#header > h1 {
  color: #fff;
  font: 2.5em Georgia,Verdana,Arial,Helvetica,sans-serif;
  padding: 30px 0 0 10px;
}
div#header > h1 > a.logo {
  color: #fff;
}

 
#header div.description {
  color: #fff;
  font: 1.5em Georgia,Verdana,Arial,Helvetica,sans-serif;
}


/*-----------------------------------------------------------------------------
  Navigation
-----------------------------------------------------------------------------*/

#nav,
#subnav  { padding: 0; background: #222; color: #fff; float: left; width: 100%; line-height: 1.5em; }

#nav ul,
#subnav ul { margin: 0; padding: 0; list-style: none; }

#nav li { border-right: 1px solid #666; }
#nav li,
#subnav li { margin: 0; padding: 0; float: left; background-image: none; }


#nav li a,
#subnav li a { color: #fff; padding: 5px 15px; float: left; text-decoration: none; }

#nav li a:hover { background: #666; color: #fff; }

#subnav { background: #616161; }

#nav li.current_page_item a,
#subnav li.current_page_item a,
#subnav li a:hover { color: #fff; }

#nav li.first a { margin-left: 50px; }

#nav div.content { padding-left: 10px; }

  /*-------------------------------------------------------------------------
    Navigation bar in posts (use main nav html inside a post)
  -------------------------------------------------------------------------*/

  .entry #nav .content {
    padding: 0;
    margin: auto;
  }

  .entry #nav {
    margin-bottom: 15px;
    background: #FFF;

  }

  .entry #nav li a     { color: #FFF; border-right: 1px solid #AAA; background: #666; }
  .entry #nav li.last a  { border-right: none; }
  .entry #nav li a:hover   { background: #333; color: #FFF;}


/*-----------------------------------------------------------------------------
  MainContent
  Customize the page contents.
-----------------------------------------------------------------------------*/

#page {
  border: none;
}

#maincontent .content {
  padding: 20px 20px 20px 20px;
}

#maincontent h2 {
  color: #222;
  border-bottom: 0px;
  margin-bottom: 15px;
}

#maincontent .post h2  { margin-bottom: 5px; }

/* special full-width section for the Examples page */

#maincontent_2 .content {
  padding: 0px 20px 20px 20px;
}

#maincontent_2 h2 {
  color: #222;
  border-bottom: 0px;
  margin-bottom: 15px;
}


/*-----------------------------------------------------------------------------
  Sidebar
-----------------------------------------------------------------------------*/
#page     { background: url('../images/sidebar_bg.gif') right repeat-y; /* fake bg */ }

#sidebar .content {
  padding: 20px 20px 20px 20px;
}

#sidebar ul, #sidebar ul ol {
  margin: 0;
  padding: 25px 20px 0 20px;
}

#sidebar ul li  { padding: 0; }

#sidebar ul li ul { padding-top: 0; }

#sidebar ul li ul li {
  margin: 0 0 0 -18px;
  padding: 2px 0 2px 9px;
  background: url('../images/icons/bullet_square_grey.gif') left 3px no-repeat;
  font-size: 0.9em;
}

.feedlink {
  padding: 2px 0 2px 20px;
  background: url('../images/icons/feed_small.png') left center no-repeat;
}

#sidebar ul li, #sidebar ul li#subscribe ul li {
  list-style-type: none;
  background: none;
  margin-bottom: 20px;
}

#sidebar ul li#subscribe ul li { margin: 0 0 0 -30px; }

/* Hide search from sidebar */
#sidebar #search { display: none; }


/*-----------------------------------------------------------------------------
  Footer
-----------------------------------------------------------------------------*/

#footer{
  height:30px;
  background: #222;
  margin:auto;
  color:#fff;
  text-align:left;
  clear:both;
  font-size: 12px;
}
#copyright{
  text-align:left;
  float:left;
  padding-left:10px;
}
#D_I_K{
  float:right;
  text-align:right;
  padding-right:10px;
  font-style: italic;
}
#designcredit a {
  color: #9f9f9f;
}

/*-----------------------------------------------------------------------------
  Search
-----------------------------------------------------------------------------*/

#search        { float: right; }
#search #s       { background: transparent url('../images/icons/search_grey.gif') 0px center no-repeat;
               padding: 2px 0 2px 17px; width: 135px; color: #CCCCCC; font-size: 0.9em; margin-right: 20px;}
#search #s:hover   { color: #000; }
.search-excerpt   { margin: 0; }


/*-----------------------------------------------------------------------------
  Comments
-----------------------------------------------------------------------------*/

.commentlist li { padding: 8px 15px; } 
.comments-alt   { background: #EEE;}


/*-----------------------------------------------------------------------------
  Blockquotes and code
  'Extreme Simplicity' look and feel.
-----------------------------------------------------------------------------*/

/* blockquotes and code*/

blockquote {
  min-height:35px;
  width:100%;
  display:block;
  margin:10px auto;
  background:#efefef url(./images/blockquote/quote.gif) no-repeat 10px 10px;
  font-size: 1.3em;
  color: #222;
}
* html blockquote {
  min-height:35px;
  height:auto !important;
  height:35px;
}
blockquote p {
  margin:0px;
  line-height:17px;
  padding:10px 10px 10px 50px;
}
blockquote span {
  color:#999;
  font-size:9px;
  padding-top:5px;
  display:block;
}
blockquote span a {
  color:#555;
  text-decoration:none;
}
blockquote span a:hover {
  text-decoration:underline;
}
blockquote.go {
  background:#efefef url(./images/blockquote/go.gif) no-repeat 10px 50%;
}
blockquote.stop {
  background:#efefef url(./images/blockquote/stop.gif) no-repeat 11px 50%;
}
blockquote.exclamation {
  background:#efefef url(./images/blockquote/exclamation.gif) no-repeat 23px 50%;
}
code {
  display:block;
  width:92%;
  margin:0px auto 15px auto;
  line-height:17px;
}
code .red {
  color:#af454a;
}

/*-----------------------------------------------------------------------------
  Comments
-----------------------------------------------------------------------------*/

.commentlist li { padding: 8px 15px; } 


/*-----------------------------------------------------------------------------
  Special Mazama Science elements
-----------------------------------------------------------------------------*/

div.author { clear: both; }
img.headshot { padding: 10px; }
div.bio {
  float: left;
  width: 500px;
}

div.databrowser { clear: both; }
img.screenshot { padding: 10px 0px 10px 5px; }
div.databrowser div.description {
  float: left;
  width: 500px;
}

#validhtml { 
  clear: both; 
  padding: 5px 0 5px 0;
  text-align: center;
  color: #ccc;
}
#validhtml a { color: #999; }
#Feedjit { padding: 10px 0 0 0; }