/* $Id: style.css,v 1.1.2.4 2009/05/11 08:53:00 jwolf Exp $ */



/******************************************/

/*  TopNotchThemes CSS Stylesheet         */

/******************************************/







/* Reset browser defaults

-------------------------------------------------------------- */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote,

a, abbr, acronym, address, big, cite, dl, dd,

del, dfn, font, img, ins, kbd, q, s, samp,

small, strike, sub, sup, tt, var, ol, ul, li, menu,

fieldset, form, label, legend, input, textarea,

table, caption, tbody, tfoot, thead, tr, th, td {

  border: 0;

  font-family: inherit;

  font-size: 100%;

  font-style: inherit;

  font-weight: inherit;

  margin: 0;

  outline: 0;

  padding: 0;

}





/* HTML & Body

-------------------------------------------------------------- */



html {

  background-color: #000000;

}



body {

  background: #292929;

  color: #F0F0F0;

  font-family: Helvetica, Arial, Verdana, "Bitstream Vera Sans", sans-serif;     /* web safe fonts */

  font-size: 83%;

  font-weight: normal;

  line-height: 1.5em;

}



/* Headings

-------------------------------------------------------------- */



h1,h2,h3,h4 {

  font-weight: normal;

}



h1 {

  color: #DFB77C;

  font-size: 1.8em;

  font-weight: bold;

  line-height: 1.2142em;

}



h2 {

  font-size: 1.4285em;

  line-height: 1.2em;

}



h3 {

  font-size: 1.1428em;

  line-height: 1.25;

}



h4 {

  font-size: 1em;

  height: 1.25em;

  line-height: 1.25;

  margin-bottom: 1.25em;

}



h5 {

  font-size: 1em;

  font-weight: bold;

  margin-bottom: 1.5em;

}



h6 {

  font-size: 1em;

  font-weight: bold;

}





/* Text elements

-------------------------------------------------------------- */



p {

  font-size: 1em;

  margin: 1em 0;

}



a,

a:link {

  color: #DFB77C;

  text-decoration: none;

}



a:active,

a:hover,

a:focus {

  color: #EBDCC7;

  text-decoration: underline;

}



blockquote {

  color: #999;

  font-style: italic;

  margin: 1.5em;

}



strong {

  font-weight: bold;

}



em,dfn {

  font-style: italic;

}



dfn {

  font-weight: bold;

}



sup,sub {

  line-height: 0;

}



abbr,acronym {

  border-bottom: 1px dotted #666;

}



address {

  font-style: italic;

  margin: 0 0 1.5em;

}



del {

  color: #666;

}



pre,code {

  margin: 1.5em 0;

  white-space: pre;

}



pre,code,tt {

  font: 1em 'andale mono', 'lucida console', monospace;

  line-height: 1.5;

}





/* Lists

-------------------------------------------------------------- */



ul,

ul.menu {

  list-style-position: inside;

  list-style-type: disc;

}



ol {

  list-style-position: inside;

  list-style-type: decimal;

}



ul.links li {

  padding: 0;

}



/* remove list styling on taxonomy */

div.terms ul li {

  list-style-type: none;

  margin: 0;

}



li a.active {

  color: #EBDCC7;

}



dl {

  margin: 0 0 22px 0;

}



dl dt {

  font-weight: bold;

}



dd {

  margin: 0 0 10px 22px;

}



/* adds indentation for child list items within nodes */

#content-wrapper .node .content ol li,

#content-wrapper .node .content ul li {

  margin: 0 0 0 6px;

}



#content-wrapper .node .content ol li,

#content-wrapper .node .content ul li {

  padding: 0 0 0 12px;

}





/* Helper classes

-------------------------------------------------------------- */



.hide {

  display: none;

  visibility: hidden;

}



.left {

  float: left;

}



.right {

  float: right;

}



.clear {

  clear: both;

}



.clearfix:after {                                 /* add .clearfix class to clear floats after an element */

  clear: both;                                    /* (IE version is in ie6-fixes.css) */

  content: "."; 

  display: block; 

  font-size: 0;

  height: 0; 

  visibility: hidden;

}



.first {

  margin-left: 0;

  padding-left: 0;

}



.last {

  margin-right: 0;

  padding-right: 0;

}



.top {

  margin-top: 0;

  padding-top: 0;

}



.bottom {

  margin-bottom: 0;

  padding-bottom: 0;

}





/* Misc.

-------------------------------------------------------------- */



hr {

  height: 1px;

  border: 1px solid gray;

}



div.content a.feed-icon img,

div.content th img {

  border: 0;             /* remove image borders where we don't want them */

}



/* format initial startup page list nicely */

#first-time p {

  clear: both;

}



#first-time ol {

  list-style-position: outside;

}



/* notice at bottom of page */

#legal-notice {

  background: #000;

  color: #777;

  font-size: 0.85em;

  padding: 10px 0;

  text-align: center;

}



#legal-notice a {

  color: #996633;

}



/* Layout

-------------------------------------------------------------- */



#page {

  margin: 0 auto;                                 /* center page */

  position: relative;

  width: 960px;

}





/********************/

/* ALL PAGE REGIONS */

/********************/





/* Banner region

-------------------------------------------------------------- */



#banner {

  padding: 8px;

  text-align: center;

}



#banner p,

#banner .block-wrapper {

  margin: 0;

}





