/* ---------------- [ Main Styles ----------------------------------- */
/* ---------------- [ Author: pixelnova.org ------------------------ */
/* ---------------- [ Created for: cornelia.hu -------------------- */

/* ------------------------------------------- [ MISCELLANEOUS ] -------- */

body
{
background: url('images/background.jpg');
margin: 0px 0px 100px 0px;
}
#b2
{
width: 100%;
height: 100%;
background: url('images/bg2.jpg') no-repeat center;
}
.clear
{
clear: both;
}

/* ----------------------------- [ LINK STYLES ] -------- */

a.red:link, a.red:visited
{
text-decoration: none;
color: #B42D17;
}
a.red:hover, a.red:active
{
color: #853E21;
text-decoration: none;
}
a.white:link, a.white:visited
{
text-decoration: none;
color: #F6D381;
}
a.white:hover, a.white:active
{
color: #FFFFFF;
text-decoration: underline;
}
#copyright a:link, #copyright a:visited
{
text-decoration: none;
color: #F6D381;
}
#copyright a:hover, #copyright a:active
{
color: #FFFFFF;
text-decoration: underline;
}
img.crys
{
margin-right: 10px;
}

/* ----------------------------- [ QUOTE STYLES ] -------- */

blockquote
{
font-size: 11px;	
background: url(images/quote-up2.jpg) top left no-repeat;
}
blockquote div
{
margin: 0px;
padding: 20px;
background: url(images/quote-down2.jpg) bottom right no-repeat;
text-align: justify;
}

/* ----------------------------- [ UNCATEGORIZED ] -------- */

h3.subtitle
{
margin: 0px 0px 7px 0px;
letter-spacing: -1px;
font: normal 180% "Trebuchet MS", Tahoma, Arial;
padding: 0px 0px 0px 0px;
}
.boldtitle
{
margin: 0px 0px 7px 0px;
letter-spacing: 0px;
font: bold 160% "Trebuchet MS", Tahoma, Arial;
padding: 0px 0px 0px 0px;
}
.space
{
background: url('images/space.jpg') no-repeat;
height: 29px;
display: block;
line-height: 0%;
}
.space2
{
background: url('images/space5.jpg') no-repeat;
height: 42px;
display: block;
line-height: 0%;
}
.spacee
{
background: url('images/space-empty.jpg') no-repeat;
height: 42px;
display: block;
line-height: 0%;
}
.padding
{
padding: 50px;
font: 11px "trebuchet ms";
color: #B42D17;
line-height: 190%;
text-align: justify;
}
h1
{
margin: 0px 0px 30px 0px;
letter-spacing: -1px;
font: normal 230% "Trebuchet MS", Tahoma, Arial;
padding: 0px 0px 0px 60px;
}
.leftimg
{
float: left;
margin: 10px 20px 10px 0px;
}
.leftimg_vic
{
float: left;
margin: 10px 20px 10px 0px;
position: relative;
background: url('images/vic_bgimg.jpg') left top no-repeat;
width: 76px;
height: 252px;
}
.leftimg_vic_img
{
	position: absolute;
	left: 8px;
	top: 4px;
}
span.first-letter
{
float: left;
color: #B42D17;
font: bold 3.3em/90% "Times New Roman", Times, serif;
margin: 0px;
padding: 6px 4px 0px 0px;
}

/* ------------------------------------------- [ ORACLE : RUNES ] -------- */

#runa ul
{
padding: 0px;
margin: 0px;
list-style: none;
}
#runa ul li
{
width: 130px;
display: block;
text-align: center;
float: left;
}

/* ------------------------------------------- [ ORACLE : CRYSTAL BALL ] -------- */

#crystalball
{
position: relative;
width: 391px;
height: 370px;
margin-top: -20px;
margin-bottom: 30px;
background: url('images/crystalball-new.jpg') no-repeat center;
}
#crystalball #click
{
position: absolute;
top: 30px;
left: 87px;
}
#crystalball #oracle
{
position: absolute;
top: 94px;
left: 18px;
background: url('images/crystal-text.jpg') no-repeat;
width: 357px;
height: 85px;
z-index: -5;
filter: alpha(opacity=0);
-moz-opacity: .0;
opacity: .0;
}
#crystalball .padding
{
padding: 15px;
font: 11px "trebuchet ms";
color: #5E1A0D;
line-height: 180%;
}

/* ------------------------------------------- [ ORACLE : COLOR CIRCLE ] -------- */

#colorcircle
{
position: relative;
width: 391px;
height: 397px;
/*margin-top: -20px;
margin-bottom: 30px;*/
}
#colorcircle #frontground
{
background: url('images/colororacle2.png') no-repeat;
width: 391px;
height: 397px;
position: absolute;
top: 0px;
left: 0px;
}
#colorcircle #bgcolor
{
position: absolute;
top: 108px;
left: 117px;
width: 120px;
height: 120px;
background: #DEC074;
}
#colorcircle #color
{
position: absolute;
top: 108px;
left: 117px;
width: 120px;
height: 120px;
filter: alpha(opacity=0);
-moz-opacity: .0;
opacity: .0;
}
#colorcircle #imagemap
{
position: absolute;
top: 0px;
left: 0px;
}

