@import url(reset.css);

@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic);

/* Default Styles
-------------------------------------------------------------- */
body {
  background: url(../img/background.png) repeat;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 83%;
  line-height: 1;
  /*
  http://alistapart.com/d/howtosizetextincss/complexexample.css
  font-size: 100%;
  line-height: 1.125em; /* 16x1.125=18px */
}

h1,h2,h3 { color: #FFF; }
h4,h5,h6 { color: #05293F; }
h2 { font-size: 2.8em; font-weight: 400; text-transform: uppercase; }
h3 { font-size: 1.2em; font-weight: 500; }
h4 { font-size: 1.4em; font-weight: 900; text-transform: uppercase; }
h5 { font-size: 1.1em; font-weight: 900; }
h6 { font-size: 1.05em; font-weight: 700; }

a { color: #143F59 }
p { font-size: 1em; line-height: 1.5; margin-bottom: 1.5em; }

p a { color: #2B5772; text-decoration: underline }

.single p { margin-bottom: 0.325em }
.single p:last-of-type { margin-bottom: 1.5em }


/* Layout
-------------------------------------------------------------- */
#container {
  margin: 0 auto;
  width: 999px;
}

/* Logo */
#logo {
  text-align: center; }
#logo a {
  background: url(../img/logo.png) no-repeat;
  display: inline-block;
  margin: 15px auto;
  height: 84px;
  width: 283px; }
#logo span {
  visibility: hidden;
}

/* Social Media Icons */
@font-face {
  font-family: 'social';
  src:
    url('social.ttf?38988d') format('truetype'),
    url('social.woff?38988d') format('woff'),
    url('social.svg?38988d#social') format('svg');
  font-weight: normal;
  font-style: normal }
i.social {
  font-family: 'social' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale }
.icon-facebook:before  { content: "\e900" }
.icon-facebook2:before { content: "\e903" }
.icon-instagram:before { content: "\e901" }
.icon-twitter:before   { content: "\e902" }

#social_nav {
  list-style-type: none;
  float: right;
  margin-top: -40px }
#social_nav li, #social_nav a, #social_nav i, #social_nav i:before {
  display: inline-block }
#social_nav li {
  margin-right: -4px
}
#social_nav a {
  color: #FFF;
  margin-right: 10px;
  height: 32px;
  width: 32px }
#social_nav a:hover {
  text-decoration: none
}
#social_nav i {
  font-size: 18px }
#social_nav a:hover i {
  color: #82949E; }
#social_nav i:before {
  padding: 5px
}

/* Navigation */
#nav {
  background-color: #FFF;
  list-style-type: none;
  text-align: center }
#nav li {
  background-color: #FFF;
  display: inline-block;
  font: 700 16px/18px 'Open Sans Condensed', sans-serif;
  margin-right: -4px;
  position: relative;
  text-transform: uppercase;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  -webkit-transition: all .3s;
  transition: all .3s }
#nav li ul {
  display: none;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 48px;
  visibility: hidden;
  width: 175px;
  z-index: 9999 }
#nav li:hover ul {
  -moz-box-shadow: 0 5px 5px -1px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 5px 5px -1px rgba(0,0,0,0.5);
  box-shadow: 0 5px 5px -1px rgba(0,0,0,0.5);
  display: block;
  opacity: 1;
  visibility: visible }
#nav li ul li {
  background-color: rgba(255,255,255,0.9);
  display: block }
#nav li a, #nav li ul a {
  display: inline-block;
  padding: 15px 30px;
  text-decoration: none }
#nav li:hover         { background-color: #011A28 }
#nav li:hover a       { color: #FFF }
#nav li ul li a       { color: #143F59 !important }
#nav li ul li:hover a { color: #FFF !important }

/* Footer */
#footer {
  background: rgb(255,255,255);
  background: rgba(255,255,255,0.9);
  height: 40px;
  margin: 50px auto 0 auto;
  text-align: center; }
#footer span {
  display: inline-block;
  color: #555;
  font-family: 'Roboto', sans-serif;
  font-size: 0.9em;
  margin-top: 13px;
  padding-right: 35px;
  text-transform: uppercase; }
