/*
 * Globals
 */
html {
  position: relative;
  min-height: 100%;
}

body {
  font-family: "Yu Gothic", SimHei, Georgia, "Times New Roman", Times, serif;
  color: #555;
  margin-bottom: 40px;
}

.banner {
  background-color: #5cade5;
}
.dropdown-toggle {
  color: #ffffff;
}
.dropdown-header {
  font-size: 16px;
  font-weight: bold;
}

.fa-bars {
  color: #FFFFFF;
  padding: 5px 0px;
}

@media (min-width: 1200px) {
  .container {
    width: 970px;
  }
}

.blog-filter-masthead {
  background-color: #428bca;
}

.blog-sub-masthead {
  background-color: #428bca;
}

.blog-nav-item {
  font-weight: 500;
  color: #cdddeb;
  font-size: 1.2em;
}

.blog-nav-item:hover,
.blog-nav-item:focus {
  color: #fff;
  text-decoration: none;
}

.blog-nav .active {
  color: #fff;
}

#Container {
  padding-top: 25px;
  font-size: .1px;
  -webkit-backface-visibility: hidden;
  padding-right: 0 !important;
  padding-left: 0 !important;
  padding-bottom: 25px;
}

#Container:after {
  content: '';
  display: inline-block;
  width: 100%;
}

#Container .mix {
	text-align: left;
	margin-bottom: 2%;
	display: inline-block;
	margin: 3px;
}

.modal {
  padding-top: 100px;
}

.modal-footer p {
  padding: 0 20px;
}

.btn-plurk {
  color: #ffffff;
  background-color: #cf682f;
}