/* CSS Document */

@font-face{
font-family:'custom';
src:url('http://robertoandthemoods.free.fr/fonts/Suplexmentary Comic NC.ttf');
}
@font-face{
font-family:'date';
src:url('http://robertoandthemoods.free.fr/fonts/FontdinerdotcomSparkly.ttf');
}

body {
background-color:#000000;
font-family: custom;
font-size:0.9em;
}

body, ul, li {
list-style:none;
list-style-type:none;
list-style-image:none;
list-style-position:inside;
}
a:link {
text-decoration:none;
outline:none;
}
body a {outline:none;}
a img {border: none;}
#content {
display:block;
position:relative;
width:800px;
height:600px;
background-image: url(image/clintbg.jpg);
margin-left:auto;
margin-right:auto;
margin-top:auto;
margin-bottom:auto;
-moz-border-radius:30px;
border-radius: 30px;
-moz-box-shadow: 4px 4px 20px grey;
-webkit-box-shadow: 4px 4px 4px grey;
box-shadow: 4px 4px 4px grey;
}
#social {
position:absolute;
display:block;
width:150px;
/*background-color:#FF6600;*/
margin-top:20px;
margin-left:-100px;
}
#social a:hover {

  -moz-transform: rotate(20deg);  
  -webkit-transform: rotate(20deg); 
} 

#teaser {
position:absolute;
margin-top:200px;
margin-left:60px;
}
#live {
/*display:none;*/
position:absolute;
width:350px;
height:227px;
background-color:none;
text-align:center;
font-size:4em;
padding-top:40px;
margin-top:450px;
margin-left:50px;
background-image:url(image/date.png);
background-repeat:no-repeat;
font-family: date;
  text-shadow: 2px 2px 2px #000000;
  line-height:60px;

}
#live a:hover {
font-size:1.3em;
}

#presentation {
font-family: custom;
position:absolute;
color:white;
width:400px;
background-color:rgba(56, 56, 61, 0.5);
padding:8px;
margin-top:440px;
margin-left:410px;
text-align:justify;
text-shadow: 0px 0px 5px #000; 
-moz-border-radius:30px;
border-radius: 30px;
-moz-box-shadow: 4px 4px 20px grey;
-webkit-box-shadow: 4px 4px 4px grey;
box-shadow: 4px 4px 4px grey; 
}
div#none {
display:none;
}
a.mailto  {
color:red;
font-size:1.4em;
}
a.mailto hover  {
font-size:1.2em;
}
a.donload  {
color:orange;
font-size:1.4em;
}