/**
 * $Id: style.css,v 1.1.4.4 2008/08/23 20:58:56 johnforsythe Exp $
 * A3 Atlantis
 * John Forsythe, john [at] blamcast [dot] net
 */

/**
 * Resets
 */

body, div, h1, h2, h3, h4, h5, h6, pre, form, textarea, p {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing:0;
}
img { border: 0; }
caption, th { text-align: left; }
abbr, acronym { border: 0; }

/**
 * Basics
 */

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin: 0.5em 0;  
}
h1 a, h2 a, h3 a { text-decoration: none; }
h1 { font-size: 30px; }
h2 { font-size: 17px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5, h6 { font-size: 12px; }
p {
  margin: 1.5em 0;
  line-height: 1.7em;
}
a {
  color: #fff;
  cursor: pointer;
}
a:hover { text-decoration: none; }
dl { margin: 0 0 1em 1.5em; }
dl dd { margin: 0 0 0.5em 1.5em; }
table {
  font-size: 11px;
  margin-bottom: 10px;
}
td { padding: 0.2em 0.6em; }
form { margin-bottom: 10px; }
pre {
  display: block;
  font-family: monospace;
  background: #B747BD;
  padding: 3px 7px;
  margin: 1em 0;
  border: 1px solid #883fae;
  overflow: auto;
}
code {
  font-family: monospace;
  background: #B747BD;
  color: #fff;
  padding: 3px 7px;
}
blockquote {
  background: url('blockquote.png') no-repeat;
  margin: 1em 0;
  padding: 0 15px 0 30px;
  font-size: 11px;
}
div.frame { text-align: center; }
div.frame img { background: #fff; border: 6px solid #fff; vertical-align: bottom; }
fieldset { border: 1px solid #fff; }
body {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  background: #c6c6c6 url('bg.png') repeat-x top;
  color: #fff;
}

/**
 * Regions
 */

#container {
  width: 978px;
  margin: 0 auto;
  /*background: url('main-bg.png') repeat-y;*/
  
}
#page {
  width: 978px;
  position: relative;
  background: url('main-bg.png') repeat-y; /*NEW*/
}
#header {
  position: absolute;
  top: 0;
  left: 0;
  background: #883fae;
  height: 200px;
  width: 915px;
  padding-left: 45px;
  background: url('header.png') no-repeat;
}
#title {
  float: left;
  margin: 56px 0 48px 0;
  height: 66px;
  background: url('title.png') repeat-x top;
  padding: 5px 0 0 20px;
}
#title h1 {
  font-size: 30px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  letter-spacing: -1px;
  line-height: 30px;
  color: #fff;
  padding-right: 30px;
  margin: 0;
}
#title h1 a { color: #fff; }
#title .site-slogan {
  font-size: 10px;
  color: #fff;
  padding-right: 30px;
  margin-top: 3px;
}
#title-spacer { width: 264px; }
#nav {
  height: 25px;
  width: 715px;
  clear: both;
  font-size: 10px;
}
#nav ul {
  margin: 0 0 0 30px;
  padding: 0;
}
#nav li {
  float: left;
  list-style: none;
}
#nav a {
  text-decoration: none;
  text-align:right;
  color: #fff;
  display: block;
  padding: 0 10px 0px 0px; 
  /*padding: 0 15px 2px;*/
  line-height: 23px;
  margin-right: 3px;
  background: #B747BD;
  border: 1px solid #000;
  width: 74px;
} 
#nav a:hover { text-decoration: underline; background: #333; color: #fff; }
#nav a.active { color: #fff; background: #883fae no-repeat url('nav.png'); border-bottom: none; line-height: 24px;} 
#nav a.active:hover { color: #fff; background: #883fae no-repeat url('nav.png'); border-bottom: none; line-height: 24px;}
#main {
  padding-top: 200px;
  /*background: url('main-bg.png') repeat-y;*/
  background: url('main-bg-top.png') top no-repeat; /* NEW*/
}
.wide-page #main { background: url('main-bg-single.png') repeat-y; }
#content {
  float: left;
  display: inline; /* keeps ie6 happy */
  line-height: 1.65em;
  margin: 15px 0 5px 45px;
  padding: 0 10px;
  width: 495px;
  overflow: hidden;
  overflow-x: hidden;
}
.wide-page #content {
  background: #883FAE;
  width: 695px;
}
#content h1, #content h2 {
  font-size: 21px;
  font-weight: bold;
  color: #fff;
  letter-spacing: -1px;
  line-height: 1.2em;
  padding: 9px 0 10px;
  margin: 0;
}
#right {
  float: left;
  width: 400px;
  margin-bottom: 5px;
  font-size: 11px;
  line-height: 1.5em;
}
.wide-page #right { width: 180px; }
#right h2 {
  font-size: 17px;
  font-weight: bold;
  padding-bottom: 2px;
  letter-spacing: -1px;
  margin-bottom: 0.6em;
}
#left p, #right p { margin: 0 0 1.5em 0; }
#sidebar-top {
  float: left;
  width: 380px;
  padding-left: 10px;
}
#sidebar-left {
  float: left;
  width:180px;
  padding: 0 10px;
}
.wide-page #right #sidebar-left { color: #000; }
.wide-page #right #sidebar-left a { color: #000; }
.wide-page #right #sidebar-left { background: none; }
#sidebar-right {
  float: left;
  width: 180px;
  padding-left: 20px;
  color: #000;
}
#sidebar-right a { color: #000; }

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com

