body{
  background:#ECECEC;color:#333;
  font-family:'Roboto','Lucida Grande',Arial,sans-serif;font-size:16px;text-rendering:optimizeLegibility;
  padding-top: 120px; position: relative;
}

div#logo {
    background:url("../images/wpn-xm-logo.png") no-repeat scroll 0 0 transparent;
    /*box-shadow: 0 0 0 1px #b6bdc3;*/
    min-height: 85px;
    background-position-x: center;
    background-position: center;
}

/*    yo, man.. SVG. looking sharp and nice in Chrome, but nowhere else.
      incompatibilities... in 2016! WTF!
      div#logo{
          background:url("../images/wpnxm-logo.svg") no-repeat scroll 0 0 transparent;
          box-shadow: 0 0 0 10px #b6bdc3;

           just to get an apsect ratio same as the SVG's:
          padding-top: 13%;

          background-size: auto auto;
          background-size: 480px 140px;
          background-repeat: no-repeat;
          background-position-x: center;
          // if small display, shrink, but do not cut off
          min-height: 125px;
      }*/

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{color:#D40408;}
h2 { font-family:Verdana;font-size:25px;text-align:center;padding-bottom:15px;text-shadow:0px 1px 0 #FFF;}
hr { border-bottom: 1px solid #BBBBBB; box-shadow: 0 1px 0 white;}
h3#download { margin-left: 25px; }
div#downloads-list { font-size: 12px; }

.bold{font-weight:bold;}
.centered{text-align:center;}
.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.left{float:left;}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -150px;
    margin-top: -1px;
}
.navbar-inverse {
    border-color: #ccc;
}
.navbar {
  font-size: 14px;
}
.navbar-brand {
  width: 250px;
}
.navbar-brand > .brand-name {
  margin-left: -65px;
}
.navbar-brand > .brand-icon {
  display: none; opacity: 1; position: relative; top: -9px; float:right;
}

@media screen and (max-width: 760px) {
  .navbar-brand {
    width: auto !important;
  }
  .navbar-brand > .brand-name {
    margin-left: 225px !important;
  }
  .navbar-brand > .brand-icon {
    left: -260px;
  }
}

.sellout-buttons > div{display:block;float:left;margin:0;padding:6px;}

.banner {
    padding: 15px 20px;
    color: #777;
    background-color: #fafafa;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 3em;
    margin-bottom: 5em;
}

.unstyled-list{list-style-image:none;list-style-type:none;margin:0 0.25em 0.25em 0;padding:0px;}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url('fonts/roboto/Roboto-Regular.ttf') format('truetype');
}

/* Carousel Slider */
.slider-wrapper{width:832px;padding:7px;background-color:#FAFAFA;border:1px solid rgba(70, 70, 70, 0.3);border-radius:5px 5px 5px 5px;margin-top: 1.5em;margin-bottom:1.5em;box-shadow:1px 1px 15px #DDD;}
.slider-background{z-index:7;top:0px;left:0px;height:300px;overflow:hidden;border:1px solid #AAA;background:#ECECEC;}
.carousel{position:relative;margin-bottom:18px;line-height:1;}
/*.carousel-inner{width:100%;text-align:center;height:100%;}*/
.carousel .item{display:none;position:relative;opacity:0.8;}
.carousel .active,
.carousel .next,
.carousel .prev{display:block;}
.carousel .active{left:0;}
.carousel .next,
.carousel .prev{position:absolute;top:0;width:100%;}
.carousel .next{left:100%;}
.carousel .prev{left:-100%;}
.carousel .next.left,
.carousel .prev.right{left:0;}
.carousel .active.left{left:-100%;}
.carousel .active.right{left:100%;}
.carousel-control{position:absolute;top:250px;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#ffffff;text-align:center;background:#222222;border:3px solid #ffffff;-moz-border-radius:23px;border-radius:23px;opacity:0.5;filter:alpha(opacity=50);}
.carousel-control.right{left:auto;right:15px;}
.carousel-control:hover{color:#ffffff;text-decoration:none;opacity:0.9;filter:alpha(opacity=90);}
.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:10px 15px 5px;background:#333333;background:rgba(0, 0, 0, 0.75);}
.carousel-caption h4,
.carousel-caption p{color:#ffffff;margin:0px;padding:5px;}
.carousel-indicators{top:15px;left:970px;height:15px;}
.carousel-indicators li{display:block;float:left;margin-left:5px;background-color:#ccc;background-color:rgba(180,180,180,.25);border-radius:10px;border:1px solid #999999;}
.carousel-indicators li .active{background-color:#fff;}

/*      .carousel.carousel-kenburns .item{
          -o-transition-duration:1.75s;
          -ms-transition-duration:1.75s;
          -moz-transition-duration:1.75s;
          -webkit-transition-duration:1.75s;
          -o-transform:scale(1.0);
          -ms-transform:scale(1.0);
          -moz-transform:scale(1.0);
          -webkit-transform:scale(1.0);

          -webkit-transition: 0.6s ease-in-out top;
          -moz-transition: 0.6s ease-in-out top;
          -ms-transition: 0.6s ease-in-out top;
          -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
      }*/
.carousel.carousel-kenburns .carousel-inner > .active{
    -o-transition-duration:2s;
    -ms-transition-duration:2s;
    -moz-transition-duration:2s;
    -webkit-transition-duration:2s;
    -webkit-transform:scale(0.85) translateY(-40%);
    -moz-transform:scale(0.90) translateY(-40%);
    -ms-transform:scale(0.90) translateY(-40%);
    -o-transform:scale(0.90) translateY(-40%);
    transform:scale(0.90) translateY(-40%);
    -webkit-transform-origin:bottom left;
    -moz-transform-origin:bottom left;
    -ms-transform-origin:bottom left;
    -o-transform-origin:bottom left;
    transform-origin:bottom left;
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    margin-top: -16px;
}

.navbar-inverse {
    background: linear-gradient(to bottom, #505050, #383838);
    background: -webkit-linear-gradient(top, #505050, #383838);
    background: -webkit-gradient(linear, left top, left bottom, from(#505050), to(#383838));
    -webkit-box-shadow: inset 0 1px 0 #6e6e6e,0 2px 2px rgba(0,0,0,0.4);
    box-shadow: inset 0 1px 0 #6e6e6e,0 2px 2px rgba(0,0,0,0.4);
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}
.navbar-inverse .navbar-nav>li>a {
    color: #bdbdbd;
}

/* Download Mini Matrix Table */
.tg{border-collapse:collapse;border-spacing:0;border-color:#999;margin:0px auto;}
.tg td{padding:3px 6px; text-align: center;}
.tg .tg-hnao{text-align:center;font-size:14px;}

/* Buttons */
.btn{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background-color:#F5F5F5;background-image:linear-gradient(to bottom, #FFFFFF, #E6E6E6);background-repeat:repeat-x;border-color:#BBBBBB #BBBBBB #A2A2A2;border-image:none;border-radius:4px 4px 4px 4px;border-style:solid;border-width:1px;box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);color:#333333;cursor:pointer;display:inline-block;font-size:13px;line-height:18px;margin-bottom:0;padding:4px 12px;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:middle;}
.btn-info{background-color:#49AFCD;background-image:linear-gradient(to bottom, #5BC0DE, #2F96B4);background-repeat:repeat-x;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);color:#FFFFFF;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
.btn-success{background-color:#5BB75B;background-image:linear-gradient(to bottom, #62C462, #51A351);background-repeat:repeat-x;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);color:#FFFFFF;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
.btn-large{border-radius:6px 6px 6px 6px;font-size:16.25px;padding:9px 14px;}
.btn-mini{border-radius:3px 3px 3px 3px;font-size:9.75px;padding:1px 6px;}

.textshadow {text-shadow: 0 1px 1px #FFFFFF;}

#widget-twitter{text-shadow:none;}
a{color:#000000;}
.google_ad_1{margin:auto;width:300px;position:relative;left:45px;top:-30px;height:227px;}

#current-release #version{font-size:125%;color:#514845;font-weight:bold;}
#current-release small{font-size:80% !important;color:#888;}
#tip{text-align:center;padding:20px 10px;font-size:200%;}

table tr td{vertical-align:top;}
table.data-table tr td{vertical-align:top;}
table.data-table tr td h3{background:#B5463F;color:#fff;padding:5px;}
table#authors tr td{font-size:120%;}

big-and-bold a:focus, a:hover{color:#FB292D;}
big-and-bold a{color:#333333;}
.big-and-bold{font-size:12px;font-weight:bold;text-align:left;}
.bold{font-weight:bold;}

a{-moz-transition:color 0.2s ease-out 0s;outline:medium none;text-decoration:none;}

thead th{background:transparent;}
tbody tr:nth-child(2n) td, tbody tr.even td{background:transparent;}
th, td, caption{padding:4px 10px 4px 15px;}
.margin-left-20{margin-left:20px !important;}
.multi-column-list {
    -webkit-column-count:4; -moz-column-count: 4; -ms-column-count: 4;-o-column-count:4;column-count: 4;
    -webkit-column-gap: 15px; -moz-column-gap: 15px; -ms-column-gap: 15px;-o-column-gap: 15px;
    column-gap: 15px; columns: 4;
    margin-top: 10px; margin-bottom: 10px;
}
ul {list-style-type:none;}

div.download-components h2 {
 font-size:18px;
 margin:10px 0;
}
div.download-components table {
  border: 1px solid #DDDEDE;
  box-shadow: 0 1px 0 white;
  background: #F7F7F8;
  width: 100%;
}
div.download-components td,
div.download-components th {
  text-align:center;
  padding: 3px 8px 3px 8px;
  border-right: 1px solid #DDDEDE;
  border-bottom: 1px solid #DDDEDE;
  box-shadow: 0 2px 0 white;
  margin:0;
}
div.download-components th {
  background-color:transparent!important;
  color:inherit!important;
}
div.download-components td:first-child,
div.download-components th:first-child {
  text-align:left;
  width:50%;
}
div.download-components td:nth-child(2) {
  text-align: right;
}
div.download-components tr:last-child td {
  border-bottom: none;
  box-shadow: none;
}
div.download-components td:last-child,
div.download-components th:last-child  {
  border-right:none;
}

div.download-components td:first-child,
div.download-components th:first-child {
  text-align:left;
  width:15%;
}
div.download-extensions td:nth-child(2) {
  width: 70%;
  text-align: right;
  font-size: 14px;
}

div.download-components td a {
  color: rgb(80, 80, 80);
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
}
div.download-components select {
  margin: 0;
  font-size: 12px;
}

#compare-installers-table th:not(:first-child), td:not(:first-child) {
    text-align:center; 
    vertical-align:middle;
}

.row-components {
    margin-right: -60px;
    margin-left: -60px;
}

td.release-cell {  
  padding-bottom: 1.2em;
}
td.release-cell h4 {
  font-size: 24px;
  display: inline-block;
  margin: 25px;
}
td.release-cell small {
  margin-left: 4px;
  vertical-align: middle;
}
td.installer-file-data div {
  margin-left: 4px;
}