/* Header regions

-------------------------------------------------------------- */



#header-wrapper {

  background: #fff url('images/header.png') no-repeat left top;

  height: 33px;

  margin-bottom: 25px;

  overflow: hidden;

  padding: 26px 20px 32px 20px;

  position: relative;

}



#header-first {

  float: left;

  margin: 0 15px 0 0;

}



#header-first #logo {                            /* logo postion.  default image replaced if you upload your own */

  display: inline;

  margin: 0 14px 10px 0;

}



#header-first h1 {

  border-right: 1px solid #DDDDDD;

  color: #525252;

  display: inline;

  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;

  font-size: 2.1em;

  font-weight: normal;

  letter-spacing: 3px;

  padding-right: 15px;

  position: relative;

  text-transform: uppercase;

  top: -7px;

  white-space: nowrap;

}



#header-first h1 a {                /* site name link */

  color: #525252;

  text-decoration: none;

}



#header-middle {

  color: #555555;

  display: inline;

  padding: 0;

  position: relative;

}



#slogan {                          /* site slogan */

  display: inline;

  font-weight: bold;

  margin-right: 15px;

  position: relative;

  top: 10px;

}



#header-wrapper #search-box {

  margin: 4px 14px;

  position: absolute;

  right: 0;

  top: 28px;

  white-space: nowrap;

}



#header-wrapper .search_submit {

  background: transparent url('images/search-arrow.png') no-repeat 4px 1px;

  cursor: pointer;

  padding: 0 6px;

  text-indent: -999em;

}



#header-wrapper #search-box #search input.form-text {

  border: 1px solid #D5D5D5;

  background: #fff;

  color: #292929;

  width: 11em;

}





/* Preface regions

-------------------------------------------------------------- */



#preface-wrapper {

  background: transparent url('images/cropped/mcp-preface09.jpg') no-repeat left top;

  height: 450px;

  margin: -33px 0 20px;

  overflow: hidden;

  position: relative;

  width: 960px;

  -moz-border-radius: 0 0 10px 10px;

  -webkit-border-bottom-right-radius: 10px;

  -webkit-border-bottom-left-radius: 10px;

}



#preface-sidebar {

  background: transparent url('images/preface-sidebar-bg.png') no-repeat center;

  float: left;

  height: 380px;

  margin: 0 0 0 20px;

  padding: 20px;

  width: 170px;

}



#mission {

  bottom: 0;

  color: #fff;

  font-size: 2.0312em;

  line-height: 1.1153em;

  padding: 10px;

  position: absolute;

  right: 0;

  text-align: right;

  width: 680px;

}





/* Main area wrapper

 * sidebars + content

-------------------------------------------------------------- */



#main-wrapper {

  margin-bottom: 30px;

}





/* Sidebar regions

-------------------------------------------------------------- */



#sidebar-first {

  float: left;

}



#sidebar-last {

  float: right;

}





/* Content regions

-------------------------------------------------------------- */



#content-wrapper {

  float: left;

}



#content-top {

  background: transparent url('images/cropped/seascape-header.jpg') no-repeat left top;

  padding: 0;

  overflow: hidden;

}



#content-top a {

  color: #000;

}



#content {

  margin: 0;               /* default spacing between content regions */

  margin: 0;

}



#content-inner {

}



/* content bottom */

#content-bottom {

  background: #444;

  margin-top: 30px;

}



#node-bottom {

  margin: 30px 0 0 0;

}





/* Footer region

-------------------------------------------------------------- */



#footer {

  background: #000;

  color: #999999;

  display: block;

}



#footer-wrapper {

  overflow: hidden;

  text-align: center;

  width: 100%;

}



#footer a {

  color: #DB8A3B;

  text-decoration: none;

}



#footer a:hover,

#footer a:active {

  color: #EBDCC7;

}



#footer a:link,

#footer a:visited {

}  



#footer-message,

#footer-region {

  float: left;

  margin: 10px 0;

  width: 100%;

}



#footer ul {

  display: inline;

  margin: 0;

  padding: 0 0 0 9px;

}



#footer ul li {

  background: transparent none repeat;

  border-left: 1px solid #CCC;

  display: inline;

  padding: 0 5px 0 9px;

}



#footer ul li.first {

  border: none;

}







/****************************************/

/*          COLUMN LAYOUTS              */

/*                                      */

/* Classes for different column layouts */

/* that are applied to the <body> tag.  */

/****************************************/





/* Single column layout

 * main content

-------------------------------------------------------------- */



body.layout-main #content-wrapper {

  margin: 0;

  width: 960px;

}





/* Two column layout

 * sidebar | main content

-------------------------------------------------------------- */



body.layout-first-main #sidebar-first {

  margin: 0 20px 0 0;

  width: 230px;

}



body.layout-first-main #content-wrapper {

  margin: 0;

  width: 710px;

}



body.layout-first-main #content {

  border-left: 1px solid #444444;

  padding: 30px 0 30px 60px;

}



body.front.layout-first-main #content {

  border-left: none;

  padding: 0;

}





/* Two colum layout

 * main content | sidebar

-------------------------------------------------------------- */



body.layout-main-last #content-wrapper {

  margin: 0 20px 0 0;

  width: 690px;

}



body.layout-main-last #sidebar-last {

  margin: 10px 0 0;

  width: 220px;

}