.footer-nav {
  border-right: 1px solid #ccc;
  padding-right: 8px!important;
  padding-left: 5px; }
.footer-nav:first-child {
  padding-left: 0; }
.footer-nav:last-child {
  border-right: 0; }
.footer-nav a {
  color: #2B5772;
}

/* Body */
#body_dark {
  background: rgb(2,18,33);
  background: rgba(2,18,33,0.8);
  color: #fff;
  margin: 0 auto; }
#body_light {
  background-color: #fff;
  color: #05293F;
  margin: 0 auto;
  padding: 30px;
}

#main {
  float: left;
  margin-right: 39px;
  width: 590px; }
#sidebar {
  float: left;
  margin-right: 0;
  width: 300px; }
#main h4, #sidebar h4 {
  line-height: 1.3;
  margin-bottom: 1em; }
#main h5, #main h6 {
  margin-bottom: 0.3em; }
#sidebar h4, #sidebar h4 a {
  color: #8B6D19;
  letter-spacing: 0.035em;
  margin-bottom: 0.5em; }
#sidebar h6 {
  margin-bottom: 1.2em; }
.sans-sidebar {
  margin-right: 0!important;
  width: 939px!important;
}

/* Product & Brand Headings + ResponsiveSlides
-------------------------------------------------------------- */
.heading_whiskymag {
  padding: 80px 0 0 70px;
  width: 350px; }
.heading_whiskymag h2 {
  display: inline;
  font-weight: 700;
  line-height: 0.9; }
.heading_whiskymag .reduce {
  font-size: 34px;
  font-weight: 400;
}

.heading_brands {
  background: rgba(0,0,0,0.6);
  height: 92px; }
.heading_brands h2 {
  text-shadow: rgba(0,0,0,0.2) 1px 1px;
  padding-top: 16px;
  padding-left: 40px; }
.heading_brands h3 {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.1px;
  padding-top: 3px;
  padding-left: 42px; }
.heading_brands h3 span {
  font-weight: 300;
  padding-right: 2px; }
.heading_brands h3 span.region {
  color: #eee;
  font-weight: 400;
  padding-right: 0!important; }
.heading_brands h3 span.region,
.heading_brands h3 span.and {
  padding-left: 2px;
}

.header_whiskymag       { background: url(../img/header_whiskymag.jpg) no-repeat center center; }
.header_anchor          { background: url(../brand/anchor/anchor_header.jpg) no-repeat center center; }
.header_barsol          { background: url(../brand/barsol/barsol_header.jpg) no-repeat center center; }
.header_benriach        { background: url(../brand/benriach/benriach_header.jpg) no-repeat center center; }
.header_berrysown       { background: url(../brand/berrysown/berrysown_header.jpg) no-repeat center center; }
.header_briottet        { background: url(../brand/briottet/briottet_header.jpg) no-repeat center center; }
.header_chinaco         { background: url(../brand/chinaco/chinaco_header.jpg) no-repeat center center; }
.header_curacao         { background: url(../brand/curacao/curacao_header.jpg) no-repeat center center; }
.header_drouin          { background: url(../brand/drouin/drouin_header.jpg) no-repeat center center; }
.header_englishharbour  { background: url(../brand/englishharbour/englishharbour_header.jpg) no-repeat center center; }
.header_etter           { background: url(../brand/etter/etter_header.jpg) no-repeat center center; }
.header_fmeyer          { background: url(../brand/fmeyer/fmeyer_header.jpg) no-repeat center center; }
.header_glendronach     { background: url(../brand/glendronach/glendronach_header.jpg) no-repeat center center; }
.header_glenglassaugh   { background: url(../brand/glenglassaugh/glenglassaugh_header.jpg) no-repeat center center; }
.header_glenrothes      { background: url(../brand/glenrothes/glenrothes_header.jpg) no-repeat center center; }
.header_hine            { background: url(../brand/hine/hine_header.jpg) no-repeat center center; }
.header_hirsch          { background: url(../brand/hirsch/hirsch_header.jpg) no-repeat center center; }
.header_karlssons       { background: url(../brand/karlssons/karlssons_header.jpg) no-repeat center center; }
.header_kavalan         { background: url(../brand/kavalan/kavalan_header.jpg) no-repeat center center; }
.header_kgl             { background: url(../brand/kgl/kgl_header.jpg) no-repeat center center; }
.header_luxardo         { background: url(../brand/luxardo/luxardo_header.jpg) no-repeat center center; }
.header_medine          { background: url(../brand/medine/medine_header.jpg) no-repeat center center; }
.header_mezcal          { background: url(../brand/mezcal/mezcal_header.jpg) no-repeat center center; }
.header_montifaud       { background: url(../brand/montifaud/montifaud_header.jpg) no-repeat center center; }
.header_nikka           { background: url(../brand/nikka/nikka_header.jpg) no-repeat center center; }
.header_no3             { background: url(../brand/no3/no3_header.jpg) no-repeat center center; }
.header_tempus          { background: url(../brand/tempus/tempus_header.jpg) no-repeat center center; }
.header_westland        { background: url(../brand/westland/westland_header.jpg) no-repeat center center; }
.header_ypioca          { background: url(../brand/ypioca/ypioca_header.jpg) no-repeat center center; }