#colorcircle #color.blue { background: #0082AC; }
#colorcircle #color.pink { background: #EAAAD3; }
#colorcircle #color.magenta { background: #C61D8A; }
#colorcircle #color.purple { background: #CC6AD9; }
#colorcircle #color.red { background: #D6230D; }
#colorcircle #color.green { background: #80C109; }
#colorcircle #color.yellow { background: #E2CD00; }
#colorcircle #color.black { background: #000000; }
#colorcircle #color.grey { background: #AAAAAA; }
#colorcircle #color.white { background: #CCCCCC; }
#colorcircle #color.orange { background: #E89100; }
#colorcircle #color.brown { background: #754116; }
#colorcircle #color.turquoise { background: #008458; }
#colorcircle #color.indygo { background: #1F2766; }

#suni { position: absolute; top: 18px; left: 167px; visibility: hidden; width: 57px; height: 65px; background: url('images/sun1.png') no-repeat; }
#sunii { position: absolute; top: 20px; left: 213px; visibility: hidden; width: 62px; height: 74px; background: url('images/sun2.png') no-repeat; }
#suniii { position: absolute; top: 44px; left: 239px; visibility: hidden; width: 73px; height: 71px; background: url('images/sun3.png') no-repeat; }
#suniv { position: absolute; top: 82px; left: 261px; visibility: hidden; width: 72px; height: 62px; background: url('images/sun4.png') no-repeat; }
#sunv { position: absolute; top: 133px; left: 272px; visibility: hidden; width: 64px; height: 54px; background: url('images/sun5.png') no-repeat; }
#sunvi { position: absolute; top: 174px; left: 260px; visibility: hidden; width: 73px; height: 64px; background: url('images/sun6.png') no-repeat; }
#sunvii { position: absolute; top: 204px; left: 239px; visibility: hidden; width: 71px; height: 71px; background: url('images/sun7.png') no-repeat; }
#sunviii { position: absolute; top: 225px; left: 209px; visibility: hidden; width: 65px; height: 72px; background: url('images/sun8.png') no-repeat; }
#sunix { position: absolute; top: 235px; left: 166px; visibility: hidden; width: 57px; height: 65px; background: url('images/sun9.png') no-repeat; }
#sunx { position: absolute; top: 225px; left: 117px; visibility: hidden; width: 61px; height: 71px; background: url('images/sun10.png') no-repeat; }
#sunxi { position: absolute; top: 204px; left: 80px; visibility: hidden; width: 72px; height: 71px; background: url('images/sun11.png') no-repeat; }
#sunxii { position: absolute; top: 174px; left: 57px; visibility: hidden; width: 74px; height: 64px; background: url('images/sun12.png') no-repeat; }
#sunxiii { position: absolute; top: 133px; left: 53px; visibility: hidden; width: 65px; height: 54px; background: url('images/sun13.png') no-repeat; }
#sunxiv { position: absolute; top: 83px; left: 56px; visibility: hidden; width: 74px; height: 60px; background: url('images/sun14.png') no-repeat; }
#sunxv { position: absolute; top: 44px; left: 78px; visibility: hidden; width: 74px; height: 71px; background: url('images/sun15.png') no-repeat; }
#sunxvi { position: absolute; top: 20px; left: 116px; visibility: hidden; width: 62px; height: 74px; background: url('images/sun16.png') no-repeat; }

#chosencolor
{
filter: alpha(opacity=0);
-moz-opacity: .0;
opacity: .0;
visibility: hidden;
}

/* ------------------------------------------- [ ORACLE : PERSONAL YEAR ] -------- */

