html
{
  height: 100%;
}

body
{
  height: 100%;
  margin : 0px;
  padding: 0px;
  background-color:#000;  
  background-position:center;
  background-image:url(imgs/hatter.gif);
  font-family:Verdana, Arial, sans-serif;
  font-size:11px;
  color : #c2c2c2;
}

#page
{
  position: relative;
  min-height: 100%;
}

* html #page
{
  height: 100%;
}

#footer
{
  position: absolute;
  bottom: 0;
  width : 100%;
}




body a
{
   text-decoration: none;
   color:#C2C2C2;
}
body a:hover
{
   text-decoration:underline;
   color:#F00;
}
body input
{
   background-color:#CCC;
   border : 1px solid #000;
}
.mainmenu
{
   height : 50;
   border : 1px solid #333;
   background-color:#EEE;
   margin-bottom: 10px;
   padding-top:10px;
}
.maincontainer
{
   width:749;
   background-color:#720;
  
   height : auto;
   margin : 0px;
   padding-left:0px;
   padding-right:0px;
   padding-bottom:5px;
   text-align:left;
   h eight:650px;
}

.themenu 
{ 
   height:25px; 
   width:749px;
   padding-left:0px;
   padding-right:0px;
   padding-top:0px;
   padding-bottom:0px;
   text-align:left;
   background-color:#444;
}   

.menupc1        { height: 25px; width: 69px; background-image : url('imgs/m_pc1.gif');        float:left; }
.menunews       { height: 25px; width: 52px; background-image : url('imgs/m_hirek.gif');      float:left; } 
.menupc2        { height: 25px; width: 24px; background-image : url('imgs/m_pc2.gif');        float:left; }
.menuarticles   { height: 25px; width: 66px; background-image : url('imgs/m_articles.gif');   float:left; } 
.menupc3        { height: 25px; width: 26px; background-image : url('imgs/m_pc3.gif');        float:left; }
.menuepisodes   { height: 25px; width: 88px; background-image : url('imgs/m_episodes.gif');   float:left; } 
.menupc4        { height: 25px; width: 24px; background-image : url('imgs/m_pc4.gif');        float:left; }
.menucharacters { height: 25px; width: 94px; background-image : url('imgs/m_characters.gif'); float:left; } 
.menupc5        { height: 25px; width: 26px; background-image : url('imgs/m_pc5.gif');        float:left; }
.menudownloads  { height: 25px; width: 100px; background-image : url('imgs/m_downloads.gif');  float:left; } 
.menupc6        { height: 25px; width: 23px; background-image : url('imgs/m_pc6.gif');        float:left; }
.menuvideos      { height: 25px; width: 66px; background-image : url('imgs/m_videos.gif');      float:left; } 
.menupc7        { height: 25px; width: 23px; background-image : url('imgs/m_pc7.gif');        float:left; }
.menuforum      { height: 25px; width: 58px; background-image : url('imgs/m_forum.gif');      float:left; } 
.menupc8        { height: 25px; width: 10px; background-image : url('imgs/m_pc8.gif');        float:left; }

.orangetext
{
   color : #dd6900;
}

.generalblock
{
   background:#333 url("imgs/bbg750.gif");
   border: 0px #303030 solid;
   cellspacing: 0;
   border-collapse: collapse;
   p adding-top:10px;
   p adding-bottom:10px;
   p adding-right:15px;
   p adding-left:15px;
   margin:0px 0px 10px 0px;
   text-align:left;   
}
.generalblock a
{
   color : #C2C2C2;
}
.generalblock input,select
{
   background : #444;
   color : #DDD;
   
}
.generalblock button
{
   background : #333;
   color:#DDD;
   border: 2px outset #333;
}
.generalblock select
{
   border-width: 1px inset #333;
   border-style: solid;
   color : #DDD;   
}

.hiddenlink a
{
   text-decoration:none;
   text-color : #C2C2C2;
}
.hiddenlink a:hover
{
   text-decoration:none;
   color:#DDD;
}

.fullwidthheader
{
   width:720px;
   background : #333 url("imgs/header740_alap.gif");   
   height:20px;
   color : #C2C2C2;
}
.fullwidthheader a
{
   color : #C2C2C2;
}

.leftmaincolumn
{
   background : url("imgs/bbg240.gif") repeat;   
   border : 0px #000 solid;
   width : 236px;   
   color : #CCC;
//   font-size : 12px;
   padding:0px;
   text-align:left;
}
.leftmaincolumn a
{
   color : #C2C2C2;
}

.leftmaincolumnbb
{
   border : 0px #000 solid;
   margin : 5px 10px 5px 10px;
   color : #C2C2C2;
}

.leftmaincolumnbb input
{
   background : #2C2C2C;
   color : #CCC;
}
.leftmaincolumnbb button
{
   background : #333;
   color:#C2C2C2;
   border: 2px outset #333;
}

.leftmaincolumnh
{
   height : 21px;
   background : url("imgs/header240.gif");
   border : 0px #000 solid;
//   f ont-family : Courier;
   font-weight : 800;
   color : #FA0;
}

