/*
@import url(http://www.codepoetry.net/stuff/css-debug-2-label.css) screen;
@import url(http://www.codepoetry.net/stuff/css-debug-2-outline.css) screen;
*/

body {
  color: #000000;
  text-align: left;
  font-size: 11px;
  font-family: Verdana, Arial, sans-serif;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background-color: #E5DF93;
}
#main {
  margin: 0px auto 0px auto;
}
#header {
  width: 770px;
  height: 100px;
  margin: 10px auto 0px auto;
  border-left: 10px solid #000000;
  border-bottom: 10px solid #000000;
  background-color: #BFBFBF;
}
#header-logo {
  float: left;
  width: 605px;
  height: 70px;
  margin: 0px auto 0px auto;
  border-top: 10px solid #000000;
  border-right: 0px solid #000000;
  padding: 10px;
  text-align: center;
}
.headertext {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}
#header-group {
  float: left;
  height: 100px;
  width: 145px;
  border: 0px;
}
#rootshome {
  float: right;
  margin: -10px -10px -207px 0px;
  top: -10px;
  width: 280px;
  height: 207px;
  background: url('http://digableplanets.org/common/templates/Default/images/roots.gif');
}
#submain {
  width: 750px;
  text-align: left;
  margin: 0px auto 0px auto;
  border-left: 10px solid #000000;
  border-right: 10px solid #000000;
  padding: 10px 10px 10px 0px;
  background-color: #AB8EBE;
  background: url('http://digableplanets.org/common/templates/Default/images/combs_bg.gif');
}
#footer {
  width: 740px;
  margin: 0px auto 5px auto;
  border: 10px solid #000000;
  border-top: 10px solid #000000;
  padding: 10px;

  text-align: center;
  color: #000000;
  background: #BFBFBF url('http://digableplanets.org/common/templates/Default/images/footer_bg.gif');
}
#footer a{
  color: #FFFFFF;
  font-size: 11px;
}
#footer a:hover,
#footer a:visited {
  text-decoration: none;
}
#subsubmain {
  float: left;
  width: 630px;
/*  border: 1px dashed white; */
}
#subsubmainhome {
  float: left;
  width: 425px;
/*  border: 1px dashed white; */
}
#subsubmainadmin {
  float: left;
  width: 630px;
/*  border: 1px dashed white; */
}
#subsubmaingallery {
  float: left;
  width: 630px;
/* border: 1px dashed white; */
}
#crumbs {
  width: 100%;
}
#content {
  clear: right;
  text-align: left;
  width: auto;
  margin: 10px 0px 0px 0px;
}
#content table {
  margin: 0px 0px 0px 0px;
}
#copyright {
  font-weight: bold;
  font-size: 0.8em;
}
#quote {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
}
#navmain {
  float: left;
  width: 100px;
  margin-right: 15px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2em;
/*  border: 1px solid black; */
}

#navcombs-top {
  margin: 25px 0px 0px 20px;
}
#navcombs-box {
  width: 78px;
  min-height: 20px;
  margin: 0px 0px 0px 8px;
  border: 6px solid #000000;
  background-color: #BFBFBF;
}
#navcombs-bottom {
  margin: 0px 0px 10px 25px;
  text-align: left;
}
.navmainitem {
  margin: 0px 0px 5px 15px;
}
.navmainitem a:link,
.navmainitem a:visited,
.navmainitem a:hover {
  color: #000000;
  text-decoration: none;
}
.navmainitem a:hover {
  color: #CCCCFF;
}
.navcombsitem {
  margin: 0px 0px 0px 10px;
}
.navcombsitem a:hover {
  color: #777777;
}

.navadmin {
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0px 0px 0px 20px;
}
.navadmin:before {
  content: '» ';
}
.navadminmenu {
  float: left;
  width: 200px;
  margin: 10px 15px 0px 0px;
  border: 0px solid white;
}
.navadmindoc {
  float: left;
  width: 380px;
  padding: 5px;
  border: 2px dotted #FFFFFF;
}
.admin p {
  margin: 10px 0px 5px 0px;
}
.admin h3 {
  margin: 10px 0px 7px 0px;
}

#logos {
  float: right;
  padding: 10px 0px 5px 0px;
}

/* tour */
.contents h2 {
  color: #000000;
  background-color: #C0C6CF;
  padding: 2px;
  border: 2px solid #000000;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
}
.archivedate {
  color: #000000;
  font-size: 12pt;
  font-weight: bold;
  font-variant: small-caps;
}
h3.item {
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  color: red;
  margin: 0px;
  margin-top: 15px;
}
.tour th {
}

