/*
Theme Name: QT3 Theme v5.0
Theme URI: 
Author: Kenneth Oum, updated by Stephen Smith
Author URI: 
Description: The official theme of QuartertoThree
Version: 1
License: Private
License URI: 
Tags: 
*/

html {
  font-size:14px;
}
body {
  font-size:15px;
  background:#000102;
  color:white;
  font-family:arial,sans-serif
}
p {
  line-height:1.5;
}
a,a h4 {
  color:#e9e082;   
}

a:hover,a:active {
    text-decoration: none;
    color: #f4f0c3;
    text-shadow: 0 0 4px rgba(255, 255, 255, 0.4);
}

.gradient-up {
background: rgba(0,1,2,1);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(7,21,35,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(7,21,35,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(7,21,35,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(7,21,35,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(7,21,35,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(7,21,35,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#071523', GradientType=0 );

}
@media screen and (min-width: 40em) {
  .gradient-down {
    background: rgba(0,1,2,1); 
    background: -moz-linear-gradient(top, rgba(6,23,39,1) 0%, rgba(0,0,0,1) 100%);  
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(6,23,39,1)), color-stop(100%, rgba(0,0,0,1)));  
    background: -webkit-linear-gradient(top, rgba(6,23,39,1) 0%, rgba(0,0,0,1) 100%);  
    background: -o-linear-gradient(top, rgba(6,23,39,1) 0%, rgba(0,0,0,1) 100%);  
    background: -ms-linear-gradient(top, rgba(6,23,39,1) 0%, rgba(0,0,0,1) 100%);  
    background: linear-gradient(to bottom, rgba(6,23,39,1) 0%, rgba(0,0,0,1) 100%);  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#061727', endColorstr='#000000', GradientType=0 );
    background-size:auto 100px;
    background-repeat:repeat-x;
  }
  
}
#header {
  padding-top:5px;
  min-height:115px;
}

#branding-right {
  text-align:right;
}
#branding-right a {
  display:inline-block;
  margin-left:7px;
}
#branding-right div {
  height:50px;
  padding:4px 0px;
  white-space: nowrap;
}
#navwrapper {
  border-top:2px solid #0a2134;
  border-bottom:2px solid #0a2134;

}
#banner-slot {
  padding:14px;
  min-height:15px;
  margin-left:auto;
  margin-right:auto;
  
}
.box {
  background:#071624;
  border:2px solid #0a2134;
  min-height:250px;
  border-radius:5px;
  padding:10px;
}
.box-content {
  padding-left:50px;
  padding-bottom:10px;
}
.box-content p {
  margin:14px 0;
}
h1,h2,h3,h4 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color:#ececec;
  text-shadow: 0 1px 1px #3393cd;
}
h2 {
  font-size:29px;
  margin:10px 0;
}
h5 {
  font-size:14px;
  font-weight:700;
  color:#999;
}

.box.nopad {
  padding:0px;
}
article { 
  padding-left:50px;
  margin-bottom:40px;
}
article.page {
  padding-top:20px;
}
article .post-title {
 font-size:30px;
}
article .wp-post-image {
  margin-top:20px;
  margin-bottom:10px;
  width:100%;
}


article header img.wp-post-image, article .size-full{
  width:100%;
}
.sidebar {
  padding:0;
  margin-top:5px;
}

.main {
 padding-left:10px;
 margin-top:5px;
}
#sidebar {
  margin-right:10px;
}
.page-title,.list-title {
  color:#eee;
   text-shadow: 0 1px 1px #00e0fb;
   background:#10283f;
   margin:-10px -10px 0px -10px;
   padding:10px;
   padding-left:60px;
   border-radius:5px 5px 0 0;
   border-bottom:1px solid #e9e082;
}
.list-title.unpad {
   padding-left:10px;

}
.list-intro {
   margin:0px -10px 10px -10px;
   border-bottom:1px solid #e9e082;
   padding-left:60px;
   color:#7a98b3;
   text-shadow:none;
}
.header-bar {
  border-bottom:2px solid #ddd;
  margin: 0 -10px;
  
}
.header-bar div {
  border-bottom:2px solid #ddd;
  margin-bottom:3px;

}
.double-bar {
  background: url('images/info-bg.gif')  no-repeat left top;
  min-height:45px;
  margin-left:-60px;
  margin-right:-10px;
  padding:15px 0px 0px 70px;
}

