body {
    margin: 0px;
    padding: 0px 0px 50px 0px;
    background-color: #252929;
    color: #464446;
  background-image: url(/images/dontneed_a_background.png);
}

body, p, ol, ul, td {
  font: normal 16px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}
p {
  margin: 0px 0px 16px 0px;
}

a {
  color: #7f8486;
  text-decoration: none;
}
a:hover {

}
a.onBackground { color: White; }

h1 {
    margin: 0px;
    font: bold 20px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
}

img { border: 0px; }

/* globals */
br.clear {
  clear: both;
  height: 0px;
  line-height: 0px;
}
.left { float: left; }
.right { float: right }
/* / globals*/


/* IE6 PNG fix */
* html img.png {
 behavior: url("/htc/pngbehavior.htc");
}
/* /IE6 PGN fix */


/* global form elements */
FORM { margin: 0px; }
INPUT,
BUTTON,
TEXTAREA {
  padding: 3px 5px 1px 5px;
  background-color: #0f0f0f;
  color: #ffffff;
  font-size: 13px;
  border: 1px solid #494F51;
  line-height: 14px;
}
INPUT.file {
  color: Black;
}
INPUT.submit {
  border: none;
  background: #ca1404;
  color: #fff;
  text-transform: uppercase;
  padding: 2px 5px 2px 5px;
}
label {
  display: block;
  margin-bottom: 2px;
  color: #ffffff;
  font-size: 13px;
}
label.borderTop {
  padding-top: 6px;
  font-size: 13px;
}
/* /global form elements */

/* canvas */
div#canvas {
  position: relative;
  float: left;
  width: 990px;
  margin-left: 20px;
}
#intro {
  position: relative;
  float: left;
  margin-top: 20px;
  padding: 0px;
  border-top: 4px solid #DD1200;
  width: 800px;
  height: 450px;
  background-color: #141414;
  opacity: .9;

}
#introLogo {
  position: absolute;
  top: 24px;
  left: 0px;
  padding: 20px 20px;
  opacity: .8;
}
/* head */
#topLeft, #topRight {
  position: relative;
  float: left;
  margin-top: 0px;
  padding: 0px 8px;
  border-top: 4px solid #DD1200;
  width: 464px;
  height: 118px;
  padding-bottom: 40px;
  padding-top: 10px;
  margin-bottom: 12px;
  background-color: #141414;
  opacity: .9;
}
#topRight { margin-left: 20px; border-top: 4px solid #ff00ff; background: none; }
#topRight a { color: #494F51; }

#homeImprintButton {
  float: right;
  text-transform: uppercase;
  color: #494F51;
  font-weight: bold;
  font-size: 13px;
}
#homeImprintButton a { text-decoration: none; }
#homeImprintButton a:hover { color: #DD1200; }
#logo { margin-top: 18px; }
#subLogoText {
  margin-top: 20px;
  font-size: 16px;
  color: #4b4a4c;
  line-height: 20px;
}

/* topLeft form elements */
#topLeft INPUT,
#topLeft BUTTON {
  font: 10px Arial, Verdana, sans-serif;
}

#topLeft INPUT {
  color: White;
  background: Black;
  border: 0px;
}

div#editForm p,
div#comentForm p { margin-bottom: 20px; font-size: 12px; }
div#editForm a { color: White; }

/* / topLeft form elements */

/* end of styles for topLeft */

/* styles for topRight */
a.strong, .tagList a.strong {
  font: 14px Arial Black;
  text-decoration: none;
  text-transform: uppercase;
}
/*
div#topRight p {
  font: 17px Georgia, "Times New Roman", Times, serif;
  line-height: 17px;
  margin: 0px;
  margin-top: 20px;
}

div#topRight span {
  font: 17px Georgia, "Times New Roman", Times, serif;
}*/
/* end of styles for topRight */

/* /head */

