html
{

}
body {
  overflow-y:scroll;
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px;
  color:#111122;
  height:100%; 
  background: url(pic/hatter.jpg) ;
}



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

}

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

                                                                                                               
a {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color:#ffffff; font-size: 11px; font-weight: normal;}
a:hover {font-family:  Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color:#c02030; font-size: 11px; font-weight:normal;}



b, strong
{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: bold;
  color:#ffffff;
}






#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 */
  height:100%;
}

#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
{
  margin:0 auto;
  width:100%;
  idth:1200px;
  min-height:900px;
  background:url(pic/hatter1b.jpg) #f2e8d5 no-repeat top left;
}


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

.felso
{
  margin-top:32px;
  float:left;

}


.menu
{
  clear:left;
}



#cont
{
  height:440px;
  clear:left;

}


#also
{
  clear:left;
  height:209px;
  min-width:auto;
  background: url(pic/also.jpg) no-repeat;

}

#also .tartalom1
{
  float:left;
  margin-top:156px;
  margin-left:110px;
  width:550px;

}

#also .tartalom2
{
  float:left;
  margin-top:186px;
  width:350px;


}

.copy
{
  color:#999999;
  font-size:9px;

}

.copy a
{
  color:#adadad;
  font-size:9px;
}


#kozep
{
  width:634px;
  float:left;


}
#jobb
{
  width:249px;
  float:left;

}

.loginjobb
{
  float:left;
  background: url(pic/loginhatter1.png) no-repeat;
  width:295px;
  height:125px;
  margin-top:32px;

}
.loginjobb2
{
  float:left;
  background: url(pic/loginhatter2.png) no-repeat;
  width:295px;
  height:125px;
  margin-top:32px;

}





.logincont
{
  float:left;
  width:200px;
  height:125px;

}

.logincont2
{
  float:left;
  width:90px;
  height:125px;
  margin-top:70px;
}


#login1
{
  float:left;
  width:257px;
  height:146px;
}

#login2
{
  float:left;
  width:257px;
  height:146px;
  ackground: url(pic/loginhatter2.png) no-repeat;
}




.loginform1 *a{position:relative;}
.loginform1
{
  width:130px;
  height:80px;
  padding-top:80px;
  padding-left:90px;
}



.loginform2 *a{position:relative;}
.loginform2
{
  
  width:150px;
  height:30px;
  padding-top:75px;
  padding-left:35px;
  color:#333333;
  float:left;
}
.loginform2 b
{
  color:#333333;

}
.loginurlap1 *a{position:relative;}
.loginurlap1
{
   background: url(pic/ures.gif); 
   color:#000;
   font-size: 10px;
   width:101px;
   border:0px solid #ff0000;
   padding:0px;
   margin-left:3px;
   margin-bottom:1px;
   clear:left;
}
.loginurlap2 *a{position:relative;}
.loginurlap2
{
   background: url(pic/ures.gif); 
   color:#000;
   font-size: 10px;
   width:101px;
   padding:0px;
   margin-left:3px;
   border: 0px solid #dddddd;
   margin-bottom:2px;
   clear:left;
}

.logingomb1
{

   clear:left;

}

.logingomb2
{

   float:left;
  width:60px;
  padding-top:78px;

}
.logingomb3
{

   clear:left;
  padding-top:3px;
  padding-left:66px;

}

#cbal
{
  float:left;
  width:528px;
  height:373px;
  background: url(pic/cimlap.png) no-repeat;
}


#cjobb
{
  float:left;
  width:355px;
  height:373px;
  background: url(pic/twitter.png) no-repeat;
  
}

#fellepes-vk
{
  float:left;
  width:634px;
  height:199px;
  background: url(pic/fellepes-vk.png) no-repeat;
  padding-top:46px;
}
#fellepes-vk .ftartalom
{ 
  height:162px;
  width:290px;

}

#fellepesek
{ 
  width:310px;
  float:left;
}
#vendegkonyv
{ 
  margin-left:23px;
  width:280px;
  float:left;
}


#vendegkonyv .ftartalom
{ 
  height:162px;
  width:290px;
 font-size:11px;
}

ul.twitter
{
  margin:0px;
  padding:0px;
  padding-left:19px;
  margin-top:40px;
  list-style-type:none;
  width:320px;
  height:282px;

}

li.twitter
{
  padding-left:13px;
  background: url(pic/nyil-twitter.jpg) no-repeat 3px 5px;
  border-bottom:1px dotted #434343;
}
ul.twitter .twit
{
  font-size:10px !important;
  color: #eedab6;

}
ul.twitter .twitdatum
{
  font-size:9px !important;
  color: #898989;
}



.fellepesminicont
{
  clear:left;
  font-size:11px;
  width:290px;
}

.fellepesminicont .idopont
{
  float:left;
  padding-left:12px;
  text-transform:uppercase;

}

.fellepesminicont .helyszin
{
  float:left;
  color:#0d0c30;
  padding-left:15px;
}


#kozep .tartalom
{
   ackground:url(pic/tartalomhatter.png) repeat-y;
   background: rgba(189,166,129,0.91);
   clear:left;
   width:595px;
   padding-left:15px;
   padding-right:15px;
    min-height:290px;
   border-radius:8px;
   -moz-border-radius:8px;
   -webkit-border-radius:8px;

}
* html #kozep .tartalom
{
   height:700px;
}
#kozep .cimke
{
   clear:left;
   font-weight:bold;
   font-size:15px;
   color:#ffffff;
   margin-bottom:10px;
}
#kozep .tartalomfelso
{
   background:url(pic/tartalomhatter-felso.png) no-repeat;
   clear:left;
   width:625px;
   height:10px;
}

#kozep .tartalomalso
{
   background:url(pic/tartalomhatter-also.png) no-repeat;
   clear:left;
   width:625px;
   height:10px;
   margin-bottom:10px;
}

#jobb .tartalom
{
   #background:url(pic/jobb-hatter-videoblog.png);
   background: #fbfce3;
   clear:left;
   width:249px;
   min-height:150px;
   margin:0 auto;
   text-align:center;
}









.hirek-bev 
{
  clear:left;
  padding-bottom:5px;
  margin-bottom:5px;
}

.hirek-bev .elvalaszto
{
  clear:left;
  border-bottom:1px solid rgba(100,81,47,0.3);
  height:1px;
  margin-top:8px;
  margin-bottom:3px;
}
.hirek-bev .datum
{
  float:left;
  color: #ffffff;
  font-size:10px;
  margin-top:1px;
  width:110px;
  margin-bottom:5px;
}

.hirek-bev .cim 
{
  width:410px;
  float:left;
  margin-top:2px;
  margin-bottom:5px;
}
.hirek-bev .cim a
{
  color: #64512f;
  font-weight:bold;
  font-size:12px;
  font-family: helvetica, arial, verdana, sans;
  text-decoration:none;

}


.hirek-bev .tovabb
{
   float:right;
   argin-top:4px;
   margin-bottom:0px;
   height:20px;
   text-align:right;
   padding-right:7px;

}

.hirek-bev .szoveg
{
  clear:left;
}















.hirek 
{
  clear:left;
  padding-bottom:5px;
  margin-bottom:5px;
}

.hirek .elvalaszto
{
  clear:left;
  border-bottom:1px dashed #ffffff;
  height:1px;                    
  margin-top:8px;
  margin-bottom:3px;
}
.hirek .datum
{
  clear:left;
  color: #ffffff;
  font-size:9px;
}

.hirek .cim 
{
  clear:left;
  margin-top:2px;
  margin-bottom:5px;
}
.hirek .cim a
{
  color: #64512f;
  font-weight:bold;
  font-size:14px;
  font-family: helvetica, arial, verdana, sans;
  text-decoration:none;

}

.hirek .szoveg
{
  font-family: helvetica, arial, verdana, sans;
  color: #0d0c30;
}

.hirek .tovabb
{
   float:right;
   margin-top:4px;
   margin-bottom:0px;
   height:20px;
   text-align:right;
   padding-right:7px;

}

.hirek .share
{
  clear:left;
  background: url(pic/kozep-elvalaszto.png) no-repeat left top;
  height:1px;
  margin-top:8px;
  padding-top:3px;
  margin-bottom:3px;
  vertical-align:middle;
  height:25px;
}


#cimlap
{
   margin-top:10px;
   margin-left:13px;
}

ul.fellepes
{
  margin:0px;
  padding:0px;
  padding-left:19px;
  margin-top:40px;
  list-style-type:none;

}
ul.fellepes li
{
  clear:left;
  font-size:11px;
  background: url(pic/kozep-elvalaszto.png) no-repeat left bottom;
  margin-bottom:5px;
  padding-bottom:5px;
  height:19px;
}

ul.fellepes li .datum
{
  float:left;
  padding-left:12px;
  text-transform:uppercase;

}

ul.fellepes li .helyszin
{
  float:left;
  color:#0d0c30;
  adding-left:15px;
  width:320px;
  text-transform:uppercase;
}







/* -------- videoblog ------------------------------------ */


.videoblog-lista
{

   float:left;
   font-size: 11px;
   font-weight: normal;
   margin-top:0px;
   margin-bottom:15px;
   margin-right:17px;
   background-color: #232323;
   width: 180px;
   height:150px;
   border-radius:5px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   
}

.videoblog-lista .kiskep
{
  float:left;
  margin:0 auto;
  text-align:center;
  margin-right:0px;
  padding-top:5px;
  padding-left:5px;

  width:170px;
  height:100px;

  clip: rect(0px,0px,170px,100px);
  overflow:hidden;
}

.videoblog-lista .cim
{
  clear:left;
  text-align:center;
  padding-top:10px; 

}

.videoblog-lista .cim  a
{
  text-decoration:none;
  font-weight:bold;
  font-size:12px;
}



/* -------- fotoalbum ------------------------------------ */


.fotoalbum-keplista
{

   float:left;
   font-size: 11px;
   font-weight: normal;
   margin-top:0px;
   margin-bottom:15px;
   margin-right:15px;
   background: #232323;
   width: 180px;
   height:200px;
   border-radius:5px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   
}

.fotoalbum-keplista .kiskep
{
  float:left;
  margin:0 auto;
  text-align:center;
  width: 172px;
  margin-right:0px;
  padding-top:5px;
  width:100%;
}



.fotoalbum-keplista .szoveg
{

 clear:left;
 text-align:center;
}

.fotoalbum-keplista .szoveg .cim
{
  padding:0px !important;
  padding-bottom:1px;
  float:left;

}
.fotoalbum-keplista .szoveg .cim h1
{
 margin:0px;
 padding:0px;
}
.fotoalbum-keplista .szoveg .kepszam
{
  text-align:left;
  clear:left;
  text-align:center;
  padding-bottom:6px;

}

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





.fotoalbum-keplista a {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#FA8EA0; font-size: 14px;font-weight: bold;}
.fotoalbum-keplista a:hover {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #E54652; font-size: 14px;font-weight: bold;}


.galeriakep {
    width: 145px;
    min-height: 140px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 2px;
    zoom: 1;
    *display: inline;
   _height: 140px;
   ackground:#d4d2bf;
   padding-top:8px;
   margin-right:6px;
   margin-bottom:4px;
}

.galeriakep .kep
{
  margin:0 auto;

  width:145px;
  text-align:center;
    *display: inline;
   _height: 140px;
    vertical-align:center;

}

.galeriakep .kep img
{
   border:2px solid #d4d2bf;

}




/* ---- kommentek ---------------------------------- */




.komment
{
  clear:left;
  width:100%;
  margin-top:8px;

  order:1px solid #cccccc;
  background:#f1f1d1;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.komment .fejlec
{
  background:#eeeee;
  height:25px;
  clear:left;
  border-bottom:1px solid #111111;
}

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

.komment .fejlec .datum
{

  float:left;
  padding:5px;
  padding-left:15px;
  padding-bottom:0px;
  color:#777777;
  width:203px !important;

}

.komment .fejlec .moderalas
{

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

.komment .szoveg
{
  clear:left;

  padding:5px;
  padding-left:9px;
  margin-top:0px !important;
  padding-right:9px;
  width:95% !important;
}

.komment .also
{
   clear:left;
   height:10px;
}



h1
{
  font-size:13px;

}

.fkomment-nev
{
  clear:left;
  color:#0d0c30;
}


.fkomment-szoveg
{
  clear:left;
}


#cimlapkepek
{
  width:514px;
  height:343px;
  overflow:hidden;  
  clip: rect(0px,541px,343px,0px);

}