body{
    text-align: center;
    font-family: "comic sans ms", arial;
    background: url(../pics/bg2011_4.jpg);
    base target: blank;

}

.eff {
	/* the image size is 126x126, it's adjusted to fit the border as well*/
	width:200px;
	height:200px;

	/* important, allow the children object to move inside its parent obj (ettől esik egybe a kép és a box) */
	position:relative;

	/* important, it hides the moved image (ezzel rejtem el a leeső képet) */
	overflow:hidden;

	/* with the clear class, make it into 3 x 3 layout */
	float:left;

	/* IE float bug fix */
	display:inline;

	/* styling */
        text-align: center;
	margin:5px;
	font-size:12px;
	font-weight:bold;
    base target: blank;
}

.eff img {
	display:block;
	width:190px;
	height:190px;

	/* styling */
	text-decoration:none;
	border:4px solid #transparent;
	background:#ddd;

	/* important, it allows this obj to move by jquery */
	position:absolute;

	/* make sure it appears above the caption */
	z-index:500;
    base target: blank;

	cursor:hand; cursor:hand;
}

.eff .caption {
	/* should be the same size with the image */
	width:190px;
	height:190px;

	/* styling */
	border:4px solid #transparent;
	color:#eee;

	/* set the position to 0, 0 and appear under the image
	position:absolute;
	top:0; left:0;
	z-index:0;
	background-position: 0 -368px; (itt csak a színt mondom meg) */
	background-color: transparent;
    base target: blank;
}


/* extra styling*/
.eff .caption a.stilus, #article .eff .caption a.stilus{
    text-align: justify;
    padding: 4px;
    text-decoration: none;
    color: white;
    display:block;
    margin:10px 15px 5px 15px;
    base target: blank;
}
.eff .caption a.more, #article .eff .caption a.more{
    text-align: justify;
    padding: 10px;
    text-decoration: none;
    color: white;
    display:block;
    base target: blank;
}
.eff .caption a.more:hover, #article .eff .caption a.more:hover{
    text-decoration: underline;
    base target: blank;
}

.eff .caption a.header, #article .eff .caption a.header{
	margin:10px 5px 5px 5px;
	display:block;
	font-size:20px;
	font-weight:bold;
	color:white;
	text-align: center;
	text-decoration: none;
    base target: blank;
}
.eff .caption a.header:hover, #article .eff .caption a.header:hover{
    text-decoration: underline;
    base target: blank;
}

.eff .caption p, #article .eff .caption p{
	margin: 5px;
    base target: blank;
}