#persyear
{
width: 391px;
height: 195px;
position: relative;
z-index: 5;
}
#persbg
{
width: 410px;
height: 195px;
position: absolute;
top: 0px;
left: -9px;
background: url('images/szemev2-new.jpg') no-repeat;
}
#submitbgpos
{
position: absolute;
top: 31px;
left: 339px;
text-indent: -9999px;
cursor: pointer;
width: 44px;
height: 28px;
border: 0px;
background: url('images/spacer.gif');
}
#persmon
{
position: absolute;
top: 31px;
left: 13px;
}
#persday
{
position: absolute;
top: 31px;
left: 186px;
}
#persmontable
{
position: absolute;
top: 59px;
left: 13px;
width: 146px;
background: #6D2215 url('images/selectmenubg.jpg') no-repeat top;
padding: 5px 0px;
display: none;
}
#persdaytable
{
position: absolute;
top: 59px;
left: 186px;
width: 146px;
background: #6D2215 url('images/selectmenubg.jpg') no-repeat top;
padding: 5px 0px;
display: none;
}
#persdaytablein
{
width: 146px;
background: #6D2215 url('images/selectmenubgin.jpg') repeat-y;
}
#persdayleft
{
width: 97px;
float: left;
}
#persdayinleft
{
width: 48px;
float: left;
}
#persdayinright
{
width: 48px;
float: right;
}
#persdayright
{
width: 48px;
float: right;
}
#persmontable a:link, #persmontable a:visited
{
display: block;
width: 122px;
font: bold 11px georgia;
color: #F6D381;
padding: 2px 12px;
text-decoration: none;
}
#persmontable a:hover, #persmontable a:active
{
display: block;
width: 122px;
font: bold 11px georgia;
color: #F6D381;
padding: 2px 12px;
background: #BD402A;
text-decoration: none;
}
#persdaytable a:link, #persdaytable a:visited
{
display: block;
width: 30px;
font: bold 11px georgia;
color: #F6D381;
padding: 2px 0px 2px 18px;
text-decoration: none;
}
#persdaytable a:hover, #persdaytable a:active
{
display: block;
width: 30px;
font: bold 11px georgia;
color: #F6D381;
padding: 2px 0px 2px 18px;
background: #BD402A;
text-decoration: none;
}
#persres
{
width: 391px;
height: 104px;
position: relative;
background: url('images/szemer.jpg') no-repeat;
}
#persres #text
{
position: absolute;
top: 43px;
left: 43px;
font: 11px "trebuchet ms";
color: #5E1A0D;
line-height: 180%;
}
#persres #num
{
position: absolute;
top: 7px;
right: 43px;
font: 50px "trebuchet ms";
color: #5E1A0D;
line-height: 180%;
}
a.select:link, a.select:visited
{
margin: 0px;
text-decoration: none;
width: 134px;
height: 21px;
padding: 7px 0px 0px 12px;
display: block;
font: bold 11px georgia;
color: #F6D381;
background: url('images/selectbig2.gif') no-repeat top left;
}
a.select:hover, a.select:active
{
margin: 0px;
text-decoration: none;
width: 134px;
height: 21px;
padding: 7px 0px 0px 12px;
display: block;
font: bold 11px georgia;
color: #F6D381;
background: url('images/selectbig2.gif') no-repeat bottom left;
}


/* ------------------------------------------- [ ORACLE : VENUS ] -------- */

#venus
{
width: 391px;
height: 51px;
position: relative;
z-index: 5;
}
#venusajaxres
{
position: absolute;
top: 92px;
left: 0px;
z-index: -4;
}
#venusbg
{
width: 410px;
height: 51px;
position: absolute;
top: 0px;
left: 0px;
background: url('images/venuscalbg2.jpg') no-repeat;
}
#venussubmitbgpos
{
position: absolute;
top: 12px;
left: 339px;
text-indent: -9999px;
cursor: pointer;
width: 44px;
height: 28px;
border: 0px;
background: url('images/spacer.gif');
}
#yearpers
{
position: absolute;
top: 12px;
left: 11px;
width: 30px;
padding: 6px 0px 0px 8px;
height: 14px;
border: 0px;
background: url('images/spacer.gif');
font: bold 11px georgia;
color: #F6D381;
}
#venusmon
{
position: absolute;
top: 12px;
left: 71px;
}
#venusday
{
position: absolute;
top: 12px;
left: 205px;
}
#venusmontable
{
position: absolute;
top: 40px;
left: 71px;
width: 124px;
background: #6D2215 url('images/selectmenubg.jpg') no-repeat top;
padding: 5px 0px;
display: none;
}
#venusdaytable
{
position: absolute;
top: 40px;
left: 205px;
width: 124px;
background: #6D2215 url('images/selectmenubg.jpg') no-repeat top;
padding: 5px 0px;
display: none;
}
#venusdaytablein
{
width: 124px;
background: #6D2215 url('images/vselectmenubgin.jpg') repeat-y;
}
#venusdayleft
{
width: 82px;
float: left;
}
#venusdayinleft
{
width: 40px;
float: left;
}
#venusdayinright
{
width: 40px;
float: right;
}
#venusdayright
{
width: 40px;
float: right;
}
#venusmontable a:link, #venusmontable a:visited
{
display: block;
width: 100px;
font: bold 11px georgia;
color: #F6D381;
padding: 2px 12px;
text-decoration: none;
}
#venusmontable a:hover, #venusmontable a:active
{
display: block;
width: 100px;
font: bold 11px georgia;
color: #F6D381;
padding: 2px 12px;
background: #BD402A;
text-decoration: none;
}
#venusdaytable a:link, #venusdaytable a:visited
{
display: block;
width: 26px;
font: bold 11px georgia;
color: #F6D381;
padding: 2px 0px 2px 14px;
text-decoration: none;
}
#venusdaytable a:hover, #venusdaytable a:active
{
display: block;
width: 26px;
font: bold 11px georgia;
color: #F6D381;
padding: 2px 0px 2px 14px;
background: #BD402A;
text-decoration: none;
}
#venusres
{
width: 391px;
height: 104px;
position: relative;
background: url('images/szemer.jpg') no-repeat;
}
#venusres #text
{
position: absolute;
top: 43px;
left: 43px;
font: 11px "trebuchet ms";
color: #5E1A0D;
line-height: 180%;
}
#venusres #num
{
position: absolute;
top: 7px;
right: 43px;
font: 50px "trebuchet ms";
color: #5E1A0D;
line-height: 180%;
}
a.vselect:link, a.vselect:visited
{
margin: 0px;
text-decoration: none;
width: 113px;
height: 21px;
padding: 7px 0px 0px 12px;
display: block;
font: bold 11px georgia;
color: #F6D381;
background: url('images/vselect.gif') no-repeat top right;
}
a.vselect:hover, a.vselect:active
{
margin: 0px;
text-decoration: none;
width: 113px;
height: 21px;
padding: 7px 0px 0px 12px;
display: block;
font: bold 11px georgia;
color: #F6D381;
background: url('images/vselect.gif') no-repeat bottom right;
}
.venusarrowtop
{
width: 391px;
height: 21px;
background: url('images/arrowtop.gif') no-repeat bottom left;
}
.venusarrowbot
{
width: 391px;
height: 10px;
background: url('images/arrowbot.gif') no-repeat top left;
position: absolute;
left: 0px;
top: 61px;
}


