@charset "utf-8";
/* CSS Document */

body{
  line-height:1.5;
}

body .bsu_pub{
  display:none!important;
}
#bsu_root,.bsu_almofada{
  margin:0!important;
}
#main,.wrapper,.sponsors,.top{
  overflow:hidden;
}

#main .box h3,#main .box figure{
  margin-bottom:.5em;
}


.ink-grid .column-group.gutters.columns{
  margin-left:-4em;
}
.ink-grid .column-group.gutters.columns > [class*="large-"]{
  padding-left:4em;
}

.lead{
  font-size:1.2em;
  margin:.5em 0 1em;
}

.mobile_banner{
  padding:1em;
  /*background:#ddd;*/
  text-align:center;
  margin-bottom:1em;
  display:none;
}
.box.news .ink-navigation ul.pagination.dotted li:hover a,.box.news .ink-navigation ul.pagination.dotted li.active a,.ink-navigation ul.pagination.dotted li.active a{
  background:#666;
}

br{
  content:"";
}


header #topbar {
    position:absolute;
    right:0;
    top:2em;
}
/* ==========================================================================
   FONT-FACE
   ========================================================================== */
@font-face {
    font-family: 'droid_serifregular';
    src: url('http://i.n.sl.pt/sswp/fonts/101/DroidSerif-webfont.eot');
    src: url('http://i.n.sl.pt/sswp/fonts/101/DroidSerif-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://i.n.sl.pt/sswp/fonts/101/DroidSerif-webfont.svg#droid_serifregular') format('svg'),
         url('http://i.n.sl.pt/sswp/fonts/101/DroidSerif-webfont.woff') format('woff'),
         url('http://i.n.sl.pt/sswp/fonts/101/DroidSerif-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;

}
@font-face {
    font-family: 'droid_serifbold';
    src: url('http://i.n.sl.pt/sswp/fonts/101/DroidSerif-Bold-webfont.eot');
    src: url('http://i.n.sl.pt/sswp/fonts/101/DroidSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://i.n.sl.pt/sswp/fonts/101/DroidSerif-Bold-webfont.svg#droid_serifbold') format('svg'),
         url('http://i.n.sl.pt/sswp/fonts/101/DroidSerif-Bold-webfont.woff') format('woff'),
         url('http://i.n.sl.pt/sswp/fonts/101/DroidSerif-Bold-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;

}
/* ==========================================================================
   POWERED BY
   ========================================================================== */
header #poweredby {
    position:absolute;
    overflow:hidden;
    z-index:900;
    margin:0;
    padding:0 .5em;
    background: rgb(76,76,76); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(28,28,28,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(100%,rgba(28,28,28,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(28,28,28,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(28,28,28,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(28,28,28,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(28,28,28,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#1c1c1c',GradientType=0 ); /* IE6-9 */
}
header #poweredby:hover {
    background: rgb(56,56,56); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(56,56,56,1) 0%, rgba(12,12,12,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(56,56,56,1)), color-stop(100%,rgba(12,12,12,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(56,56,56,1) 0%,rgba(12,12,12,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(56,56,56,1) 0%,rgba(12,12,12,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(56,56,56,1) 0%,rgba(12,12,12,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(56,56,56,1) 0%,rgba(12,12,12,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#0c0c0c',GradientType=0 ); /* IE6-9 */
}
#poweredby {
  display:block;
  float:right;
}
#poweredby span{
  height:30px;
  display:block;
  text-indent:-9999px;
  background:url("/assets/img/poweredsprite.png") no-repeat;
}
#poweredby.noticias.dark span{
  width:150px;
  background-position:0 0;
}
#poweredby.ao.dark  span{
  width:150px;
  background-position:0 -35px;
}

#poweredby.cv.dark span{
  width:150px;
  background-position: 0 -70px;
}
#poweredby.tl.dark span{
  width:142px;
  background-position:0 -105px;
}
#poweredby.mz.dark span{
  width:155px;
  background-position:0 -140px;
}
#poweredby.noticias.light span{
  width:150px;
  background-position:0 -175px;
}
#poweredby.ao.light span{
  width:150px;
  background-position:0 -210px;
}
#poweredby.cv.light span{
  width:150px;
  background-position: 0 -245px;
}
#poweredby.tl.light span{
  width:142px;
  background-position:0 -280px;
}
#poweredby.mz.light span{
  width:155px;
  background-position:0 -315px;
}

#poweredby.top {
  top:0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
#poweredby.bottom {
  bottom:0;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#poweredby.right {right:3em;}
#poweredby.left {left:3em;}


/* ==========================================================================
   HEADER
   ========================================================================== */
header .ink-grid{
  position:relative;
}
header .text-box{
  padding:2em 0;
}
header[role="banner"] h1{
  font-size:3em;
}
header .image-box{
  position:relative;
}
header .image-box:after{
  content:"";
  display:block;
  height:100%;
  width:35%;
  top:0;
  position:absolute;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, rgba(17,17,17,1) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(17,17,17,1)), color-stop(100%,rgba(0,0,0,0)));
  background: -webkit-linear-gradient(left, rgba(17,17,17,1) 0%,rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(left, rgba(17,17,17,1) 0%,rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(left, rgba(17,17,17,1) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to right, rgba(17,17,17,1) 0%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#00000000',GradientType=1 );
}
header.text-image .image-box:after{
  left:0;
}
header.image-text .image-box:after{
  right:0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMTExMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, rgba(17,17,17,0) 0%, rgba(17,17,17,1) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(17,17,17,0)), color-stop(100%,rgba(17,17,17,1)));
  background: -webkit-linear-gradient(left, rgba(17,17,17,0) 0%,rgba(17,17,17,1) 100%);
  background: -o-linear-gradient(left, rgba(17,17,17,0) 0%,rgba(17,17,17,1) 100%);
  background: -ms-linear-gradient(left, rgba(17,17,17,0) 0%,rgba(17,17,17,1) 100%);
  background: linear-gradient(to right, rgba(17,17,17,0) 0%,rgba(17,17,17,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00111111', endColorstr='#111111',GradientType=1 );
}
header h1{
  color:#888;
}
header a blockquote{
  padding-left:0;
  border-left:0;
  color:#888;
}
header.homepage blockquote{
  font-size:1.5em;
}
header.internal blockquote{
  font-size:1.5em;
}
header a:hover,header a:hover h1,header a:hover blockquote{
  color:#222;
  text-decoration:none;
   /* Mozzila */
  -moz-transition-property:color;
  -moz-transition-duration:.5s;
  /* WebKit */
  -webkit-transition-property:color;
  -webkit-transition-duration:.5s;
  /* Opera */
  -o-transition-property:color;
  -o-transition-duration:.5s;
  /* Standard */
  transition-property:color;
  transition-duration:.5s;
}
header.homepage .img{
  max-height:400px;
}
header.internal .img{
  max-height:250px;
}

body {
    background:#F0F0F0;
}
body,.preTitle {
    font-weight:400;
    font-family:"Helvetica", Arial, sans-serif;
}
header .preTitle{
  float:none;
  font-weight:bold;
}

h1,h2,h3,h4,h5,h6{
  font-weight:700;
  font-family:"droid_serifbold", serif;
}

figcaption{
  padding:0;
  margin-top:.5em;
}
figure img{
  width:100%;
}
/* ==========================================================================
   TICKER
   ========================================================================== */
  #ticker{
      margin-top:1em;
      overflow:hidden;
      max-height:42px;
      background:#ddd;
  }
  #ticker.closed{
    padding:.2em;
  }
  #ticker.closed .ink-grid{
    display:none;
  }
  #ticker .latest{
      margin:0;
  }
  #ticker .latest p{
      margin:0;
  }
    #ticker .latest li{
      margin:0 .5em .5em .28em;
  }
     #ticker .latest a{
      padding:0;
      line-height:2.5;
  }
  #ticker .latest p{
     line-height:1.5;
     margin-bottom:.5em;
  }
  #ticker a{
      text-align:center;
      color:#ccc;
      display:block;
      padding:.5em 1em;
      background:#222;
      position:relative;
  }
   #ticker a:after{
      content:"";
      display:block;
      position:absolute;
      top:.9em;
      right:-5px;
      width: 0; 
      height: 0; 
      border-top:5px solid transparent;
      border-bottom:5px solid transparent;
      border-left:5px solid #222;
  }
  #ticker a:hover{
      color:#fff;
      background:#000;
      text-decoration:none;
  }
  #ticker a:hover:after{
      border-left:5px solid #000;
  }
    #ticker ul a {
    color:#666;
    text-align:left;
    background:none;
   }
    #ticker ul a:hover {
    color:#222;
    background:none;
   }
   #ticker ul a:after {
    content:"";
    display:none;
   }