body.layout-main-last #content {

  border-left: none;

  border-right: 1px solid #444;

  padding: 30px 60px 30px 0;

}



body.front.layout-main-last #content {

  border-left: none;

  padding: 0 60px 30px 0;

}



/* Three column layout

 * sidebar | main content | sidebar

-------------------------------------------------------------- */



body.layout-first-main-last #sidebar-first {

  margin: 0 20px 0 0;

  width: 230px;

}



body.layout-first-main-last #content-wrapper {

  margin: 0 20px 0 0;

  position: relative;

  width: 460px;

  z-index: 1;                    /* keep content visible on admin pages */

}



body.layout-first-main-last #sidebar-last {

  margin: 10px 0 0;

  width: 230px;

}



body.layout-first-main-last #content {

  border-left: 1px solid #444;

  border-right: 1px solid #444;

  padding: 30px;

}



body.front.layout-first-main-last #content {

  border-left: none;

  padding: 0 20px 0 0;

}





/* Postscript regions

-------------------------------------------------------------- */



#postscripts {

  background: #000;

}



#postscript-wrapper {

  color: #999999;

  margin: 0 auto;

  padding: 30px;

  width: 960px;

}



#postscript-wrapper #postscript-first {

  margin-left: 0;

}



#postscript-wrapper #postscript-middle {

}



#postscript-wrapper #postscript-last {

  margin-right: 0;

}



body.postscript-middle #postscript-wrapper #postscript-middle {

  text-align: center;

}



body.postscript-last #postscript-wrapper #postscript-last {

  text-align: right;

}





/* Postscript regions

 * first | middle | last

-------------------------------------------------------------- */



#postscript-wrapper.postscripts-1 .column {

  float: left;

  width: 100%;

}



#postscript-wrapper.postscripts-2 .column {

  float: left;

  margin-right: 36px;

  width: 46%;

}



#postscript-wrapper.postscripts-3 .column {

  float: left;

  margin-right: 20px;

  width: 286px;

}



/* Nodes

-------------------------------------------------------------- */



div.node {

  clear: both;

  margin: 2em 0 2em;

  overflow: hidden;

}



body.full-node div.node {

  margin-top: 0;

}



div.node h2.title {

  margin-bottom: 0;

}



div.node h2.title a {

  text-decoration: none;

}



div.node h2.title a:hover {

  color: #F2F2F2;

}



.meta,

.terms {                                      /* styling for byline and tags */

  font-size: 0.8571em;

}



.vocab-name {

  font-weight: bold;

}



.terms ul.taxonomy li {

  margin: 2px;

}



.terms ul.taxonomy ul.vocab-list,

.terms ul.taxonomy li.vocab-term {

  display: inline;

}



.submitted a:link {

  font-weight: bold;

}



div.node div.picture {

  float: right;

  margin: 0 0 0.8em 0.8em;

}



.tips {

  margin-left: 3em;

}



/* node links */

div.node ul.links li,

div.node ul.inline li,

div.node .read-more a,

div.node .more-link a,

div.node .links a {

  color: #f0f0f0;

  font-weight: bold;

  padding-right: 14px;

  text-decoration: none;

}



div.node ul.links li,

div.node ul.inline li {

  color: #c6c6c6;

  font-weight: normal;

}



div.node ul.links li a,

div.node ul.inline li a {

  white-space: nowrap;

}



div.node .read-more a:hover,

div.node .more-link a:hover,

div.node .links a:hover {

  color: #DFB77C;

  text-decoration: underline;

}



div.node ul.links li.comment_forbidden a {

padding-right: 2px;

}



div.node .links {

  background: #444444;

  clear: both;

  line-height: 130%;

  margin: 10px 0;

}





/* Blocks

-------------------------------------------------------------- */



div.block-wrapper {                    /* spacing between blocks */

  margin: 0 0 20px;

}



#footer-region .block-wrapper {

  margin: 0;

}



div.block h2.title {

  background: transparent url('images/arrow.png') no-repeat 0 2px;

  font-family: Arial Narrow, Helvetica, Arial, sans-serif;

  font-size: 1.1428em;

  font-weight: bold;

  margin: 0 0 10px;

  padding: 0 0 0 14px;

  text-transform: uppercase;

}



div.block ul {

  padding: 0;

}



div.block ul li {

  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;

  font-weight: normal;

  line-height: 1.4285em;

  list-style: none;

  list-style-image: none;

  list-style-type: none;

  margin: 0.1em 0 0.2em 0;

  text-decoration: none;

}



div.block ul li a {

  color: #A3A3A3;

  text-decoration: none;

}



div.block ul li a:hover {

  color: #DFB77C;

}



/* for region labels on block admin page */

div.block-region {

  background-color: #FFFF66;

  color: #000;

  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;

  font-size: 1em;

  font-weight: 600;

  margin-bottom: 4px;

  margin-top: 4px;

  padding: 3px;

  text-align: center;

}



/* front-page sidebar-first blocks */

body.front #sidebar-first .block h2.title {

  background: transparent;

  font-family: Helvetica,Arial,Verdana,"Bitstream Vera Sans",sans-serif;

  font-size: 1.4285em;

  font-weight: normal;

  padding: 0;

  text-transform: none;

}



body.front #sidebar-first .block h2.title .first-word {

  font-weight: bold;

}



#sidebar-last .block h2.title {

  background: none;

  font-size: 0.9375em;

  font-weight: bold;

  padding: 0;

  text-transform: uppercase;

}