.share-box {
  float:left;
  margin-left:60px;
}
.comment-line {
  background: url('images/comment-line.png')  no-repeat right bottom;
  height:41px;
  margin-left:-60px;
  margin-right:-10px;
  
}
.comment-count {
  float:right;
  line-height:48px;
  margin-right:10px;
}
.comment-count .read {
  color:black;
  font-size:14px;
  font-weight:bold;
}
@media screen and (max-width: 39.9375em) {
  article iframe {
    width:100%;
  }
  .main {
    padding:0;
    margin:0;
  }

  .box {
    border:none;
  }
  article {
    padding-left:0;
  }
  .comment-line { 
    margin-left:-10px;
  }
  .double-bar {
    margin-left:-10px;
    min-height:20px;
    background-position:right top;
    padding-left:10px;
  }
  
}
blockquote {
  border:none;
  padding-left:40px;
}
blockquote p {
 color:#d2d2d2;
}



.top-bar,.top-bar ul {
  z-index:999;
  background:#000;
}
.top-bar .dropdown {
  background:#000;

}
.top-bar a {
  color:white;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;  
}
.top-bar a:hover,.dropdown.menu > li.is-dropdown-submenu-parent > a:hover::after {
  color:#e9e082;
}


.top-bar ul ul a {
  font-size:15px;
} 

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border-color: #fff transparent transparent;
  border-width:6px 6px 0;
  }  
.is-dropdown-submenu-parent a::after {
  top:55%;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a {
  padding-right:35px;
}
@media screen and (min-width: 40em) {
  #main-menu > li {       
    background-repeat:repeat-x;
    background-position:0px -80px;
    -webkit-transition: background-position  0.1s ease-out;
    -moz-transition: background-position  0.1s ease-out;
    -o-transition: background-position  0.1s ease-out;
    transition: background-position  0.1s ease-out;
  }

  #main-menu > li:hover, #main-menu > li:active {
    background: url('images/navHighlightR.png');
    background-repeat:repeat-x;
    background-position:0px -55px;
  }
  .top-bar-left > ul > li > a {
    margin-right:15px;
  }
  .top-bar-left > ul > li:last-child > a {
    margin-right:0px;
  }  
  .top-bar ul ul {
    border:2px solid #0a2134;  
    border-radius:5px;  
    opacity: 0.8;
  }
  .top-bar a {
    font-size:25px;
  }
  .top-bar ul ul a {
    font-size:15px;
  }  
  .no-js .top-bar {
    display: block;
  }
  .menu {
    min-width:250px;
  }
}
.top-bar-right {
  position:relative;
}
.search-form {
  border:2px solid #0a2134;  
  border-radius:5px 0 5px 5px;
  background:#000;
  position:absolute;
  top:35px;
  right:0px;
  width:285px;
  padding:5px;
  z-index:79;  
  display:none;
}
.search-form.active {
  display:block;  
}
#searchForm span {
  margin:0 4px;
}
#searchForm.active {
  
  border-radius:5px 5px 0 0;  
  background:#000;
  z-index:80;
  background: #0a2134;
}
.search-form input {
  display:inline-block;
  border-radius:5px;
  border:1px solid #071624;
  padding:10px;
  margin:5px;
  line-height:13px;
  height:34px;
  box-shadow:none;
  

}
.search-form #s {
  width:175px;
  
}
.search-form .button {
  background:#205c8e;  
  margin-top:4px;
}
@media screen and (max-width: 39.9375em) {
 .top-bar-left span {
   display:none;
 }
}
footer {
  margin-top:20px;
  border-top:2px solid #0a2134;
  background-size:auto;
  padding:15px; 
  font-size:12px;
}