/* ------------------------------------------- [ ORACLE : GODNESS ] -------- */

#godness
{
position: relative;
width: 391px;
height: 276px;
margin-top: 0px;
margin-bottom: 0px;
background: url('images/godnessbg1.jpg') no-repeat center;
}
#godnesscard
{
position: relative;
width: 391px;
height: 279px;
margin-top: 0px;
margin-bottom: 0px;
background: url('images/godnessbg2.jpg') no-repeat center;
}
#chosencard
{
position: absolute;
top: 19px;
left: 106px;
visibility: hidden;
}
#card_1
{
visibility: hidden;
}

/* ------------------------------------------- [ ORACLE : 22ArK ] -------- */

#arkanum
{
position: relative;
width: 391px;
height: 408px;
margin-top: 0px;
margin-bottom: 0px;
background: url('images/22arkbg-new.jpg') no-repeat center;
}
#chosenark
{
position: absolute;
top: 38px;
left: 102px;
}
#arkbg
{
height: 820px;
width: 391px;
position: relative;
margin-top: 0px;
margin-bottom: 0px;
background: url('images/22arkmbg-new.jpg') no-repeat center;
}
.arklineone
{
position: absolute;
top: 10px;
}
.arklinetwo
{
position: absolute;
top: 143px;
}
.arklinethree
{
position: absolute;
top: 276px;
}
.arklinefour
{
position: absolute;
top: 409px;
}
.arklinefive
{
position: absolute;
top: 542px;
}
.arklinesix
{
position: absolute;
top: 675px;
}
.arkrel
{
position: relative;
}
.arkone
{
position: absolute;
top: 0px;
left: 1px;
}
.arktwo
{
position: absolute;
top: 0px;
left: 81px;
}
.arkthree
{
position: absolute;
top: 0px;
left: 162px;
}
.arkfour
{
position: absolute;
top: 0px;
left: 240px;
}
.arkfive
{
position: absolute;
top: 0px;
left: 320px;
}
.arkrel img
{
border: 0px;
}
.topdivdemo1
{
padding: 10px;
border: 0px;
background: #105006;
color: #FFFFFF;
font: bold 11px tahoma;
}
.vissza
{
color: #ffffff;
text-decoration: none;
}


/* --------------------------------- CARD MISC */

#godness #cardlist
{
margin: 0px 0px 0px 4px;
}
#godness #cardlist ul
{
margin: 0px;
padding: 0px;
list-style: none;
}
#godness #cardlist li
{
width: 105px;
height: 147px;
display: inline;
padding: 0px;
margin: 0px;
float: center;
}
#godness #cardlist a:link, #godness #cardlist a:visited
{
color: #ffffff;
background: url('images/cardback-href.jpg') no-repeat;
float: left;
margin-right: -77px;
text-decoration: none;
display: block;
width: 105px;
height: 147px;
text-indent: -9999px;
}
#godness #cardlist a:hover, #godness #cardlist a:active
{
background: url('images/cardback-href-on.jpg') no-repeat;
}
#godness #cardlist a.first:link, #godness #cardlist a.first:visited
{
color: #ffffff;
background: url('images/cardback-href-start.jpg') no-repeat;
float: left;
margin-right: -77px;
text-decoration: none;
display: block;
width: 105px;
height: 147px;
text-indent: -9999px;
}
#godness #cardlist a.first:hover, #godness #cardlist a.first:active
{
background: url('images/cardback-href-start-on.jpg') no-repeat;
}
#godness #click
{
position: absolute;
top: 30px;
left: 87px;
}
#godness #oracle
{
position: absolute;
top: 94px;
left: 18px;
background: url('images/crystal-text.jpg') no-repeat;
width: 357px;
height: 85px;
z-index: -5;
filter: alpha(opacity=0);
-moz-opacity: .0;
opacity: .0;
}



