/* $Id: styles.css,v 0.8.0.2 golf 2004-12-23 4:49:13 AM cmessina Exp $ */
/* Democratica Visual Styles */

/*<group=Site Specific Information>*/

#branding {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #1395D2;
  background: url(images/bg_branding.png) repeat-x top left;
}
#branding a:hover {  
  background-color: transparent; 
}
#site-name {
  margin: 4px 0 0 4px;
  padding-top: 1.0em;
}
#logo  {
  padding: 1.0em 0 4px;
}
#site-slogan { 
  clear: right;
  float: right;
  margin: -1.5em 0 0 0;
  padding: 0 8px 2px 0;
}
#site-slogan span {
  margin:0;
  padding: 6px 6px 2px 170px;
}
#mission {
  vertical-align: middle;
  padding: 1.0em;
  padding-right: 120px; /* makes room for bg graphic */
  margin: 0 0 1.0em 0;
  min-height: 30px;
  border: 1px solid #466A8D;
  border-right-color: #5D8CBA;
  border-bottom-color: #5D8CBA;
  background: #69C url(images/bg_mission.png) top right no-repeat;
  _background-image: url(images/bg_mission_ie.png) !important;
}  
  /*</group>*/
/*<group=Navigation>*/
/*<group=Primary Navigation>*/

#navigation #nav-primary {
  margin: 0;
  margin-top: 12px;
  padding: 0;
}
#navigation #nav-primary ul {
  list-style-type: none; 
}
#navigation #nav-primary li {
  padding: 0;
  margin: 0 0 2px 6px;
  list-style: none; 
}
#navigation #nav-primary a {
  border-bottom: 1px solid #bbb;
  padding: 2px 0;
  _height: 0; /* fixes double height in IE */
}
#navigation #nav-primary a, .menu a {
  display: block;
}

/*</group>*/
/*<group=Drupal Tabs>*/
ul.primary {
  _height: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
#tabs {
  margin: 1.0em 0;
  _height: 0;
}
#tabs .primary, #tabs .secondary {
  line-height: 1.4em;
}
#tabs .primary li, #tabs .secondary li{
  background: none;
  padding-left: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
#tabs .primary .active {}
#tabs .secondary {
  border-bottom: 0;
  _height: 0;
}
#tabs .secondary .active {}
#tabs .secondary li a.active:hover {
  border-bottom: 4px solid #999;
}
#tabs .secondary li a:hover {
  border-bottom: 4px solid #c99;
}

/*</group>*/
/*<group=Breadcrumbs>*/

#main-content #breadcrumbs {
  padding: 0.5em 0;
  _height: 0;
}
#main-content #breadcrumbs ul {
  list-style: none;
}
#main-content #breadcrumbs ul:before {
  content: "You are here: ";  
}
#main-content #breadcrumbs ul li {
  display: inline;
  _padding-left: 1.0em; 
  _margin-left: 0.5em; 
}
#main-content #breadcrumbs ul li.first {
  background: none; 
  padding-left: 0; 
  margin-left: 0; 
}

/*</group>*/
  /*</group>*/
/*<group=Notices>*/

#notices a:hover {
  background-color: transparent;
}  
  /*</group>*/
/*<group=Search>*/

#search {
  padding: 0;
  padding-bottom: 1.0em;
}
#search .form-text, #search .form-submit {
  margin: 0;
}
#search .form-text {
  margin-right: 1.0em;
}
  /*</group>*/
/*<group=Messages>*/
#message {
  padding: 0.5em;
  margin: 1.0em 1.25em;
  background: url(images/bg_message.png) top left repeat;
}
form #message {
  background-image: none; 
}
.description, #help, .messages  {
  padding: 0.75em;
  margin: 1.0em 0;
  line-height: 1.4em;
  border-width: 2px 0;
  border-style: solid;
  _height: 0;
}
/*<group=Status>*/
.status {
  background: url(images/bg_message.png) repeat;
  border: 2px solid #80FF00;
}  
.status:before {
  content: url(images/icon_status.png);
  vertical-align: middle;
}
/*</group>*/
/*<group=Description>*/
.description {
  border-width: 1px 0;
  border-style: dotted;
  border-color: #999;
}
.description:before {
  content: url(images/icon_description.png);
  vertical-align: middle;
  padding-right: 4px;
}

