html {overflow-y: scroll; height: 100%;}
FONT		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
TD		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
BODY		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px; margin: 0px 0px 0px 0px; padding: 0px; background-color: black; color: black; height: 100%}
P		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
DIV		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px; text-align: center;}
INPUT 	{FONT-SIZE: 10px; FONT-FAMILY: Verdana,Helvetica;}
TEXTAREA	{FONT-SIZE: 10px; FONT-FAMILY: Verdana,Helvetica;}
SELECT 		{FONT-SIZE: 10px; FONT-FAMILY: Verdana,Helvetica;}
FORM 		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
A:link          {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:active        {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:visited       {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:hover         {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.title 		{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.content 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.contentb 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.mini 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 8px; FONT-FAMILY: Verdana, Helvetica}
.minib 	{BACKGROUND: none; COLOR: #ff0000; FONT-SIZE: 8px; FONT-FAMILY: Verdana, Helvetica}
.block-title	{BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.storytitle 	{BACKGROUND: none; COLOR: #363636; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.storycat	{BACKGROUND: none; COLOR: #363636; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.boxtitle 	{BACKGROUND: none; COLOR: #363636; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.boxcontent 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.option 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.tiny		{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.error 	{BACKGROUND: none; COLOR: #ff0000; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}

/*MENU*/
.pufffmenu{width: 900px; background: #ffffff; margin: 3px 0px 0px 5px; padding: 0px 0px 0px 0px;}
.pufffmenu ul{z-index:100; margin: 0px; padding: 0px; list-style-type: none;}
.pufffmenu ul li{position:relative; display: inline; float: left; z-index: 1000;}
.pufffmenu ul li a{font: bold 9px Verdana; display: block; background-image: url('http://www.pufff.hu/themes/RetroClash/images/menu_bg.png'); color: #ffffff; text-decoration: none;  padding: 20px 0px 20px 0px; margin: 0px 2px 0px 0px; width: 97px;}
.pufffmenu ul li a:visited{font: bold 9px Verdana; background-image: url('http://www.pufff.hu/themes/RetroClash/images/menu_bg.png'); color: #ffffff;}
.pufffmenu ul li a:active{font: bold 9px Verdana; color: #ffffff;}
.pufffmenu ul li a:hover{font: bold 9px Verdana; background: #ffffff; color: #000000; text-decoration: none;}
* html .pufffmenu ul li a{display: inline-block; }
.pufffmenu ul li ul{position: absolute; left: 0px; top: 52px;display:none;}
.pufffmenu ul li ul li{display: list-item; float: none;}

/*SIDEBOX*/
.sidebox{width: 180px; background: #ffffff; border: 0px; padding: 0px; margin: 0px 0px 10px 0px;}
.sideboxtitle{width: 100%; background-image: url('http://www.pufff.hu/themes/RetroClash/images/box_header_bg.png'); color: white; text-align: center; font-size: 9px; font-weight: bold; border: 0px; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 0px; -moz-border-radius: 3px 3px 3px 3px;}
.sideboxcontent{width: 90%; background: #ffffff; text-align: left; border: 35px; padding: 3px 0px 0px 0px; margin: 0px auto 0px auto;}

/*LOGINBOX*/
.logincenter{width: 100%; text-align: center; padding: 2px 0px 0px 0px;}
.loginjustify{width: 100%; text-align: justify;}

/*CIKKEK*/
.articleindex{position: relative; width: 100%; background: white; padding: 0px 0px 15px 0px;}
.articletopic{position: absolute; width: 100px; height: 60px; right: 10px; top: -14px; background-image: url('http://www.pufff.hu/themes/RetroClash/images/pufff_grey2.png');}
.articletopictext{position: absolute; top: 30px; left: 0px; width: 100px; height: 30px;}
.articletopictext a{text-decoration: none; display: block; width: 100%; height: 100%;}
.articleindexheader{width: 100%; background-image: url('http://www.pufff.hu/themes/RetroClash/images/article_header_bg.png'); color: white; text-align: left; font-size: 9px; font-weight: bold; border: 0px; padding: 3px 0px 3px 0px; margin: 0px;}
.articleindextext{width: 95%; background: #ffffff; padding: 5px 0px 5px 0px; margin: 0px auto 0px auto; text-align: justify;}
.articleindexfooter{position: relative; width: 96%; background: #f5f5f5; padding: 3px 0px 3px 0px; margin: 0px auto 0px auto; -moz-border-radius: 3px 3px 3px 3px;}
.articleindexmorelink{position: absolute; top: 3px; left: 0px; width: 50%; text-align: left;}
.articleindexwriter{width: 100%; text-align: right;}
.articleassociatedtopics{width: 100%; text-align: left; padding: 10px 3px 3px 3px; color: #777777;}
.articleshare{width: 100%; text-align: right; padding: 5px 0px 0px 0px;}


/*FOOLDAL, MESSAGE*/
.messageindex{width: 100%; background: white; padding: 0px 0px 15px 0px;}
.messageindexinner{width: 100%; background: white; border-style: hidden hidden dotted hidden; border-width: 0px 0px 2px 0px; border-color: #000000; padding: 0px;}
.messageindexheader{width: 100%; background-image: url('http://www.pufff.hu/themes/RetroClash/images/article_header_bg.png'); color: white; text-align: left; font-size: 9px; font-weight: bold; border: 0px; padding: 3px 0px 3px 0px; margin: 0px; -moz-border-radius: 3px 3px 3px 3px;}
.messageindextext{width: 95%; background: #ffffff; padding: 5px 0px 15px 0px; margin: 0px; text-align: justify;}

/*FOOLDAL, ADMIN*/
.mainadmin{width: 100%; border-style: dotted; border-width: 0px 0px 2px 0px; border-color: #000000; border-collapse: collapse;}

/* KERET 
.mainframe{height: 100%; padding: 0px 0px 0px 0px; text-align: center; border-width: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-spacing: 0px;}
.mainframe td{margin: 0px; padding: 0px; border-spacing: 0px; border-width: 0px;}
.topborder{width: 930px; height: 25px; text-align: center; background-image: url('http://www.pufff.hu/themes/RetroClash/images/border_top.jpg');}
.leftborder{width: 25px; height: 100%; background-image: url('http://www.pufff.hu/themes/RetroClash/images/border_left.jpg'); vertical-align: top;}
*/

/* KERET 2.0 */
.pufff{width: 100%; text-align: center; padding: 0px; margin: 0px; border-widht: 0px; border-spacing: 0px;}
.pufffmainframe{position: relative; width: 950px; left: 50%; text-align: center; padding: 0px; margin-left: -475px; border-width: 0px; border-spacing: 0px; background-image: url('http://www.pufff.hu/themes/RetroClash/images/border_left-right.jpg'); background-position: center; background-repeat: repeat-y;} 
.puffftopborder{position: relative; width: 950px; left: 50%; height: 25px; margin-left: -475px; background-image: url('http://www.pufff.hu/themes/RetroClash/images/border_top.jpg');}
.pufffcenterframe{position: relative; width: 900px; left: 50%; background: #ffffff; padding: 0px; margin-left: -450px; border-width: 0px; border-spacing: 0px;}
.pufffheader{width: 900px; padding: 3px 0px 0px 0px; margin: 0px; border-width: 0px; border-spacing: 0px; clear: both;}
.pufffthreeblocks{position: relative; top: 0px; left: 0px; width: 900px;  padding: 0px 0px 0px 0px; margin: 0px 0px 0px 3px; border-width: 0px; border-spacing: 0px;}
.pufffsideblockleft{width: 180px; float: left; padding: 0px; margin: 5px 0px 0px 0px; border-width: 0px; border-spacing: 0px;}
.pufffsideblockright{position: absolute; width: 180px; top: 57px; right: 8px; padding: 0px; margin: 0px; border-width: 0px; border-spacing: 0px;}
.pufffcenterblock{width: 528px; float: left; padding: 0px 0px 0px 0px; margin: 5px 2px 0px 2px; border-width: 0px; border-spacing: 0px;}
.puffffooter{width: 900px; text-align: left; clear: both; padding: 3px 0px 3px 0px; margin: 0px; border-width: 0px; border-spacing: 0px; background-image: url('http://www.pufff.hu/themes/RetroClash/images/bigline.jpg');}

.albums {position: relative; width: 147px; height: 147px; float: left; margin: 0px; padding: 0px; border-widht: 0px; border-spacing: 0px; cursor: pointer; background-position: center center; background-repeat:no-repeat;}
.albumsback {position: absolute; width: 147px; height: 147px; top: 0px; left: 0px; margin: 0px; padding: 0px; border-widht: 0px; border-spacing: 0px; background-position: center center; background-repeat:no-repeat;}
.albums .albumtitle {position: absolute; bottom: 5px; left: 0px; width: 100%; color: #8d8d8d; text-align: left; padding: 0px; background-image: url('../images/1px.png'); z-index: 100000;}
.thumbs {position: relative; width: 147px; height: 147px; float: left; margin: 0px; padding: 0px; border-widht: 0px; border-spacing: 0px; background-position: center center; background-repeat:no-repeat;}
.thumbsback {position: absolute; width: 147px; height: 147px; top: 0px; left: 0px; margin: 0px; padding: 0px; border-widht: 0px; border-spacing: 0px; background-position: center center; background-repeat:no-repeat;}
.thumbs a {position: absolute; width: 147px; height: 147px; top: 0px; left: 0px; margin: 0px; padding: 0px; border-widht: 0px; border-spacing: 0px; z-index: 100001;}
.thumbstitle {width: 100%; text-align: left; background-color: #000000; color: #999999; margin: 10px 0px 10px 0px; padding: 5px 0px; font-size: 14px;}
.thumbstitle a:link {color: #999999; font-size: 14px;}
.thumbstitle a:visited {color: #999999; font-size: 14px;}
.thumbstitle a:hover {color: #ffffff; font-size: 14px;}