body.not-front #sidebar-first .block h2.title .first-word,

#preface-sidebar .block h2.title .first-word {

  color: #DFB579;

}



#footer .block h2.title {

  background: none;

  padding: 0;

}



/* block not-front */

body.not-front .block-wrapper {

  margin-bottom: 40px;

}



/* block not-front content-top */

body.not-front #content-top div.block-wrapper {

  background: transparent url('images/content-top-bg.png') repeat;

  color: #000;

  margin: 76px 0 0;

  padding: 10px;

}



body.not-front #content-top div.block h2.title {

  background: none;

  font-size: 1.4285em;

  padding: 0 0 4px;

  text-transform: none;

}



/* postscript blocks */

#postscript-wrapper div.block h2.title {

  background: transparent;

  font-family: Helvetica,Arial,Verdana,"Bitstream Vera Sans",sans-serif;

  font-weight: bold;

  margin-bottom: 14px;

  padding: 0;

  text-transform: none;

}



#postscript-wrapper div.block h2.title {

  background: transparent;

  padding: 0;

}



/* USER LOGIN */

/* remove list styling on login block */

#user-login-form div.item-list ul li {

  list-style-type: none;

  margin: 0;

}



/* adjust openid link */

/* note: display set in openid.js */

html.js #user-login-form li.openid-processed, 

html.js #user-login li.openid-processed {

  list-style-type: none;

  margin-top: 15px;

  padding: 5px 0 0 18px;

}



#user-login-form li.openid-link, 

#user-login li.openid-link {

  background-position: 0 0.5em;

  padding-left: 18px;

}





/* HEADER - USER LOGIN */

/* horizontal style login block*/

#header-top .block-wrapper {

  margin: 0;

}



#header-top #block-user-0 {

  padding-top: 10px;

}



#header-top #block-user-0 h2.title {

  display: none;

}



#header-top #block-user-0 #edit-name-wrapper,

#header-top #block-user-0 #edit-pass-wrapper,

#header-top #block-user-0 #user-login-form span.button-wrapper,

#header-top #block-user-0 .item-list {

  float: left;

  margin: 5px 10px 0 0;

}



#header-top #block-user-0 #user-login-form label {

  color: #eee;

  font-weight: bold;

  margin-left: 2px;

  position: static;

}



html.js #header-top #block-user-0 #user-login-form label {

  font-size: 85%;

  font-weight: normal;

  margin-left: 5px;

  position: absolute;

}



#header-top #block-user-0 #user-login-form input.form-text {

  border: 1px solid #ccc;

  color: #eee;

  padding: 1px;

  width: 115px;

}



#header-top #block-user-0 #user-login-form span.button-wrapper,

#header-top #block-user-0 .item-list {

  font-size: 80%;

  margin-top: 20px;

}



html.js #header-top #block-user-0 #user-login-form span.button-wrapper,

html.js #header-top #block-user-0 .item-list {

  margin-top: 0;

}



#header-top #block-user-0 .item-list li {

  font-size: 90%;

}



/* OpenID */

html.js #header-top #block-user-0 #user-login-form li.openid-processed, 

html.js #header-top #block-user-0 #user-login li.openid-processed {

  margin-top: 0;

}



#header-top #block-user-0 #edit-openid-identifier-wrapper {

  float: left;

  margin: 5px 10px 0 0;

  padding-top: 0;

}



#header-top #block-user-0 .item-list li.user-link {

  padding-left: 0;

}



#header-top #block-user-0 #user-login-form input#edit-openid-identifier.form-text {

  padding-left: 20px;

}



#header-top #block-user-0 #edit-openid-identifier-wrapper .description {

  font-size: 75%;

}





/* Block menus

-------------------------------------------------------------- */



div.block ul.menu li a {

  font-size: 1.1em;

}



div.block ul.menu li a:link,

div.block ul.menu li a:visited {

}



div.block ul.menu li a:hover,

div.block ul.menu li a:active {

}



div.block ul.menu li.expanded {

  background: transparent url('images/arrow-white.png') no-repeat 0 7px;

  padding-left: 10px;

}



div.block ul.menu li.expanded a,

div.block ul.menu li ul.menu li.leaf a {

  color: #fff;

}



div.block ul.menu li a:hover,

div.block ul.menu li.expanded a:hover,

div.block ul.menu li ul.menu li.leaf a:hover,

div.block ul.menu li ul.menu li.leaf a.active {

  color: #DFB77C;

  text-decoration: underline;

}



div.block ul.menu li ul.menu {

  font-size: 0.9em;

  line-height: 1.666em;

  margin: 0 0 10px 16px;

}



div.block ul.menu li a.active {

  font-weight: bold;

}



div.block ul.menu li ul.menu li ul.menu li {



}





/* Rounded corners for blocks (optional)

-------------------------------------------------------------- */



div.rounded-block {

  margin-top: -1px;                               /* use negative margin to overlap stacked blocks */

}



p.rounded-topspace,

p.rounded-bottomspace {

  margin: 0;                               /* removes unwanted space */

}



div.rounded-block-top-left, 

div.rounded-block-top-right, 

div.rounded-block-bottom-left, 

div.rounded-block-bottom-right { 

  background: transparent url('images/rounded-blocks.png') no-repeat;         /* combined rounded corner image */

  font-size: 2px;                                 /* IE div correction */

  height: 11px;                                   /* height of an image corner */

}



