/* CSS Template - dark.css - diaRice 0.5 - 20.01.2009
   Copyright (c) 2007-2009 Michael Daum,  http://webdaum.de 
   This is the diaRice default css theme */

body, html {
  height:100%;
  width:100%;
  }
html * {
  margin:0;
  padding:0;
  list-style:none;
  }
img {
  border:0;
  }
body,
a,
h1 small a,
p,
#footer {
  font:normal 12px/16px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  background: #221;
  color:#bbb;
  text-decoration:none;
  }
 th, td {
  font-size:12px;
  }
div#container {
  position:relative;
  min-height:100%;
  height:auto !important;
  height:100%;
  overflow:hidden;
  }
div#header, #kopf {
  border-top:10px solid #b45b1b; 
  padding:20px;
  height:60px;
  }
h1,
h1 a {
  font:normal 1.4em/1.6em 'Trebuchet MS', Verdana, sans-serif;
  color:#e72;
  }
h1 a strong,
h1 a:hover span {
  color:#f83;
  }
h2 {
  font-family:'Trebuchet MS',Verdana,sans-serif;
  font-size:1.3em;
  line-height:1.4em;
  color:#ccc;
  }
img#image,
div#image-container {
  width:266px;
  height:266px;
  background:#000 url() 50% 50% no-repeat;
  }
 div#image-container,
 div#image-description,
#navigation li.back-forward  {
  position:absolute;
  width:266px;
  left:50%;
  margin-left:-133px;
  }
div#image-container {
  border:1px solid #444;
  top:180px;
  }
div#image-description {
  height:80px;
  top:50px;
  text-align:center;
  vertical-align:text-bottom;
}
iframe {
  width:100%;
  }
div#image-description iframe {
  height:40px;
  }  
#navigation li.back-forward a span {
  display:none; 
  width:34px;
  text-align:center;
  color:#333;
  background:#fff;
  margin-top:1px;
  font:bold normal 12px/33px AvantGarde,courier,'Courier New','Zapf Chancery',serif;
  }
#navigation li.back-forward {
  top:80px;
  z-index:12;
  }
#navigation li.back-forward li,
#navigation li.autoplay li {
  display:inline;
  }
#navigation li.back-forward li#back,
#navigation li#back a {
  float:left;
  }
#navigation li.autoplay li#forward,
#navigation li#forward a {
  float:right;
  }
#navigation li#back a,
#navigation li#forward a {
  width:133px;
  height:266px;
  background:transparent url(pixel.gif);
  display:block;
  }
#navigation li.back-forward a:hover span {
  display:block; 
  }
#navigation li#back span {
  margin-left:1px;
  }
#navigation li#forward span {
  float:right;
  margin-right:-1px;
  }
ul#meta  {
  margin:200px 0 0 20px;
  width:180px;
  }
ul#navigation {
  position:absolute;
  top:100px;
  left:0;
  width:100%;
  height:230px;
}
ul#navigation li.year ul,
ul#navigation li.month ul,
ul#navigation li.day table,
ul#navigation li.autoplay ul {
  margin-left:20px;
  }
ul#navigation li,
ul#footer li {
  display:inline;
  }
ul#meta ul {
  margin-left:10px;
  }
ul#footer,
#befehlskonsole {
  width:100%;
  text-align:center;
  position:fixed !important;
  position:absolute;
  bottom:0;
  z-index:1;
  border-bottom:10px solid #b45b1b;
  }
#linklist {
  position:absolute;
  right:20px;
  top:100px;
  text-align:right;
  z-index:12;
  }
  
/* color: 
#todays-date #weekday,
#todays-date #the-day,
#todays-date #the-suffix,*/
h1 a span,
#meta .credits .credits a span,
#meta .editorial .editorial a span,
#meta .people .people a span,
#meta .privacy .privacy a span,
#meta li#calendar-resource a strong,
#navigation li#play a.active span,
#navigation li#stop a.active span,
#navigation a.active span,
#content ul#about a span,
#footer,
.y-1990 .y-1990 a span,
.y-1991 .y-1991 a span,
.y-1992 .y-1992 a span,
.y-1993 .y-1993 a span,
.y-1994 .y-1994 a span,
.y-1995 .y-1995 a span,
.y-1996 .y-1996 a span,
.y-1997 .y-1997 a span,
.y-1998 .y-1998 a span,
.y-1999 .y-1999 a span,
.y-2000 .y-2000 a span,
.y-2001 .y-2001 a span,
.y-2002 .y-2002 a span,
.y-2003 .y-2003 a span,
.y-2004 .y-2004 a span,
.y-2005 .y-2005 a span,
.y-2006 .y-2006 a span,
.y-2007 .y-2007 a span,
.y-2008 .y-2008 a span,
.y-2009 .y-2009 a span,
.y-2010 .y-2010 a span,
.y-2011 .y-2011 a span,
.y-2012 .y-2012 a span,
.m-01 .m-01 a span,
.m-02 .m-02 a span,
.m-03 .m-03 a span,
.m-04 .m-04 a span,
.m-05 .m-05 a span,
.m-06 .m-06 a span,
.m-07 .m-07 a span,
.m-08 .m-08 a span,
.m-09 .m-09 a span,
.m-10 .m-10 a span,
.m-11 .m-11 a span,
.m-12 .m-12 a span {
  color:#de7221;
  }
