html {
min-width: 800px;
}
* {
margin: 0;
padding: 0;
}
body {
background: url("../images/RedGoldCurtain_pattern.jpg") repeat-x top center Maroon;
font-family: Georgia, serif;
font-size: 12px;
font-weight: 300;
color: AntiqueWhite;
}
b {
font-weight: 600;
}
h1 {
font-family: 'Aclonica', serif;
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: 1.2;
color: GoldenRod;
position: absolute;
bottom: 65px;
left: 200px;
margin: 0 auto;
}
#canvas {
margin: 10px auto 0;
background: url("../images/scena.jpg") no-repeat bottom center transparent;
width: 800px;
height: 500px;
position: relative;
text-align: center;
}
#relu {
left: 150px;
position: absolute;
top: -10px;
z-index: 2;
}
#gimi {
left: 115px;
position: absolute;
top: 115px;
z-index: 10;
}
#fiscu {
left: 487px;
position: absolute;
top: 53px;
z-index: 15;
}
#ion {
right: 156px;
position: absolute;
top: -10px;
z-index: 3;
}
#marinela {
left: 235px;
position: absolute;
top: 97px;
z-index: 8;
}
#cornel {
left: 370px;
position: absolute;
top: 6px;
z-index: 5;
}
#ioli {
left: 320px;
position: absolute;
top: 100px;
z-index: 6;
}
#smara {
left: 410px;
position: absolute;
top: 110px;
z-index: 7;
}
#transparency {
position: absolute;
bottom: 5px;
left: 129px;
width: 542px;
height: 70px;
background-color: MistyRose;
opacity:.50;
filter: alpha(opacity=50);
-moz-opacity: 0.50;
}
#names {
position: absolute;
bottom: 15px;
width: 800px;
color: Maroon;
line-height: 2em;
font-weight: bold;
}
#names a {
color: Maroon;
text-decoration: none;
}
#names a:hover {
color: MistyRose;
border-bottom: 1px dotted MistyRose;
}
#footer {
font-size: .8em;
color: MistyRose;
padding-top: 10px;
text-align: center;
font-weight: bold;
width: 552px;
margin: 0 auto;
}
#footer a {
color: #E6CDCA;
text-decoration: underline;
}
#SocialBox {
position: absolute;
left: 457px;
top: 497px;
z-index: -1;
}
img {
border: 0 none;
}