div.rounded-block-top-left, 

div.rounded-block-bottom-left { 

  margin-right: 11px;                             /* width of an image corner */

}



div.rounded-block-top-right {                        /* anchor image in top right */

  background-position: 100% 0;

}



div.rounded-block-top-right,

div.rounded-block-bottom-right { 

  margin-left: 11px;                              /* width of an image corner */

  margin-top: -11px;                              /* height of an image corner */

}



div.rounded-block-bottom-left  { 

  background-position: 0 -23px;                   /* negative height of an image corner */

}



div.rounded-block-bottom-right { 

  background-position: 100% -23px;                /* negative height of an image corner */

}



div.rounded-inside {

  background: #292929 url('images/block-gradient.png') repeat-x bottom;

  border-bottom: 0;

  border-left: 1px solid #4B4B4B;

  border-right: 1px solid #4B4B4B;

  border-top: 0;

  overflow: hidden;

  padding: 0 10px;

}





/* Rounded corners for node links & content-bottom

-------------------------------------------------------------- */



.inner {

  padding: 0 10px;

}



.corner {

  background: transparent url('images/rounded-corners.png') no-repeat 0;

  display: block;

  height: 6px;

  width: 6px;

}



.top-left {

  background-position: left top;

}



.top-right {

  background-position: right top;

  float: right;

}



.bottom-left {

  background-position: left bottom;

}



.bottom-right {

  background-position: right bottom;

  float: right;

}





/* Primary menu

-------------------------------------------------------------- */



#primary-menu {                                   /* menu layout */

  display: block;

  padding: 20px 0;

  text-align: right;

}



#primary-menu ul.links li {

  font-size: 1.1428em;

  padding: 7px 5px;

  text-decoration: none;

  text-transform: lowercase;

}



#primary-menu ul.links li a {                       /* text styling for the top (primary) menu */

  padding: 7px 10px 7px 5px;

  text-decoration: none;

}



#primary-menu ul.links li a {

  color: #999;

}



#primary-menu ul.links li:hover,

#primary-menu ul.links li:active,

#primary-menu ul.links li.active-trail {

  background: transparent url('images/pri-hover-left.png') no-repeat left;

}



#primary-menu ul.links li a:hover,

#primary-menu ul.links li:hover a,

#primary-menu ul.links li a:active,

#primary-menu ul.links li.active-trail a {

  background: transparent url('images/pri-hover-right.png') no-repeat right;

  color: #fff;

}



#primary-menu ul.links li.first {                 /* .first and .last classes applied to first and last menu & list items */

}

  

#primary-menu ul.links li.last {                  /* .first and .last classes applied to first and last menu & list items */

}

  

#primary-menu ul.links li a:link,

#primary-menu ul.links li a:visited {

}

  



/* Secondary menu

-------------------------------------------------------------- */



#secondary-menu {

  margin-bottom: 20px;

  padding: 0;

}



#secondary-menu ul li {

  display: list-item;

  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;

  font-weight: normal;

  line-height: 1.4285em;

  list-style: none;

  list-style-image: none;

  list-style-type: none;

  margin-left: 0;

  padding: 0.2em 0.5em 0 0;

  text-decoration: none;

}



#secondary-menu ul li a {

  color: #A3A3A3;

  text-decoration: none;

}



#secondary-menu ul li a.active {

  color: #FFF;

}



#secondary-menu ul li a:hover {

  color: #DFB77C;

}





/* Breadcrumbs

-------------------------------------------------------------- */



#breadcrumb {

}  





/* Drupal messages

-------------------------------------------------------------- */



.node-unpublished {

  background-color: #4F4444;

}



.preview,

.preview .node {

  background-color: #36322E;

  border: 1px solid #47433E;

  padding: 10px;

}



div.messages {

  background: #EEE6A7;

  border: 6px solid #EED300;

  color: #745500;

  font-weight: 600;

  font-size: 1em;

  margin-bottom: 20px;

  overflow: hidden;

  padding: 14px;

}



div.messages a {

  color: #1767B1;

}



div.messages ul {

  list-style-position: inside;

}



div.messages em {

  color: #555555;

}



div.error {

  background-color: #FFF2F2;

  border-color: #CC0000;

  color: #B20000;

}



div.messages.status,

.help {

  background-color: #EAF8E4;

  border: 6px solid #8DC478;

  color: #3E642F;

  font-size: 1em;

  font-weight: 600;

  margin-bottom: 20px;

  overflow: hidden;

  padding: 10px 16px;

}



.help {

  background-color: #E4EEF8;

  border: 6px solid #57718A;

  color: #292929;

}



.help a,

.help .more-help-link a {

  color: #1767B1;

}



#content-wrapper ul.tips  li {

  background: transparent;

  font-size: 1em;

  list-style: disc;

  list-style-image: none;

  list-style-position: inside;

}



#closure {

  background-color: #000000;

  color: #999999;

  font-size: 0.85em;

  padding-top: 10px;

  text-align: center;

}



/* Tabs

-------------------------------------------------------------- */



/* styling for node tabs (e.g., View, Edit) */

#content-tabs {

  background-color: transparent;

  float: left;

  margin: 20px 0;

  padding: 0;

}



#content-tabs ul.primary,

