body {
    color: red;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family:'Slackey';
    background-color: #22CCEE;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#22CCEE), to(#22FFEE));
    }

body li {
    list-style-type:none;
    }

#header{padding:20px 0 20px 0}@media screen and (max-width: 1040px){#header{height:auto;position:relative;padding-bottom:10px}}
#header a{color:#666;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;-o-transition:color 0.3s;transition:color 0.3s}
#header a:hover{color:#258fb8}
#header h1{font-family:'Slackey', cursive;font-weight:300;font-size:52px}@media screen and (max-width: 1040px){#header h1{float:none}}
#headerbg{text-align:center;background:#444;padding:10px 10px;display:table;color:#fff;margin:0 auto;border-radius:5px;font-weight:bold;-webkit-mask-image:-webkit-linear-gradient(#000, rgba(0,0,0,0.9));-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-duration:1s;-webkit-animation-delay:.2s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:1s;-moz-animation-delay:.2s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:1s;-ms-animation-delay:.2s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;-o-animation-duration:1s;-o-animation-delay:.2s;-o-animation-timing-function:ease;-o-animation-fill-mode:both;animation-duration:1s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both}

#nav{text-align:center;position:relative;margin:10px auto}

ul#nav li{
    display:inline-block;
    list-style-type:none;
    background-repeat:no-repeat;
    overflow:hidden;
    margin-right:1px
    }

ul#nav li a{display:inline-block;width:110px;height:40px;text-align:center;padding-top:20px;padding-bottom:20px;color:red;font-weight:normal;text-decoration:none;text-transform:uppercase;font-size:16px;font-style:normal;overflow:hidden}

ul#nav li a:hover{color:#fff;font-style:normal;background-repeat:no-repeat;background-position:center top}

footer{padding:20px 0;text-align:center;font-size:0.6em;color:#666}footer a{color:#123}footer a:hover{color:#456}

#pagenavi{padding:20px 0;height:20px;line-height:20px;position:relative;border-top:2px solid red; background-color: #22DDEE}

#bpicture {padding: 30px}