* {margin:0;padding:0;} 
must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

/*html, body, #wrap {height: 100%;}

/*body > #wrap {height: auto; min-height: 100%;}

/*#main {padding-bottom: 150px;}  /* must be same height as the footer */

#footer {position: relative;
	/*margin-top: -150px; /* negative value of footer height */
	height: 150px; 
	clear:both;}  

/* Sticky Footer
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*END of Sticky Footer*/

#footer {
  color: #000;
  border-top: groove 6px solid #333;
  clear: both;
 /* padding: 5px 10px;*/ 
  padding: 0px 5px 5px 6px; /*NEW*/
  border-top: 1px  #000000 solid;
  margin-left: 44px;
  font-size: 10px;
  background: url(footer.png) top no-repeat #000;
  width: 706px;
}
#footer a { color: #333; }
#footer p { margin: 0.5em 0; }
#footernav
{
  height: 25px;
  clear: both;
  font-size: 10px;
  width: 705px; 
  margin-left: auto;
  margin-right: auto; 
}
#footernav ul {
  margin: 0;
  padding: 0;
  width: 50%;
  margin-left: auto;
  margin-right: auto; 
}
#footernav li {
  float: left;
  list-style: none;
  padding: 0;
}
#footernav a {
  text-decoration: none;
  text-align:center;
  color: #fff;
  display: block;
  padding: 0; 
  line-height: 23px;
  margin-right: 3px;
  width: 60px;
} 
#footernav a:hover { text-decoration: underline; color: #fff; }
#footernav a.active { color: #fff; border-bottom: none; line-height: 24px;} 
#footernav a.active:hover { color: #fff; border-bottom: none; line-height: 24px;}

#footer .block { margin: 5px 0; }
.clear-both { clear: both; }

/**
 * Drupal specific
 */