/* ==========================================================================
   TOP NAV
   ========================================================================== */
.title{
  position:relative;
}
.toggle{
  right:.25em;
  top:.3em;
  position:absolute;
  color:#ccc;
  line-height:1;
  border:none;
  font-size:1.4em;
  background:transparent;
  padding:.15em .25em;
}

.toggle:hover{
  color:#fff;
}

/* ==========================================================================
   SHARE LIST
   ========================================================================== */
.share{
  font-size:80%;
  overflow:hidden;
}
.share.top{
  padding:0 0 4px;
  margin-bottom:1em;
  border-bottom:1px solid #ddd;
}
.share.bottom{
  padding:4px 0 0;
  border-top:1px solid #ddd;
}
.mediaBlock .share.bottom{
  border-top:1px solid #222;
}
.mediaBlock .share.top{
  border-bottom:1px solid #222;
}
.share li,.share p,.sponsors li,.follow li,.listing li,.entry.list li,.event li{
  list-style:none;
}
.share li,.share p,.sponsors li,.follow li{
  float:left;
  margin-right:.25em;
}
.sponsors li{
  margin-right:1em;
}
.share p{
  margin:0;
}

.share li a,.follow a {
    display: block;
}
.share li a {
  margin-left:1px;
          transition:background 200ms ease-in-out 0s;
     -moz-transition:background 200ms ease-in-out 0s;
  -webkit-transition:background 200ms ease-in-out 0s;
  border-radius:2px 2px 2px 2px;
  color:#FFFFFF;
  padding:2px 5px;
  text-decoration:none;
  text-shadow:0 1px 0 rgba(0, 0, 0, 0.8);
}
.sticky .share li{
  float:none;
  margin-right:0;
  overflow:hidden;
}
.sticky .share li:first-child{
  margin-bottom:.5em;
}

