/* ==========================================================================
   Normalize
   ========================================================================== */
   
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:link {color: black; text-decoration: none;}
a:visited {color: black; text-decoration: none;}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:0 0; font-weight: normal;}
h2{font-size:1.5em;margin:0; font-weight: normal;}
h3{font-size:1.17em;margin:0; font-weight: normal;}
h4{font-size:1em;margin:0; font-weight: normal;}
h5{font-size:.83em;margin:0; font-weight: normal;}
h6{font-size:.75em;margin:0; font-weight: normal;}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{padding: 0;}
ul{margin:0 0; padding: 0; list-style: none;}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 0}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=text]:focus,
input[type=password]:focus {
  outline: 0 none;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}


/* ==========================================================================
   Main styles
   ========================================================================== */
  body{
    padding: 25px 0 65px;
    font: 14px/18px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
  }
  
  img{border:4px solid white;}
  
  .container {
  display: none;  
  }

  #header-container.container {
    padding-right: 0;
    width: 970px;
  }
  
  #content {
  position: relative; 
  margin-top: 40px;
  margin-bottom: 30px;
  }
  
  .columns {
  -moz-column-count:2; /* Firefox */
  -webkit-column-count:2; /* Safari and Chrome */
  column-count:2;
  -moz-column-gap:20px; /* Firefox */
  -webkit-column-gap:20px; /* Safari and Chrome */
  column-gap:20px;
  }
  
  .home #content {
  position: relative; 
  margin-top: 0;
  border-top: 0;
  padding-top: 0;
  margin-bottom: 25px;
  }
  
  #main {
    position: relative;
    overflow: hidden;
    margin-top: 55px;
  }
  
  #deck a:link, #text a:link, .toc_secondary a:link, .text a:link {
    border-bottom: 1px solid black;
  }
  
  #content a.fancybox, #content .widgets li a {
    border-bottom: none; 
  }
  
  .row {
    padding-bottom: 35px;
  }
  
  .row.focus {
    padding-top: 20px;
  }

  .separator {
    border-top: 10px solid black;
    padding-top: 15px;
  }
  
  .thin_separator {
    border-top: 4px solid black;
    padding-top: 15px;
    position: relative;
  }
  
  ul#menu {
  font: 15px/20px 'P22Underground-Demi';
  color: #6E6E6E;
    }
   
   ul#menu li{
   display: inline-block;
   width: 170px;
   margin-right: 30px;
   vertical-align: top;
   }
   
   ul#menu li a{
   color: #6E6E6E;
   }
   
   ul#menu span.heading {
    margin-bottom: 8px;
    display: block;
    text-transform: uppercase;
   }

   ul#menu .logo {
    width: 330px;
    margin-right: 0;
    margin-left: 27px;
}
   
   ul#menu form.search {
    margin-top: 30px;
   }
   
   form.search {
  width: 115px;
  border: 2px solid #B3B3B3;
  position: relative;
    }
   
  form.search input.searchbox {
   width: 88px;
   padding: 2px 0 2px 4px;
   border: 0;
   display: block;
   }
   
   form.search input.icon {
    font: 18px/13px "modern_pictogramsregular";
    background: none;
    border: none;
    position: absolute;
    top: 2px;
    right: 0;
    color: #B3B3B3;
    background: white;
   }
   
   #logo {
    z-index: 0;
    right: 30px;
    top: 25px;
    width: 330px;
    height: 50px;
  background-image: url('/svg/vera-list-center-logo.svg');
   }
   
   
   h1{
    font: 70px/65px 'Genath';
  letter-spacing: -1px;
  word-spacing: -4px;
  margin-bottom: 40px;
   }
   
   h2{
   font: 15px/18px 'P22Underground-Demi';
   margin-bottom: 16px;
   }
   
   h3{
   font: 50px/45px 'Genath';
   letter-spacing: -1px;
   word-spacing: -2px;
   }
   
   
   #footer-container {
    padding-top: 35px;
   }
   
   span.attachments {
   display: block;
   }
  
   span.icon {
    font: 24px/24px "modern_pictogramsregular";
   }
   
   span.icon.medium {
    font: 30px/30px "modern_pictogramsregular";
   }
   
   span.icon.big {
    font: 300px "modern_pictogramsregular";
    line-height: 260px;
    margin-left: -29px;
    margin-top: -10px;
    display: block;
   }
   
   span.format, span.date, span.caption, span.download, li.address, span.subtitle, .toggler, .pagination{
    font: 14px/18px "Lacrima Senza Bold";
    text-transform: uppercase;
   }
   
   .toc_secondary{
    font: 14px/18px "Lacrima Senza Bold";
    text-transform: uppercase;
    margin-bottom: 16px;
    display: block;
   }
   
   a.newsletter_signup {
    font: 14px/18px "Lacrima Senza Bold";
    text-transform: uppercase;
    border-bottom: 1px solid #333;
    margin-top: 16px;
    display: inline-block;
   }
   
   span.info, .pictures span.caption, li.copy {
    font: 14px/18px "Lacrima Senza Light";
    text-transform: none;
   }

   #text a, #deck a {
    border-bottom: 1px solid black;
   }
   
   #toc a, a.facebook_link {
    border-bottom: 1px solid black;
  display: inline-block;
  margin-bottom: 8px;
  font: 14px/16px "Lacrima Senza Bold";
  text-transform: uppercase;
   }
   
   a.facebook_link {
    border-bottom: 1px solid black;
    display: inline-block;
    margin-bottom: 8px;
    font: 14px/16px "Lacrima Senza Light";
    text-transform: none;
   }
   
   #tags_list a {
    font: 14px/18px "Lacrima Senza Light";
    text-transform: none;
    margin-right: 1px;
   }
   
   #tags_list a span {
    border-bottom: 1px solid black;
   }
   
   #tags_list a.active span{    
        color: #fff;
        border-bottom: 1px solid white;
      }
   
   #tags_list a.attach span {
    border: none;
   }
   
   #tags_list a:after {
    content: ',';
   }
   
   #tags_list a:last-child:after {
    content: '';
   }
   
   span.title, h4, li.name {
   font: 18px/20px 'Genath';
   display: block;
   margin-bottom: 3px;
   }
   
   ul.related li {
   margin-bottom: 40px; 
   }
   
   ul.related li.grid_4 {
   float: none;
   margin-right: 16px;
   display: inline-block;
   vertical-align: top;
   }
   
   ul.related li.grid_4:nth-child(3n+3){ margin-right: 0!important;}
   
   ul.related.clearfix li img {
   display: block;
   margin-bottom: 8px;  
   }
   
   img.placeholder {
   padding: 4px;  
   width: 252px;
   
   }
   
   a.bottom_link{
    margin-bottom: 35px;
    font: 14px/18px "Lacrima Senza Bold";
    text-transform: uppercase;
    border-bottom: 1px solid #333;
    display: inline-block;
   }
   
   /* ==========================================================================
      Events pages
      ========================================================================== */
   #meta {
    margin-bottom: 40px;
   }
   
   #meta span {
    display: block;
   }
   
   #meta span.icon {
    display: inline;
   }
   
   #meta a.addthis_button span.icon {
    line-height: 19px;
   }
   
   
   .widgets {
    margin-top: 10px;
   }
   
   .widgets li {
    display: inline-block; 
    vertical-align: top;
    margin-right: 4px;
   }
   
  .toggle.vote {
  margin-top: -1px;
  display: block;
  }
  
  #vote_btn span{
  display: inline;
  }
  
  #vote_btn span.count {
    
  }
  
  .widgets li ul.collapsible {
    display: none;
    position: absolute;
    z-index: 9;
    background: white;
    border: 3px solid black;
     padding: 4px 6px 2px;
   }
   
   .widgets li ul.collapsible li {
    display: block;   
    font: 14px/18px "Lacrima Senza Bold";
    text-transform: uppercase;
    }
    
  .pictures li {
  margin-bottom: 16px;  
  display: inline-block;
  vertical-align: top;
  margin-right: 16px;
  }  
  
  .pictures li:nth-child(2n+2){ margin-right: 0!important;}
     
  .pictures li img {
  margin-bottom: 8px; 
  }
      
  #medias {
   margin-top: 50px;
   margin-bottom: 50px;
  }
  
  #tags_container {
    position: relative;
  }
    
    ul.docs a:link {
      text-decoration: none;
      color: black;
    }
    
     ul.docs span.title {
    margin-top: -30px;
      display: block;
    }
    
    ul.docs li.track span.title {
      margin-top: 0;
      display: block;
    }
    
    span.download a:link{
    border-bottom: 1px solid black;
      }
      
   /* ==========================================================================
      Archive pages
      ========================================================================== */   
    body.archive #content{
      min-height: 700px;
    }    
        
    .filters > li {
    display: inline-block;
    color: black;
    border: 3px solid black;
    background: none;
    height:24px;
    }  
  
   .filters ul {
    display: none;
    width: 128px;
    padding: 5px 6px 1px;
    color: black;
    border-left: 3px solid black;
    border-bottom: 3px solid black;
    border-right: 3px solid black;
    border-top: 3px solid black;
    position: absolute;
    left: -3px;
    background: white;
    z-index: 2;
   }
   
  #tags_list.floaty.grid_4 {
   position: absolute;
   bottom: 35px;
   left: 0;
   z-index: 2;
  }
    
   
   #tags_list.grid_12 {
    display: none;
    margin-top: 20px;
   }
   
   .filters ul li{
    margin-bottom: 3px;
    font: 14px/18px "Lacrima Senza Bold";
    text-transform: uppercase;
   }
   
   .filters ul li a{
    display: block;
    border-bottom: none;
   }
   
   .filters ul li a:hover {
   color: #6E6E6E;
   }
   
   .filters .toggler {
    margin: 0 0 0 6px;
    display: inline-block;
    position: relative;
    line-height: 24px;
    width: 130px;
   }
   
   a.toggler span.icon{
   line-height: 22px;
   position: absolute;
   right: 2px;
   } 
   
   form.search input.searchbox {
    width: 88px;
    padding: 2px 0 2px 4px;
    border: 0;
    display: block;
    }
    
    form.search input.icon {
      font: 18px/13px "modern_pictogramsregular";
      background: none;
      border: none;
      position: absolute;
      top: 2px;
      right: 0;
      color: #B3B3B3;
      background: white;
    }
    
    .filters form {
      border: 3px solid black;
      height: 24px;
     }
   
   .filters form.search input.searchbox {
      width: 190px;
      padding: 2px 0 2px 4px;
    line-height: 22px;    
      background: none;
    }
    
    .filters form.search input.icon {
      background: none;
      color: black;
      top: 4px;
    }
    
    span.extend {
      margin-right: 4px;
    }
    
    span.pages {
      margin-right: 20px;
    }
    
    .pagination {
      margin-bottom: 30px;
    }
  
  .pagination a.active.page {
    border-bottom: 1px solid #333;
  }
  
  .archive #tags_list {
     position: relative;
  }
  
  .archive #tags_list.toggled {
     display: block;
  }
  
  .archive h3 {
    margin-bottom: 35px;
  }
  
  /* ==========================================================================
   Carousel
   ========================================================================== */

   .slider.primary { height: 435px; width: 940px; overflow:hidden; }
   .slider.primary .viewport { float: left; width: 940px; height: 395px; overflow: hidden; position: relative; 
     border-top: 4px solid black; border-bottom: 4px solid black;
   }
   .slider.primary .disable { visibility: hidden; }
   .slider.primary .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
   .slider.primary .overview > li{ float: left; margin: 0 0 0 0; height: 395px; width: 940px;}
   .slider.primary ul.pager { margin-bottom: 10px;
   }
   .slider.primary ul.pager li {
     display: inline;
     font: 14px/18px "Lacrima Senza Bold";
     text-transform: uppercase;
   }
   .slider.primary ul.pager li a{ border-bottom: 1px solid black;}
   .slider.primary ul.pager li a.active{ border-bottom: none; }
   .slider.secondary { height: 395px; width: 940px; overflow:; position: relative; }
   .slider.secondary .viewport { float: left; width: 940px; height: 395px; overflow: hidden; position: relative; border: none;
   }
   .slider.secondary .disable { visibility: hidden; }
   .slider.secondary .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; width}
   .slider.secondary .overview li{ float: left; margin: 0 0 0 0; height: 395px; width: 940px;}
   .slider.secondary .overview li .video_wrapper span{ margin-top: 10px;}
   .slider.secondary ul.pager { display: inline; }
   .slider.secondary ul.pager li { display: inline; }
   .slider.secondary .buttons { display: inline-block; margin: 0 0 0 0; }
   .slider.secondary .next { margin: 0 0 0 0;  }
   
   .slider.secondary .controls {
   width: 100%; 
   text-align: right;
   float: right;
   position: absolute;
   z-index: 99;
   margin-top: -2px;
   }
   .slider.secondary .overview ul.docs { padding-top: 15px; }
   .slider.secondary .overview ul.docs li{
    width: 212px;
    padding-right: 20px;
    display: inline-block;
    height: 325px;
    float: none;
    vertical-align: top;
   }
   
   .slider.secondary .overview ul.docs li.track{
   }
   
   .slider.secondary ul.pager { margin-right: 10px; margin-top: 2px; }
   .slider.secondary ul.pager li a{ border-bottom: none; }
   .slider.secondary ul.pager li a span { font-size: 16px; margin-right: -1px; }
   .slider.secondary ul.pager li a.active{ border-bottom: none; }
   .slider.secondary ul.pager li a span.on{ display: none; }
   .slider.secondary ul.pager li a.active span.on{ display: inline; }
   .slider.secondary ul.pager li a.active span.off{ display: none; }
   .slider.secondary.focus { height: 280px; width: 620px; }
   .slider.secondary.focus .viewport { height: 280px; width: 620px; }
   .slider.secondary.focus .overview li{ height: 240px; width: 580px; padding: 20px; background: black;
   }
   .slider.secondary.focus .controls { position: absolute; width: 223px; right: 20px; top: 14px;
   }
   
   .slider.secondary.focus ul.pager { 
   float: left;
   width: 185px;
   text-align: left;
   }
   
   .slider.secondary.focus a:link {
    color: white;
   }
   
   .slider.secondary.focus a:visited {
    color: white;
   }
   
   .slider.secondary.focus div.viewport ul.overview li img {
    float: left;
   }
   
   .slider.secondary.focus div.viewport ul.overview li div.block {
    width: 223px;
    float: right;
    margin-top: 30px;
   }
   
   .slider.secondary.calendar { height: 150px; width: 700px; }
   .slider.secondary.calendar .viewport { width: 700px; height: 150px; }
   .slider.secondary.calendar .overview li{ height: 150px; width: 700px;}
   .slider.secondary.calendar .controls { margin-top: -42px;}
   .slider.secondary.calendar .overview ul.docs { padding-top: 0; }
   .slider.secondary.calendar .overview ul.docs li{
    width: 219px;
    padding-right: 17px;
    height: 150px;
   }
   .slider.secondary.calendar .overview ul.docs li:nth-child(3n+3){ padding-right: 0;}
   
  
   
   /* ==========================================================================
   Media Queries
   ========================================================================== */
   
   /* iPad [portrait + landscape] */
   @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    form.search {
      width: 95px;
     }
     
      form.search input.icon {
      width: 22px;
      top: 4px;
      }
     
   }


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {

  body {
    padding-top: 0
  }

  .container {
    padding-left: 0!important;
  }
  
  #header-container, #medias, .widgets {
    display: none!important;
  }
  
  #logo {
    position: relative;
    left: 30px;
    top: 25px;
   }
   
   #main {
    margin-top: 0;
  }

    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    /*
a[href]:after {
        content: " (" attr(href) ")";
    }
*/

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}