#tarot #cardlist
{
margin: 0px 0px 0px 4px;
}
#tarot #cardlist ul
{
margin: 0px;
padding: 0px;
list-style: none;
}
#tarot #cardlist li
{
width: 105px;
height: 147px;
display: inline;
padding: 0px;
margin: 0px;
float: center;
}
#tarot #cardlist a:link, #tarot #cardlist a:visited
{
color: #ffffff;
background: url('images/cardback-href.jpg') no-repeat;
float: left;
margin-right: -92px;
text-decoration: none;
display: block;
width: 105px;
height: 147px;
text-indent: -9999px;
}
#tarot #cardlist a:hover, #tarot #cardlist a:active
{
background: url('images/cardback-href-on.jpg') no-repeat;
}
#tarot #cardlist a.first:link, #tarot #cardlist a.first:visited
{
color: #ffffff;
background: url('images/cardback-href-start.jpg') no-repeat;
float: left;
margin-right: -92px;
text-decoration: none;
display: block;
width: 105px;
height: 147px;
text-indent: -9999px;
}
#tarot #cardlist a.first:hover, #tarot #cardlist a.first:active
{
background: url('images/cardback-href-start-on.jpg') no-repeat;
}
#tarotoracle
{
position: relative;
width: 391px;
height: 360px;
margin-top: 0px;
margin-bottom: 0px;
background: transparent;
}
#tarotbasic
{
position: absolute;
top: 10px;
left: -7px;
width: 405px;
height: 309px;
background: url('images/tarotbasic.jpg') no-repeat;
}
#tarottable
{
position: absolute;
bottom: 10px;
left: -7px;
}
#tarotcardmiddle
{
width: 166px;
height: 305px;
position: absolute;
top: 10px;
left: 113px;
}
#tarotcardfix
{
width: 166px;
height: 305px;
position: absolute;
top: 10px;
left: 113px;
}
#tarotcardmiddlefix
{
width: 166px;
height: 305px;
position: absolute;
top: 10px;
left: 113px;
}
#tarotcardleft
{
width: 166px;
height: 305px;
position: absolute;
top: 37px;
left: -2px;
}
#tarotcardright
{
width: 166px;
height: 305px;
position: absolute;
top: 37px;
right: -13px;
}
#tarotonecard
{
position: relative;
width: 391px;
height: 359px;
margin-top: 0px;
margin-bottom: 0px;
background: url('images/tarotonecard.jpg') no-repeat;
}
#tarotonecard #fix
{
position: absolute;
bottom: 0px;
left: 0px;
}
#tarotonecard #text
{
position: absolute;
bottom: 32px;
left: 105px;
width: 180px;
height: 30px;
font: 11px arial;
font-weight: bold;
color: #f6d381;
text-align: center;
}
#tarotonecard #texttitle
{
position: absolute;
bottom: 32px;
left: 105px;
width: 180px;
height: 30px;
font: 11px arial;
font-weight: bold;
color: #f6d381;
text-align: center;
visibility: hidden;
}

* {outline: none;}


#druida
{
position: relative;
width: 391px;
height: 276px;
margin-top: 0px;
margin-bottom: 0px;
background: url('images/godnessbg1.jpg') no-repeat center;
}
#druida #cardlist
{
margin: 0px 0px 0px 4px;
}
#druida #cardlist ul
{
margin: 0px;
padding: 0px;
list-style: none;
}
#druida #cardlist li
{
width: 105px;
height: 147px;
display: inline;
padding: 0px;
margin: 0px;
float: center;
}
#druida #cardlist a:link, #druida #cardlist a:visited
{
color: #ffffff;
background: url('images/cardback-dr-href.jpg') no-repeat;
float: left;
margin-right: -93px;
text-decoration: none;
display: block;
width: 105px;
height: 147px;
text-indent: -9999px;
}
#druida #cardlist a:hover, #druida #cardlist a:active
{
background: url('images/cardback-dr-href-on.jpg') no-repeat;
}
#druida #cardlist a.first:link, #druida #cardlist a.first:visited
{
color: #ffffff;
background: url('images/cardback-dr-href-start.jpg') no-repeat;
float: left;
margin-right: -92px;
text-decoration: none;
display: block;
width: 105px;
height: 147px;
text-indent: -9999px;
}
#druida #cardlist a.first:hover, #druida #cardlist a.first:active
{
background: url('images/cardback-dr-href-start-on.jpg') no-repeat;
}
#druidacard
{
position: relative;
width: 391px;
height: 298px;
margin-top: 0px;
margin-bottom: 0px;
background: url('images/druidabg.jpg') no-repeat center;
}
#chosendruidacard
{
position: absolute;
top: 29px;
left: 107px;
visibility: hidden;
}

#lovetarotoracle
{
position: relative;
width: 391px;
height: 421px;
margin-top: 0px;
margin-bottom: 0px;
background: url('images/lovetarotbg.jpg') no-repeat;
}
#lovetarotcardleft
{
position: absolute;
top: 61px;
left: 7px;
}
#lovetarotcardright
{
position: absolute;
top: 61px;
left: 207px;
}

#lovetarot #cardlist
{
margin: 0px 0px 0px 4px;
}
#lovetarot #cardlist ul
{
margin: 0px;
padding: 0px;
list-style: none;
}
#lovetarot #cardlist li
{
width: 105px;
height: 147px;
display: inline;
padding: 0px;
margin: 0px;
float: center;
}
#lovetarot #cardlist a:link, #lovetarot #cardlist a:visited
{
color: #ffffff;
background: url('images/cardback-sz-href.jpg') no-repeat;
float: left;
margin-right: -92px;
text-decoration: none;
display: block;
width: 105px;
height: 147px;
text-indent: -9999px;
}
#lovetarot #cardlist a:hover, #lovetarot #cardlist a:active
{
background: url('images/cardback-sz-href-on.jpg') no-repeat;
}
#lovetarot #cardlist a.first:link, #lovetarot #cardlist a.first:visited
{
color: #ffffff;
background: url('images/cardback-sz-href-start.jpg') no-repeat;
float: left;
margin-right: -92px;
text-decoration: none;
display: block;
width: 105px;
height: 147px;
text-indent: -9999px;
}
#lovetarot #cardlist a.first:hover, #lovetarot #cardlist a.first:active
{
background: url('images/cardback-sz-href-start-on.jpg') no-repeat;
}