.sticky .share li a{
  width:100%;
}

.share li a.facebook {
  background:none repeat scroll 0 0 #0E549A;
}
.share li a.facebook:hover {
  background: none repeat scroll 0 0 #1377DB;
}
.share li a.twitter {
  background:none repeat scroll 0 0 #17A2EC;
}
.share li a.twitter:hover {
  background: none repeat scroll 0 0 #50B9F0;
}
.share .facebook-like {
    float:right;
    margin-right:0;
}
body .share li a:hover{
  color:#fff;
  text-decoration:none;
}
.share .facebook-iframe{
  border:medium none;
  clear:both;
  float:right;
  height:25px;
  overflow:hidden;
  width:90px;
}

/*Follow*/
.meo img{
    max-width: 130px;
}
.follow{
    margin:.5em 0;
    overflow:hidden;
}
.follow a{
    vertical-align:middle;
    text-align:center;
}
.follow a span{
    font-size:1.2em;
    line-height:1.6;
}
.follow .icon a{
    height:30px;
    width:30px;
    position:relative;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
}
.follow.light .icon a{
    color:#fff;
    background:rgba(0,0,0,.4);
}
.follow.light .sapo span,.follow.dark .sapo span{
   background:url("/assets/img/icon-sapo.png") no-repeat;
   display:block;
   height:30px;
   width:30px;
}
.follow .icon a:hover{
    background:rgba(0,0,0,.6);
    text-decoration:none;
}
.follow.dark .icon a{
  color:#fff;
  background:rgba(0,0,0,.7);
}
.follow.dark .icon a:hover{
  background:rgba(0,0,0,1);
}
.follow .icon a:hover img{
    opacity:1;
}

