/* $Id$ */

/**
 * HTML Elements
 */

body {
  color: #464646;
  font: 76% Verdana, Arial, Helvetica, sans-serif;
  background: #000066;
  margin-top: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5em;
}

/* Page headings to look more like breadcrumbs */

h1 {
  font-size: 20px;
  font-weight: bold;
  color: black;
  font-style: italic;
  padding-left: 55px;
  padding-top: 20px;
}

h2 {
  font-size: 1.2em;
  color: black;
}

h3, h4, h5, h6 {
  font-size: 1.1em;
}

p {
  margin-top: 0.5em;
  margin-bottom: 0.9em;
}

a {
  text-decoration: none;
  font-weight: normal;
}

a:link {
  color: #000099;
}

a:visited {
  color: #000099;
}

a:hover {
  color: #aa251b;
  text-decoration: underline;
}

fieldset {
  border: 1px solid #ccc;
}

pre {
  background-color: #eee;
  padding: 0.75em 1.5em;
  font-size: 12px;
  border: 1px solid #ddd;
}

/**
 * Layout
 */

#wrapper {
  width:750px;
  margin:auto;
  background: #FFF;	
}

/**
 * Header
 */

#header {
  margin:0;
}

#header-region {
  clear: both;
}

#logo-search {
  overflow: hidden;
  width: 100%;
  position: relative;
}

#logo {
  float:left;
}

#search-box {
  position: absolute;
  bottom: 0;
  right: 0;
}

.site-name {
  margin: 0;
  padding:70px 0 0 30px;
  font-size:45px;
}

.site-name a:link, .site-name a:visited {
  color: #E7E7E7;
  font-weight:lighter;
}

.site-name a:hover {
  color: #BBBBBB;
  text-decoration: none;
}

.site-slogan {
  font-size: 1em;
  color: #eee;
  display: block;
  margin-left: 32px;
  font-style: italic;
  font-weight: bold;
}

#primary{
  display:block;
}

#primary ul.links li {
  height: 15px;
  border-left: 0;
  padding: 0;
}

#primary ul.links li.first a {
  margin-left: 36px;
  border-left-style: solid;
  border-left-color: white;
  border-left-width: 2px;
  height: 15px;
}

#primary a {
  padding:6px 6px 7px 6px;
  min-width:150px;
  display:block;
  float:left;
  text-align:center;
  color:#FFF;
  font-weight:normal;
  border-right-style: solid;
  border-right-color: white;
  border-right-width: 2px;
  height: 15px;
}

#primary a:hover {
  background: #92278f;
  text-decoration:none;
  height: 15px;
}

#primary a.active {
  background: #92278f;
  height: 15px;
}

#secondary {
  padding: 0;
  text-align: right;
  vertical-align: middle;
  background: #fff url('images/top-slice.png') no-repeat left;
  height: 130px;
}

#subnavlist .links {
  padding: 0 1.2em;
  font-size: 0.8em;
  color: #000;
}

#subnavlist a {
  color: #000;
  font-weight:normal;
}

ul.links li {
  border-left: 1px solid #9cf;
}

ul.links li.first {
  border: none;
}

/**
 * Sidebars
 */
 
#sidebar-left-wrapper {
  width: 194px;
  float: left;
  position: relative;
  left: 561px;
  background: #fff url('images/left-sidebar-column.png') no-repeat right top;
}

#sidebar-left, #sidebar-right {
  width: 184px;
  padding: 0;
  vertical-align: top;
  font-size: 11px;
  letter-spacing: 0px;
  padding-top: 22px;
  float: left;
  position: relative;
}

#sidebar-left {
 background: #ab251c url('images/left-sidebar.png')  no-repeat left top;
 border-right: 2px solid #640700;
}

#sidebar-right {
  float: right;
  position: relative;
  left: 800px;
}

#sr2 {
  position:relative;
  left:-1px;
  top:-20px;
  display:block;
  width:2000px;
}

#sr3 {
  display:block;
  width:198px;
}

#sr4 {
  display:block;
  width:198px;
  position:relative;
  padding-bottom:50px ;
  margin-bottom:-20px;
}

