body{margin:0px;padding:0px;border:0px;}a{color:#8080ff;}a:hover{color:#e6e6ff;}#middle{overflow:hidden;margin-left:auto;margin-right:auto;}@media (min-width:521px){#middle{transition-property:width;transition-duration:0.5s;transition-timing-function:linear;transition-delay:0.3s;-moz-transition-property:width;-moz-transition-duration:0.5s;-moz-transition-timing-function:linear;-moz-transition-delay:0.3s;-webkit-transition-property:width;-webkit-transition-duration:1s;-webkit-transition-timing-function:linear;-webkit-transition-delay:0.3s;-o-transition-property:width;-o-transition-duration:0.5s;-o-transition-timing-function:linear;-o-transition-delay:0.3s;}}@media (max-width:520px){#middle{width:250px;}}@media (min-width:521px) and (max-width:970px){#middle{width:510px;}}@media (min-width:971px){#middle{width:950px;}}@media (min-width:521px){#middle article{transition-property:width;transition-duration:0.5s;transition-timing-function:linear;transition-delay:0.3s;-moz-transition-property:width;-moz-transition-duration:0.5s;-moz-transition-timing-function:linear;-moz-transition-delay:0.3s;-webkit-transition-property:width;-webkit-transition-duration:1s;-webkit-transition-timing-function:linear;-webkit-transition-delay:0.3s;-o-transition-property:width;-o-transition-duration:0.5s;-o-transition-timing-function:linear;-o-transition-delay:0.3s;}}@media (max-width:520px){#middle article{overflow:hidden;margin-left:auto;margin-right:auto;}}@media (max-width:520px) and (min-width:521px){#middle article{transition-property:width;transition-duration:0.5s;transition-timing-function:linear;transition-delay:0.3s;-moz-transition-property:width;-moz-transition-duration:0.5s;-moz-transition-timing-function:linear;-moz-transition-delay:0.3s;-webkit-transition-property:width;-webkit-transition-duration:1s;-webkit-transition-timing-function:linear;-webkit-transition-delay:0.3s;-o-transition-property:width;-o-transition-duration:0.5s;-o-transition-timing-function:linear;-o-transition-delay:0.3s;}}@media (max-width:520px) and (max-width:520px){#middle article{width:250px;}}@media (max-width:520px) and (min-width:521px) and (max-width:970px){#middle article{width:510px;}}@media (max-width:520px) and (min-width:971px){#middle article{width:950px;}}@media (min-width:521px) and (max-width:970px){#middle article{width:300px;float:left;clear:left;}}@media (min-width:971px){#middle article{width:700px;float:left;clear:left;}}#middle .sidebar-box{border:1px solid #f00;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #000;background-color:#eee;margin-bottom:10px;padding:10px;}@media (min-width:521px){#middle .sidebar-box{transition-property:width;transition-duration:0.5s;transition-timing-function:linear;transition-delay:0.3s;-moz-transition-property:width;-moz-transition-duration:0.5s;-moz-transition-timing-function:linear;-moz-transition-delay:0.3s;-webkit-transition-property:width;-webkit-transition-duration:1s;-webkit-transition-timing-function:linear;-webkit-transition-delay:0.3s;-o-transition-property:width;-o-transition-duration:0.5s;-o-transition-timing-function:linear;-o-transition-delay:0.3s;}}@media (max-width:520px){#middle .sidebar-box{overflow:hidden;margin-left:auto;margin-right:auto;}}@media (max-width:520px) and (min-width:521px){#middle .sidebar-box{transition-property:width;transition-duration:0.5s;transition-timing-function:linear;transition-delay:0.3s;-moz-transition-property:width;-moz-transition-duration:0.5s;-moz-transition-timing-function:linear;-moz-transition-delay:0.3s;-webkit-transition-property:width;-webkit-transition-duration:1s;-webkit-transition-timing-function:linear;-webkit-transition-delay:0.3s;-o-transition-property:width;-o-transition-duration:0.5s;-o-transition-timing-function:linear;-o-transition-delay:0.3s;}}@media (max-width:520px) and (max-width:520px){#middle .sidebar-box{width:250px;}}@media (max-width:520px) and (min-width:521px) and (max-width:970px){#middle .sidebar-box{width:510px;}}@media (max-width:520px) and (min-width:971px){#middle .sidebar-box{width:950px;}}@media (min-width:521px) and (max-width:970px){#middle .sidebar-box{width:200px;float:right;clear:right;}}@media (min-width:971px){#middle .sidebar-box{width:240px;float:right;clear:right;}}#middle .sidebar-box nav > ul{list-stype-type:none;display:block;margin:0px;padding:0px;border:1px solid #777;border-bottom:hidden;}#middle .sidebar-box nav > ul > li{list-stype-type:none;display:block;margin:0px;padding:0px;}#middle .sidebar-box nav > ul > li > a{list-stype-type:none;display:block;margin:0px;padding:0px;padding:5px;border-bottom:1px solid #777;color:#777;text-decoration:none;font-weight:bold;}#middle .sidebar-box nav > ul > li > a:active,#middle .sidebar-box nav > ul > li > a:focus{outline:none;color:#733;}#middle .sidebar-box nav > ul > li > a:hover{background-color:#777;color:#eee;}#middle .sidebar-box nav > ul > li > a:hover:active,#middle .sidebar-box nav > ul > li > a:hover:focus{color:#ffc;}#middle .sidebar-box h2{margin:-10px -10px 10px -10px;padding:3px;background-color:#777;color:#fff;}#middle .sidebar-box h2 > a{list-stype-type:none;display:block;margin:0px;padding:0px;color:#fff;text-decoration:none;}#middle .sidebar-box h2 > a:active,#middle .sidebar-box h2 > a:focus{outline:none;color:#ffc;}@media (max-width:520px){#middle .sidebar-box.sidebar-box-closed h2{margin-bottom:-10px;}#middle .sidebar-box.sidebar-box-closed nav{display:none;}}footer{overflow:hidden;margin-left:auto;margin-right:auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #000;background-color:#eee;margin-bottom:10px;padding:10px;}@media (min-width:521px){footer{transition-property:width;transition-duration:0.5s;transition-timing-function:linear;transition-delay:0.3s;-moz-transition-property:width;-moz-transition-duration:0.5s;-moz-transition-timing-function:linear;-moz-transition-delay:0.3s;-webkit-transition-property:width;-webkit-transition-duration:1s;-webkit-transition-timing-function:linear;-webkit-transition-delay:0.3s;-o-transition-property:width;-o-transition-duration:0.5s;-o-transition-timing-function:linear;-o-transition-delay:0.3s;}}@media (max-width:520px){footer{width:250px;}}@media (min-width:521px) and (max-width:970px){footer{width:510px;}}@media (min-width:971px){footer{width:950px;}}header{overflow:hidden;margin-left:auto;margin-right:auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #000;background-color:#eee;margin-bottom:10px;padding:10px;}@media (min-width:521px){header{transition-property:width;transition-duration:0.5s;transition-timing-function:linear;transition-delay:0.3s;-moz-transition-property:width;-moz-transition-duration:0.5s;-moz-transition-timing-function:linear;-moz-transition-delay:0.3s;-webkit-transition-property:width;-webkit-transition-duration:1s;-webkit-transition-timing-function:linear;-webkit-transition-delay:0.3s;-o-transition-property:width;-o-transition-duration:0.5s;-o-transition-timing-function:linear;-o-transition-delay:0.3s;}}@media (max-width:520px){header{width:250px;}}@media (min-width:521px) and (max-width:970px){header{width:510px;}}@media (min-width:971px){header{width:950px;}}