#mission {
  background: #B747BD;
  margin-bottom: 1em;
  padding: 8px 10px;
  border: 1px solid #883fae;
}
#forum table { width: 100%; }
#forum td.topic { width: 40%; }
table.sticky-header { background: #B747BD; }
thead th { border-bottom: 3px solid #883fae; }
tbody { border-top: 1px solid #883fae; }
tr.even { background: #BE5AC4; }
tr.odd { background: #B747BD; }
tr.even, tr.odd { border-bottom: 1px solid #883fae; }
td.active { background-color: #B747BD; }
td.menu-disabled { background: #244C64; }
tr.selected td { background: #2D9F1D; }
#nav ul.links li, #topnav ul.links li { padding: 0; }
#user-login-form ul { padding: 0; }
#content ul.links { float: right; }
#content .terms { font-size: 11px; }
#content .terms ul.links { float: none; }
#content .terms ul.links li { padding: 0 0 0 3px; }
#right .block ul { padding: 0; margin-left: 0; }
#right .block ol { padding: 0; margin-left: 0.5em; }
#right ul.menu { padding: 0 0 0 12px; }
#right-toggle a { text-decoration: underline; }
li.leaf { list-style-image: url(menu-leaf.png); }
li.expanded { list-style-image: url(menu-expanded.png); }
li.collapsed { list-style-image: url(menu-collapsed.png); }
.resizable-textarea, .node-form .form-text { width: 99%; }
div.admin {
  padding-top: 0;
  font-size: 11px;
}
.block, #search-theme-form { margin: 30px 0; }
#content .block { margin: 0; }
.node {
  padding-bottom: 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e2e2e2;
}
.preview .node { background: #DB43AD; }
.node-unpublished { background: #DB43AD; }
.comment {
  background: #17a;
  border: 1px solid #5D1A65;
  padding: 5px 10px;
  margin-bottom: 10px;
}
.author {
  background: #DB43AD;
  border: 1px solid #5D1A65;
}
.comment-unpublished {
  background: #DFDFDF;
  color: #000;
}
.comment-unpublished a { color: #000; }
.user-signature {
  color: #ddd;
  font-size: 11px;
}
.new {
  float: right;
  color: #fff;
  font-weight: bold;
}
.messages { font-weight: bold; }
.description { font-size: 11px; }
.submitted { font-size: 10px; }
.submitted-date {
  font-size: 11px;
  left: 0;
  position: absolute;
  width: 35px;
  text-align: center;
  color: #000;
  background: url('arrow.png') no-repeat 7px 0;
  margin-top: 9px;
  padding: 40px 5px 0 5px;
}
.submitted-date span { display: block; }
.submitted-by { font-size: 10px; }
ul.links li { padding: 0 0 0 10px; }
.comment h3 { margin: 0; }
.comment h3 a { text-decoration: none; }
.comment a:hover { text-decoration: underline; }
#content .comment ul.links {
  float: right;
  font-size: 10px;
}
#user-login-form .item-list ul li { margin: 3px 0 0 0; }
.node-links ul.links { margin-left: 10px; }
.breadcrumb { font-size: 11px; }
table.system-status-report th { border: 0; }
#search-block-form .form-submit, #search-theme-form .form-submit { width: 53px; }
#search-block-form .form-text, #search-theme-form .form-text { width: 119px; }
.error { color: #000; }
div.error { border: 1px solid #c00; }
div.error, tr.error {
  background: #AF3C3C;
  color: #fff;
}
.ok { color: #3F6F38; }
div.ok { border: 1px solid #0c0; }
div.ok, tr.ok {
  background: #5B9F51;
  color: #fff;
}
.warning { color: #620; }
div.warning { border: 1px solid #DFAF1E; }
div.warning, tr.warning {
  background: #CF9B00;
  color: #fff;
}
.block-region {
  background-color: #333;
  color: #fff;
}
span.admin-enabled, span.admin-disabled, span.admin-missing {
  background: #5D1A65;
  font-weight: bold;
  padding: 0 3px;
  font-size: 10px;
  font-style: normal;
}
span.admin-enabled { color: #0f0; }
span.admin-disabled, span.admin-missing { color: #f32; }
div.admin-dependencies, div.admin-required {
  color: #fff;
  font-size: 9px;
  font-weight: bold;
}
.marker, .form-required { color: #fff; }
.picture img {
  vertical-align: bottom;
  display: block;
  float: left;
  border: 2px solid #fff;
  margin: 3px 7px 0 0;
  line-height: 1.7em;
}
*:first-child+html .picture img { margin: 1.5em 7px 0 0; }
* html .picture img { margin: 1.5em 7px 0 0; }
#aggregator .feed-item-title { font-size: 17px; }
ul.pager li a.active { color: #fff; }
.item-list ul.pager li {
  margin: 0;
  padding: 0.2em;
}
#blocks tr.region-message { color: #ddd; }
.block .content ul, .block .content ol { margin-bottom: 1.5em; }
.block .content ul.menu { margin-bottom: 0; }
.block .content ul li, .block .content ol li { margin-left: 1.5em; }
.block .content ul.menu li { margin-left: 0.5em; }

/**
 * Tab Navigation
 */

/*Primary*/
ul.primary {
  border-collapse: collapse;
  padding: 0 0 0 1em;
  white-space: nowrap;
  list-style: none;
  margin: 5px;
  height: auto;
  line-height: normal;
  border-bottom: 1px solid #fff;
  font-size: 10px;
}
ul.primary li {
  display: inline;
  border: 0;
}
ul.primary li a {
  background: #883fae;
  border: 0;
  height: auto;
  margin-right: 0.5em;
  padding: 0 10px;
  padding: 4px 15px;
  line-height: 20px;
  text-decoration: none;
}
ul.primary li.active a {
  background-color: #fff;
  color: #000;
  border: 0;
}
ul.primary li.active a:hover {
  background-color: #fff;
}
ul.primary li a:hover {
  background-color: #333;
  border: 0;
}

/*Secondary*/
ul.secondary {
  border-bottom: 1px solid #fff;
  padding: 0 0 4px 0;
  margin: 5px;
  font-size: 10px;
  float: right; /* LTR */
  clear: right; /* LTR */
  position: relative;
}
ul.secondary li {
  display: inline;
  padding: 0;
  border: 0;
}
ul.secondary a {
  padding: 0;
  text-decoration: none;
  padding: 2px 10px;
  border-right: 1px solid #fff;
}
ul.secondary a:hover { text-decoration: underline; }
ul.secondary a.active {
  color: #fff;
  border-bottom: 0;
  font-weight: bold;
  text-decoration: underline;
}

/**
 * Reports
 */

tr.dblog-notice { background: #DB43AD; }
tr.dblog-notice .active { background: #B747BD; }
tr.dblog-warning { background: #4F2828; }
tr.dblog-warning .active { background: #4F2020; }
tr.dblog-error { background: #6F6F6F; }
tr.dblog-error .active { background: #aaa; }
tr.dblog-user { background: #6F6137; }
tr.dblog-user .active { background: #9F7F1D; }
tr.dblog-content { background: #3F6F38; }
tr.dblog-content .active { background: #2D9F1D; }
tr.dblog-page-not-found, tr.dblog-access-denied { background: #6F3838; }
tr.dblog-page-not-found .active, tr.dblog-access-denied .active { background: #6F2D2D; }

/**
 * Administration Menu
 */

body.admin-menu { margin-top: 0 !important; }
#admin-menu {
  background: #fff;
  border-bottom: 4px solid #333;
}

/**
 * Update Status
 */

.update tr.error { background: #AF3C3C; }
.update tr.error .version-recommended { background: #AF3C3C; }
.update tr.ok { background: #5B9F51; }
.update tr.warning { background: #DFAF1E; }
.update tr.warning .version-recommended { background: #DFAF1E; }
.update table.version-security .version-title { color: #f93; }
.update .security-error { color: #f93; }

/**
 * Coder
 */

.coder-normal { background-color: #664; }
.coder-critical { background-color: #654; }
.coder-description code { background: #566; }

/**
 * Views
 */

table.views-entry {
  background-color: #DB43AD;
  border: 1px solid #883fae;
}
table.views-entry td.view-ops, table.views-entry td.view-name { background-color: #B747BD; }
th.views-field { white-space: nowrap; }
.views-edit-view, .views-edit-view a { color: #000; }
#views-ui-edit-view-form { margin: 10px 0; }
#views-live-preview, #views-live-preview a { color: #fff; }
div.view div.views-admin-links { width: auto; }
div.view div.views-admin-links ul.links {
  float: left !important;
  background: #B747BD;
  border: 1px solid #fff;
}
div.view div.views-admin-links ul.links li {
  padding: 0 3px;
  margin: 0;
}
div.view div.views-admin-links ul.links li a { color: #fff !important; }
.views-basic-info, .views-basic-info a { color: #fff; }
div.changed {
  background: #B747BD;
  color: #fff;
}
div.changed a { color: #fff; }