#sr5 {
  display:block;
  width:190px;	
  padding:20px 5px 80px 5px;
  margin-bottom:-50px;
  position:relative;
}

/**
 * Main
 */

#main {
  float: left;
  width: 498px;
}

body.sidebar-left #main {
  /* width: 650px; */
}

body.sidebar-right #main {
  width: 648px;
}

body.sidebar-none #main {
  width: 800px;
}

#main-inner {
  width: 100%;
  overflow: hidden;
}

#main .inner {
  padding: 20px 26px 0 26px;
}

body.sidebar-left #main .inner {
  padding-right: 0;
  padding-top: 7px;
}

body.sidebar-right #main .inner {
  padding-left: 0;
}

body.sidebar-none #main .inner {
  padding: 0;
}

#mission { 
  padding: 1em;
  margin:0 26px 0 26px;
  color: #000;
  border:1px solid #CECECE;
}

body.sidebar-left #mission {
  margin-right: 0;
}

body.sidebar-right #mission {
  margin-left: 0;
}

body.sidebar-none #mission {
  margin: 0;
}

#mission a, #mission a:visited {
  color: #9cf;
  font-weight: bold;
}

#mission, .node .content, .comment .content {
  line-height: 1.4em;
}

#help {
  font-size: 0.9em;
  margin-bottom: 1em;
}

.breadcrumb {
  margin-bottom: .5em;
}

.messages {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 0.3em;
  margin-bottom: 1em;
}

.error {
  border-color: red;
}

/**
 * Footer
 */

#footer {
  font-size: 0.8em;
  text-align: left;
  float: left;
  width: 194px;
  margin-left: -1px;
  background: #fff url('images/left-sidebar-lower.gif') repeat-y left top;
}

#footer a {
  color: #fff;
  padding-left: 5px;
}

#footer-background {
  float: left;
  width: 600px;
  margin-left: -2px;
  background: #fff url('images/bottom-left.gif') no-repeat left bottom;
}

/**
 * Nodes & Comments
 */

.node {
  margin: .5em 0 2em 0;
}

.node .content, .comment .content {
  margin: .5em 0 .5em 0;
  padding-left: 50px;
  padding-top: 10px;
}

.node .taxonomy {
  color: #999;
  font-size: 0.8em;
  padding-left: 1.5em;
}

.node .picture {
  border: 1px solid #ddd;
  float: right;
  margin: 0.5em;
}

.node img {
  border:1px solid #CECECE; padding:3px;
}

.comment {
  border: 1px solid #abc;
  padding: .5em;
  margin-bottom: 1em;
}

.comment .title a {
  font-size: 1.1em;
  font-weight: normal;
}

.comment .new {
  text-align: right;
  font-weight: bold;
  font-size: 0.8em;
  float: right;
  color: red;
}

.comment .picture {
  border: 1px solid #abc;
  float: right;
  margin: 0.5em;
}

.comment .links {
  margin-bottom: 0;
}

/**
 * Blocks
 */

.block {
  /* border-bottom: 1px solid #bbb; */
  padding: 5px;
  margin-bottom: 1.5em;
  display:block;
}

.block, .box {
  padding: 0 0 1.5em 0;
}

#sidebar-left .block {
  border: 0;
  /* background: #C2C2C2; */
}

.block-inner {
  width: 100%;
  overflow: hidden;
}

.block .title {
  font-size:13px;
  margin-bottom: 10px;
}

/**
 * Miscellaneous Styles
 */

tr.odd td, tr.even td {
  padding: 0.3em;
}

.form-item label {
  font-size: 1em;
  color: #222;
}

.item-list, .item-list a:visited {
  font-size: 1em;
  color: #0F75BC;
}

.links {
  margin-bottom: 0;
}

.node .title, .node .title a {
  font-weight: bold;
  font-size: 1.3em;
  margin: 0 auto;
  color: #aa251b;
  padding-left: 50px;
}

.submitted {
  color: #999;
  font-size: 0.8em;
}

.form-submit {
  background:#E7E7E7;
  border:1px solid #9c9c9c;
}

#sidebar-left .form-submit{
  background:#DDD;	
}