/*</group>*/
/*<group=Help>*/

#help { 
  cursor: help;
  background: url(images/bg_help.png) repeat;
  border-color: #fc0;
}
#help:before {
  content: url(images/icon_help.png);
  vertical-align: middle;
  padding-right: 4px;
}
/*</group>*/
/*<group=Error>*/
.error, .form-item input.error {
  border-color: #BE0101;
}    
.error {
  background: url(images/bg_error.png) repeat;
}
.error:before {
  content: url(images/icon_error.png);
  vertical-align: middle;
}
.form-item input.error {
  background-image: none;
}    
/*</group>*/
#message .item-list, .item-list h3 {
  margin-top: 0; 
}
/*</group>*/  

/*<group=Main Content>*/
h1.page-title {
  margin-top: 0.25em;
  border-bottom: 1px solid #BE0101;
  _height: 0; /* this fixes the disappearing titles with the exploding textarea fix */
}

#content-title, .node .page-title {
  padding-bottom: 5px;
  margin-bottom: 1.0em;
  border-bottom: 1px dotted #be734d;
  _height: 0; /* this fixes the disappearing titles with the exploding textarea fix */
  position: relative;
}
#main-content {
  padding: 0;
  margin: 0;
}
#main-content h2 {
  padding: 0;
  padding-bottom: 0.25em;
  margin: 0.25em 0;
  border-bottom: 1px solid #3579B2;
}
#main-content h2 a {
  border-bottom: none;
  display: block;
}
#main-content .node {
  margin: 0;
  margin-bottom: 1.0em;
}
#main-content .node .content, .comment .content, .comment, .comment-folded {
  padding: 0.5em;
  margin: 0.5em 0;
  line-height: 1.5em;
/*  overflow: auto;*/
}
#main-content .node .content {
  padding: 5px 0;
  margin: 0;
}
#main-content .node .info {
  margin: 1.0em 0;
  margin-top: 0;
}
/*<group=Drupal.css Fixes>*/
.node-form .admin .authored, .node-form .admin .options, .node-form .admin .extra {
  float: none;
  margin-right: 0;
}
#main-content #aggregator .news-item, #main-content #aggregator .news-item .description, #main-content .book .nav, #main-content .book .nav .links, #main-content .book .nav .titles, #main-content .node .profile, #main-content #pager, #main-content .node-form .standard {
  clear: none;
}  
.node-form .admin .authored .form-text  {
  width: 93%;
}
/*</group>*/

/*<group=Polls>*/
.poll .bar .foreground {
  clear: none;
}
/*</group>*/

/*<group=Profile Styles>*/
.profile {
  _position: relative;
  _height: 1%;
  clear: none;
}
.picture {
  _position: relative;
  _height: 1%;
}
.picture img {
  padding: 2px;
  border: 1px solid #ebebeb;
  background-color: #fff;
}
.profile .picture {
  margin: 0 0 1em 1em;
}
/*</group>*/

/*<group=Book Styles>*/
.node-add #main-content .node .book .nav, .node-edit #main-content .node .book .nav {
  display: none;
}  
/*</group>*/

/*<group=Post Links>*/

#main-content .node .links, #main-content .comment .links {
  padding: 2px 10px 0;
  margin: 0 0 0.5em 0;
  border-top: 1px dotted #3579B2;
  text-align: right;
}
#main-content .links {
  margin-bottom: -0.01em;
  clear: none;
  _height: 0;
}
#main-content .links .read-more {
  background: transparent;
}

/*</group>*/
/*<group=Box Formatting>*/

#main-content .box {
  background-color: #EDF3F9; 
  border: 1px solid #CFE4F3;
  padding: 0;
  margin: 0 0 2.0em 0;
}
#main-content .box h2 {
  margin: 0 0 0.5em 0;
  background-color: #CFE4F3;
  border-bottom: 1px dotted #3579B2;
}
#main-content .box .content, #main-content .box h2 {
  padding: 0.5em;
}
/*</group>*/