/* end tour */

/* news */

#container {
/*  width: 400px; */
}
.content h2,
.content h2 a:visited,
.content h2 a:link {
  color: #000000;
  margin: 0px 0px 0px 0px;
}
.contenttitle { /* date and headline */
  color: #000000;
  background-color: #C0C6CF;
  padding: 2px;
  border: 2px solid #000000;
}

.content {  /* contains all news content */
}

.contentitem { /* news items heading block */
  margin: 0px 0px 0px 0px;
}

.contentitem1 { /* category */
}
.contentitemcategory {}

.contentitem2 { /* posted by */
  float: left;
  width: 50%;
}
.contentitempostedby {}

.contentitem3 { /* add comment */
  float: right;
  width: 50%;
  text-align: right;
}
.contentitemcomments {}

.contentbody { /* news body */
  display: block;
  clear: both;
  text-align: left;
  margin: 5px 0px 15px 0px;
  padding: 10px 0px 0px 0px;
  border-top: 1px dashed #777777;
}
.contentitem4 {
  text-align: right;
  border-bottom: 0px dashed #00000;
}

.comments { /* detail comments body */
  padding: 10px;
}
#archlink:before { content: '»'; }
#archlink { margin-top: 15px; }
#morenewslink:before { content: '»'; }
#morenewslink { margin-top: 15px; }

/* end news */

/* gallery */

.gbBlock h2 {
}

.gbBlock {
  padding: 0px;
  border: 0px 0px 0px 0px;
}

.gbBlock table {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.gcBackground1 { /* title/info block */
  color: #000000;
  background-color: #C0C6CF;
  border: 2px solid #000000;
}
.gcBackground1 h2 {
}
.giAlbumCell {
  color: #000;
  border: 0px;
  background-color: transparent;
}
.giTitle {
  padding: 0px;
  margin: 5px 0px 5px 0px;
}
.giDescription {
  color: #FFFFFF;
  font-size: 0.9em;
  padding: 0px;
  margin: 10px 0px 10px 0px;
}
.giDescription a:link,
.giDescription a:visited {
  text-decoration: underline;
}
.giInfo {
  font-size: 0.9em;
  color: #FFFFFF;
  font-weight: bold;
}
p.giInfo {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
td.giItemCell > p.giInfo {
  margin: 10px 0px 0px 0px;
  padding: 0px;
}
.giSuccess, .giWarning, .giError  {
    font-weight: bold;
}

.giSuccess { color: #00FFFF; }
.giWarning { color: #F2FB08; }
.giError { color: #AC1616; }

ul.gbBreadCrumb {
  font-size: 1.1em;
  font-weight: bold;
}
ul.gbBreadCrumb li {
  padding: 0 0 0 14px;
  background: url('http://digableplanets.org/gallery/themes/matrix/images/icon_path_separator.gif') no-repeat left;
}
ul.gbBreadCrumb li.firstChild {   /* no :first-child in IE */
  padding-left: 0;
  background-image: none;
}
table.gbDataTable a:link,
table.gbDataTable a:visited {
  color: #000000;
}
#gsSidebar div ul {   /* no > in IE */
    font-size: 1em;
    font-weight: bold;
}
#gsSidebar div ul ul {
  font-size: 0.9em;
}
#gsSidebar ul span {
    color: #333;
}
#gallery a,
#gallery a:active {
  font-weight: bold;
  text-decoration: none;
}
#gallery a:hover {
  text-decoration: underline;
}
#gallery img {
  border-width: 0;
}
#gallery {
  padding: 0px;
}
#gsSystemLinks {
  border: 0px;
}
#gsSystemLinks div {
  float: right;
  padding: 4px 6px;
}
#gsSystemLinks div span {
  padding: 0 4px;
}
#gsSidebar {
  border-right-width: 1px;
  width: 75px;
  overflow: hidden;
}
#gsSidebarCol {
  width: 1%;  /* Expand to fit content ("0" bad4 firefox, "1px" bad4 opera) */
}

/* end gallery */

/* admin stats */

.aws a:link,
.aws a:visited {
  color: #990099;
  font-weight: bold;
}

/* end admin stats */

h1 {
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
}
h2 {
  font-size: 13px;
  font-weight: bold;
}
h3 {
  font-size: 12px;
  font-weight: bold;
  width: 80%;
}

a:link, a:visited, a:hover {
  color: #FFFFFF;
  font-weight: bold;
}