/* ==========================================================================
   STRUCTURE
   ========================================================================== */
   .ink-navigation ul.menu.horizontal li a{
    height:100%;
    line-height:2;
   }
   #pub300x250{
    margin-bottom:1em;
   }
/* ==========================================================================
   FIXED COLUMN - RIGHT & LEFT
   ========================================================================== */
.elastic {
    width:100%;
}
.elastic.left {
    float:left;
    margin:0 -330px 0 0;
    padding-right:330px;
}
.elastic.right {
    float:right;
    margin:0 0 0 -330px;
    padding-left:330px;
}
#sidebar{
    margin:0;
    position:relative;
    width:330px;
    z-index:3;
}
#sidebar.right{
    float:right;
    padding-left:30px;
}
#sidebar.left{
    float:left;s
    padding-right:30px;
}
.sharebar #sidebar.left{
  width:150px;
}
.sharebar .elastic.right{
  margin:0 0 0 -180px;
  padding-left:180px;
}

#sidebar #pub300 iframe,#sidebar #pub300 object{
  float:none;
  max-width:none;
  position:static;
}

#pub300 .widget_title{
  font-size:.7em;
  text-transform:uppercase;
}
/* ==========================================================================
   CONTENT STYLES
   ========================================================================== */
header .preTitle{
  margin:0;
  float:none;
  font-size:.9em;
  text-transform:uppercase;
}
header h2, header h3, header h4{
  margin-top:0;
}
.listing li > a,.listing a h1,.listing a h2,.listing a h3,.listing a h4,.listing a h5,.listing a h6{
  color:#444;
  line-height:1.3;
}
.listing a h1,.listing a h2,.listing a h3,.listing a h4,.listing a h5,.listing a h6{
  margin-bottom:0;
}
.listing li > a,.sponsors li a{
    display:block;
}
.listing li a:hover{
    text-decoration:none;
}
ul.unstyled .sponsors,ul.unstyled .tags{
  padding-left:0;
}
.sponsors li p,.follow li p{
  font-size:.9em;
  line-height:2;
  margin:0;
}
.listing li > a:hover,.listing li > a:hover h1,.listing li > a:hover h2,.listing li > a:hover h3,.listing li > a:hover h4,.listing li > a:hover h5,.listing li > a:hover h6{
    color:#000;
}
a:hover img,#poweredby.light a:hover{
    opacity:.9;
}

time,.info .author,.info .source,.info .credits,.info .tag{
    font-size:.7em;
    line-height:1;
    text-transform:uppercase;
}
.media time,.media .info .author,.media .info .source,.media .info .credits{
    font-size:.7em;
}
.info a.author,.info a.source,.info a.credits{
   text-decoration:underline;
}
.info a,.info p{
   color:#555;
   margin:0;
}
.info a span,.info p span{
   margin-right:.5em;
}
.info a:hover,a:hover .info p{
   color:#222;
}
.gallery-wrapper .info a:hover,.gallery-wrapper a:hover .info p{
   color:#fff;
}
.info.unstyled {
  padding-left:0;
  margin:0 0 .5em 0;
}
.info li,.tags li,.event li{
  display:inline-block;
}
.event li{
  margin-right:1em;
}
.event .list time{
  font-size:inherit;
  text-transform:none;
}
.info li{
  position:relative;
  margin:0 0 0 .25em;
  padding-left:.5em;
}
.info li:before{
  content:"";
  display:block;
  background:#ccc;
  top:35%;
  left:0;
  width:1px;
  height:40%;
  position:absolute;
}
.info li:first-child:before{
  display:none;
}
.mediaBlock .info li:before{
  background:#444;
}
.mediaBlock .media .colright{
  border-left:1px solid #222;
}
.info li:first-child{
  padding-left:0;
  margin-left:0;
}
.info li:first-child:before{
  content:"";
  display:none;
}