.links {
  color: #999;
}

.box .title {
  font-size: 0.9em;
}

/*
** Search Module
*/

#search .form-text, #search .form-submit {
  border: 1px solid #9C9C9C;
  font-size: 1.1em;
  vertical-align: middle;
}

#search .form-submit{
  height:20px;
}

#search .form-text {
  width: 8em;
  padding: 0 0.5em;
  height:18px;
}

/*
** Aggregator Module
*/

#aggregator .feed-source {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 1em;
  margin: 1em 0;
}

#aggregator .news-item .categories, #aggregator .source, #aggregator .age {
  color: #999;
  font-style: italic;
  font-size: 0.9em;
}

#aggregator .title {
  margin-bottom: 0.5em;
  font-size: 1em;
}

#aggregator h3 {
  margin-top: 1em;
}

#sidebar-right ul li {
  list-style: none;
  border-bottom-style: dotted;
  border-bottom-color: black;
  border-bottom-width: 1px;
  margin-left: 0;
  margin-top: 5px;
  margin-right: 5px;
  padding-bottom: 5px;
}

#sidebar-right h2 {
  text-align: left;
  padding-left: 12px;
}

/*
** Forum Module
*/

#forum table {
  width: 100%;
}

#forum td {
  padding: 0.5em;
}

#forum td.forum, #forum td.posts {
  background-color: #eee;
}

#forum td.topics, #forum td.last-reply {
  background-color: #ddd;
}

#forum td.container {
  background-color: #ccc;
}

#forum td.container a {
  color: #555;
}

#forum td.statistics, #forum td.settings, #forum td.pager {
  height: 1.5em;
  border: 1px solid #bbb;
}

#forum td .name {
  color: #96c;
}

#forum td .links {
  padding-top: 0.7em;
  font-size: 0.9em;
}

.block-forum h3 {
  margin-bottom: .5em;
}

/*
** Profile Module
*/

#profile .profile {
  clear: both;
  border: 1px solid #abc;
  padding: .5em;
  margin: 1em 0em;
}

#profile .profile .name {
  padding-bottom: 0.5em;
}

/*
** Secondary Links Module
*/

#block-menu-secondary-links {
  padding:0;	
}

body #sidebar-left #block-menu-secondary-links {
  padding: 0;
}

#block-menu-secondary-links h2 {
  background:#CECDCE;
  margin:0;
  width: 100%;
  display:block;
  padding:7px 0 7px 0;
  text-align:left;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  border-bottom:#9C9C9C 1px solid;
}

/* Primary format for seconday menu items */

#block-menu-secondary-links a{
  padding:7px 0 7px 0;
  width: 100%;
  margin-left: 6px;
  text-align:left;
  display:block;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color:#4E4E4E;
}

#block-menu-secondary-links1 a:hover{
  text-decoration:none;
  background:#DBDBDB;
}

#block-menu-secondary-links li{
  list-style-type:none;
  list-style-image:none;
  margin:0;
  padding:0;
}

/* Main menu */

#block-menu-secondary-links .collapsed a, #block-menu-secondary-links .expanded a {
  /* border-left:5px #9C9C9C solid; */
  width:143px;
}

/* Active main item with theme color background */

#block-menu-secondary-links li.active-trail {
  background: #92278F;
}

#block-menu-secondary-links li.active-trail a:hover {
  color: #FFF;
}

/* Lighter background and dashed separators for subordinate items */

#block-menu-secondary-links .expanded li {
  background: #ECECEC;
  border-bottom-style: dashed;
  border-bottom-color: #4C4C4C;
  border-bottom-width: 1px;
}

#block-menu-secondary-links .expanded li.first {
  border-top-style: solid;
  border-top-color: white;
  border-top-width: 1px;
}

#block-menu-secondary-links .expanded li.last {
  border-bottom-style: solid;
  border-bottom-color: white;
  border-bottom-width: 1px;
}

#block-menu-secondary-links .active-trail a {
  font-weight: bold;
  color: #FFFFFF;
}

/* Indent secondary menu subitems and remove bold white text */

