body{background-color:#300; color:#fff; margin:0 auto; font-family:Helvetica,sans-serif; background-color:#300; -webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0,0,0,0)}
p{font-size:18px; margin:10 10 10 10}

.settings{width:100%; minimum-height:480px; margin:0 auto}
.sky{position:absolute; top:420px; width:100%; height:640px; overflow:hidden; margin:0 auto; background-color:#300}

#stars{position:absolute; top:0px; left:-160px; margin:0 auto; background-color:#300; font-size:30px; opacity:0.5; -webkit-transition:-webkit-transform,opacity 1s ease-in-out}

.header{margin:0 auto; background-color:#600; background-image:-webkit-gradient(linear,right top,right bottom,color-stop(0.0,#300),color-stop(0.7,#500),color-stop(1.0,#800)); font-family:'Times New Roman'; font-size:28px; font-style:normal; font-variant:normal; font-weight:bold; color:#fff; text-decoration:none; display:block; height:30px; width:200px; -webkit-border-radius:10px; text-align:center; padding:10px; opacity:0.8; -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.5); text-shadow:3px 3px 1px rgba(0,0,0,0.3); -webkit-box-reflect:below 5px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(0.5,transparent),to(white))}

.header a{color:#fff; text-decoration:none}
.spacer{height:20px}

#home{float:left; margin:10px 3px; border-style:none}
input{margin:5px; width:150px; height:40px; float:right; font-size:30px; margin-right:20px; background-color:#000; color:#f90; text-align:right}

#date{margin:5px; width:190px; height:40px; float:left; font-size:30px; background-color:#000; color:#f90; text-align:center}
#time{margin:5px; width:110px; height:40px; float:right; font-size:30px; background-color:#000; color:#f90; text-align:center}

.para{position:absolute; top:70px; height:60px; width:100%; background-image:-webkit-gradient(linear,right top,right bottom,color-stop(0.0,black),color-stop(0.5,#005),color-stop(1.0,#000))}

.para a{position:absolute; top:15px; left:40px; color:#fff; font-size:18px; text-decoration:none; text-align:left}

img{margin-left:20px; border-style:none}

#location{position:absolute; width:100%; top:10px; color:#fff; font-size:18px; text-decoration:none; text-align:center}

#help{float:right; margin:10px 3px; border-style:none; height:30px}
#ad{width:100%}

#bubble{position:absolute; background:#00f; color:#ff0; -webkit-border-radius:20px; border-radius:0.25em; padding:15px 5px 10px 5px; top:160px; left:20%; width:200px; font-family:'Times New Roman'; font-size:18px; font-style:normal; font-variant:normal; font-weight:bold; text-align:center; text-decoration:none; -webkit-transition:opacity 0.5s linear; opacity:0.0; z-index:-500; background-image:-webkit-gradient(linear,right top,right bottom,color-stop(0.0,#004),color-stop(0.7,#005),color-stop(1.0,#006)); -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.5); text-shadow:3px 3px 1px rgba(0,0,0,0.3)}

#bubble .point{width:0; height:0; position:absolute; top:110px; left:25px; display:block; border-left:30px solid #006; border-bottom:30px solid rgba(0,0,0,0)}

#buttonred a{display:block; height:28px; font-size:20px; font-weight:bold; font-family:Helvetica,sans-serif; -webkit-border-radius:10px; color:#fff; text-decoration:none; text-align:center; margin:0 auto; margin:10px; padding:10px; color:#fff; text-shadow:#000 0px 1px 1px; border-width:10px 14px 10px 14px; z-index:1000; -webkit-transition:opacity 0.5s linear; background-image:-webkit-gradient(linear,right top,right bottom,color-stop(0.0,#008),color-stop(0.5,#00a),color-stop(1.0,#00f))}

#ad{//background-color:#fff; width:100%; height:50px; overflow:hidden; color:#000; border-color:#000; border-width:1px 0 1px 0; border-style:solid; margin:0 auto; text-align:center; "}

.credits{style="width:100%; background-color:#fff; color:#000; padding:10px 0px; border-color:#000; border-width:1px 0 1px 0; border-style:solid}