/*<group=Comment Formatting>*/
.comment {
  border: 2px solid #fff;
}
.comment:hover {
  background-color: #ffe;
  border: 2px solid #fec;
}
/*</group>*/  


/*<group=Comments & Book Previews>*/ 
#main-content .comment .content {
  padding: 0;
}
/** Borrowed from 37 Signals **/ 
.comment-reply #main-content .comment-new .content, .node-add #main-content .node .content, .node-edit #main-content .node .content {
  padding: 0 10px 5px;
  _height: 0;
}
.comment-folded .new, .comment .new {
  float: right;
  margin: 5px 5px 0 0;
}
.comment-reply .comment-new, .node-add #main-content .node, .node-edit #main-content .node {
  padding: 0;
  padding-bottom: 5px;
  border: 2px solid #ef9c00;
  margin: 0 0 1.0em 0;
  background-color: #ffc;
}
.comment-reply .comment-new .title, .node-add #main-content .node h2, .node-edit #main-content .node h2 {
  background-color: #ff6;
  border-bottom: 1px solid #000;
}
.comment-reply .comment-new .author, .node-add #main-content .node .info, .node-edit #main-content .node .info  {
  background-color: #ffc;
  padding: 0 10px;
}
.comment .author, span.credit, .node-add #main-content .node .info, .node-edit #main-content .node .info {
  padding-bottom: 0.5em;
}
.comment-reply #main-content .comment-new .links, .node-add #main-content .node .links, .node-edit #main-content .node .links {
  display: none;
}
.comment-reply .comment-new .title, .comment-folded .subject, .node-add #main-content .node h2, .node-edit #main-content .node h2 {
  margin: 0;
  padding: 5px 10px;
  border: none;
}

/*</group>*/

/*</group>*/ 
/*<group=Sidebar>*/
/*<group=Right Sidebar>*/

#sidebar-right {
  padding-top: 6px; 
  _height: 0;
}
#sidebar-right .block {
  width: 247px;
  background: repeat-y left top url(images/sidebar_box_bg.png);
  padding: 0;
  margin: 0;
  margin-left: 16px;
}
#sidebar-right .block h2 {
  background: no-repeat top left url(images/sidebar_box_top.png);  
  padding: 0.8em 1.0em 0.5em 1.0em;
  margin: 0;
}
#sidebar-right .block .content {
  background: no-repeat bottom url(images/sidebar_box_bottom.png);  
  margin: 0;
  padding: 0 1.0em 12px 1.0em;
}
#sidebar-right .block .more-link {
  text-align: right;
}
#sidebar-right .block .more-link a {
  background: url(images/bullet_triangle.png) 1px 4px no-repeat; 
  padding-left: 9px; 
}

/*</group>*/
/*<group=Sidebar Left>*/
#sidebar-left .block h2 {
  color:  #004D81;
  padding: 0;
  margin: 1.5em 0 0 0.5em;
}
   
/*</group>*/
/*<group=General Styles>*/

.sidebar {
  padding: 0;
  margin: 0;  
}
.sidebar table, .sidebar th, .sidebar td {
  border: 0;
  text-align: left;
}
.sidebar .block h2 {
  padding: 5px;
  margin: 0;
  margin-top: 1.0em;
  color: #3579B2;
}
.sidebar .block {
  margin-left: 0;
  padding: 0;
}
.sidebar .block .content {
  padding: 0;
  margin: 0 6px;
  /** delta: remove clear:both; **/
}
.xml-icon {
  text-align: right;
  margin-top: 0.5em;
}
.sidebar .block .content .xml-icon {
  text-align: center;
}
.sidebar .block input.form-text, .sidebar .block-search input.form-password {
  width: 125px;
}
.sidebar .block-search input.form-text {
  width: 100px;
  padding: 1px;
  margin-right: 5px;
}
.sidebar .block-search button.form-submit { 
  width: 60px;
}