footer hr {
  color:#0a2134 !important;   
  background:#0a2134  !important;
}

footer ul {
  list-style:none !important;  
  padding:0;
  margin:0;
  font-size:15px;
}
footer li {
  float:left;
  width:25%;
}
#footer-real {
  border-top:1px solid #0a2134;
  margin-top:20px;
  padding-top:20px;
}
#footer-social {
  text-align:right;
}
#footer-social img {
  height:30px;
}
#footer-social a {
  display:inline-block;
  margin-left:7px;
}
#footer-social div {
  height:40px;
  padding:4px 0px;
  white-space: nowrap;
}
@media screen and (max-width: 39.9375em) {
  #footer-social,#footer-real {
    text-align:center;
    border:none;
    padding-top:5px;
    margin-top:5px;
  }
}
.sidebar .button {
 border-radius:10px;
 background:transparent;
 color:#205c8e;
 margin:10px 0;
 font-weight:bold;
 font-size:1.1em;
 border:1px solid #205c8e;
}
.sidebar .button:hover {
  color:black;
  background:#e9e082;
}
.aligncenter {
  text-align:center;
}
.sidebar ul {
  list-style:none;
  margin:0;
  padding:0;
}
.sidebar .widget {
  margin-bottom:5px;
}
.sidebar .streaming div {
  margin-top:10px;
}
.article-list a img {
  padding:2px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.article-list a h4 {
  padding:2px;
  font-weight:700;
  font-size:18px !important;
  text-shadow:none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.article-list  {
  padding:4px;
  
}

.article-list a:hover {
  background:#030b12;
}
.article-list a:hover h4 {
 color:white;
 background:#030b12; 
 padding:0px 8px 8px 8px;
}

.article-list a:hover img {
 padding:4px 2px;
 background:#030b12; 
}

.article-list li {
  margin-bottom:10px;
}

aside h2 {
  font-size:22px;
  margin:20px 0 10px 0px;
  text-shadow: 0 1px 1px #3393cd;
}


aside .content-link img {
  padding-bottom:5px;
}
aside .content-link:hover,
aside .content-link:active {
  color:white;
}

.topic-list {
  text-align:left;
  color:#999;
}
.topic-list a{
  font-size:14px;
}
.topic-list {
  font-size:12px;
}
.topic-list div {
  border-bottom:1px solid #000;
  padding:5px 3px;
}
.topic-list div:nth-child(odd) {
  background:#05111b;
}

.topic-list div:nth-child(even) {
  background:#061320;
}

.review-box {
   background: #163146 none repeat scroll 0 0;
   border: 1px solid #adadad;
   border-radius: 5px;
   box-shadow: 0 2px 2px rgba(0, 0, 0, 0.75);
   margin-bottom: 5px;
   padding:5px;
   width: 75%;
}
.review-box .replace_backup {
  display:none;
}

.review-box .info {
  list-style:none;
  margin: 0 0 10px 25px;
}
.review-box .info li {
  line-height:20px;
}
.review-box .info h3 { 
    font-size:25px;
    margin: 0 0 10px 0;
    padding-bottom: 0;
    text-shadow: 0 0 4px rgba(255, 255, 255, 0.4);

}    

.review-box .info h6 {
    color: rgb(173,173,173);
    font-style: italic;
    padding:8px 0px;
    font-size: 12px;
    font-weight:bold;
}
.review-box .highlight {
  color: #e9e082;
}
.bottom-bar {
  border-top:3px solid #e9e082;
  padding-top:3px;
  margin:5px -10px 5px -60px;
  padding:0px 10px;
}
.bottom-bar a {
  color:black;
}

.bottom-bar > div {
  margin:0 -10px;
  margin-top:3px;
  background: #e9e082;
  min-height:34px;
  line-height:34px;
  color:black;
}

.bottom-bar .tags {
  padding:3px 0px 5px 10px;
  width:90%;
  float:left;
  font-size:0.9em;
  
}
.bottom-bar .tags span {
  font-weight:700;
}
.bottom-bar .edit {
  padding:0px 20px 5px 0px;
  text-align:right;
  float:right;
  width:10%;

}
.animButton {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.animButton:hover,
.animButton:active {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  cursor: pointer;
}
.animLargeButton {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.animLargeButton:hover,
.animLargeButton:active {
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -o-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
  -webkit-box-shadow: 0 0 5px #e9e082;
  -moz-box-shadow: 0 0 5px #e9e082;
  box-shadow: 0 0 5px #e9e082;
  cursor: pointer;
}
.highButton {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: 0px 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.highButton:hover,
.highButton:active {
  padding: 5px 3px;
  color: white;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.4);
}
.ieNav {
  display: none;
}
.sideBarBtn {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: 0px 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.sideBarBtn:hover,
.sideBarBtn:active {
  padding: 5px 3px;
  color: white;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.4);
}
.sideBarBtn img {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#qtCarousel {
  padding:0 0.9375rem;
}
.flexslider {
  border:none;
  background:none;
  margin-bottom:0;
}

.flex-caption {
  text-align:center;
  position:absolute;  
  padding: 2%;
  width:100%;
  left: 0;
  bottom:0;
  background: rgba(0,0,0,.5);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.3);
  font-size: 36px;
  line-height: 18px;
  font-weight:bold;
}

.flex-caption.middle {
  top: 40%;
  bottom:auto;
}
.flex-caption.top {
  top: 0;
  bottom:auto;
}

.no-js .top-bar {
  display: none;
}

@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar {
    display: none;
  }
}


.table.sortable {
   background:#071624;
   width:100%; 
   color:#adadad;
   font-size:14px;
   margin:1px 0;

}

.table.sortable,.table.sortable thead,.table.sortable th,.table.sortable tbody  {
  border: none;
}

table.sortable thead th {
  cursor: pointer;
  position: relative;
  color:white;
  background-color:#071624;
  background-repeat: no-repeat;
  background-position: center right;
  background-image: url(images/bg.gif);
  padding-right:20px;
}

table.sortable thead th:hover {
  background-color: #080808 !important;
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.4);
}
table.sortable th,table.sortable td {
  border-right:1px solid #000;
}
table.sortable thead tr .headerSortUp {
   background-image: url(images/asc.gif);
}
table.sortable thead tr .headerSortDown {
  background-image: url(images/desc.gif);
}

.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th{
    background-color:#163146;
}
.table-striped tbody>tr:nth-child(even)>td, .table-striped tbody>tr:nth-child(even)>th{
    background-color:#071624;
}

.content-archive {
  margin:0 -10px;
}
.content-archive a {
  font-weight:bold;
}


#nav-below {
    height:50px;

}

#nav-below a {
  text-decoration:none;
  display:inline-block;  
  background-repeat:no-repeat;
  border:1px solid #e9e082;
  border-radius:10px;
  padding:14px 16px;
  font-weight:bold;
}
#nav-below a:hover {
  background:#e9e082;
  color:black;
}
#nav-below div {
  display:inline-block;
}
.nav-next {
  text-align:right;
  float:right;

}
.nav-previous {
  float:left;
}

.nav-top {
  padding:10px 0;

}
.nav-top a {
  display:inline-block;  
  background-size:28px;
  height:45px;
  line-height:45px;
  text-decoration:none;
   
}

.nomargin {
  margin:0 !important;
}

article div > figure > iframe {
	min-height:250px;
	width:120px;
	border:none;
	margin:0;
}