/* open spaces */
div#ajaxContainer {
  position: relative;
  float: left;
  width: 480px;
}
#space {
  float: left;
}
/*
div.tagList {
  position: relative;
  float: left;
  width: 480px;
  min-height: 16px;
}
div.first {
  position: relative;
  float: left;
  min-height: 15px;
}

div.tagList a, a.tagList, span.tagList {
  background: #000;
  color: #fff;
  font-size: 10px;
  padding: 1px 5px;
  line-height: 14px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
span.tagList {
  background: transparent;
}

div.tagList a:hover, a.tagList:hover {
  background: #0ff;
  color: #000;
}
*/
div#ajaxContainer div.openSpace {
  position: relative;
  float: left;
  padding: 8px 8px;
  margin-bottom: 12px;
  width: 464px;
  color: #464446;
  background-color: #141414;
  border-top: 4px solid #dd1200;
  opacity: .9;
}
div#ajaxContainer div.openSpace:hover {
  background-color: #dd1200;
  color: #141414;
  cursor: pointer;
  border-top: 4px solid #141414;
}
div#ajaxContainer div.openSpace.active {
  color: #dd1200;
}
div#ajaxContainer div.openSpace.active:hover {
  color: #141414;
  border-top: 4px solid #141414;
}

div.openSpace.noHandPointer {
  cursor: auto;
}

div.openSpace a.image {
/*  display: block;*/
  float: left;
  margin: 0 10px 0 0;
  width: 160px;
  height: 120px;
  background: #252929;
}
div.openSpace a.image:hover {
}

.openSpace a.header {
  text-decoration: none;
}

.openSpace div.editorial {
  margin-top: 12px;
}

.openSpace div.editorial,
.openSpace div.editorial p,
.openSpace div.editorial a {
/*  color: #252929;*/
  color: white;
  font-size: 12px;
  font-weight: normal;
  min-height: 0;
}
.openSpace div.editorial strong {
}
div.verticalDateFormat {
  margin-left: 10px;
  width: 35px;
  text-align: center;
}
div.verticalDateFormat span {
  font-family: Arial;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
}
.verticalDateFormat .day {
  font-family: Arial Black;
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
/*  background-color: Blue;*/
}
.verticalDateFormat .month {
  position: relative;
  top: -6px;
  text-transform: uppercase;
  letter-spacing: 0px;
/*  background-color: green;*/
}
.verticalDateFormat .year {
  position: relative;
  top: -12px;
/*  background-color: img;*/
}

img#playButton {
  position: absolute;
  display: block;
  top: 77px;
  left: 443px;
}

div.openSpace p {
/*  background: #EEE8AA;*/
  margin: 5px 0 0 0;
  padding: 0px;
  font-size: 16px;
  height: 55px;
}
div.openSpace p.autoheight { min-height: 0; }

div.openSpace span {
  font-size: 12px;
}

/* /open spaces */


/* comments */
div.comment {
  position: relative;
  padding: 8px 8px;
  margin: 8px 0px 0px 0px;
  width: 464px;
  background-color: white;
  opacity: .7;
  border-top: 4px solid #ff00ff;
}
div.comment a {  color: #252929; }
span.name, span.date {
  font-size: 16px;
  font-weight: bold;
}
div.comment p {
  font-size: 13px;
  margin: 4px 0 0 0;
  padding: 0px;
}

div#commentForm {
  margin: 8px 0 0 0;
  padding: 0px 8px 15px 8px;
  background-color: white;
  opacity: .7;
  border-top: 4px solid #ff00ff;
}

div#commentForm label {
  color: black;
}
/* /comments */


/* edit form */
#editForm INPUT,
#editForm TEXTAREA,
#commentForm INPUT,
#commentForm TEXTAREA {
  padding: 2px 3px;
}
#editForm INPUT { margin-bottom: 10px; }
#commentForm .fdM {
  widht: 200px;
}
#commentForm .fdLxM{
  width: 450px;
}
/* / edit form */

div#flashBox {
/*  background: #D3D3D3; */
  float: left;
  width: 480px;
  margin-left: 20px;
}

/* admin buttons frontend */
p.admin a {
  background: #000;
  color: #ff0000;
  font-size: 10px;
  padding: 2px 5px;
  text-decoration: none;
  text-transform: uppercase;
}
p.admin a:hover { background: #ff0000; color: #ffffff; }
/* end of admin buttons frontend */

div.imprint {
  background-color: #141414;
  padding: 8px;
  border-top: 4px solid #dd1200;
  opacity: .9;
}
div#quote {
  position: absolute;
  padding: 8px 10px;
  width: 464px;
  top: 180px;
  left: 0px;
  background-color: white;
  opacity: .7;
  border-top: 4px solid #ff00ff;

}
div#explain {
  position: absolute;
  padding: 8px 10px;
  width: 464px;
  top: 180px;
  left: 0px;
  background-color: white;
  opacity: .7;
  border-top: 4px solid #ff00ff;
}