/*</group>*/
/*<group=Block User>*/

/*  Block User */  
.block-user .menu li.expanded, .block-user .menu li.leaf, .block-user .menu li.collapsed {
  list-style-type: none;
  list-style-image: none;
}
.block-user .menu {
  margin-bottom: 1.0em;
  background-color: #f1f1f1;
}
.block-user .menu, .block-user .menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.block-user .menu ul {
  _margin-left: -0.5em;
  _width: 140px;
  _overflow: hidden;
}
.block-user .menu ul {
  padding: 0.3em 0;
  border-left: 1px solid #D0D9D9;
  border-bottom: 1px solid #D0D9D9;
}
.block-user .menu li {
  display: block;
  padding: 0.3em 0 0.3em 10px;
  margin: 0;
}  
.block-user .menu li.expanded {
  background: url(images/icons_expanded.png) 0px 3px no-repeat;
}
.block-user .menu li.leaf {
  background: url(images/icons_leaf.png) 0px 3px no-repeat;
}
.block-user .menu li.collapsed {
  background: url(images/icons_collapsed.png) 0px 3px no-repeat;
}
.block-user .menu li.expanded:hover {
  background-position: -400px 3px ;
}
.block-user .menu li.leaf:hover {
  background-position: -400px 3px;
}
.block-user .menu li.collapsed:hover {
  background-position: -400px 3px;
}
.block-user .menu li a {
  display: block;
  padding: 0;
  padding-left: 10px;
  margin: 0;
  text-decoration: none;  
}
.block-user .menu li a.active {
  font-weight: bold;
}
.block-user .menu li a:hover {
  text-decoration: underline;
}

/*</group>*/
  
  /*</group>*/
/*<group=Tables>*/

#main-content table {
  width: 95%;
  border: 1px solid #BDCEE1;
  padding: 0;
  margin: 0;
  margin-bottom: 1.0em;  
}
#main-content tr td, #tracker td {
  border: solid #BDCEE1;
  border-width: 0 1px 1px 0;
  padding: 4px 8px;
  margin: 0;  
  vertical-align: top;
}
#main-content th {
  padding: 4px;
  border: 0;
  border-bottom: 1px solid #BDCEE1;
  text-align: center;
  vertical-align: middle;
  background-color: #fff;
}
/*<group=Logs>*/
.admin-logs tr.light td.active {
  background-color: #E0E0E0;
}
.admin-logs tr.dark td.active {
  background-color: #D9D9D9;
}
/*</group>*/
/*<group=Tracker>*/

#tracker tr.dark td, tr.dark td {
  background-color: #e7e7e7; 
}
#tracker tr.light td, tr.light td {
  background-color: #efefef; 
}
#tracker table {
	border-collapse: collapse;
}
#tracker td ul {
	margin-top: 0;
	margin-bottom: 0;
}
#main-content .watchdog-httpd td {
  background: #ffe0e0 url(images/bg_error_tracker.png) repeat;
  border-width: 1px 0;
  border-color: #f99;
}
#main-content .watchdog-httpd td.active {
  background-image: url(images/bg_error_tracker_active.png);
}
#main-content .watchdog-error td {
  background: #ffe0e0 url(images/bg_error_tracker.png) repeat;
  border-width: 1px 0;
  border-color: #be0101;
}
#main-content .watchdog-error td.active {
  background-image: url(images/bg_error_tracker_active.png);
}
#main-content .watchdog-special td {
  background: #C9DCEF url(images/bg_message.png) repeat;
  border: 0;
}
#main-content .watchdog-special td.active {
  background-image: url(images/bg_message_active.png);
}
#main-content .watchdog-user td {
  background: #EFEAC9 url(images/bg_user.png) repeat;
  border: 0;
}
#main-content .watchdog-user td.active {
  background-image: url(images/bg_user_active.png);
}

/*</group>*/
  /*</group>*/