/* ------------------------------------------- [ FORMS ] -------- */

input
{
width: 365px;
height: 27px;
background: #E8B971;
color: #B42D17;
border: 0px;
padding: 13px 13px 0px 13px;
}
textarea
{
padding: 13px;
width: 365px;
background: #E8B971;
color: #B42D17;
border: 0px;
height: 300px;
overflow: hidden;
font: 14px "trebuchet ms";
}
.submit
{
width: 70px;
height: 40px;
padding: 0px;
border: 0px;
margin-top: 8px;
}
.captcha
{
width: 258px;
height: 27px;
background: #E8B971;
color: #B42D17;
border: 0px;
padding: 13px 13px 0px 13px;
vertical-align: top;
margin-left: 2px;
}

/* ------------------------------------------- [ ZODIACALS MENU ] -------- */

#zodiacs h3
{
margin: 0px;
padding: 0px;
}
#zodiacs ul
{
list-style: none;
margin: 0px 0px 0px 11px;
padding: 0px;
}
#zodiacs ul li
{
display: block;
float: left;
padding: 0px;
margin: 0px 4px 0px 0px;
text-indent: -9999px;
}
#zodiacs ul li a.halak:link, #zodiacs ul li a.halak:visited
{
width: 30px; height: 28px; background: url('images/halak.jpg') no-repeat top; display: block;
}
#zodiacs ul li a.halak:hover, #zodiacs ul li a.halak:active
{
width: 30px; height: 28px; background: url('images/halak.jpg') no-repeat bottom; display: block;
}
#zodiacs ul li a.vizonto:link, #zodiacs ul li a.vizonto:visited
{
width: 23px; height: 28px; background: url('images/vizonto.jpg') no-repeat top; display: block;
}
#zodiacs ul li a.vizonto:hover, #zodiacs ul li a.vizonto:active
{
width: 23px; height: 28px; background: url('images/vizonto.jpg') no-repeat bottom; display: block;
}
#zodiacs ul li a.bak:link, #zodiacs ul li a.bak:visited
{
width: 30px; height: 28px; background: url('images/bak.jpg') no-repeat top; display: block;
}
#zodiacs ul li a.bak:hover, #zodiacs ul li a.bak:active
{
width: 30px; height: 28px; background: url('images/bak.jpg') no-repeat bottom; display: block;
}
#zodiacs ul li a.nyilas:link, #zodiacs ul li a.nyilas:visited
{
width: 29px; height: 28px; background: url('images/nyilas.jpg') no-repeat top; display: block;
}
#zodiacs ul li a.nyilas:hover, #zodiacs ul li a.nyilas:active
{
width: 29px; height: 28px; background: url('images/nyilas.jpg') no-repeat bottom; display: block;
}
#zodiacs ul li a.skorpio:link, #zodiacs ul li a.skorpio:visited
{
width: 20px; height: 28px; background: url('images/skorpio.jpg') no-repeat top; display: block;
}
#zodiacs ul li a.skorpio:hover, #zodiacs ul li a.skorpio:active
{
width: 20px; height: 28px; background: url('images/skorpio.jpg') no-repeat bottom; display: block;
}
#zodiacs ul li a.merleg:link, #zodiacs ul li a.merleg:visited
{
width: 25px; height: 28px; background: url('images/merleg.jpg') no-repeat top; display: block;
}
#zodiacs ul li a.merleg:hover, #zodiacs ul li a.merleg:active
{
width: 25px; height: 28px; background: url('images/merleg.jpg') no-repeat bottom; display: block;
}
#zodiacs ul li a.szuz:link, #zodiacs ul li a.szuz:visited
{
width: 21px; height: 28px; background: url('images/szuz.jpg') no-repeat top; display: block;
}
#zodiacs ul li a.szuz:hover, #zodiacs ul li a.szuz:active
{
width: 21px; height: 28px; background: url('images/szuz.jpg') no-repeat bottom; display: block;
}
#zodiacs ul li a.oroszlan:link, #zodiacs ul li a.oroszlan:visited
{
width: 26px; height: 28px; background: url('images/oroszlan.jpg') no-repeat top; display: block;
}
#zodiacs ul li a.oroszlan:hover, #zodiacs ul li a.oroszlan:active
{
width: 26px; height: 28px; background: url('images/oroszlan.jpg') no-repeat bottom; display: block;
}
#zodiacs ul li a.kos:link, #zodiacs ul li a.kos:visited
{
width: 22px; height: 28px; background: url('images/kos.jpg') no-repeat top; display: block;
}
#zodiacs ul li a.kos:hover, #zodiacs ul li a.kos:active
{
width: 22px; height: 28px; background: url('images/kos.jpg') no-repeat bottom; display: block;
}
#zodiacs ul li a.bika:link, #zodiacs ul li a.bika:visited
{
width: 31px; height: 28px; background: url('images/bika.jpg') no-repeat top; display: block;
}
#zodiacs ul li a.bika:hover, #zodiacs ul li a.bika:active
{
width: 31px; height: 28px; background: url('images/bika.jpg') no-repeat bottom; display: block;
}
#zodiacs ul li a.ikrek:link, #zodiacs ul li a.ikrek:visited
{
width: 23px; height: 28px; background: url('images/ikrek.jpg') no-repeat top; display: block;
}
#zodiacs ul li a.ikrek:hover, #zodiacs ul li a.ikrek:active
{
width: 23px; height: 28px; background: url('images/ikrek.jpg') no-repeat bottom; display: block;
}
#zodiacs ul li a.rak:link, #zodiacs ul li a.rak:visited
{
width: 48px; height: 28px; background: url('images/rak.jpg') no-repeat top; display: block;
}
#zodiacs ul li a.rak:hover, #zodiacs ul li a.rak:active
{
width: 48px; height: 28px; background: url('images/rak.jpg') no-repeat bottom; display: block;
}

