body {
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px;
  color: #2d1505;
  background:url(pic/hatter.jpg) no-repeat fixed;
}

td {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
  color: #2d1505;

}

img {
	behavior:	url("pngbehavior.htc");
}                                                                                          

a:link {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#DA4310; font-size: 11px; ;font-weight: normal;}
a:active {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#DA4310;font-size: 11px;font-weight: normal;}
a:visited {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#DA4310; font-size: 11px; font-weight: normal;}
a:hover {font-family:  Arial, Helvetica, sans-serif; text-decoration:underline; color:#255137; font-size: 11px; font-weight:normal;}


h1,h2, h3
{
  margin:0px;
  padding:0px;

}


b
{
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px;
  font-weight: bold;
  color: #2d1505;
}



/* ----------------------------------------------------------------------------------------------------*/


#mask 
{
  position:relative;/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear:both;
  float:left;
  width:100%;/* width of whole page */
  overflow:hidden;/* This chops off any overhanging divs */
}

#colmid 
{
  float:left;
  width:50%;
  position:relative;
  left:50%;
  margin-left:-50%;
}


/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}




#alap
{

  width: 999px;
  margin:0 auto;
}

#alap2
{
  width: 999px;
  margin:0 auto;
}


#bal0
{
  float:left;
  width:200px;

}

#kozep0
{
  float:left;
  width:799px;
  ext-align:right;
}

.felso
{
  width:643px;
  float:right;
}

#bal
{
  position:absolute;
  top:328px;
  left:285px;
  width:336px;

}


#bal  ul
{
  margin:0px;
  padding:0px;
  list-style-type:none;
  width:280px;
}

#bal li
{
  margin:0px;
  padding:0px;
  padding-top:4px;
  padding-bottom:4px;
  argin-bottom:4px;
  border-bottom: 1px dotted #888888;

}






#kozep
{
  clear:left;
  width:799px;
  margin-top:0px;

}



#kozep .cimke
{
  background: url(pic/tartalomhatter0.png) no-repeat 156px 0px;
  width:449px;
  height:36px;
  float:left;
  padding-left:330px;
  padding-top:30px;
  font-size:18px;
  
}


#kozep .tartalom *a{position:relative;} 

#kozep .tartalom
{
  background-image: url(pic/tartalomhatter.png);
  background-repeat: repeat-y;
  background-position:0px 0px;

  padding-left:330px;
  padding-right:25px;
  width:424px;
  max-height:3290px;
  clear:left;
}

* html #kozep .tartalom
{
 height:3290px;

}








#kozep .tartalom ul
{
  padding:0px;
  margin:0px;
  list-style-type:none;
 
}

#kozep .tartalom  li
{
 clear:left;
 list-style-type:none;
 border-bottom:1px dotted #ad9e8e;
 margin-bottom:1px;
 padding-bottom:1px;
}










/* -----  hirek  ---------------------------------------- */

.hirek *a{position:relative;} 
.hirek {

  font-size:11px;
  font-weight:normal;
  padding-bottom:4px;
  margin-bottom:6px;
  border-bottom:1px solid #444444;
}

.hirek .cim {

  color: #2d1505;
  font-size:18px;
  font-weight:bold;
  margin-top:1px;
  margin-bottom:8px;
  padding-bottom:0px !important;
  clear:left;
  width:100%;

}



.hirek .datum {

  color: #2d1505;
  font-size:9px;
  font-weight:normal;
  width:100%;
  float:left;
  clear:left;
}



.hirek .hirszoveg
{
  float:left;
  font-size:11px;
  font-weight:normal;
  width:100%;
  padding-bottom:5px;
  padding-left:1px;



}


.tovabb
{
  clear:right;
  width:99%;
  ext-align:right;
}

.hirek .cim a {font-family: Arial, Helvetica, sans-serif; Arial, Helvetica, sans-serif;   text-decoration: none; color:#111111; font-size: 13px;font-weight: bold;}
.hirek .cim a:hover {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#eeeeee; font-size: 13px;font-weight: bold;}

 .tovabb a {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#DA4310; font-size: 11px;font-weight: normal;}
 .tovabb a:hover {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#000000; font-size: 11px;font-weight: normal;}

.hirek img 
{
  padding:4px;
  background:#4B4A4A;
}


.hireklista {

  color: #4A4537;
  font-size:11px;
  font-weight:bold;
  argin-left:10px;
  argin-right:3px;
  margin-top:10px;
}



/* ----- minihirek -------------------------------------- */


.minihirek {

  color: #DCF5FF;
  font-size:11px;
  font-weight:normal;
  argin-top:10px;
  margin-left:11px;
  width:230px;
  padding-left:10px;
  padding-right:10px;
}

.minihirek .cont
{
  clear:left;
  

}
.minihirek .kep 
{
  border:1px solid #50C2E8;
  lear:left;
  float:left;
  width:87px;
  margin-right:8px;
  argin-bottom:10px;
}

.minihirek .kep img
{
  padding:1px;
}


.minihirek .cim {

  color: #F8C710 !important;
  font-size:12px !important;
  font-weight:bold !important;
  margin-bottom:0px;
  float:left;
  clear:left;
}


.minihirek .datum {

  color: #ffffff;
  font-size:9px;
  font-weight:normal;
  margin-top:0px;
  margin-bottom:5px;
  float:left;
  clear:left;
}




.minihirek .hirbevezeto
{
  clear:left;
  float:left;
  font-size:11px;
  font-weight:normal;
  width:230px;

}


.minihirek .tovabb
{
  loat:left;
  display:inline;
}

.minihirek .cim a:link {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#F8C710 !important; font-size: 12px !important;font-weight: bold; !important;}
.minihirek .cim a:active {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#F8C710 !important; font-size: 12px !important;font-weight: bold !important;}
.minihirek .cim a:visited {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#4A910 !important; font-size: 12px !important;font-weight: bold !important;}
.minihirek .cim a:hover {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#ffffff !important; font-size: 12px !important;font-weight: bold;}

.minihirek .tovabb a:link {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#ffffff; font-size: 11px;font-weight: normal;}
.minihirek .tovabb a:active {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:##ffffff; font-size: 11px;font-weight: normal;}
.minihirek .tovabb a:visited {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#ffffff; font-size: 11px;font-weight: normal;}
.minihirek .tovabb a:hover {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#ffffff; font-size: 11px;font-weight: normal;}



.tovabbihirek
{
  margin-left:4px;
  background:url(/theme/peti2008/pic/jobb-listagomb.png);
  background-repeat: no-repeat;
  background-position:5px 7px;
  padding-left:14px;
  margin-top:4px;
  margin-bottom:2px;

}

 .tovabbihirek a:link {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#544419; font-size: 11px;font-weight: bold;}
 .tovabbihirek a:active {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#544419; font-size: 11px;font-weight: bold;}
 .tovabbihirek a:visited {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#544419; font-size: 11px;font-weight: bold;}
 .tovabbihirek a:hover {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#000000; font-size: 11px;font-weight: bold;}






/* ----- tooltip popup naptarhoz ---------------------------------------- */
 
.dpopupcont {
        visibility:hidden; 
        position:absolute;
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #e44444;
        color:#ffffff;
	width: 139px;
}






















.keptemp *a{position:relative;} 
.keptemp
{
 clear:left;
 width:170px;
 float:left;
 text-align:center;
 margin-bottom:11px;
}

.keptemp img
{
 padding:3px;
 background:#A29F8E;

}







/* -------- hatterkep ------------------------------------ */

.hatterkep *a{position:relative;} 

.hatterkep
{

   clear:left;
   font-size: 11px;
   font-weight: normal;
   color:#ffffff;
   margin-top:0px;
   margin-bottom:0px;
   padding-bottom:3px;
   margin-bottom:8px;

}


.hatterkep .kep
{
 width: 150px;
 float:left;
 margin:0 auto;
 text-align:center;
 padding:4px;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='/theme/peti2008/pic/forumtemahatter3.png');



}

* > .hatterkep .kep

{
  background: url(/theme/peti2008/pic/forumtemahatter3.png);

}
.hatterkep .leiras
{
  width: 215px;
  float:left;
  padding-left:15px;

}

.hatterkep .leiras .cim
{

   clear:left;
   color: #000000;
   font-size:12px;
   float:left;
   padding-bottom:10px;
   font-weight:bold;
}

.hatterkep .leiras .link
{
  width: 215px;
  clear:left;
  float:left;

}












.hirek .cim h1
{
 font-size:20px;
 height:24px;
}

h2
{
 font-size:16px  !important;
 height:20px  !important;
 margin:0px;
 padding:0px;
}

h3
{
 font-size:12px  !important;
 height:14px !important;
 margin:0px;
 padding:0px;
 margin-top:3px;
 text-transform:uppercase;
}


.sIFR-flash .albumcim
{
 font-size:16px;
 height:20px;
}





.loginnev
{
 font-size:18px;
 height:22px;
}



/* ------ hirlevel ----------------------------------------------*/
.hirlevel *a{position:relative;} 


.hirlevel
{

   clear:left;
   font-size: 11px;
   font-weight: normal;
   color:#ffffff;
   margin-top:0px;
   margin-bottom:8px;

}
.hirlevel .datum
{
  float:left;
  clear:left;
  font-size: 16px;

}

.hirlevel .szoveg
{
  clear:left;
  float:left;

}






/* -------- diszkografia  ------------------------------------ */

.diszkografia
{


}



.diszkografia .albumcim
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: .000000;
   padding-bottom:12px;
   clear:left;
}

.diszkografia .foto
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   margin-bottom:8px;
   float:left;
   padding:4px;
   margin-right:8px;
}

.diszkografia .foto img
{
   background:#343434;
   padding:3px;

}

.diszkografia *a{position:relative;} 

.diszkografia .dalok
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   padding-bottom:8px;
   float:left;
   width:235px;
}
.diszkografia .dalok .dalcim
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   padding-top:5px;
   padding-bottom:5px;
}











/*  fotoalbum   */ 



#fotoalbum-keplista
{

 clear:left;
 margin-top:5px;
 margin-bottom:5px;
}

#fotoalbum-keplista #kiskep
{

 width: 144px;
 float:left;
 background:#282828;
 margin:0 auto;
 text-align:center;
 padding:4px;
}


#fotoalbum-keplista #szoveg
{

 float:left;
 padding-left:8px;
 width:255px;
}

#fotoalbum-keplista #szoveg #kepszam
{
  text-align:left;
  width:255px;
}

#fotoalbum-keplista #szoveg #datum
{
  text-align:left;
  clear:right;
  width:255px;
}


#fotoalbum-keplista #elvalaszto
{
 clear:left;
 ackground: url(/theme/republic2006/pic/kozep-elvalaszto.jpg) no-repeat;
 height:7px;
}







.fotoalbum-kep
{

 width:150px;
 margin:0px;
 text-align:center;
}

.fotoalbum-kep img
{

 border:3px solid #425E7A;
}



#fotoalbum img
{

 border:3px solid #2E2C26;
 padding:0px;
 margin:0px;
}



#fotoalbum-keptipus
{

 clear:left;
 argin-top:5px;
 argin-bottom:5px;
 height:36px;
}

#fotoalbum-keptipus #nev
{

 float:left;
 padding:2px;
 ackground: #282828;
 background: #c6af97;
 margin-right:2px;
 margin-bottom:2px;
 width:355px;
 eight:28px;
 
}

#fotoalbum-keptipus #nev a
{
  font-weight:bold; 
  font-size:14px;
}

#fotoalbum-keptipus #db
{

 float:left;
 padding:1px;
 background: #c6af97;
 width:60px;
 text-align:center;
 eight:22px;
 padding-top:10px;
 padding-bottom:11px;
 margin-bottom:2px;
}



#fotoalbum-keptipus #elvalaszto
{
 lear:left;
 height:0px;
}

.flash
{
  osition:fixed;
  top:0px;


}
.fotoalbum .foto
{
  width:350px;
  height:519px;
  position:relative;
  top:0px;

}

.menu
{
  clear:left;
  float:right;
  width:643px;

}



.web2
{
  float:left;

}

.web2 .sor
{
  clear:left;
}

#login1
{
  float:left;
  width:324px;
  height:99px;
  background:url(pic/loginhatter1.png) no-repeat;
}

#login2
{
  float:left;
  width:324px;
  height:99px;
  background:url(pic/loginhatter2.png) no-repeat;
}



.loginform1 *a{position:relative;}
.loginform1
{
  float:left;
  width:120px;
  padding-left:83px;
  padding-top:46px;
  
}



.loginform2 *a{position:relative;}
.loginform2
{
  float:left;
  padding-left:83px;
  padding-top:46px;
  width:120px;
}

.loginurlap1 *a{position:relative;}
.loginurlap1
{
   background:url(pic/ures.gif); 
   color:#000000;
   font-size: 10px;
   float:left;
   width:114px;
   padding:0px;
   border: 0px solid #dddddd;
   margin-bottom:1px;
   clear:left;
}
.loginurlap2 *a{position:relative;}
.loginurlap2
{
   background:url(pic/ures.gif); 
   color:#000000;
   font-size: 10px;
   float:left;
   width:114px;
   padding:0px;
   border: 0px solid #dddddd;
   margin-top:0px;
   margin-bottom:5px;
   clear:left;
}

.logingomb1
{
  clear:left;

}

.logingomb2
{
  clear:left;

}

.logingomb3
{
  float:left;
  padding-top:40px;
}







.komment
{
  clear:left;
  width:454px;
  margin-top:20px;
}

.komment .fejlec
{
   background-image:url(pic/komment-felso.jpg);
   background-repeat: no-repeat;
   background-position: bottom left;  
   height:44px;
   clear:left;


}

.komment .fejlec .nev
{
  float:left;
  padding:5px;
  padding-bottom:11px;
  font-weight:bold;
}

.komment .fejlec .datum
{

  float:left;
  padding:5px;
  margin-bottom:5px;
  color:#777777;

}

.komment .szoveg
{
  clear:left;
  background:url(pic/komment-hatter.jpg) repeat-y;  
  padding:5px;
  padding-left:9px;
  padding-right:9px;
}

.komment .also
{
   background:url(pic/komment-also.jpg) no-repeat;  
   clear:left;
   width:454px;
   height:14px;
}





#freklam
{
  width:649px;
  height:200px;
  position:absolute;
  top:100px;
  left:200px;
  z-index:1000px;
}


.videoblog
{
  background:url(pic/videoblog-hatter.png) repeat-y;  
  clear:left;
}

.videoblog .tartalom
{
   padding-left:31px;
  clear:left;

}



.copy
{
  font-size:9px;
  clear:left;
  margin-top:0px;
  margin-left:245px;
  margin-bottom:8px;
}

.copy a
{
  font-size:9px;

}

.gold
{
  position:absolute;
  left:0px;
  bottom:20px;
  z-index:1;
}