/*<group=Forms>*/
/*<group=Fieldsets>*/
fieldset {
  border-style: solid;
  border-color: #999;
  border-width: 0 1px 1px 0;
  background-color: #f7f7f7;
  padding: 1.0em 0.5em;
  _padding-top: 0;
}
fieldset:focus {
  background-color: #efefef;
}
#node-form, .comment-reply form {
  _width: 93%; /* causes page-titles in IE to disappear but fixes exploding textareas */
}

/*</group>*/
/*<group=Inputs & Buttons>*/
input.page-title {
  margin: 0; 
}
input.required, textarea.required {
  background-color: #F1DFDE;  
  _background-color: #fff;
}
input.required:focus, textarea.required:focus {
  background-color: #fff;  
}
select {
  background-color: #fff;
  color: inherit;
  margin: 0 5px;
}
#main-content input:focus, #main-content textarea:focus {
  border-color: #7EADD9;
}
#main-content form .form-text,
#main-content form textarea,
#main-content .node-form textarea,
#main-content textarea#edit-trackback_urls {
  width: 93%;
}
.form-radio, .form-checkbox {
  background-color: transparent;
  border: 0;  
}
button.form-submit {
  border: solid 1px #ddd;
  margin: 0;
  padding: 0;
}
   
/*</group>*/

/*<group=Labels>*/
label input {
  vertical-align: middle;
}
label:hover, .form-item label {
  cursor: pointer;
}
#main-content label:hover {
  background-color: #ffc;
  border-color: #fc0;
  border-style: solid;
  border-width: 1px 0;
  padding: 2px 0;
}
#main-content table .form-item label:hover {
  background-color: transparent;
  border-style: none;
}
  /*</group>*/
form {
  padding: 0;
  margin: 0;
}
h3.form-title {
  text-align: left;
}
/*<group=Attachments>*/
.node-form .attachments, .node-form .attachments fieldset {
  position: relative;
}
.node-form .attachments input[type="file"] {
}
/*</group>*/
/*<group=User Login Block>*/
.user-login-block .form-item label {
  margin: 0;
  padding: 0;
}
#sidebar-left .user-login-block #edit-name, #sidebar-left .user-login-block #edit-pass {
  width: 130px;
  margin: 0; 
}
#sidebar-right .user-login-block #edit-name, #sidebar-right .user-login-block #edit-pass {
  width: 220px;
  margin: 0; 
} 
.user-login-block .form-item {
  margin: 0;
  padding: 0;
  text-align: left; 
}

/*</group>*/

  /*</group>*/

/*<group=Lists>*/
li.leaf {
  list-style-type: none;
}
#main-content ul {
  padding: 0; 
  margin: 0; 
}
#main-content ul li, .block-blog ul li {
  background: url(images/bullet_triangle.png) 1px 4px no-repeat; 
  padding-left: 9px; 
  list-style: none; 
  line-height: 1.4em;
  padding-bottom: 0.25em;
}
/*<group=Input Formats>*/
#main-content ul.tips li {
  background-position: -1000em;
  padding: 0;
  margin-left: 2.25em;
}  
/*</group>*/
/*<group=Filter Tips>*/

ul.filter-tips-short {
  line-height: 1.0em;
  margin: 0;
  padding: 0;
}
.filter-tips-short li, .more-tips {  
  margin: 0;
  padding: 0;
}

/*</group>*/
/*<group=Item Lists>*/

.item-list {
  margin: 0 0 0.5em 0;
}
.item-list .icon {
  padding-left: 0.25em;
}
.item-list .icon img, .item-list .title {
  border: 0;
}
.item-list ul {
  list-style: none;
  margin: 0.3em 0 0.5em 0;
  padding: 0
}
.item-list ul > ul {
  margin: 0;
  padding: 0
}
.item-list ul.sub-list {
  list-style: none;
  margin: 0 0 0.75em 25px;
  padding: 0
}
.item-list ul li {
  margin: 0 0 0.25em 1.0em;
  padding: 0 0 0 15px;
  line-height: 1.3em;
  list-style: none;
}
.sidebar .item-list ul li {
  margin: 0 0 0.25em 2px;
  list-style: none;
}

/*</group>*/
  
  /*</group>*/