@charset "UTF-8";
/* CSS Document */

html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden; text-align:left;}
body {font-family: 'Tinos', serif;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#fixed {position:absolute; top:50%; left:45%; width:380px;
height:250px; overflow:visible; z-index:10; color:#63D1F4; padding:1px; font-weight:bold; margin-left: auto; margin-right: auto;
background:url(../images/fortune-cookie-open.gif) no-repeat;
}
#fixed p{text-align:center; margin: 18% 0px 0px 39%; font-size:14px; color:#222; width:55%; background:url(../images/fc-paper.gif);}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;} 
#content {padding:0 20px 20px 20px;}

p {font-size:16px; color:#0099FF; text-align:justify; line-height:25px; text-shadow: 0 1px 2px rgba(0,0,0,0.5), 0px -1px 2px rgba(255,255,255,0.8);}
h1 {font-family: 'Salsa', cursive; font-size:50px; color:#66FF00; background-color:#663333; width:100%; padding-left:1%; text-shadow: 0 5px 10px rgba(0,0,0,0.5), 0px -5px 10px rgba(255,255,255,0.8); width:100%; text-align:center;}
h2 {font-family: 'Salsa', cursive; font-size:40px; color:#248; padding-left:1.5%; text-align:center; text-shadow: 0 4px 8px rgba(0,0,0,0.5), 0px -4px 8px rgba(255,255,255,0.8);}
h3 {font-family: 'Salsa', cursive; font-size:30px; color:#248; padding-left:1.5%; text-align:center; text-shadow: 0 3px 6px rgba(0,0,0,0.5), 0px -3px 6px rgba(255,255,255,0.8);}
h4 {font-family: 'Salsa', cursive; font-size:25px; color:#369; padding-left:1.5%; text-align:center; text-shadow: 0 2px 4px rgba(0,0,0,0.5), 0px -2px 4px rgba(255,255,255,0.8);}
form {
padding:5px;
margin:25% 55%;
width:350px;
height:250px;
/*background:#FFFFee;*/
/*background:url(../images/fortune-cookie-open.gif) no-repeat;*/
/*border: 1px solid #993366;*/
}
label {font-size:15px; color:#3300CC; text-align:justify; line-height:25px; text-shadow: 0 1px 2px rgba(0,0,0,0.5), 0px -1px 2px rgba(255,255,255,0.8);}
.Col {width:25%; float:left; padding:2%; min-width:300px; border: 3px red solid;}
#copy { position: absolute; right: 10px; bottom: 10px; font-family: 'Salsa', cursive; font-size:15px; color:#369; padding-left:1.5%; text-align:center; text-shadow: 0 2px 4px rgba(0,0,0,0.5), 0px -2px 4px rgba(255,255,255,0.8);}
#info { position: absolute; left: 10px; bottom: 10px; font-family: 'Salsa', cursive; font-size:15px; color:#369; padding-left:1.5%; text-align:center; text-shadow: 0 2px 4px rgba(0,0,0,0.5), 0px -2px 4px rgba(255,255,255,0.8);}
#disclaim { position: absolute; right: 10px; top: 10px; font-family: 'Salsa', cursive; font-size:15px; color:#369; padding-left:1.5%; text-align:center; text-shadow: 0 2px 4px rgba(0,0,0,0.5), 0px -2px 4px rgba(255,255,255,0.8);}
#title { position: absolute; right: 10px; top: 10px; font-size:50px; color:#248; padding-left:1.5%; text-shadow: 0 5px 10px rgba(0,0,0,0.5), 0px -5px 10px rgba(255,255,255,0.8); width:100%;}
#mydiv1 { position: absolute; top: 5px; left: 25px; height: 50px; overflow:visible; border: 3px solid red;
}
#languages, #languages a, #languages img {
border: 0px solid black;
}
/* Stickers Style */
#sticker, #sticker img {
position:absolute;
top:35%;
left:55%;
display:block; 
width:180px; 
height:130px; 
/*background:#FFFFCC;*/
/*border:1px solid #ff0;*/
margin:0px;
padding:0;
border: solid 0px black;
float:right;
}
#sticker a {font-size:80px; color:#FF0033; margin:0px; border: 3px solid black; background:#FFF;}