html, body {
 background: black url(kepek/hatter.jpg) repeat-x;
 margin: 0;
 padding: 0;
 height: 100%;
 font-family: Arial;
}

/* Safari fix '-.- */
* {
 outline: none;
}

/* Fejléc */
#logo {
 width: 851px;
 margin: 0 auto;
 height: 223px;
 background: url(kepek/logo.jpg) no-repeat;
}

/* Felső doboz */

#logo ul{
 text-align: left;
 list-style: none;
 margin: 0;
 padding: 15px 0 0 0;
}

#logo ul li{
 float: left;
 display: block;
 color: #A3A3A3;
 font-size: 12px;
 text-decoration: none;
}

/* Ha be van lépve*/

#regisztracio {
 width: 230px;
 font-weight: bold;
 text-align: right;
}

#regisztracio a, #regisztracio a:visited, #regisztracio a:hover {
 color: #A3A3A3;
 text-decoration: none;
}

#regisztracio  a:hover {
 text-decoration: underline;
}

#felhasznalonev {
 width: 150px;
 text-align: right;
}

#felhaszanlonev_input, #jelszo_input, #megjegyez, #jelszo, #belepes {
 padding-left: 2px;
}

#megjegyez_gomb {
 padding: 1px 0 0 5px;
}

#felhaszanlonev_input input, #jelszo_input input  {
 width: 112px;
 height: 17px;
 background: url(kepek/login_input.gif) no-repeat;
 padding: 2px 2px 0 2px;
 border: none;
 font-size: 9px;
 color: #ccc;
}

#belepes input {
 position: relative;
 top: -5px;
 left: 9px;
 width: 79px;
 height: 28px;
 background: url(kepek/login_button.png) no-repeat; 
 border: none;
}

/* Ha nincs belépve*/

#udvozlo_szoveg {
 padding-left: 30px;
 width: 300px;
}

#hsz, #profszerk, #uzik {
 font-weight: bold;
 padding-left: 6px;
}

#hsz a, #hsz a:visited, #hsz a:hover, #profszerk a, #profszerk a:visited, #profszerk a:hover , #uzik a, #uzik a:visited, #uzik a:hover  {
 color: #A3A3A3;
 text-decoration: none;
}

#hsz  a:hover, #profszerk  a:hover , #uzik  a:hover {
 text-decoration: underline;
}

div#kilepes {
 position: relative;
 top: -5px;
 left: 9px;
 width: 79px;
 height: 28px;
 background: url(kepek/logout_button.png) no-repeat; 
 border: none;
}

/* Felso menusor*/

#menu {
 width: 851px;
 margin: 0 auto;
 height: 29px;
 background: url(kepek/menu.jpg) no-repeat;
 font-weight: bold;
 font-family: Arial;
 font-size: 12px;
}

#menu ul{
 width: 643px;
 height: 29px;
 float: right;
 text-align: left;
 list-style: none;
 margin: 0;
}

#menu ul li, #menu ul li a {
 float: left;
 display: block;
 line-height: 29px;
 white-space: nowrap;
 color: #fba14b;
 text-decoration: none;
}

#menu ul li a{
 padding: 0 5px;
}

#menu ul li a:hover {
 width: auto;
 height: auto;
 background: url(kepek/menu_hover.png);
 padding: 0 4px;
 border-left: 1px solid #333;
 border-right: 1px solid #333;
}

/* Dock (GTA választo)*/

#dock {
 width: 851px;
 margin: 0 auto;
 height: 125px;
 background: url(kepek/dock.jpg) no-repeat;
	text-align: center;
	padding-top: 10px;
}

#dock_menu {
 position: relative;
 top: 6px;
 width: 830px;
 height: 105px;
}

#dock_menu_tarto {
 width: 615px;
 position: relative;
 top: 100px;
}

a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}

/* Ideiglenes dock (GTA választo)*/

#ikonok {
 text-align: center;
 padding-top: 10px;
 height: 125px;
 background: url(kepek/dock.jpg) no-repeat;
}

/* Kepcsere */

#kepcsere {
 width: 593px;
 height: 159px;
 margin: 0 auto 15px auto;
}

#kepcsere_hatter {
 width: 593px; 
 height: 159px; 
 background: url(kepek/kepcsere_hatter.jpg);
}

#kepcsere_kep {
 width: 593px; 
 height: 130px; 
}