.rightmaincolumn
{
   background : url("imgs/bbg480.gif") repeat;
   border : 0px #000 solid;
   width : 476px;   
   padding:0px;
   text-align:left;
}
.rightmaincolumn a
{
   color : #C2C2C2;
}

.rightmaincolumnbb
{
   background : url("imgs/bbg480.gif") repeat;
   border : 0px;
   margin : 5px 10px 5px 10px;
}

.rightmaincolumnh
{
   height : 20px;
   background : #222 url("imgs/header480.gif");
   border : 0px;
   font-weight : 800;
   width:476px;
}



.downloadtable
{
//   font- f amily:Verdana;
   font-size:10px;
   background-color:#C0C0C0;
   border: 1px #303030 solid;
   cellspacing: 0;
   border-collapse: collapse;
   padding-right:0px;
   padding-left:0px;
   spacing-right:0px;
}
.downloadtable A
{ 
  text-decoration: none;
  color:#FFF;
}
.downloadtable A:hover
{
   color:#FF0000;
   text-decoration: underline;
}
.downloadtable td
{
   padding-top:2px;
   padding-bottom:2px;
   padding-left:3px ;
}
.tablecellwithunderline
{ 
  border-bottom: 1px #000000 solid;
}
.linktableheader
{
   background : #222;   
   border-bottom: 1px #666 solid;
   color : #dd6900;
}
.linktableeven
{
   background-color:#2A2A2A;
}
.linktableodd
{
   background-color:#3A3A3A;
}

.casttable
{
   font-size:10px;

   cellspacing: 0;
   border-collapse: collapse;
   padding-right:0px;
   padding-left:0px;
   spacing-right:0px;
}
.casttable A
{ 
  text-decoration: none;
  color:#FFF;
}
.casttable A:hover
{
   color:#FF0000;
   text-decoration: underline;
}
.casttable td
{
   padding-top:2px;
   padding-bottom:2px;
   padding-left:3px ;
}

.episodeguideblock
{
   background : #333 url("imgs/bbg750.gif") repeat;
   border: 0px #303030 solid;
   cellspacing: 0;
   border-collapse: collapse;
   width : 720px;
   text-align : left;   
}
.episodeguideblock A
{ 
  text-decoration: none;
  color:#EEE;
}
.episodeguideblock A:hover
{
   color:#FF0000;
   text-decoration: underline;
}
.episodeguideblock td
{
   padding-top:2px;
   padding-bottom:2px;
   padding-left:3px;
}
.epguideblocktitle
{
   padding: 0px;
   background :#333 url("imgs/header740.gif");
   width : 720px;
   color : #EEE;
   height : 20px;
}
.epguideblocktitle a
{
   font-size : 14px;
   font-weight : bold;
   color : #EEE;
}
.epguideimage
{  
   width:190;
   padding-left:15;
   height:125;
   padding-top:7;
   padding-bottom:0px;
   float : left;
}
.epguidelines
{
   padding-top:12px;
   padding-left:10px;
   height:135;
}
.epguidetext
{
   padding-top : 5px;
   padding-left : 15px;
   padding-bottom : 8px;
   padding-right : 15px;
   text-align:justify;
}

.charblock
{
   background : #333 url("imgs/bbg355.gif") repeat;
   border: 0px #303030 solid;
   cellspacing: 0;
   border-collapse: collapse;
   width : 355px;
   text-align : left;   
}

.charblock A
{ 
  text-decoration: none;
  color:#EEE;
}
.charblock A:hover
{
   color:#FF0000;
   text-decoration: underline;
}
.charblock td
{
   padding-top:2px;
   padding-bottom:2px;
   padding-left:3px;
}
.charblocktitle
{
   padding: 0px;
   background :#333 url("imgs/header355.gif");
   width : 355px;
   color : #EEE;
   height : 20px;
}
.charblocktitle a
{
   font-size : 14px;
   font-weight : bold;
   color : #EEE;
}
.charimage
{  
   width:120;
   padding-left:15;
   height:125;
   padding-top:7;
   padding-bottom:0px;
   float : left;
}
.charlines
{
   padding-top:12px;
   padding-left:10px;
   height:135;
}
.chartext
{
   padding-top : 5px;
   padding-left : 15px;
   padding-bottom : 8px;
   padding-right : 15px;
   text-align:justify;
}

// *****************

.subheader
{
   font-weight: bold;
}

.imgonleft
{
   padding-left:2;
   padding-top:7;
   padding-bottom:7;
   padding-right:15;
   float:left;
}
.imgonright
{
   padding-left:15;
   padding-top:7;
   padding-bottom:7;
   padding-right:2;
   float:right;
}

.test
{
   background-color:#FFF;
}
.mainleftrow
{
   width : 236px;
   float:left;
   background : #333 url("imgs/bbg240.gif");
   border : 0px #000 solid;
   border-top : 0px;
}
.mainrightrow
{

   width : 476px;
   float:right;
   clear:right;
   background : #333 url("imgs/bbg480.gif");
   border : 0px #000 solid;
   border-top : 0px;
}

.commentbox
{
	border:#777 dotted 1px;
	padding:7px;
	background-color:#404040;
	color:#DDD;
	clip:rect(0px 500px 0px 0px);
}