.tags li{
  margin-right:.5em;
}
.tags li a{
  color:#555;
}
.tags li a:hover{
  color:#222;
  text-decoration:none;
}

.listing ul.unstyled{
  padding-left:0;
}
.listing blockquote{
    border-left:none;
    padding-left:0;
    margin:.5em 0;
}
.listing .lead{
  font-weight:normal;
  margin:.5em 0 0;
}
.listing .author{
  margin:0;
}

.listing.poster li a{
  position:relative;
   color:#fff;
}
.listing.poster li a h2,.listing.poster li a h3,.listing.poster li a h4,.listing.poster li a h5{
   color:#fff;
}
.listing.poster .description-wrapper{
  position:absolute;
  z-index:5;
  left:0;
  bottom:0;
  padding:.5em;
  width:100%;
  background:rgba(0,0,0,.8)
}

header .column-group{
  margin-top:1em;
}
ul.column-group{
  list-style:none;
  padding-left:0;
}

.article footer,li footer{
  background:none;
  border:none;
}
.article h3{
  margin-top:1em;
}
.entry.list{
  padding-left:0;
  margin:1em 0;
  padding:.5em;
  background:#ddd;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
}
.entry.list li{
  display:inline-block;
  padding:.5em 1em;
  margin:0 0 0 .5em;
  background:#fff;
  box-shadow:0 0 2px rgba(0,0,0,.2);
  -moz-box-shadow:0 0 2px rgba(0,0,0,.2);
  -webkit-box-shadow:0 0 2px rgba(0,0,0,.2);
}
.entry.list li:first-child{
  border-left:none;
  margin-left:0;
}
.entry.list p{
  margin:0;
  color:#666;
}
.entry.list a{
  color:#666;
}
.entry.list a:hover{
  color:#000;
}
.entry.list span,.tags span,.event span{
  margin-right:.5em;
}
.ingredients{
  float:none;
}
.error-message{
  text-align:center;
  margin-bottom:5em;
}
.error-message .error{
  font-size:10em;
  margin-bottom:0;
}
.error-message form{
  margin:2em auto;
}
.error-message input{
  padding:1em;
  border:1px solid #ccc;
}
.error-message input#searchbox{
  width:50%;
}
.error-message input#submit{
  width:30%;
}
.container.sticky h3{
  font-size:1.3em;
}
.container.sticky h4{
  font-size:1.1em;
}
.container.sticky .listing li{
  margin-bottom:1em;
}
a.box{
  display:block;
}
a.box p,a.box blockquote,a.box li,a.box .info,.listing a p,.listing a blockquote,.listing a .info{
  color:#555;
}
a.box:hover,a.box:hover h2,a.box:hover h3,a.box:hover h4,a.box:hover p,a.box:hover blockquote,a.box:hover time{
  color:#000;
  text-decoration:none;
}
.smaller{
  max-width:300px;
  float:left;
  margin-right:2em;
}
/* ==========================================================================
   CHRONOLOLOGY
   ========================================================================== */