#kepcsere_keret {
 width: 593px; 
 height: 159px; 
 background: url(kepek/kepcsere_keret.png);
}

#kepcsere_katt {
 width: 593px; 
 height: 122px; 
}

#kepcsere_katt a {
 width: 593px; 
 height: 122px; 
 display: block;
}

#kepcsere_navigacio_arnyek {
 width: 589px; 
 height: 2px; 
 background: url(kepek/kepcsere_navigacio_arnyek.png); 
 font-size: 1px; 
 line-height: 0; 
 margin-left: 2px;
}

#kepcsere_navigacio {
 background: url(kepek/kepcsere_navigacio.jpg); 
 width: 589px; 
 height: 32px; 
 margin-left: 2px;
}

#kepcsere_gombok {
 height: 23px;
 width: 80px;
 position: relative;
 top: 4px;
 left: 10px; 
 float: left;
}

#kepcsere_gombok_elozo {
 width: 26px;
 height: 23px;
 float: left;
 cursor: pointer;
}

#kepcsere_gombok_s {
 width: 27px;
 height: 23px;
 float: left;
 cursor: pointer;
}

#kepcsere_gombok_kovetkezo {
 width: 27px;
 height: 23px;
 float: left;
 cursor: pointer;
}

#kepcsere_szoveg {
 color: #ccc;
 font-family: Arial;
 font-size: 12px;
 font-weight: bold;
 margin-top: 7px;
 padding-right: 5px;
 float: right;
}
/* Tartalom */

#tartalom {
 width: 851px;
 margin: 0 auto;
 background: url(kepek/fo.gif);
 clear: both;
}

#tartalom #hirek{
 position: relative;
 left: 15px;
 width: 609px;
}

.hirdoboz {
 width: 100%;
}

.hirdoboz_teto {
 width: 100%;
 height: 43px;
 background: url(kepek/hirdoboz_teto_jobb.gif) no-repeat right;  
}

.hirdoboz_teto ul{
 text-align: left;
 list-style: none;
 margin: 0;
 padding: 0;
}

.hirdoboz_teto ul li{
 float: left;
 display: block;
 color: #666;
 font-size: 12px;
 text-decoration: none;
 height: 43px;
 color: #fba14b;
}

.hirdoboz_teto_bal {
 width: 16px;
 background: url(kepek/hirdoboz_teto_bal.gif) no-repeat; 
}

.hirdoboz_teto_cim {
 background: url(kepek/hirdoboz_teto_cim.gif) repeat-x; 
 line-height: 38px;
 white-space: nowrap;
 font-weight: bold;
}

.hirdoboz_teto_kozep {
 width: 31px;
 background: url(kepek/hirdoboz_teto_kozep.gif) no-repeat; 
}

.hirdoboz_tartalom {
 width: 100%;
 font-size: 11px;
 background: url(kepek/hirdoboz_hatter.gif) repeat-y;  
}

.hir {
 color: #ccc;
 padding: 2px 20px 3px 20px;
}

.hirdoboz_alja {
 width: 100%;
 height: 45px;
 background: url(kepek/hirdoboz_alja.gif) no-repeat;   
}

.szerzodatum {
 line-height: 28px;
 float: left;
 white-space: nowrap;
 padding-left: 20px;
 color: #fba14b;
 font-size: 11px;
}

#oldalvalaszto {
 background: url(kepek/oldalvalaszto.jpg) no-repeat;
}

#galeria_oldalvalaszto {
 background: url(kepek/galeria_oldalvalaszto.jpg) no-repeat;
}

#oldalvalaszto, #galeria_oldalvalaszto {
 margin: 0 auto;
 line-height: 50px;
 white-space: nowrap;
 font-size: 12px;
 color: #fba14b;
 text-align: center;
 width: 365px;
 height: 50px;
}

#oldalvalaszto a, #oldalvalaszto a:hover, #oldalvalaszto a:visited, #galeria_oldalvalaszto a, #galeria_oldalvalaszto a:hover, #galeria_oldalvalaszto a:visited  {
 text-decoration: none;
 color: #fba14b;
 font-weight: bold;
}

/* Komment a hireknel */

#komment_doboz_alja {
 background: url(kepek/komment_doboz_alja.gif) no-repeat;
 height: 39px;
 width: 609px;
}

#komment_doboz_input {
 background: url(kepek/komment_doboz_input.jpg) no-repeat;
 width: 609px;
 height: 171px;
}

