@charset "utf-8";

/* CSS RESET */

* { line-height: 1; margin: 0px; padding: 0px; }

/* MAIN CSS CODE */

/* HTML TAGS */

a:link { color: #f0f0f0; }
a:hover { color: #ffffff; }
a:visited { color: #cccccc; }

body
{
  background-color: #000000;
  color: #f0f0f0;
  font-size: small;
  font-weight: normal;
}
dd { margin: 5px; }
dl { margin: 15px; }
dt { font-weight: bold; }
h3 { color: #0cfe00; }
img { border: none; }
p { margin: 15px 5px 5px 5px;  text-indent: 15px; }
ul { list-style-type: none; margin: 5px 5px 5px 5px; }
ul li { margin: 5px 5px 5px 5px; }

/* IDs and Classes */

#container
{
  background-color: #333333;
  background: -webkit-gradient(linear, left top, left center, color-stop(0.21, rgb(038,039,051)), color-stop(0.61, rgb(0,0,0)));
  background: -moz-linear-gradient(top,  #333333,  #121212);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin: 2% 2% 2% 2%;
  position: relative;
  width: auto;
}

#header
{
  height: 110px;
  padding: 10px;
  width: auto;
}

#body
{
  height: auto;
  margin-top: 15px; 
  width: 100%;
}

#sidebar
{
  float: left;
  margin-left: 1%;
  width: 20%;
}

#sidebar .item .label
{
  background-color: #333333;
  background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#121212));
  background: -moz-linear-gradient(top,  #333333,  #121212);    
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  display: block;
  font-size: medium;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 7px 7px 10px 7px;
  width: auto;
}

#content
{
  float: right;
  margin-right: 1%;
  width: 75%;
}

#content .item .label
{
  background-color: #3C3D56;
  background: -webkit-gradient(linear, left top, left bottom, from(#3C3D56), to(#121212));
  background: -moz-linear-gradient(top,  #3C3D56,  #121212);  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #f0f0f0;
  display: inline-block;
  font-size: medium;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 7px 7px 10px 7px;
  width: 99%;
}

#content .item .label .label-episode
{
  float: right;
  font-size: small;
  width: auto;
}

#footer
{
  background-color: #333333;
  background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#121212));
  background: -moz-linear-gradient(top,  #333333,  #121212);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  clear: both;
  color: #0cfe00;
  font-size: xx-small;
  font-weight: bold;
  margin: 5px;
  padding: 10px;
  text-align: right;
  width: auto;
}

.image-left
{
  float: left;
  margin: 10px;
  width: auto;	
  -moz-box-shadow: 3px 3px 3px #666;
  -webkit-box-shadow: 3px 3px 3px #666;
  box-shadow: 3px 3px 3px #666;
}

.image-right
{
  float: right;
  margin: 10px;
  width: auto;
}

.item
{
  color: #f0f0f0;
  margin-bottom: 25px;
  width: 100%;
}