/* pagination */
div#pagination {
  font-size: 12px;
  padding: 4px;
}

div#pagination a {
  color: white;
}

div#pagination a:hover {

}
/* end of  pagination */

/* ajax loader */
img#ajaxLoader {
  position: absolute;
  top: 38px;
  left: 200px;
  opacity: .7;
}

div#multiviewer {
  width: 480px;
  padding: 0px;
  margin: 0px;
  border-top: 4px solid #ff00ff;
}
/*div#multiviewer embed { float: left; margin-left: -20px; }
div#multiviewer object { float: left; margin-left: -20px; }*/
div#multiviewer img {
  border: 4px solid #494F51;
}

/*                                                */
/* tag auto completion                            */
/*                                                */
INPUT.tagAuto { left: 0px; width: 452px; }

.auto_complete {
  position: relative;
  float: left;
  width: 452px;
  margin: 0 0 30px 0;
  padding: 0;
  background-color: #000000;
  color: #ffffff;
  z-index: 999;
}
.auto_complete UL,
#finder UL {
  position: relative;
  float: left;
  border: 0px;
  width: 452px;
  margin: 0px;
  padding: 10px 10px 10px 10px;
  background-color: #000000;
  list-style-type: none;
}
.auto_complete li {
  position: relative;
  display: block;
  float: left;
  font: 11px Arial, Verdana, sans-serif;
  width: 450px;
  height: 14px;
  min-height: 14px;
  margin: -1px 0px 0px 0px;
  padding: 1px 0px 1px 0px;
  overflow: hidden;
  white-space: nowrap;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  line-height: 14px;
  cursor: pointer;
}
.auto_complete li.selected {
  background-color: #FFFFFF;
  color: #000000;
}
/* / tag auto completion                          */

/* Tag Box */
.tagDelete {
  background-color: Black;
  color: white;
  float: none;
  padding: 0 2px;
  text-decoration: none;
}
.tagDelete:hover {
  background-color: Black;
  color: red;
}
div#tagBox { padding: 0; margin: 0; }
#tagBox ul { padding: 0; margin: -20px 20px 0 20px; }
#tagBox li {
  font: 10px Arial, Verdana, sans-serif;
}
/* / Tag Box */

#info {
  position: relative;
  padding: 8px 8px;
  margin-bottom: 12px;
  width: 464px;
  color: #464446;
  background-color: #141414;
  border-top: 4px solid #dd1200;
  opacity: .9;
}
#info b { color: #DD1200 }

/* error explaination */
.fieldWithErrors {
  padding: 2px;
  background-color: #DD1200;
  display: table;
  margin: 0px 0 0px 0;
}
#comment_form .fieldWithErrors { margin-top: -14px; }

/* error messages will add 4px so we will decrease size */
#editForm .fieldWithErrors INPUT,
#editForm .fieldWithErrors TEXTAREA,
#commentForm .fieldWithErrors INPUT,
#commentForm .fieldWithErrors TEXTAREA {
  width: 448px;
}

#errorExplanation {
  position: relative;
  padding: 8px 8px;
  margin-bottom: 12px;
  width: 464px;
  color: #464446;
  background-color: #141414;
  border-top: 4px solid #dd1200;
  opacity: .9;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -8px;
  background-color: #DD1200;
  color: #FFF;
}

#errorExplanation p {
  font-size: 12px;
  color: #FFF;
  margin-bottom: 0px;
  padding: 8px;
}

#errorExplanation ul { padding: 0; margin: -20px 0 0 20px; }
#comment_form #errorExplanation ul { margin-top: 0px; }

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}
/* / error explaination */

div#editHelp {
  padding: 8px 10px;
  width: 458px;
  background-color: white;
  opacity: .7;
  border-top: 4px solid #ff00ff;

}
DIV#editHelp p {
  font-size: 13px;
}
DIV#editHelp b {
  color: #ff00ff;
}
div#editHelp h2 {
  margin: 0px 0px 15px 0px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}
/* add your space */
#dropANewWork {
  position: absolute;
  top: -4px;
  left: 1px;
  margin: 0px;
  padding: 0px;
  height: 0px;
  z-index: 20;
}