#bbcode {
 background: url(kepek/komment_doboz_bbcode.gif) no-repeat;
 width: 609px;
 height: 38px;
 margin: 0;
}

#kicsi_bbcode {
 background: url(kepek/kicsi_komment_doboz_bbcode.gif) no-repeat;
 background-position: -2px 0;
 width: 461px;
 height: 23px;
 margin: 0;
}

#bbcode  ul{
 position: relative;
 top: 13px;
 left: -451px;
 float: right;
 text-align: left;
 list-style: none;
 margin: 0;
}

#bbcode  ul li, #bbcode  ul li div {
 float: left;
 display: block;
 cursor: pointer;
 line-height: 24px;
 white-space: nowrap;
 padding: 0 2px;
 color: #fba14b;
 text-decoration: none;
}

#kicsi_bbcode  ul{
 position: relative;
 top: 1px;
 left: -344px;
 float: right;
 text-align: left;
 list-style: none;
 margin: 0;
}

#kicsi_bbcode  ul li, #bbcode  ul li div {
 float: left;
 display: block;
 cursor: pointer;
 line-height: 23px;
 white-space: nowrap;
 padding: 0 2px;
 color: #fba14b;
 text-decoration: none;
}

#szmajli_doboz {
 background: #777; 
 border: 1px solid #333;
 border-top: none;
 padding: 2px;
 height: 44px;
 position: absolute; 
 bottom: 163px; 
 left : 136px; 
 display: none; 
 z-index: 2;
}

#textarea {
 background: url(kepek/komment_doboz_textarea.jpg) no-repeat;
 width: 609px;
 height: 91px; 
}

#kicsi_textarea {
 background: url(kepek/kicsi_komment_doboz_textarea.jpg) no-repeat;
 background-position: -2px 0;
 width: 461px;
 height: 95px; 
}

#textarea textarea {
 position: relative;
 left: 24px;
 top: 1px;
 height: 84px;
 width: 550px;
 background: transparent;
 border: none;
 font-size: 11px;
 font-family: Arial;
 color: #ccc;
}

#kicsi_textarea textarea {
 position: relative;
 left: 4px;
 top: 1px;
 height: 82px;
 width: 448px;
 background: transparent;
 border: none;
 font-size: 11px;
 font-family: Arial;
 color: #ccc;
}

#komment_button {
 background: url(kepek/komment_doboz_button.gif) repeat-y;
 width: 609px;
 height: 34px; 
}

#kicsi_komment_button {
 padding-top: 3px;
 position: relative;
 left: 303px;
}

#komment_button input{
 position: relative;
 top: 10px;
 left: 505px;
 width: 77px;
 height: 26px;
 background: url(kepek/send_button.gif) no-repeat; 
 border: none;
}

#kicsi_komment_button .megsem {
 background: url(kepek/megse.gif) no-repeat; 
 width: 75px;
 height: 26px;
 border: none;
 position: relative;
}

#kicsi_komment_button .mentes {
 background: url(kepek/szerkeszt.gif) no-repeat; 
 background-position: 0 1px;
 width: 75px;
 height: 26px;
 border: none;
}


.komment_forras {
 float: right;
 margin-top: 8px;
 margin-right: 15px;
 white-space: nowrap;
 color: #ccc;
 font-weight: bold;
 font-size: 11px;
}

.komment {
 background: url(kepek/komment.gif) no-repeat;
 padding: 2px 0 2px 20px;
}

.forras {
 background: url(kepek/forras.gif) no-repeat;
 padding: 2px 5px 2px 20px;
}

.komment_forras a, .komment_forras a:hover, .komment_forras a:visited {
 color: #ccc;
 text-decoration: none;
}

.kommentdoboz {
 margin-top: 15px;
 margin-bottom: 15px;
 height: 1px;
 width: 100%;
}

.kommentek {
 margin: 10px 0;
}

.kommentek_teto {
 width: 620px;
 height: 33px;
 background: url(kepek/komment_teto.gif) no-repeat;
 color: #fba14b;
 font-size: 11px; 
}

.kommentek_teto a, .kommentek_tetoa:hover, .kommentek_teto a:visited  {
 text-decoration: none;
 color: #fba14b;
 font-weight: bold;
}

div.kommentek_teto span.irta {
 position: relative;
 top: 8px;
 left: 38px;
 float: left;
}

div.kommentek_teto span.datum {
 float: right;
 position: relative;
 top: 8px;
 right: 35px;
}