#block-menu-secondary-links .expanded .leaf, #block-menu-secondary-links .expanded .leaf a {
  padding-left: 6px;
  color: #4E4E4E;
  font-weight: normal;
  font-style: normal;
}

/* subitems */

#block-menu-secondary-links .expanded .leaf a, #block-menu-secondary-links .expanded .expanded a{
  width:138px;
}

/* Highlight active submenu item */

#block-menu-secondary-links .expanded .active-trail a {
  font-weight: bold;
  font-style: normal;
  color: #92278F;
}

#block-menu-secondary-links a:hover, #block-menu-secondary-links .expanded .leaf a:hover {
  color: #92278f;
  text-decoration: none;
}

#block-menu-secondary-links ul{
  padding:0;	
}

.block-menu .item-list ul li{
  list-style-type:none;
  margin:0;
  margin-top:5px;
}

.block-menu .item-list ul{
  padding:0;
}

/*
** Image Module
*/

.block-image IMG{
  border:1px solid #CECECE;
  padding:3px;
}

/*
** Poll Module
*/

.poll .bar {
  background:#E7E7E7;
  border:#9C9C9C 1px solid;
}

.poll .bar .foreground{
  background:#CECDCE;
  border-right:#9C9C9C 1px solid;
}

/*
** node title graphic
*/
#node_title {
  background: #fff url('images/title-circle-check.png') no-repeat left center;
  height: 55px;
}

/*
** random_images module
** (nasty hack to deal with odd Leapfrog photo placement: -2px here, 
** reduce #left-sidebar width to 184, increase #sidebar-left-wrapper left: to 562)
*/
.block-random_images {
  visibility: visible;
  display: block;
  margin-top: -50px;
}

.block-random_images img {
  margin-left: -1px;
  margin-bottom: -135px;
  padding-left: 87px;
  padding-right: 5px;
  width: 93px;
  visibility: visible;
}

.node {
  /* room for random photos */
  min-height: 350px;
}

/*
** Site Map Module
*/
#site-map {
  /* room for random photos */
  min-height: 350px;
}

#site-map h2 {
  visibility: hidden;
  height: 0;
}

.site-map-menu li {
  padding-top: 10px;
}

.site-map-menu .site-map-menu li {
  padding-top: 0;
}

/*
 * Wysiwyg API module
 */
#tinymce {
	background-color: #fff;
	color: #000;
}

/*
** Admin Pages
*/

div.admin-panel .description {
 color: #999;
}

div.admin-panel .body {
 background: #f4f4f4;
}

div.admin-panel h3 {
 background-color: #69c;
 color: #fff;
 padding: 5px 8px 5px;
 margin: 0;
}

div.admin .left {
  margin-left:1%;
}

div.admin .right {
  margin-right:1%;
}

#secondary a {
  display: block;
  top: 0px;
  left: 0px;
  width: 200px;
  height: 100px;
}

/*
** admin menus
*/
.block-user h2 {
  text-decoration: underline;
  color: #fff;
}

.block-user a {
  color: #fff;
}

.block-user a:hover {
  color: #ffcc00;
  text-decoration: underline;
}

/* Hide things we don't need */

.feed-icon, .breadcrumb, .feed-source {
  height: 0;
  visibility: hidden;
}

div.block-block-3 {
  background: #F2F2F2;
}


/* Hacks to make column background work */

/* Right column */
#container3 {
  float: left;
  width: 100%;
  background: #fff url('images/content-top.png') no-repeat right top;
  overflow: hidden;
  position: relative;
}

/* Main content in center */
#container2 {
  float: left;
  width: 100%;
  background: white;
  position: relative;
  right: 200px;
}

/* Left column */
#container1 {
  float: left;
  width: 100%;
  background: #fff url('images/left-sidebar-lower.gif') repeat-y right top;
  position: relative;
  right: 361px;
}

/* mods to twocol_stacked.css to increase gutter */
.panel-2col-stacked .panel-col-first .inside {
  margin: 0 2em 1em 0;
}

.panel-2col-stacked .panel-col-last .inside {
  margin: 0 0 1em 2em;
}

/* for Leapfrog red headings */

.red_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #AA251B;
	text-decoration: none;
}