/* ------------------------------------------- [ ANGEL ] -------- */

#angel_wrap
{
	width: 391px;
	height: 1170px;
	position: relative;
}
#angel_bg
{
	width: 417px;
	height: 1170px;
	position: absolute;
	top: -5px;
	left: -7px;
	background: url('images/angelbg.jpg') no-repeat top left;
}
#angel_title
{
	position: absolute;
	top: 610px;
	left: 50px;
	font-style: italic;
}
#angel_text
{
	position: absolute;
	top: 640px;
	left: 50px;
	width: 297px;
}
a.angel_ball:link, a.angel_ball:visited
{
	width: 70px;
	height: 70px;
	display: block;
	background: url('images/angelball.jpg') no-repeat top left;
}
a.angel_ball:hover, a.angel_ball:active
{
	width: 70px;
	height: 70px;
	display: block;
	background: url('images/angelball.jpg') no-repeat bottom left;
}
#angel_btnbg
{
	position: absolute;
	top: 177px;
	left: 300px;
	width: 80px;
	height: 80px;
}
#angel_inv
{
	visibility: hidden;
}
#angel_scroll
{
	position: absolute;
	top: 365px;
	left: 50px;
}

/* ------------------------------------------- [ VICTORIAN ] -------- */

#vic_bg
{
	width: 391px;
	background: url('images/windowbg2.jpg') no-repeat;
	background-position: 1px 17px;
	height: 472px;
	position: relative;
}
#vic_first
{
	width: 86px;
	height: 349px;
	position: absolute;
	top: 24px;
	left: 13px;
}
#vic_sec
{
	width: 86px;
	height: 349px;
	position: absolute;
	top: 24px;
	left: 153px;
}
#vic_th
{
	width: 86px;
	height: 349px;
	position: absolute;
	top: 24px;
	left: 293px;
}

#vic_bg img
{
	border: 0px;
}

#vic_first_space
{
	width: 86px;
	height: 349px;
	position: absolute;
	top: 24px;
	left: 13px;
}
#vic_sec_space
{
	width: 86px;
	height: 349px;
	position: absolute;
	top: 24px;
	left: 153px;
}
#vic_th_space
{
	width: 86px;
	height: 349px;
	position: absolute;
	top: 24px;
	left: 293px;
}

/* ------------------------------------------- [ HEADER ] -------- */

#header_wrap
{
height: 180px;
position: relative;
width: 489px;
}
#header_wrap #logo
{
position: absolute;
top: 89px;
right: 0px;
}
#header_wrap #logo div
{
margin: 0px;
padding: 0px;
text-indent: -9999px;
}
#header_wrap #logo div h1
{
margin: 0px;
padding: 0px;
}
#header_wrap #xmas
{
position: absolute;
top: 164px;
left: -26px;
}
#shownew
{
position: absolute;
top: 312px;
right: -23px;
height: 53px;
width: 24px;
}
#turnbtn
{
/*	position: absolute;
	top: 14px;
	right: 14px;*/
	
	position: absolute; top: 14px; right: 14px; width: 94px; height: 23px;
}
a.turnon:link, a.turnon:visited
{
	width: 94px;
	height: 23px;
	display: block;
	background: url('images/onn.gif') no-repeat top left;
	text-indent: -9999px;
}
a.turnon:active, a.turnon:hover
{
	width: 94px;
	height: 23px;
	display: block;
	background: url('images/onn.gif') no-repeat bottom left;
	text-indent: -9999px;
}
a.turnoff:link, a.turnoff:visited
{
	width: 94px;
	height: 23px;
	display: block;
	background: url('images/offn.gif') no-repeat top left;
	text-indent: -9999px;
}
a.turnoff:active, a.turnoff:hover
{
	width: 94px;
	height: 23px;
	display: block;
	background: url('images/offn.gif') no-repeat bottom left;
	text-indent: -9999px;
}


/* ------------------------------------------- [ CONTENT BOX ] -------- */