div.kommentek_avatar {
 background: url(kepek/komment_avatar.gif) no-repeat;
 height: 78px;
 width: 61px;
 position: absolute;
 left: 43px;
 margin-top: 3px;
 padding-top: 8px;
 text-align: center;
}

div.kommentek_kozep {
 width: 620px;
 min-height: 80px;
 height: auto !important;
 height: 80px;
 background: url(kepek/komment_kozep.gif) repeat-y;
 color: #ccc;
 font-size: 11px;
}

div.kommentek_kozep div.kommentek_szoveg {
 width: 450px;
 text-align: justify;
 position: relative;
 left: 125px;
}


div.kommentek_alja {
 width: 620px;
 height: 23px;
 background: url(kepek/komment_alja.gif) no-repeat;
}

/* Jobb oldali menu */

#jobb_menu {
 width: 207px;
 position: absolute;
 top: 0;
 left: 610px;
}

#jobb_menu .j_teto {
 background: url(kepek/jobb_menu_teto.gif) no-repeat;
 width: 207px;
 height: 29px;
 color: #fba14b;
 text-align: center;
 padding-top: 8px;
 font-weight: bold;
 font-size: 12px;
}

#jobb_menu .j_tartalom {
 background: url(kepek/jobb_menu_kozep.gif) repeat-y;
 width: 207px;
}

#jobb_menu .j_alja {
 background: url(kepek/jobb_menu_alja.gif) no-repeat;
 width: 207px;
 height: 23px;
}

#jobb_menu .j_tartalom  ul{
 text-align: left;
 list-style: none;
 margin: 0 0 0 20px;
 width: 161px;
 padding: 0;
}

#jobb_menu .j_tartalom  ul li  {
}

#jobb_menu .j_tartalom  ul li a  {
 background: url(kepek/jobb_menu_menupont.gif) no-repeat;
 height: 24px;
 padding-top: 4px;
 padding-left: 15px;
 color: #CBCBCB;
 font-size: 12px;
 text-decoration: none;
 font-weight: normal;
 display: block;
}

#jobb_menu .j_tartalom  ul li a:hover, #jobb_menu .j_tartalom  ul #aktiv {
 background: url(kepek/jobb_menu_menupont.gif) repeat-y;
 background-position: 0 24px;
 height: 24px;
 padding-top: 4px;
 padding-left: 15px;
 color: #CBCBCB;
 font-size: 12px;
 text-decoration: none;
 font-weight: normal;
 display: block;
 cursor: pointer;
}

#jobb_menu .j_tartalom .jobb_menu_almodul {
 background: url(kepek/menu_elvalaszto.jpg) no-repeat;
 width: 174px;
 height: 25px;
 margin-left: 16px;
 color: #fba14b;
 text-align: center;
 padding-top: 4px;
 font-weight: bold;
 font-size: 12px;
}

/* Footer */

#footer {
 background: url(kepek/footer.gif) no-repeat;
 width: 831px;
 height: 130px;
 margin: 0 auto;
}

#footer_doboz {
 position: relative;
 top: 70px;
 left: 90px;
 font-size: 11px;
 color: #999;
}

#footer_doboz a, #footer_doboz a:hover, #footer_doboz a:visited {
 color: #999;
 text-decoration: none;
}

#rockstar_logok {
 position: absolute;
 top: 0;
 left: 620px;
}

/* Galeria  */
#galeria{
 margin-left: 5px;
 padding-top: 10px;
}

#galeria_hely {
 background: url(kepek/galeria_hely.gif) no-repeat; 
 width: 608px;
 height: 40px;
 color: #fba14b;
 font-size: 12px;
 line-height: 37px;
 white-space: nowrap;
 padding-left: 20px;
}

#galeria_tartalom {
 background: url(kepek/galeria_tartalom.gif) repeat-y; 
 width: 608px;
}

#galeria_alja {
 background: url(kepek/galeria_alja.gif) no-repeat; 
 width: 608px;
 height: 34px;
}

.galeria_kategoria {
 margin: 0 auto;
 width: 574px;
}

.galeria_kategoria_teto {
 background: url(kepek/galeria_kategoria_teto.gif) no-repeat; 
 height: 31px;
 width: 574px;
 color: #fba14b;
 font-size: 12px;
 line-height: 28px;
 white-space: nowrap;
 padding-left: 7px;
}

