#theme-settings{width:130px;height:536px;display:block;background:#FFF;float:left;position:fixed;right:-130px; top:263px;box-shadow: -5px 0 5px rgba(0, 0, 0, 0.1);z-index:9999;color:#000;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;-webkit-transition: all 0.5s;}
#theme-settings.active{right:0;}
#settings-button{box-shadow: -5px 0 5px rgba(0, 0, 0, 0.1);width: 40px;height: 40px;display: block;background: #FFF url(options.png)no-repeat;left: -40px;position: absolute;cursor: pointer;}
.settings-title{font-weight:800;padding-left: 10px;margin-bottom: 15px;}
.color{padding-top:10px;}
.demo-settings-title{font-size:12px;text-align:center;width:100%;margin:10px 0;font-weight:700;}
.demo-settings-title .last-word{font-size:12px;}
.demo-title{font-size:12px;text-align:left;width:100%;margin:0;text-transform:uppercase;margin-left:22px;}
.sidebar-left{float:left;padding-left:10px;font-size:14px;font-weight:800;}
.sidebar-right{float:right;padding-right:10px;font-size:14px;font-weight:800;}
.gradient1{width:50px;height:50px;display:block;background:#f11800;cursor:pointer;float:left;box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.44);}
.gradient2{width:50px;height:50px;display:block;background:#235a8d;cursor:pointer;float:left;box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.44);}
.gradient3{width:50px;height:50px;display:block;background:#0a6708;cursor:pointer;float:left;box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.44);}
.gradient4{width:50px;height:50px;display:block;background:#109cc4;cursor:pointer;float:left;box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.44);}
.gradient5{width:50px;height:50px;display:block;background:#000000;cursor:pointer;float:left;box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.44);}
.gradient6{width:50px;height:50px;display:block;background:#dc4e00;cursor:pointer;float:left;box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.44);}
.gradient7{width:50px;height:50px;display:block;background:#560547;cursor:pointer;float:left;box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.44);}
.gradient8{width:50px;height:50px;display:block;background:#b2b2b2;cursor:pointer;float:left;box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.44);}
.gradients{padding-left:5px;margin-bottom:10px;float: left;}
.gradients li{padding:5px;float:left;}
.gradient-title{margin-bottom:10px;float: left;width:100%;}
.black-title{margin-left:10px;font-weight: 800;font-size: 13px;text-align: center;padding: 5px;color: #FFF;background: #000;width: 100px;float:left;cursor:pointer;}
.white-title{font-weight: 800;font-size: 13px;text-align: center;padding: 5px;color: #000;background: #FFF;width: 100px;box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.44);float:left;cursor:pointer;}

.gaming-demo, .news-demo, .magazine-demo, .blog-demo{float:left;background:#000;width:90px;height:90px;margin:10px 20px;opacity:1;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;-webkit-transition: all 0.3s;}
.gaming-demo:hover, .news-demo:hover, .magazine-demo:hover, .blog-demo:hover{opacity:0.7;}
.gaming-demo{background: url(gaming-demo.jpg)no-repeat;}
.blog-demo{background: url(blog-demo.jpg)no-repeat;}
.news-demo{background: url(news-demo.jpg)no-repeat;}
.magazine-demo{background: url(magazine-demo.jpg)no-repeat;}