/*
Theme Name: 	wiki
Theme URI: 		wiki
Description: 	wiki
Version: 		1.1
Author: 		wiki
Author URI: 	wiki
License:
License URI:
Tags: wiki
*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a {color: #000; text-decoration:none;}
a:hover {color:#0d82a5;}
html{
    font:400 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    /*font-family: "Segoe UI Light",Arial,"Helvetica Neue",Verdana,Helvetica,Sans-Serif; */
     -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
     background:#fff;color:#666;
     background-image:-webkit-radial-gradient(100% 100%,center,#fff,#fff);
     background-image:radial-gradient(100% 100% at center,#fff,#fff)}
body {
    margin: 0;
}
.navbar {
    margin-bottom: 0;
    padding: 10px 10px;
    border-bottom: 1px solid transparent;
    border-left: 0;
    border-right: 0;
    min-height: 50px;
    background-color: #337ab7;
    color: 000;
}
.navbar .container a {
  color: #fff;
}
.navbar .container a.menu-item {
    margin: 5px 0px 0px 20px;
    float: left;
}
.content .ads-auto {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  width:100%;
  overflow:hidden;
}
.content .container .main {
  display: table;
}
.content .container .main .right {
    max-width: 300px;
    float: left;
}
.content .container .main .right span {
    text-align: center;
    font-size: 12px;
    padding-bottom: 5px;
    display: block;
    padding-top: 5px;
}
.content .container .main .right ul {
    padding: 0;
    margin: 0;
    display: table;
}
.content .container .main .right ul li {
    float: left;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
}
.content .container .main .right ul li a {
    padding: 0;
    margin: 0;
    border: none;
}
.content .container .main .right ul li a img{
    width: 68px;
    border: 1px solid white;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 3px 7px -3px rgba(0,0,0,.3);
}
.content .container .main .content-center {
    float: left;
    width: 990px;
    padding-left: 20px;
    padding-right: 20px;
}
.more {
  padding:0;
  padding-bottom: 20px;
}
.more .container a {
    color: #1570a6;
    text-decoration: none;
    font-size: 1em;
}
.related {
  width: 100%;
  margin-top: 20px;
}
.related .item {
  background-color: #0d689b;
    cursor: pointer;
    font-size: .9em;
}
.related .item .item-title {
    color: #fff;
    width: 90%;
    margin: 5%;
    cursor: pointer;
    word-wrap: break-word;
    display: inline-block;
}
img {
    vertical-align: middle;
    border: 0;
}
.footer {
  padding: 30px;
  background: #F2F2F2;
  color: #626262;
}

@media (min-width: 1320px) {
    .container {
      max-width: 1320px;
      margin-left: auto;
      margin-right: auto;
    }
}
@media (min-width: 960px) {
  .content .container .main .content-center {
    width: 990px;
  }
}

@media (max-width: 959px) and (min-width: 768px) {
  .content .container .main .right {
    padding-left: 20px;
  }
  .content .container .main .content-center {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .content .container .main .left {
    padding-left: 20px;
  }
  .content .container .main .content-center {
    width: 100%;
  }
  .content .container .main .right {
    padding-left: 20px;
  }
}


img {
    max-width: 100%;
    height: auto;
}


div#running {
  display: none;
  background-color: #FFF;
  padding: 30px;
  border: 1px solid;
  border-color: #CCC;
  box-shadow: 2px 2px 2px #AAA;
  border-radius: 4px;
  position: absolute;
  top: 100px;
  left: 50%;
  margin-left: -110px;  /* the half of the width */
}
div#running-img {
  background-image: url("images/waiting.gif");
  background-repeat: no-repeat;
  width: 220px;  /* the exact width of the image */
  height: 19px;  /* the exact height of the image */
  text-align:center;
}
.waiting
{
	font-size: 20px;
    padding-left: 30px;
    font-weight: bold;
    color: red;
}
.button {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding-right: 30px;
  padding-left: 30px;

  background-color:rgb(41,127,184);
  color:rgb(255,255,255);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 15px;
  
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-shadow:0px 1px 0px rgba(0,0,0,0.5);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);

  -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
}

.button span {
  position: absolute;
  left: 0;
  width: 50px;
      padding-left: 20px;
  background-color:rgba(0,0,0,0.5);
  
  -webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-right: 1px solid  rgba(0,0,0,0.15);
}

.button:hover span, .button.active span {
  background-color:rgb(0,102,26);
  border-right: 1px solid  rgba(0,0,0,0.3);
      padding-left: 20px;
}

.button:active {
  margin-top: 2px;
  margin-bottom: 13px;

  -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
-webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
box-shadow:0px 1px 0px rgba(255,255,255,0.5);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
}