h1 a:hover,
#navigation a:hover,
#navigation a:hover span
#meta a:hover,
#meta a:hover span,
#meta a:hover strong,
#linklist a:hover,
#footer a:hover,
#footer a:hover span,
#content ul#about a:hover span,
strong strong {
  color:#fff;
  background:#333;
  }
#navigation li.day {
  position:relative;
  }
#navigation li.day td {
  text-align:center;
  width:26px;
  line-height:22px;
  }
#navigation li.day table {
  border:1px solid #444;
  }
#navigation li.day col {
  background-color:#333;
  }
#navigation li.day td a img,
#navigation li.day td a:active img {
  display:none;
  }
#navigation li.day td a:hover img {
  z-index:1;
  position:absolute;
  margin-top:-5px;
  border:1px solid #666;
  padding:9px 0;
  background:#000;
  display:block;
  max-width:68px;
  max-height:68px;
  }
#navigation li.day td a:hover img.upright {
  padding:0 9px;
}
#navigation li.day col.sunday {
  background-color:#444;
  }
#navigation li.day a {
  background-color:transparent;
  }
  
  
/* other stuff */

body.fr span#the-suffix {
  vertical-align:super;
  font-size:0.7em;
  font-weight:normal;
  }
  
/* noscript */

.noscript  {
  position:absolute;
  color:#fff;
  background:transparent;
  left:20px;
  bottom:40px;
  }
  
/* img preloads, config */

#data {
  position:absolute;
  top:0;
  left:0;
  z-index:0;
}
#data img {
  width:1px;
  height:1px;
  }

/* credits */

#content ul#about li,
#msg p {
  padding:10px 10px 0 10px;
  background:transparent;
  }
#content ul#about,
body#login div.inner-login {
  cursor:default;
  height:266px;
  background:#000 url(diaRice_dark.jpg) 50% 100% no-repeat;
  }
  
/* comments */

body#login div.inner-login,
div#comment-wrap {
  width:266px;
  margin:auto;
  padding-bottom:80px;
  }
* html body#login div.inner-login,
* html div#comment-wrap {
  position:relative;
  left:50%;
  margin-left:-133px;
  }
#comment-wrap div#msg {
  margin:5px;
  border:5px solid #de7221;
}
#comment-wrap  #archive {
  margin-bottom:80px;
  }
#comment-wrap  #archive li {
  background:#000;
  border:1px solid #444;
  padding:4px;
  margin-top:5px;
  }
#comment-wrap  h3,
#comment-wrap  p {
  margin-bottom:10px;
  color:#999;
  }
#comment-wrap  legend, #comment-wrap  h3 {
  text-align:center;
  margin:auto;
  color:#999;
  }
#comment-wrap  p.header {
  min-height:40px;
  height:auto !important;
  height:40px;
  }
#comment-wrap  p.header i {
  display:block;
  }
#comment-wrap  .avatar,
#comment-wrap  .avatar img {
  width:40px;
  height:40px;
  }
#comment-wrap  .avatar,
#comment-wrap  p.header strong {
  font-size:1.4em;
  float:left;
  margin-right:5px;
  }
#comment-wrap  .body {
  clear:left;
  }
  
/* login */

#befehlskonsole {
  padding-bottom:80px;
  }
  
/* form elements */

input, textarea {
  width:100%;
  padding:0 5px;
  }
  
/* form submit */

a.submit,
.submit,
.button {
  text-align:center;
  width:120px;
  font-size:9pt;
  margin:10px auto;
  display:block;
  height:20px;
  cursor:pointer;
  border:0;
  line-height:20px;
  }
.button, a.button {
  color:#fff;
  background:#999 url(../admin/black/normal_submit.png);
  font-size:0.9em;
  }
.submit, a.submit {
  background:#f90 url(../admin/black/submit.png);
  color:#000;
  line-height:20px;
  cursor:pointer;
  }
.submit:hover,
a.submit:active, 
a.submit:hover,
.button:hover {
  background-position:0 20px;
  color:#333;
  }
#entry input {
  padding:0 5px;
  width:auto;
  }
fieldset {
  border:0;
  border-top:1px solid #666;
  }