/* Typography & Images
-------------------------------------------------------------- */
.caps   { text-transform: uppercase }
.italic { font-style: italic }
.bold   { font-weight: 700 }
.medium { font-weight: 500 }
.light  { font-weight: 300 }

.small  { font-size: 0.9em !important }
.smaller{ font-size: 0.8em !important }
.large  { font-size: 1.1em }
.larger { font-size: 1.3em }

.quiet            { color: #999 }
.gray             { color: #666 }
.blue             { color: #05293F } /* In use */
.blue-lightest    { color: #2B5772 } /* In use */
.blue-light       { color: #083D5E } /* In use */
.blue-dark        { color: #011A28 }
.blue-darkest     { color: #000C14 }
.yellow           { color: #634902 } /* In use */
.yellow-lightest  { color: #B2933D }
.yellow-light     { color: #8B6D19 }
.yellow-dark      { color: #3E2E00 }
.yellow-darkest   { color: #1F1600 }
.rust             { color: #8B5819 } /* In use */
.rust-light       { color: #B27E3D } /* In use */
.green            { color: #2B7D53 }

/*
.dark_gray        { color: #999999 }
.dim_gray         { color: #666666 }
.pigeon_post      { color: #82949E }
.prussian_blue    { color: #05293F }
.chathams_blue    { color: #2B5772 }
.venice_blue      { color: #083D5E }
.tangaroa         { color: #011A28 }
.blue_dark        { color: #000C14 }
.yukon_gold       { color: #634902 }
.roti             { color: #B2933D }
.alpine           { color: #8B6D19 }
.horses_neck      { color: #3E2E00 }
.cola             { color: #1F1600 }
.afghan_tan       { color: #8B5819 }
.buttered_rum     { color: #B27E3D }
.greenstone       { color: #2B7D53 }
*/

.roboto    { font-family: 'Roboto', sans-serif }
.open-cond { font-family: 'Open Sans Condensed', sans-serif }

h4.title { text-transform: none }

.caption {
  float: left;
  margin: 1em 1.5em 1.5em 0; }
.caption div {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 0.9em;
  font-weight: 300;
  padding-top: 5px;
  text-align: center;
  text-transform: uppercase;
}

.shadow-border {
  box-shadow: 0 0 2px 1px rgba(102,102,102,0.2);
  background-color: #fff;
  padding: 3px !important;
}

/* Positioning
-------------------------------------------------------------- */
.left       { float: left }
.right      { float: right }
.center     { text-align: center }
.inline     { display: inline-block }

p .left     { margin: 1em 1.5em 1em 0; padding: 0; }
p .right    { margin: 1.5em 0 1.5em 1.5em; padding: 0; }
p .top      { margin-top: 0 !important }

hr.space,
hr.space-1  { border: 0; padding-top: 0; visibility: hidden; }
hr.space    { margin-bottom: 10px; }
hr.space-1  { margin-bottom: 30px; }
div.space-0 { height: 15px; }
div.space-1 { height: 30px; }
div.space-2 { height: 60px; }
div.space-3 { height: 90px; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}