body {background-color: black; background-image: url("data/back.png");background-repeat: 1;background-attachment: fixed;}
@font-face {
    font-family: joystix;
    src: url("data/C64_User_v1.0-STYLE.ttf");
         url("data/C64_User_v1.0-STYLE.eot");
}
img.opacity {
opacity: 0.7;
filter: alpha(opacity=50);
-webkit-transition: opacity 0.2s ;
}		
img.opacity:hover {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 0.2s ;
}
a.odkaz{
font-size: 20px; 
opacity: 0.7;
filter: alpha(opacity=50);
-webkit-transition: opacity 0.2s ;
color: #F9D141;
-webkit-text-stroke: 1px #A88B23;
}		
a.odkaz:hover {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 0.2s ;
}

font.download{
opacity: 0.7;
filter: alpha(opacity=50);
-webkit-transition: opacity 0.2s ;
color: #FAD654;
-webkit-text-stroke: 1px #A88B23;
}		
font.download:hover {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 0.2s ;
}
a.right{
color: #FAD654;
-webkit-text-stroke: 1px #A88B23;
opacity: 0.7;
filter: alpha(opacity=50);
-webkit-transition: opacity 0.2s ;
}
a.right:hover{
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 0.2s ;
}
hr{
height: 1px;
color: #f7c511;
background-color: #f7c511;
border-color: #f7c511; 
border-bottom: 2px solid #FF6200;
}
table{                           
border: dashed 3px #4A4746;
font-family: joystix;color: #f7c511;font-size: 12px; text-decoration: none;
}
h2.nadpis
{
box-shadow: 0 3px 0px -1px #FF6200;
border-bottom: 2px solid #f7c511; 
margin-top: 0px;
text-indent: 0%;
}
#everything {width: 850px;margin: 0 auto;
-webkit-text-stroke: 0.5px #FF9900;
}
#hlavicka {width: 600px; font-family: joystix;color: #FF9933;font-size: 20px; height: 70px;
margin-top: 10%;margin-bottom: 0px;float:left;
}
#odkazy {width: 200px;text-align: right;vertical-align: middle;font-family: joystix;color: #f7c511;font-size: 20px; height: 70px;
  margin-top: 10%; margin-bottom: 0px;float:right;
  -webkit-text-stroke: 0.5px #A88B23;
}
#all.dbdiv {clear:both;width: 843px;font-family: joystix;color: #f7c511;font-size: 20px; height: auto; min-height: 400px;
position: relative;margin-top: 0%;border: solid 3px #737373;background-color: #4D4D4D;
}
.screens {color: #FFA347;}
.game-date {color: #A3A3A3;
-webkit-text-stroke: 0.5px #8D8D8D;}
#all.inner {
width: auto;font-family: joystix; color: #f7c511;font-size: 20px; height: auto; min-height: 400px;
position: relative; padding: 10px;margin-top: 0%;border: solid 3px #4A4A4A;background-image: url("data/bckPattern.png"); 
-moz-box-shadow:    inset 0 0 20px #000000;
-webkit-box-shadow: inset 0 0 20px #000000;
box-shadow:         inset 0 0 20px #000000;
}
#footer.outer {width: 843px; height: auto;font-family: joystix;color: #f7c511;font-size: 10px; 
;border-left: solid 3px #737373;border-right: solid 3px #737373;border-bottom: solid 3px #737373;background-color: #262626;
}
#footer.inner {width: auto;min-height: 10px;padding: 10px;font-family: joystix;color: #f7c511;font-size: 10px; 
;border: solid 3px #4A4A4A;background-image: url("data/bckPattern.png"); 
-moz-box-shadow:    inset 0 0 20px #000000;
-webkit-box-shadow: inset 0 0 20px #000000;
box-shadow:         inset 0 0 20px #000000;
}
ul {width: 400px;  height:28px; position: absolute; margin-left: 170px; line-height: 28px; margin-top: 0px}
li {display:inline;}
li a {line-height: 28px;}
* a {font-family: joystix;color: #f7c511;text-decoration: none;}