#content-tabs ul.secondary {

  border-bottom: 1px solid #000;

  clear: both;

  float: left;

  margin: 0;

  padding: 0 10px;

}



#content-tabs ul.secondary {

  border-bottom: 1px solid #555;

  margin-top: 10px;

  text-transform: lowercase;

}



#content-tabs ul.primary li,

#content-tabs ul.secondary li {

  border-style: none;

  display: inline;

  float: left;

  list-style: none;

  margin: 0 10px;

  padding: 0;

}



#content-tabs ul.primary li a:link,

#content-tabs ul.primary li a:visited,

#content-tabs ul.secondary li a:link,

#content-tabs ul.secondary li a:visited {

  background-color: transparent;

  border: none;

  color: inherit;

  float: left;

  font-size: 1.1em;

  line-height: 1.2em;

  font-weight: bold;

  margin: 0;

  padding: 0 0 6px 0;

  text-decoration: none;

  white-space: nowrap;

}



#content-tabs ul.secondary li a:link,

#content-tabs ul.secondary li a:visited {

  color: #fff;

  font-size: 1em;

  line-height: 1.1em;

}



#content-tabs ul.primary li a.active:link,

#content-tabs ul.primary li a.active:visited {

  border-bottom: 4px solid #DFB77C;

  color: #999;

  padding-bottom: 2px;

}



#content-tabs ul.secondary li a.active:link,

#content-tabs ul.secondary li a.active:visited {

  border-bottom: 4px solid #DFB77C;

  color: #999;

  padding-bottom: 2px;

}



#content-tabs ul.primary li a:hover,

#content-tabs ul.secondary li a:hover {

  border-bottom: 4px solid #DFB77C;

  color: #999;

  padding-bottom: 2px;

}





/* Forms

-------------------------------------------------------------- */



form {

  margin: 0;

  padding: 0;

}



textarea,

select,

input.text,

input.form-text,

input.title {

  background: #1f1f1f;

  border: 1px solid #6D6D6D;

  color: #EEEEEE;

  margin: 0;

  padding: 2px;

}



textarea {

  line-height: 1.5em;

  height: auto;

}



label {

  font-weight: bold;

}



legend {

  font-weight: bold;

  font-size: 1.2em;

}



fieldset {

  background: #3E3E3E;

  border: 1px solid #555;

  margin: 1.5em 0;

  padding: 0 1.4em 1.4em 1.4em;

}



fieldset legend {

  display: block;

  font-size: 1em;

  background: #1B1B1B;

  border: 1px solid #555;

  padding: 0 0.4em;

}



fieldset dl,

fieldset select {

  margin: 0;

}



/* prevent uncessary scrollbars */

fieldset .collapsible {

  overflow: hidden;

}



/* buttons */

.form-submit,

.teaser-button {

  background-color: #4D4D4D;

  border: 1px solid #000;

  color: #FFFFFF;

  font-size: 1em;

  font-weight: normal;

  height: 25px;

  margin: 0;

  padding: 0 6px 2px;

}



.form-submit:hover,

.teaser-button:hover,

#sidbar-first .form-submit:hover,

#sidebar-last .form-submit:hover {

  background: #3D3D3D;

  cursor: pointer;

}



#sidebar-first .form-submit,

#sidebar-last .form-submit {

  color: #333;

}



.form-item .resizable-textarea .grippie {

  background-color: #4D4D4D;

  border: 1px solid #6D6D6D;

  border-top: none;

}



input.text:focus, input.title:focus,

textarea:focus, select:focus {

  border: 1px solid #666;

}



div.resizable-textarea textarea {

  margin-top: 0;

}



div.form-item div.description img {

  margin: 0;

}



html.js input.form-autocomplete {

  background-position: 100% 5px;

  max-width: 96%;

}



div.form-item {

  margin-bottom: 1.5em;

  margin-top: 1.5em;

}



html.js fieldset.collapsed {

  background: none;

  margin-bottom: 20px;

}



html.js fieldset.collapsible legend a {

  background: transparent url('images/menu-expanded.gif') no-repeat scroll 0% 50%;

  text-decoration: none;

}



html.js fieldset.collapsed legend a {

  background: transparent url('images/menu-collapsed.gif') no-repeat scroll 0% 50%;

}



html.js fieldset legend:hover {

  background-color: #555;

  border: 1px solid #000;

}



div.error,

tr.error,

span.marker {

  background: #FFCCCC;

  color: #8A1F11;

}



div.error a {

  color: blue;

  text-decoration: underline;

}



.form-item input.error,

.form-item textarea.error,

.form-item select.error {

  border: 1px solid #DD7777;

  background: #FFCCCC;

  color: #8A1F11;

}



.form-item strong.error {

  display: block;

}



.form-item textarea.error {

  padding: 0.2em;

}



.form-item .description {

  font-size: 0.9em;

  line-height: 1.667em;

}



/* theme settings form field width limit */

form#system-theme-settings select,

form#system-theme-settings input.form-text {

  max-width: 95%;

}



/* keep theme select form visible */

#system-themes-form {

  position: relative;

  z-index: 1;

}



/* keep theme switcher visible */

.form-item select#edit-theme {

  max-width: none;

}



#user-login-form {

  text-align: left;

}



body.layout-first-main-last #content .form-text {

  max-width: 356px;

}



#sidebar-first select,

#sidebar-last select {

  max-width: 158px;

}