.newsadmin a:link, .newsadmin a:visited, .newsadmin a:hover { color: #000000; }


/* BK Forms */

.form {
  min-width: 400px;
  margin-left: 15px;
/*  border: 1px solid black; */
}
.formrow {
  clear: both;
  width: 100%;
  margin-bottom: 10px;
/*  border: 1px solid blue; */
}
.formdisplay {
  float: left;
  text-align: right;
  margin-right: 8px;
  font-weight: bold;
/*  border: 1px solid red; */
}
.forminput {
  float: left;
  font-weight: normal;
/*  border: 1px solid green; */
}
.formsection {
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  width: 100%;
  margin-bottom: 20px;
  border-bottom: 1px solid #666666;
}
.formsubsection {
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  text-decoration: underline;
  width: 100%;
  margin-bottom: 20px;
}
.formbutton {
/*  clear: both; */
  margin-top: 15px;
}
.form100 { width: 90px; }
.formbutton100 { padding-left: 100px; }
.form150 { width: 140px; }
.formbutton150 { padding-left: 150px; }
.form200 { width: 190px; }
.formbutton200 { padding-left: 200px; }
.form40p { width: 40%; }
.formbutton40p {text-align: center; }
.formreqinput {
  vertical-align: bottom;
  font-family: Verdana,Times;
  font-size: 1em;
}

/* END BK Forms */

div {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0;
  padding: 0;
}

.mediaselect {
  min-height: 200px;
}

a:link, a:visited, a:hover {
  text-decoration: none;
}

.maintitle {
  font-weight: bold;
  font-size: 16px;
  color: #000000;
}
th {
  font-weight: bold;
  font-size: 9px;
  text-align: left;
  height: 25px;
  color: #000000;
  padding: 0px 0px 0px 0px;
  background-color: #C0C6CF;
  border-bottom: 2px solid #000000;
  border-top: 2px solid #000000;
}
.thfirst {
  border-left: 2px solid #000000;
  width: 75px;
}
.thlast {
  border-right: 2px solid #000000;
}
td {
  font-size: 11px;
  color: #000000;
  font-style: normal;
  font-variant: normal
}

#quickmenu { visibility: hidden; }
.hidden { visibility: hidden; }

.formreqcolor {
  color: #E5DF93;
}

.list {
  color: #000000;
}
.list a:link,
.list a:visited {
  color: #FFFFFF;
}
.list td,
.list th {
  margin: 0px 0px 0px 0px;
  padding: 4px 4px 4px 4px;
}

.list-detail td {
  font-size: 10px;
  border-bottom: #cccccc 1px solid
}
.list-adddetail td {
  font-size: 10px
}
td.subheadtext {
  font-weight: normal;
  font-size: 11px;
  text-transform: uppercase;
  color: #990000;
}
.crumblink a:link {
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  color: #f1f1f1;
}
.crumblink a:visited {
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  color: #f1f1f1;
}
.crumblink a:hover {
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: underline;
  color: #f1f1f1;
}
.crumbtitle {
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  color: #000000;
}
.crumbtext {
  float: left;
  clear: right;
  font-weight: normal;
  font-size: 11px;
  text-transform: uppercase;
  color: #000000;
}
.crumbdiv {
  font-weight: bold;
  font-size: 12px;
  color: #CCCCCC;
}
.crumblink A:hover {
  color: #f1f1f1
}
li {
  list-style-position: inside;
  color: #000000
}

li.warning {
  color: red;
  list-style-type: square
}
li.success {
  color: #006600;
  list-style-type: square
}
li.normal {
  list-style-type: square
}
ul {
  list-style-type: square
}
.bodyhighlight {
  color: #000000;
  font-weight: bold;
}
.small-list {
  font-size: 10px
}
.small-list td {
  font-size: 10px
}
.small-action {
  font-size: 10px
}
.small-action td {
  font-size: 10px
}
.regulartype {
  font-size: 11px;
}
.small {
  font-size: 9px;
}
.formtable {
  margin: 0px 0px 0px 10px;
}
.formtable h1 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.formtable th {
  color: #FFFFFF;
}
.formtable td {
  padding-top: 4px
  padding-left: 4px;
  padding-bottom: 4px;
  color: #000000;
}
.subformtable td {
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 2px;
  padding-top: 2px
}
.formtablelist td {
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 4px;
  padding-top: 4px
}
.formodd td {
  background-color: #C4B8F7;
}
.formeven td {
  background-color: #AC97CA;
}
.formerror {
  padding-right: 5px;
  padding-left: 5px;
  font-weight: bold;
  font-size: 12px;
  padding-bottom: 5px;
  color: #c60000;
  padding-top: 5px;
  text-decoration: underline
}