#body_wrap
{
width: 100%px;
background: url('images/top4.jpg') no-repeat top;
}
#body_footer
{
width: 100%;
height: 100%;
background: url('images/bottom.jpg') no-repeat bottom;
}
#body_bg
{
width: 491px;
background: url('images/bodywrap.gif') repeat-y;
}

/* ----------------------------- [ SIDE NAVIGATION ] -------- */

#menu
{
position: absolute;
top: 193px;
left: 484px;
}
#menu ul
{
list-style: none;
margin: 0px;
padding: 0px;
}
#menu ul li
{
display: block;
width: 32px;
margin-bottom: 2px;
text-indent: -9999px;
}
#menu ul li h3
{
margin: 0px;
padding: 0px;
}
#menu ul li a.homepage:link, #menu ul li a.homepage:visited
{
width: 32px;
height: 67px;
background: url('images/homepage.jpg') no-repeat bottom;
display: block;
}
#menu ul li a.homepage:hover, #menu ul li a.homepage:active,
#menu ul li a.curhomepage:link, #menu ul li a.curhomepage:visited,
#menu ul li a.curhomepage:hover, #menu ul li a.curhomepage:active
{
width: 32px;
height: 67px;
background: url('images/homepage.jpg') no-repeat top;
display: block;
}

#menu ul li a.aboutme:link, #menu ul li a.aboutme:visited
{
width: 32px;
height: 73px;
background: url('images/aboutme.jpg') no-repeat bottom;
display: block;
}
#menu ul li a.aboutme:hover, #menu ul li a.aboutme:active,
#menu ul li a.curaboutme:link, #menu ul li a.curaboutme:visited,
#menu ul li a.curaboutme:hover, #menu ul li a.curaboutme:active
{
width: 32px;
height: 73px;
background: url('images/aboutme.jpg') no-repeat top;
display: block;
}

#menu ul li a.courses:link, #menu ul li a.courses:visited
{
width: 32px;
height: 88px;
background: url('images/courses.jpg') no-repeat bottom;
display: block;
}
#menu ul li a.courses:hover, #menu ul li a.courses:active,
#menu ul li a.curcourses:link, #menu ul li a.curcourses:visited,
#menu ul li a.curcourses:hover, #menu ul li a.curcourses:active
{
width: 32px;
height: 88px;
background: url('images/courses.jpg') no-repeat top;
display: block;
}

#menu ul li a.publications:link, #menu ul li a.publications:visited
{
width: 32px;
height: 49px;
background: url('images/cikkek.jpg') no-repeat bottom;
display: block;
}
#menu ul li a.publications:hover, #menu ul li a.publications:active,
#menu ul li a.curpublications:link, #menu ul li a.curpublications:visited,
#menu ul li a.curpublications:hover, #menu ul li a.curpublications:active
{
width: 32px;
height: 49px;
background: url('images/cikkek.jpg') no-repeat top;
display: block;
}

#menu ul li a.services:link, #menu ul li a.services:visited
{
width: 32px;
height: 105px;
background: url('images/services.jpg') no-repeat bottom;
display: block;
}
#menu ul li a.services:hover, #menu ul li a.services:active,
#menu ul li a.curservices:link, #menu ul li a.curservices:visited,
#menu ul li a.curservices:hover, #menu ul li a.curservices:active
{
width: 32px;
height: 105px;
background: url('images/services.jpg') no-repeat top;
display: block;
}

#menu ul li a.contacts:link, #menu ul li a.contacts:visited
{
width: 32px;
height: 101px;
background: url('images/contacts.jpg') no-repeat bottom;
display: block;
}
#menu ul li a.contacts:hover, #menu ul li a.contacts:active,
#menu ul li a.curcontacts:link, #menu ul li a.curcontacts:visited,
#menu ul li a.curcontacts:hover, #menu ul li a.curcontacts:active
{
width: 32px;
height: 101px;
background: url('images/contacts.jpg') no-repeat top;
display: block;
}

/* ------------------------------------------- [ FOOTER ] -------- */

#footer
{
width: 490px;
position: relative;
}
#copyright
{
position: absolute;
top: 35px;
left: 20px;
font: 11px "trebuchet ms";
color: #F6D381;
}

/* ------------------------ [ FOOTER NAVIGATION ] -------- */

#links
{
position: absolute;
top: 10px;
left: 20px;
}
#links ul
{
list-style: none;
margin: 0px;
padding: 0px;
}
#links ul li
{
display: inline;
padding: 0px;
margin: 0px 4px 0px 0px;
color: #F6D381; 
}
#links a:link, #links a:visited
{
color: #F6D381;
font: 11px "trebuchet ms";
text-decoration: none;
}
#links a:hover, #links a:active
{
color: #FFFFFF;
text-decoration: underline;
}
#footer h2
{
margin: 0px;
padding: 0px;
}
#footer a.pn:link, #footer a.pn:visited
{
position: absolute;
top: 10px;
right: 0px;
display: block;
height: 39px;
width: 97px;
background: url('images/bypnova.jpg') no-repeat top;
text-indent: -9999px;
margin: 0px;
padding: 0px;
}
#footer a.pn:hover, #footer a.pn:active
{
background: url('images/bypnova.jpg') no-repeat bottom;
}