#field-picture-items {

  margin: 0 0 30px 0;

}





/**

 * Form graphic buttons

 */

span.button-wrapper {

  cursor: pointer;

}



span.button {

  background: transparent url('images/submit-button-right.png') no-repeat right top;

  display: -moz-inline-box;        /* for FF2 */

  display: inline-block;

  height: 33px;

  padding: 0 10px 0 0;

  position: relative;

}



span.button span {

  background: transparent url('images/submit-button.png') no-repeat left top;

  display: -moz-inline-box;        /* for FF2 */

  display: inline-block;

  height: 33px;

  margin-right: -2px;

  padding: 0 0 0 9px;

}



span.button span input {

  background-color: transparent;

  border: 0;

  color: #fff;

  cursor: pointer;        /* for Opera */

  font-size: 1.1em;

  height: 33px;

  margin: 0 !important;

  padding: 0;

  white-space: nowrap !important;

}



span.button-wrapper:hover span.button {

  background-position: right -33px;

}



span.button-wrapper:hover span.button span {

  background-position: left -33px;

}



span.button span input:hover {

  background-color: transparent;

}



/* sidebars buttons */

#sidebar-first span.button,

#sidebar-last span.button {

  background: transparent url('images/sidebar-button-right.png') no-repeat right top;

  height: 24px;

}



#sidebar-first span.button span,

#sidebar-last span.button span {

  background: transparent url('images/sidebar-button.png') no-repeat left top;

  height: 24px;

}



#sidebar-first span.button span input,

#sidebar-last span.button span input {

  height: 24px;

}



#sidebar-first span.button-wrapper:hover span.button,

#sidebar-last span.button-wrapper:hover span.button {

  background-position: right -24px;

}



#sidebar-first span.button-wrapper:hover span.button span,

#sidebar-last span.button-wrapper:hover span.button span {

  background-position: left -24px;

}



#sidebar-first span.button span input:hover,

#sidebar-last span.button span input:hover {

  background-color: transparent;

}





/* Tables

-------------------------------------------------------------- */



table {

  border-collapse: collapse;

  margin-bottom: 1em;

  width: 100%;

}



th {

  text-align: left;

  padding-right: 1em;

  border-bottom: 3px solid #CCC;

}



tr {

  padding: 0.1em 0.6em;

}



td {

  padding: 3px 8px;

}



td.active {

  background: none;

}



th.active img {

  display: inline;

}



tr.even {

  background-color: #242424;

  border-bottom: 1px solid #000;

}



tr.odd {

  background-color: #303030;

  border-bottom: 1px solid #000;

}



tr.selected {

  color: #000

}



tbody {

}



tbody th {

  border-bottom: 1px solid #000;

}



thead th {

  text-align: left;

  padding-right: 1em;

  border-bottom: 3px solid #000;

}



table.sticky-header {

  background: #000;

}



tr.draggable.drag-previous {

  background-color: #525252;

}



/* Pagers

-------------------------------------------------------------- */



ul.pager {

  line-height: 1.667em;

  margin: 1.667em 0;

  font-size: 0.9em;

}



ul.pager a, ul.pager li.pager-current {

  border: 1px solid #000;

  text-decoration: none;

  margin-right: 3px;

  padding: 3px 6px;

}



ul.pager li.pager-current {

  background: #000;

  color: #DFB77C;

}



ul.pager a:link,

ul.pager a:visited {

  color:#DFB77C;

}



ul.pager a:hover,

ul.pager a:focus,

ul.pager a:active {

  background-color: #000;

  color: #DFB77C;

  border: 1px solid #000;

}



ul.pager span.pager-ellipsis {

  padding: 0 0.5em;

}



.item-list .pager li {

  margin: 0;

  padding: 0;

}





/* Admin page(s)

-------------------------------------------------------------- */



div.admin {

  padding-top: 0; /* fix alignment of admin panel */

}



/* keep admin columns from dropping under */

div.admin .left,

div.admin .right {

  margin-left: 1%;

  margin-right: 1%;

}



div.admin-panel {

  padding: 1.5em 0 0 0;

}



div.admin-panel .body {

  padding: 0;

}



div.admin-panel .description {

  margin: 0 0 1.5em 0;

  padding: 0;

}



#user-admin-filter ul li,

#node-admin-filter ul li {

  list-style: none; /* remove list style from content node filter */

}



div.admin-dependencies,

div.admin-required {

  color: #FFFFFF;

  font-size: 1em;

}





/* Maintenance

-------------------------------------------------------------- */



.in-maintenance  {

}





/**********************

 MODULE STYLES

**********************/







/* Book navigation

-------------------------------------------------------------- */



.book-navigation .menu {

  border-top: 1px solid #CCC;

  padding: 1em 0 0 3em;

}



.book-navigation .page-links {

  border-top: 1px solid #CCC;

  border-bottom: 1px solid #CCC;

  text-align: center;

  padding: 0.5em;

}





/* Comments

-------------------------------------------------------------- */



div.comment {

  clear: both;

  margin: 16px 0;

  padding: 10px

}



h2.comments {

  border-bottom: 1px dotted #98846C;

  font-family: Arial Narrow, Helvetica, Arial, sans-serif;

  font-size: 1.4285em;

  font-weight: bold;

  padding-bottom: 10px;

  text-transform: uppercase;

}