.timeline {
    clear:both;
}
.timeline.years ul {
    margin:0 auto;
    overflow:hidden;
    padding:0;
}
.timeline, .timeline li {
    line-height:0;
    list-style:none outside none;
    margin:0;
    overflow:visible;
    padding:0;
    text-align:center;
    position:relative;
}
.timeline li {
    margin:1em 0 4em;
}
.timeline li p {
    margin:0;
    line-height:1.4;
}
.timeline li:first-child {
    margin-top:0;
}
.timeline:before {
    content:"";
    display:block;
    width:5px;
    height:100%;
    top:0;
    left:50%;
    left:calc(50% - 2.5px);
    position:absolute;
    background:#ddd;
}
.years h2 {
    background:#F0F0F0;
    color:#382713;
    display:inline-block;
    font-size:1.4em;
    line-height:1.4;
    padding:0.5em;
    z-index:300;
    text-align:center;
}
.years img {
    margin-bottom:.5em;
}
.timeline ul li{
  position:relative;
  text-align:left;
}

.timeline h3 {
    text-align:left;
    background:#eee;
    padding:.25em .5em;
    line-height:1;
    margin-top:0;
    font-size:1.2em;
    text-shadow:0 1px 0 #fff;
    margin-bottom:.5em;
}
body .years li.even {
    float: right;
    margin-top:12em;
}
.timeline .content{
    overflow:visible;
    padding:.5em;
    position:relative;
    background:#fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.timeline li.odd .content:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
    border-width: 8px 0 8px 8px;
    right: -8px;
}

.timeline li.even .content:before {
    border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 8px 8px 8px 0;
    left: -8px;
}
.timeline li.odd .content:after,.timeline li.even .content:before {
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 10px;
    width: 0;
}
.timeline #video {
    float: none;
    margin: 0 4% 2% 0;
    padding-bottom: 65.82%;
    width: 100%;
    padding-top: 25px;
    position: relative;
    height:0;
}
.timeline embed, .timeline object {
    float: left;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

a.player{
    background:#DADADA;
    display:block;
    padding:1em;
    overflow:hidden;
    position:relative;
    box-shadow:0 -1px 0 rgba(255, 255, 255, 0.4), 0 1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 0 rgba(255, 255, 255, 0.4), 0 -1px 0 rgba(0, 0, 0, 0.08) inset;
    -moz-box-shadow:0 -1px 0 rgba(255, 255, 255, 0.4), 0 1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 0 rgba(255, 255, 255, 0.4), 0 -1px 0 rgba(0, 0, 0, 0.08) inset;
    -webkit-box-shadow:0 -1px 0 rgba(255, 255, 255, 0.4), 0 1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 0 rgba(255, 255, 255, 0.4), 0 -1px 0 rgba(0, 0, 0, 0.08) inset;
}
.player .fa-headphones{
  display:block;
  float:left;
  color:#666;
  width:50px;
  height:50px;
  font-size:1.5em;
  padding-top:1em;
  background:#eee;
  text-align:center;
  margin-right:.5em;
  border:1px solid #ccc;
}
.player .description-wrapper{
  width:80%;
  float:left;
}
.timeline a.player p {
    font-size:0.9em;
    line-height:1.4;
    margin:0;
    color:#666;
}
a.player:hover,a.player:hover p,a.player:hover span{
  color:#222;
  text-decoration:none;
}
a.player:hover span{
  background:#f9f9f9;
  /* Mozzila */
  -moz-transition-property:background-color;
  -moz-transition-duration:.5s;
  /* WebKit */
  -webkit-transition-property:background-color;
  -webkit-transition-duration:.5s;
  /* Opera */
  -o-transition-property:background-color;
  -o-transition-duration:.5s;
  /* Standard */
  transition-property:background-color;
  transition-duration:.5s;
}
.timeline a.player p.file {
    color:#0069D6;
    font-size: 1em;
}

a.anchor.top {
    bottom: 1em;
    position: fixed;
    right: 1em;
    z-index: 600;
    padding:.5em;
}

.horizontal.anchor li{
  display:inline-block;
  list-style:none;
  margin-right:1em;
}

.mediaPage .mediaBlock,.article.mediaWrapp{
  background:#111;
  padding:1em 0;
}
.mediaPage header[role="banner"]{
  background:#111;
}
.mediaPage #topbar{
  background:#000;
}
.article.mediaWrapp{
  background:#ddd;
  padding:1em;
  margin-top:1em;
}
.mediaBlock .article.mediaWrapp .share.top{
  border-bottom:1px solid #eee;
}
.mediaBlock .article.mediaWrapp .share.bottom{
  border-top:1px solid #eee;
}
.mediaBlock .article.mediaWrapp .media .colright{
  border-left:1px solid #eee;
  margin:.5em 0 0;
}

