body{
width:800px;
padding:5px;
line-height:150%;
background: linear-gradient(#abd, #eee);
background: -webkit-linear-gradient(#abd, #eee);
background: -moz-linear-gradient(#abd, #eee);
background: -o-linear-gradient(#abd, #eee);
background: -ie-linear-gradient(#abd, #eee);
background-color:#cdf;
background-repeat: no-repeat;
background-attachment:fixed;
}

header{
border:5px solid #aac;
padding:0px 10px 0px 10px;
background-color:#cdf;
border-radius:10px;
}

footer{
margin-top:50px;
}

hr{
border-color:#aac;
}

h1{
font-size:24pt;
color:#57c;
text-shadow:1px 1px 0px #118,
2px 2px 0px #118,
3px 3px 0px #118,
4px 4px 0px #118;
}

h2{
font-size:22pt;
color:#36a;
text-shadow:1px 1px 0px #aaa,
2px 2px 0px #aaa;
}

h3{
font-size:18pt;
color:#226;
text-shadow:1px 0px 0px #aaa;
}

h4{
margin-top:40px;
margin-bottom:10px;
font-size:16pt;
color:#428;
text-shadow:1px 0px 0px #aaa;
text-decoration:underline;
}

h5{
margin-bottom:0px;
font-size:14pt;
color:#822;
}

h6{
margin:0px;
font-size:12pt;
color:#222;
text-decoration:underline;
}

i{
font-weight:bold;
color:#888;
}

em{
font-style:normal;
font-weight:bold;
color:#e33;
}

strong{
color:#e33;
font-size:14pt;
}

ul{
padding-left:20px;
}

li{
margin:5px;
}

dt{
margin:20px 10px 10px 5px;
font-size:14pt;
font-weight:bold;
color:#55a;
}

dd{
margin-left:20px;
}

td{
padding:5px;
}

dfn{
font-style:normal;
font-weight:bold;
color:#555;
}



div.box{
border:2px solid #222;
padding:0px 5px 0px 5px;
}

div.box p{
margin:5px;
}

div.box h5{
margin:5px;
}

div.box h6{
margin:5px;
}



keyframes spin {
0% {transform: rotateY(0deg);}
100% {transform: rotateY(360deg);}
}

@-webkit-keyframes spin {
0% {-webkit-transform: rotateY(0deg);}
100% {-webkit-transform: rotateY(360deg);}
}

@-moz-keyframes spin {
0% {-moz-transform: rotateY(0deg);}
100% {-moz-transform: rotateY(360deg);}
}

@-o-keyframes spin {
0% {-o-transform: rotateY(0deg);}
100% {-o-transform: rotateY(360deg);}
}

@-ms-keyframes spin {
0% {-ms-transform: rotateY(0deg);}
100% {-ms-transform: rotateY(360deg);}
}

.welcome{
margin:25px 0px 0px 320px;
width:120px;
font-weight:900;
font-size:18pt;
color:#c33;
text-shadow: 0 1px 0 #c33,
0 2px 0 #c33,
0 3px 0 #811,
0 4px 0 #811,
0 5px 0 #811,
0 6px 0 #811;
animation: spin 5s linear infinite;
-webkit-animation: spin 5s linear infinite;
-moz-animation: spin 5s linear infinite;
-o-animation: spin 5s linear infinite;
-ms-animation: spin 5s linear infinite;
}

.script{
text-decoration:none;
color:#57c;
}

keyframes color {
0% {color:red;}
50% {color:blue;}
100% {color:red;}
}

@-webkit-keyframes color {
0% {color:red;}
50% {color:blue;}
100% {color:red;}
}

@-moz-keyframes color {
0% {color:red;}
50% {color:blue;}
100% {color:red;}
}

@-o-keyframes color {
0% {color:red;}
50% {color:blue;}
100% {color:red;}
}

@-ms-keyframes color {
0% {color:red;}
50% {color:blue;}
100% {color:red;}
}

.new{
font-size:10pt;
font-weight:bold;
font-style:italic;
text-shadow:1px 1px 0px #aaa;
animation: color 3s linear infinite;
-webkit-animation: color 3s linear infinite;
-moz-animation: color 3s linear infinite;
-o-animation: color 3s linear infinite;
-ms-animation: color 3s linear infinite;
}

.turn{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform:rotate(180deg);
display:inline-block;
}