div.comment h3.title {

  font-weight: normal;

  margin: 0 0 5px 0;

}



div.comment h3.title a {

  text-decoration: none;

}



div.comment .submitted {

  color: #E8DCC4;

}



div.comment .comment-name {

  font-weight: bold;

}



div.comment div.links a,

div.comment ul.links a {

  color: #E2B57C;

  text-decoration: underline;

}



div.comment div.links ul li {

  border-right: 1px solid #E2B57C;

  font-size: 0.8571em;

  padding: 0 10px;

}



div.comment div.links ul li.first {

  padding-left: 0;

}



div.comment div.links ul li.last {

  border: none;

  padding-right: 0;

}



#comments div.odd {

  background-color: inherit;

}



#comments div.even {

  background-color: #343434;

}



div.comment .picture {

  float: right;

}



.signature {

  border-top: 1px solid #D6DDB9;

  font-size: 0.916em;

  margin: 10px 0;

  padding: 0;

}





/* Forums

-------------------------------------------------------------- */



#forum .description {

  font-size: 0.9em;

  margin: 0.5em;

}



#forum td.created, 

#forum td.posts, 

#forum td.topics, 

#forum td.last-reply,

#forum td.replies, 

#forum td.pager {

  white-space: nowrap;

}



#forum td.posts, 

#forum td.topics, 

#forum td.replies, 

#forum td.pager {

  text-align: center;

}



.forum-topic-navigation {

  padding: 1em 0 0 3em;

  border-top: 1px solid #888;

  border-bottom: 1px solid #888;

  text-align: center;

  padding: 0.5em;

}



.forum-topic-navigation .topic-previous {

  text-align: right;

  float: left;

  width: 46%;

}



.forum-topic-navigation .topic-next {

  text-align: left;

  float: right;

  width: 46%;

}





/* Panels

-------------------------------------------------------------- */



div.panels-display {

  background: none;

}



.panels-modal-content {

  color: #292929;

}



.panels-modal-content .modal-content a {

  color: #2385C2;

}



.panels-modal-content fieldset,

.panels-modal-content legend,

.panels-modal-content textarea,

.panels-modal-content select,

.panels-modal-content input.text,

.panels-modal-content input.form-text,

.panels-modal-content input.title {

  background: #fff;

  color: #292929;

}



#panels-dnd-main .panel-pane,

#panels-dnd-main .helperclass {

  color: #292929;

}





/* Polls

-------------------------------------------------------------- */



div.poll div.bar {                                      /* styles for poll ratings */

  background-color: #DDD;

}



div.poll div.bar div.foreground {

  background-color: #999;

}





/* Profiles

-------------------------------------------------------------- */



.profile {

  clear: none;

  margin: 12px 0;

}



.profile h2.title {

  margin-top: 15px;

  border-bottom: 1px solid;

}



.profile h3 {

  border-bottom: 1px solid #444444;

}



.profile dd {

  margin: 15px 5px 0 205px;

}



.profile dt {

  float: left;

  margin-bottom: -10px;

  margin-right: 5px;

  padding: 0 5px;

  text-align: left;

  width: 185px;

}





/* Search results

-------------------------------------------------------------- */





/* Views

-------------------------------------------------------------- */



div.view-style-node{

}



div.view-style-teaser{

}



div.view-style-list{

}



div.view-style-table{

}



div.view div.views-admin-links li {

  background: transparent !important;

}



/* views form field width limit */

.views-edit-view input,

.views-edit-view textarea {

  max-width: 95%;

}



#views-ui-edit-view-form {

  margin: 20px 0;

}





/* make text legible in views admin */

div.views-admin-links a,

div.views-admin-links-hover a,

div.view div.views-admin-links:hover a{

  color: #fff;

}



.views-edit-view a,

.views-entry a {

  color: #1767B1;

}



#views-ajax-form,

#views-ajax-pad .form-item,

#views-ajax-pad .views-expose .description,

#views-ajax-pad .views-override .description,

.changed,

.defaulted,

.views-category,

.views-category-content,

.views-entry,

.tab-section,

.views-tab {

  color: #000 !important;

}



#views-ajax-pad table.sticky-enabled tr td {

  color: #fff;

}





/* Web Accessibility 

-------------------------------------------------------------- */



/*skip-link*/



#skip a,

#skip a:hover,

#skip a:visited {

  height: 1px;

  left: 0px;

  overflow: hidden;

  position: absolute;

  top: -500px;

  width: 1px;

}



#skip a:active, 

#skip a:focus {

  height: auto;

  position: static;

  width: auto;

} 





/* Print styles

-------------------------------------------------------------- */



@media print {

  body {

    background: white;

    font-size: 10pt;

  }

   

  #header,

  #header-top,

  #header-wrapper,

  #header-bottom,

  #sidebar-first,

  #sidebar-last,

  #preface-wrapper,

  #content-tabs,

  #mission,

  #slogan,

  #postscript-wrapper,

  #footer-top,

  #footer,

  #primary-menu,

  #search-box,

  #logo {

    display: none;

  }



  #page,

  #main-wrapper,

  #content-wrapper,

  #content-top,

  #content,

  #content-bottom {

    background: transparent none;

    border: 0;

    color: black;

    float: none !important;

    margin: 0;

    padding: 0;

    width: auto;

  }

  

  #content-wrapper {

    margin: 0 3%;

  }

}