.mediaBlock header,.mediaBlock h1,.mediaBlock h2,.mediaBlock h3,.mediaBlock h4,.mediaBlock h5,.mediaBlock h6{
  color:#ccc;
}
.mediaBlock .article.mediaWrapp header,.mediaBlock .article.mediaWrapp h1,.mediaBlock .article.mediaWrapp h2,.mediaBlock .article.mediaWrapp h3,.mediaBlock .article.mediaWrapp h4,.mediaBlock .article.mediaWrapp h5,.mediaBlock .article.mediaWrapp h6{
  color:#444;
}
.mediaBlock header .info{
  color:#666;
}
.media.highlights ul,.media.highlights li{
  margin:0;
}
.media.highlights.section{
  height:200px;
  position:relative;
}
.albuns-wrapper{
  padding-top:1em;
  border-top:1px solid #ccc;
}
/* ==========================================================================
   FOOTER
   ========================================================================== */
.PT-wrap{
    clear:both;
}

#pageFooter #pageFooterContent{
  width:auto;
}

footer .ink-navigation ul.menu.horizontal #poweredby a{
  padding:.5em 0;
}
footer .ink-navigation ul.menu.horizontal liy a{
  padding:.5em 2em .5em 0;
}

.footer_socialnetworks .fa{
  font-size:1.2em;
}

/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */

@media screen and (max-width: 960px) {
    footer .ink-navigation ul.menu.horizontal li{
      float:none;
    }
    footer .ink-navigation ul.menu.horizontal li a{
      width:100%;
    }
     #poweredby{
      float:none;
    }
    .ink-navigation ul.menu.flat.black.vertical li.title a{
      border-bottom:none;
    }
    .toggle{
      position:static;
    }
     #ticker{
      max-height:none;
    }
    #ticker a:after,#ticker a:hover:after {
      content: "";
      display: block;
      position:absolute;
      right:50%;
      right:calc(50% - 2.5px);
      top:auto;
      bottom:-10px;
      width:0; 
      height:0; 
      border-left:5px solid transparent;
      border-right:5px solid transparent;
      border-top:5px solid #222;
   }
   #ticker a:hover:after {
      border-top:5px solid #000;
   }
}

@media screen and (max-width: 650px) {
    header #poweredby{
      position:static;
      float:none;
      margin-bottom:1em;
    }
    header #poweredby span{
      margin:0 auto;
    }
     .share li,.share p,.share .facebook-like{
      float:left;
    }
    .sponsors li{
      float:none;
    }
    #sidebar,.timeline li.odd .content:after,.timeline li.even .content:before{
        display:none;
    }
    .elastic.left,.elastic.right,.sharebar .elastic.right{
        padding:0;
        margin-right:0;
        margin-left:0;
    }
    header .image-box:after{
      display:none;
    }
    .entry.list li{
      display:block;
      margin:0 0 .5em 0;
    }
    .mobile_banner{
      display:block;
    }

   .widget nav{
    display:none;
   }
   .entry.list li:last-child{
    margin-bottom:0;
   }
   .smaller{
    float:none;
   }
   .mediaBlock .article.mediaWrapp .media .colright{
    margin:0;
   }

}