.galeria_kategoria_teto a:hover {
 text-decoration: none;
}

.galeria_kategoria_kozep {
 padding-top: 6px;
 background: url(kepek/galeria_kategoria_kozep.gif) repeat-y; 
 width: 574px;
}

.galeria_kategoria_alja {
 background: url(kepek/galeria_kategoria_alja.gif) no-repeat; 
 width: 574px;
 height: 21px;
}

.galeria_album {
 background: url(kepek/galeria_album.gif) no-repeat;
 width: 259px;
 height: 90px; 
 color: #cccccc;
 font-size: 12px;
}

.galeria_album .kep {
 position: absolute;
 left: 20px;
 top: 14px;
}

.galeria_album .cim {
 font-weight: bold;
 position: absolute;
 left: 97px;
 top: 7px;
 font-size: 11px;
}

.galeria_album .utoljara_frissitve {
 position: absolute;
 left: 97px;
 font-size: 10px;
 top: 49px;
}

.galeria_album .mikor {
 position: absolute;
 left: 97px;
 top: 63px;
 font-size: 10px;
 color: #fba14b;
}

.galeria_album .kepek {
 position: absolute;
 left: 97px;
 top: 34px;
 font-size: 11px;
}

.galeria_kategoria_kozep .osszes_album a {
 font-size: 11px;
 font-weight: normal;
 color: #ccc;
 position: relative;
 left: 428px;
 top: 3px;
}

.galeria_kategoria_kozep .osszes_album a:hover {
 font-weight: normal;
 text-decoration: none;
 color: #ddd;
}

#kepek {
 position: relative;
 left: 8px;
 margin: 0 auto;
 width: 570px;
}

.kepdoboz {
 margin-right: 14px;
}

.kepdoboz .teto {
 width: 128px;
 background: url(kepek/galeria_kepdoboz.gif) no-repeat;
 padding-top: 8px;
}

.kepdoboz .teto img {
 border: none;
}

.kepdoboz .alja {
 width: 128px;
 background: url(kepek/galeria_kepdoboz.gif) no-repeat;
 background-position: bottom right; 
 font-size:1px;
 line-height: 0;
 height: 40px;
}

.kepdoboz .gombok {
 position: relative;
 top: 2px;
 left: 32px;
 width: 65px;
 height: 27px;
 background: url(kepek/galeria_gombok.jpg) no-repeat;
 cursor: pointer;
}

.kepdoboz .kepdoboz_hatter .teto {
 width: 114px;
 background: url(kepek/galeria_kepdoboz_hatter.gif) no-repeat;
}


.kepdoboz .kepdoboz_hatter .talp {
 width: 114px;
 background: url(kepek/galeria_kepdoboz_hatter.gif) no-repeat;
 background-position: bottom right; 
 font-size:1px;
 line-height:0;
 height: 7px;
}

/* Kiskepek formazasa */

img.kiskep {
 margin: 2px;
 padding: 5px;
 background: #111;
 border: 1px solid #333;
}

img.kiskep:hover {
 border: 1px solid #555;
}

/* GSO reklámbanner */

img.kep_reklam{
 margin: 10px;
 padding: 4px;
 background: #111;
 border: 1px solid #454545;
}

img.kep_reklam:hover {
 border: 1px solid #545454;
}

/* Egyebek */
a { 
 cursor: pointer;
 text-decoration: none; 
 color: #fba14b;
 font-weight: bold;
}

a:hover {
 text-decoration: underline;
}

.hirdoboz_teto_cim a:hover {
 text-decoration: none;
}

div.idezet {
 width: 97%;
 padding: 2px;
 background: #333;
 border: 1px solid #555;
}

div.kapcsolat_ikonok {
 height: 20px; 
 line-height: 20px; 
 white-space: nowrap;
 text-indent: 20px;
 background-position: 0 2px;
}

#idetolt input, #idetolt textarea, .kapcsolatok_valaszto {
 border: 1px solid #777;
 background: #333;
 font-size: 12px;
 color: #ccc;
}

#idetolt #email_button {
 width: 77px;
 height: 26px;
 background: url(kepek/send_button.gif) no-repeat; 
 border: none;
}

.style1  { 	
  font-family: Arial, Helvetica, sans-serif; 	
  font-size: 10px; 	
  font-weight: bold; 	
  margin-left: 12px;
 }
 .style2 { 
  color: #CCCCCC; 
  font-weight: bold;
} img a, img {  border: none;}