/*
Website Name: WineglassMarathon.com
Description: A responsive website framework, agile and progressively enhanced
Version: 1.0
Author: Adworkshop
Author URI: https://www.adworkshop.com
*/

/* ======================================================= */
/*                          COUNTDOWN                      */
/* ======================================================= */

  /* -- Countdown Timer Styles -- */
  #counter-labels span,
  #counter-title span{
  /*font: normal 10px/1.15 'Metrophobic', Arial, sans-serif;*/
  font: normal 10px/1.15 Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: #2a2a2a;
  }
  
  #counter {
  float: left;
  padding: 3px 2px;
  margin-right: 20px;  
  background: #6c0021;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6c0021), to(#9e0031));
  background: -webkit-linear-gradient(#6c0021, #9e0031);
  background: -moz-linear-gradient(#6c0021, #9e0031);
  background: -o-linear-gradient(#6c0021, #9e0031);
  background: -ms-linear-gradient(#6c0021, #9e0031);
  background: linear-gradient(#6c0021, #9e0031);
  -pie-background: linear-gradient(#6c0021, #9e0031);  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;  
  border-top: 1px solid #9e576d;
  border-bottom: 1px solid #663745;  
  -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 11px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 11px rgba(0, 0, 0, 0.15);
  behavior: url(/css/PIE.htc);  
  overflow: hidden;
  position: relative;
  }
  
  #counter .dash-container {
  /*color: #fff;*/
  color: #000;
  float: left;
  margin: 0 1px;
  font: normal 40px/32px 'Compressed', 'Arial Narrow', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  border-top: 1px solid #e76b91;
  border-right: 1px solid #7b0026;
  border-bottom: 1px solid #6c0021;
  border-left: 1px solid #7b0026;
  float: left;  
  /*background: #d50042;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d50042), to(#a80034));
  background: -webkit-linear-gradient(#d50042, #a80034);
  background: -moz-linear-gradient(#d50042, #a80034);
  background: -o-linear-gradient(#d50042, #a80034);
  background: -ms-linear-gradient(#d50042, #a80034);
  background: linear-gradient(#d50042, #a80034);
  -pie-background: linear-gradient(#d50042, #a80034);*/  
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;  
  min-width: 57px;
  height: 44px;
  overflow: hidden !important;
  position: relative;
  behavior: url(/css/PIE.htc);
  }
  
  #counter .dash {
  position: relative;
  }
  
  #pastcounter,
  #todaycounter{
  padding: 0 16px;
  }
  
  #pastcounter > .now,
  #todaycounter > .now{
  margin-top: -1px;
  }
  
  #counter .dash > div {
  position: relative;
  display: block !important;
  padding: 8px 0 6px;
  width: 100%;
  *width: 58px;
  height: 32px;
  text-align: center;
  /*border-top: 1px solid #e76b91;
  border-bottom: 1px solid #6b0021;*/
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #d4d4d4;
  /*text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);*/
  }
  
  #counter .dash > div .span{
  display: block;
  text-align: center;
  }
  
  #counter .dash-title {
  clear: left;
  }
  
  #counter-title {
  float: left;
  width: 100px;
  *width: 120px;
  text-align: center;
  margin: 10px 12px 0 0;
  line-height: 1;
  }
  
  #counter-labels {
  clear: left;
  float: left;
  padding-left: 109px;
  margin-top: 4px;
  }
  
  #counter-labels .dash-title {
  float: left;
  text-align: center;
  width: 59px;
  margin: 0 1px;
  }