html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;-weight: normal;
  vertical-align: baseline;
 }

.r {
  background: #ff9999 !important; }

.g {
  background: #99ff99 !important; }

.b {
  background: #9999ff !important; }

.y {
  background: #ffff99 !important; }

.c {
  background: #99ffff !important; }

.m {
  background: #ff99ff !important; }

.grid { }
	
	


.column {
  width: 250px;
  text-align: left; }
  .fob1 .column, .fob2 .column, .toc1 .column, .masthead1 .column {
    width: 180px;
    text-align: left; }


p.first, p.caption {
  text-indent: 0; }

.last:after {
  content: "";
  color: #000; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Arial';
  font-weight: normal; }

h1 {
  font-family: 'Arial';
  font-weight: bold;
  font-style: normal;
  font-size: 36px;
  line-height: 36px;
  letter-spacing: 0.02em; }

h1 em {
  font-family: 'Arial';
  font-size: 14px;
}

h2 {
  font-size: 18px;
  line-height: 18px;
  font-weight: normal; }

h3 {
  color: #666666;
  font-size: 10.8px;
  text-transform: uppercase;
  letter-spacing: 0.3em; }

h4 {
  font-family: 'Arial';
  font-weight: normal;
  font-style: normal;
  color: #b63535;
  letter-spacing: 0.05em;
  font-size: 21.6px;
  line-height: 18px;
  margin-top: 18px; }

h5 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 14.4px;
  font-weight: normal;
  color: #000;
  margin-top: 18px; }

h6 {
  font-size: 8px !important;
  line-height: 9px !important;
  font-family: 'Arial';
  margin-top: 18px;
  color: black; }

.question {
  color: #000;
  margin-top: 18px;
  font-weight: bold;
  text-indent: 0; }

.answer {
  font-weight: normal; }

.writer {
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #000; }

.title .writer {
  margin-top: 18px;
  padding-bottom: 18px;
  font-size: 18px;
  line-height: 18px; }

.caption {
  font-size: 9.6px;
  line-height: 14.4px;
  padding-bottom: 6px; }

.credit {
  color: #999999;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 8.4px; }

.runningtitle {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-family: 'Arial';
  font-weight: bold;
  background-color: #000;
  text-shadow: 0 -1px 0 #5c746c, 0 1px 0 #acbdb8;
  color: white;
  position: absolute;
  padding: 12px 20px 4px 20px;
  left: 0;
  right: 0; }

.runningtitle * {
  padding: 20px 0; }

hgroup .writer:before {
  content: "by ";
  text-transform: none; }

hgroup .photocredit:before {
  content: "Photographed by ";
  text-transform: none; }

.feature1.page-1 .title .writer {
  color: black; }
  

.toc .column {
  text-align: center;
   }
.toc p {
  text-indent: 0; }
.toc .keeptogether {
  height: 324px;
  overflow: hidden; }
.toc .title {
  color: #000;
  left: 0;
  right: 0;
  width: auto;
  padding-left: 20px;
  padding-right: 20px; }
  .toc .title .department {
    display: none; }
.toc .keeptogether img {
  width: 100px;
  height: 100px; }


.toc1 p {
  text-indent: 0;
  text-align: left;
  font-size:12px;
  line-height:16px;
}

.toc1 h5 {
  margin-top: 0;
  font-size: 12px;
  text-align: left;
  line-height:16px;
}

.toc1 .keeptogether {
  text-align: left;margin-right:20px;
  height:300px;
}

.toc1 .keeptogether img {
    width: 165px;
    height: auto; }


.letter h1, .letter h2, .letter h3 {
  margin-left: 180px; }
.letter .writer {
  display: none; }
.letter .photo {
  position: absolute; }
.letter .title, .letter .letter hgroup {
  border: none; }

.letter.w3col .photo {
  display: none; }

.w3col.letter h1, .w3col.letter h2, .w3col.letter h3 {
  margin-left: 0; }

.fob .page-1 .department:after {
  content: "/"; }
.fob .page-1 .title .department {
  font-size: 36px;
  line-height: 36px;
  font-family: 'Arial';
  font-weight: bold;
  font-style: normal;
  letter-spacing: 0.05em;
  color: #b63535;
  margin-bottom: 0; }
.fob .page-1 .title h1 {
  color: black;
  font-size: 54px;
  line-height: 54px;
  margin-bottom: 0;
  letter-spacing: 0.03em; }
.fob .page-1 .title h2 {
  font-size: 18px;
  line-height: 18px; }
.fob .page-1 .title .writer {
  font-size: 6px;
  line-height: 6px; }

.feature1.page-1.w6col, .feature1.page-2.w6col {
  min-height: 468px; }
.feature1.page-1.w9col, .feature1.page-2.w9col {
  min-height: 558px; }
.feature1.page-1.w12col, .feature1.page-2.w12col {
  min-height: 414px; }

.feature1.page-1 .title {
  top: 0;
  bottom: 0;
  text-shadow: 0 -1px 0 #5c746c, 0 1px 0 #acbdb8; }
  .feature1.page-1 .title h1 {
    color: black;
    font-size: 144px;
    line-height: 117px; }
  .feature1.page-1 .title h2 {
    color: white;
    margin-top: 18px;
    font-size: 36px;
    line-height: 36px; }
  .feature1.page-1 .title .department {
    width: 158px;
    font-size: 14.4px;
    line-height: 14.4px;
  font-family: 'Arial';
    text-transform: uppercase;
    letter-spacing: 0.3em;
    text-align: center;
    background: white;
    color: #000;
    text-shadow: none;
    padding: 36px 0 9px 0;
    margin-bottom: 18px; }

.no-mobile .feature1.page-1 .w6col.title h1 {
  font-size: 99px;
  line-height: 81px; }
.no-mobile .feature1.page-1 .w6col.title h2 {
  font-size: 27px;
  line-height: 27px; }
.no-mobile .feature1.page-1 .w6col.title .writer {
  font-size: 16.2px;
  line-height: 16.2px; }

.feature1.page-2 .img, .feature1.page-2 .column {
  top: 18px; }

.photostory.grid {
  padding: 20px;
  border: none; }
  .photostory.grid .runningtitle {
    display: block;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    line-height: 0;
    padding: 27px 0 18px 0;
    background: #67827a;
    -webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a; }
  .photostory.grid .title {
    top: 72px; }
    .photostory.grid .title h1 {
      font-size: 108px;
      line-height: 108px;
      margin-bottom: 9px; }
    .photostory.grid .title h2 {
      font-size: 21.6px;
      line-height: 21.6px; }
  .photostory.grid .column, .photostory.grid .intro {
    top: 90px; }
  .photostory.grid .img {
    top: 16px; }
    .photostory.grid .img .caption {
      color: #000;
      text-align: left;
      background-color: white; }

.masthead .title {
  background: #fff;
  color: white;
  text-shadow: 0 -1px 0 #5c746c, 0 1px 0 #acbdb8;
  left: 0;
  right: 0;
  top: 30px;
  padding: 0 20px; }

.masthead p {
  text-indent: 0; }

.smallscreen.mobile h1 {
  font-size: 36px !important;
  line-height: 36px !important; }
.smallscreen.mobile hgroup {
  text-align: left; }

.r16x9.mobile {
  height: 157.5px; }

.r16x9.w1col {
  height: 38.25px; }

.r16x9.w2col {
  height: 88.875px; }

.r16x9.w3col {
  height: 139.5px; }

.r16x9.w4col {
  height: 190.125px; }

.r16x9.w5col {
  height: 240.75px; }

.r16x9.w6col {
  height: 291.375px; }

.r16x9.w7col {
  height: 342px; }

.r16x9.w8col {
  height: 392.625px; }

.r16x9.w9col {
  height: 443.25px; }

.r16x9.w10col {
  height: 493.875px; }

.r16x9.w11col {
  height: 544.5px; }

.r16x9.w12col {
  height: 595.125px; }
  
/* 16x9 */  
.r9x16.mobile {
  height: 157.5px; }

.r9x16.w1col {
  height: 38.25px; }

.r9x16.w2col {
  height: 88.875px; }

.r9x16.w3col {
  height: 600px; }

.r9x16.w4col {
  height: 190.125px; }

.r9x16.w5col {
  height: 240.75px; }

.r9x16.w6col {
  height: 291.375px; }

.r9x16.w7col {
  height: 342px; }

.r9x16.w8col {
  height: 392.625px; }

.r9x16.w9col {
  height: 443.25px; }

.r9x16.w10col {
  height: 493.875px; }

.r9x16.w11col {
  height: 544.5px; }

.r9x16.w12col {
  height: 595.125px; }

.r4x3.mobile {
  height: 210px; }

.r4x3.w1col {
  height: 51px; }

.r4x3.w2col {
  height: 118.5px; }

.r4x3.w3col {
  height: 186px; }

.r4x3.w4col {
  height: 253.5px; }

.r4x3.w5col {
  height: 321px; }

.r4x3.w6col {
  height: 388.5px; }

.r4x3.w7col {
  height: 456px; }

.r4x3.w8col {
  height: 523.5px; }

.r4x3.w9col {
  height: 591px; }

.r4x3.w10col {
  height: 658.5px; }

.r4x3.w11col {
  height: 726px; }

.r4x3.w12col {
  height: 793.5px; }

.r1x1.mobile {
  height: 280px; }

.r1x1.w1col {
  height: 68px; }

.r1x1.w2col {
  height: 158px; }

.r1x1.w3col {
  height: 248px; }

.r1x1.w4col {
  height: 338px; }

.r1x1.w5col {
  height: 428px; }

.r1x1.w6col {
  height: 518px; }

.r1x1.w7col {
  height: 608px; }

.r1x1.w8col {
  height: 698px; }

.r1x1.w9col {
  height: 788px; }

.r1x1.w10col {
  height: 878px; }

.r1x1.w11col {
  height: 968px; }

.r1x1.w12col {
  height: 1058px; }

.r3x4.mobile {
  height: 373.333px; }

.r3x4.w1col {
  height: 90.667px; }

.r3x4.w2col {
  height: 210.667px; }

.r3x4.w3col {
  height: 330.667px; }

.r3x4.w4col {
  height: 450.667px; }

.r3x4.w5col {
  height: 570.667px; }

.r3x4.w6col {
  height: 690.667px; }

.r3x4.w7col {
  height: 810.667px; }

.r3x4.w8col {
  height: 930.667px; }

.r3x4.w9col {
  height: 1050.667px; }

.r3x4.w10col {
  height: 1170.667px; }

.r3x4.w11col {
  height: 1290.667px; }

.r3x4.w12col {
  height: 1410.667px; }

.col-1 {
  margin-left: 0px; }

.w1col {
  width: 68px; }

.col-2 {
  margin-left: 90px; }

.w2col {
  width: 158px; }

.col-3 {
  margin-left: 180px; }

.w3col {
  width: 247px; }

.col-4 {
  margin-left: 270px; }

.w4col {
  width: 338px; }

.col-5 {
  margin-left: 360px; }

.w5col {
  width: 428px; }

.col-6 {
  margin-left: 450px; }

.w6col {
  width: 518px; }

.col-7 {
  margin-left: 540px; }

.w7col {
  width: 608px; }

.col-8 {
  margin-left: 630px; }

.w8col {
  width: 698px; }

.col-9 {
  margin-left: 720px; }

.w9col {
  width: 788px; }

.col-10 {
  margin-left: 810px; }

.w10col {
  width: 878px; }

.col-11 {
  margin-left: 900px; }

.w11col {
  width: 968px; }

.col-12 {
  margin-left: 990px; }

.w12col {
  width: 1058px; }

.grid {
  position: absolute;
  margin: 8px 0px 8px 20px;
  padding: 0 20px;
  top: 50%;
  overflow: hidden;
  background-color: white;

  z-index: 1; }

.fixed.grid {
  max-width: none;
  max-height: none;
  min-width: none;
  min-height: none; }

.mobile-3x4, .mobile-1x1, .mobile-4x3, .mobile-16x9 {
  width: 280px; }

.small-single-3x4, .small-single-1x1, .small-single-4x3, .small-single-16x9 {
  width: 158px; }

.single-3x4, .single-1x1, .single-4x3, .single-16x9 {
  width: 248px; }

.small-double-3x4, .small-double-1x1, .small-double-4x3, .small-double-16x9 {
  width: 338px; }

.double-3x4, .double-1x1, .double-4x3, .double-16x9 {
  width: 518px; }

.triple-3x4, .triple-1x1, .triple-4x3, .triple-16x9 {
  width: 788px; }

.quad-3x4, .quad-1x1, .quad-4x3, .quad-16x9 {
  width: 1058px; }
  
/* 9x16 */

.mobile-9x16 { width: 115px; }

.small-single-9x16 { width: 65px; }

.single-9x16 { width: 102px;
  }

.small-double-9x16 { width: 139px; }

.double-9x16 { width: 213px; }

.triple-9x16 { width: 325px; }

.quad-9x16 { width: 436px; }
  

.fixed {
  padding-left: 0;
  padding-right: 0; }
  .fixed img {
    position: absolute;
    left: 0;
    top: 0; }

body {
  background: #eeeeee;
  font-size:14px;
  line-height:24px;
  overflow: hidden; 
  color:#434;
  }

.column, .container {
  position: absolute;
  overflow: hidden;
  top: 20px;
  bottom: 18px; }

#previousPage, #nextPage {
  z-index: -1;
   }
  .no-touch #previousPage, .no-touch #nextPage {
    opacity: 0.5; }

.spread.odd {
  z-index: 2; }
  .spread.odd#previousPage {
    opacity: 1;
    z-index: 1; }
.spread.even {
  margin-left: 0; }
  .spread.even#nextPage {
    opacity: 1; }

.trimleft {
  padding-left: 0; }

.trimright {
  padding-right: 0; }

figure {
  display: block; }

.colapsed {
  position: absolute; }

.fill {
  left: 0;
  top: 0; }

.topfix {
  top: 0; }

.rightfix {
  right: 0; }

.bottomfix {
  bottom: 0;
  top: auto; }

.leftfix {
  left: 0; }

.overflow {
  overflow: visible; }

.error, .loading {
  position: absolute;
  width: 160px;
  height: 100px;
  letter-spacing: 2px;
  margin: 0 0 0 20px; }
  .error img, .loading img {
    display: inline; }

.hidden, .microdata {
  display: none !important; }

.group {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 0; }

* {
  cursor: default; }

a, a *, button, button *, .zoomable, .zoomable *, #previousPage, #previousPage *, #nextPage, #nextPage * {
  cursor: pointer; }

.onwhite {
  background: white; }

.onblack {
  background: #FFF; }

.white, .white * {
  color: white; }

.black, .black * {
  color: black; }

.center, .center * {
  text-align: center;
  }
  
 

.nocap .caption {
  display: none; }

.browser-os-ipad .chrome {
  bottom: 77px; }

.browser-os-iphone .chrome {
  bottom: 63px; }

.fullScreen .chrome {
  bottom: 19px; }

.button {
  border-top: 1px solid #969696;
  border-bottom: 1px solid #3d3d3d;
  border-left: 1px solid #707070;
  border-right: 1px solid #4a4a4a;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #565656;
  background: -webkit-gradient(linear, left top, left bottom, from(#707070), to(#3d3d3d));
  background: -moz-linear-gradient(top, #707070, #3d3d3d);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#3d3d3d');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#3d3d3d');
  background: gradient(linear, left top, left bottom, from(#707070), to(#3d3d3d)); }
  .button:hover {
    border-top: 1px solid #b0b0b0;
    border-bottom: 1px solid #575757;
    border-left: 1px solid #969696;
    border-right: 1px solid #636363;
    background-color: #707070;
    background: -webkit-gradient(linear, left top, left bottom, from(#8a8a8a), to(#575757));
    background: -moz-linear-gradient(top, #8a8a8a, #575757);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#575757');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#575757');
    background: gradient(linear, left top, left bottom, from(#8a8a8a), to(#575757)); }

.chrome {
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-width: 450px; }
  .chrome .viewer {
    position: absolute;
    overflow: visible;
    top: 0;
    right: 6px;
    bottom: 35px;
    left: 36px;
    z-index: 0; }
  .chrome.small {
    min-width: 0;
    max-width: 450px; }
    .chrome.small .viewer {
      bottom: 35px;
      left: 6px; }

.activemenu {
  display: none;
  z-index: 3; }
  .menu-active .activemenu {
    position: absolute;
    display: block;
    bottom: 37px;
    left: 2px;
    width: 140px;
    padding: 0;
    border-top: 1px solid #969696;
    border-bottom: 1px solid #3d3d3d;
    border-left: 1px solid #707070;
    border-right: 1px solid #4a4a4a;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color: #565656;
    background: -webkit-gradient(linear, left top, left bottom, from(#707070), to(#3d3d3d));
    background: -moz-linear-gradient(top, #707070, #3d3d3d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#3d3d3d');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#3d3d3d');
    background: gradient(linear, left top, left bottom, from(#707070), to(#3d3d3d)); }
    .menu-active .activemenu li {
      font-size: 14px;
      position: relative;
      display: block;
      border: none;
      margin: 0;
      padding: 0;
      text-align: center;
      border-top: 1px solid #7d7d7d;
      border-bottom: 1px solid #3d3d3d; }
      .menu-active .activemenu li:first, .menu-active .activemenu li:last {
        border: none; }
      .menu-active .activemenu li a {
        display: block;
        text-align: center;
        width: 140px;
        padding-top: 6px;
        padding-bottom: 6px;
        color: white !important; }
        .menu-active .activemenu li a:hover {
          border-top: none;
          background-color: #838383;
          background: -webkit-gradient(linear, left top, left bottom, from(#969696), to(#707070));
          background: -moz-linear-gradient(top, #969696, #707070);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#969696', endColorstr='#707070');
          -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#969696', endColorstr='#707070');
          background: gradient(linear, left top, left bottom, from(#969696), to(#707070));
          color: white !important; }

.controll {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  color: white;
  height: 35px;
  background-color: #CCC; }
  .smallscreen.touchsupport .controll {
    height: 0;
    -webkit-transition: 0.5s height;
    -moz-transition: 0.5s height;
    -o-transition: 0.5s height;
    transition: 0.5s height; }
  .controll * {
  font-family: 'Arial';
    font-size: 16px;
    color: white;
	line-height:24px;}
  .controll input {
    color: black; }
  .controll button {
    width: 45px;
    height: 33px;
    padding: 2px;
    margin: 1px 0 0 3px;
    border-top: 1px solid #969696;
    border-bottom: 1px solid #3d3d3d;
    border-left: 1px solid #707070;
    border-right: 1px solid #4a4a4a;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color: #565656;
    background: -webkit-gradient(linear, left top, left bottom, from(#707070), to(#3d3d3d));
    background: -moz-linear-gradient(top, #707070, #3d3d3d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#3d3d3d');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#3d3d3d');
    background: gradient(linear, left top, left bottom, from(#707070), to(#3d3d3d));
    -webkit-box-shadow: -1px -1px 0px #030303, 1px 1px 0px #101010;
    -moz-box-shadow: -1px -1px 0px #030303, 1px 1px 0px #101010;
    -o-box-shadow: -1px -1px 0px #030303, 1px 1px 0px #101010;
    box-shadow: -1px -1px 0px #030303, 1px 1px 0px #101010; }
    .controll button:hover {
      border-top: 1px solid #b0b0b0;
      border-bottom: 1px solid #575757;
      border-left: 1px solid #969696;
      border-right: 1px solid #636363;
      background-color: #707070;
      background: -webkit-gradient(linear, left top, left bottom, from(#8a8a8a), to(#575757));
      background: -moz-linear-gradient(top, #8a8a8a, #575757);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#575757');
      -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#575757');
      background: gradient(linear, left top, left bottom, from(#8a8a8a), to(#575757)); }
    .controll button.menu {
      width: 80px; }
  .controll .bottom {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -o-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -o-border-top-right-radius: 4px;
    border-top-right-radius: 4px; }
  .controll .prev {
    margin-left: 10px; }
  .controll .numbering {
    display: block;
    padding: 6px 20px; }
    .controll .numbering .pagenumber, .controll .numbering .pagecount {
      display: inline; }

.bottom.right {
  padding-right: 10px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  -o-border-top-right-radius: 0;
  border-top-right-radius: 0; }
  .bottom.right button {
    padding: 7px 0 0 0; }
  .bottom.right button, .bottom.right .numbering {
    float: right; }
.bottom.left {
  float: left;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  -o-border-top-left-radius: 0;
  border-top-left-radius: 0;
  gorder:Solid 1px red;
   }
.bottom.center {
  position: absolute;
  left: 90px;
  right: 290px;
  text-align: center; }

.sidebar {
  position: absolute;
  display: block;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 35px;
  width: 0px;
  overflow: hidden;
  overflow-y: auto;
  background:#00b3ed;
  -webkit-transition: 0.5s width;
  -moz-transition: 0.5s width;
  -o-transition: 0.5s width;
  transition: 0.5s width;
  }
  .sidebar * {
  font-family: 'Arial';
    font-size: 10px;
    line-height: 12px;
    color: white; }
  .sidebar .article {
    width: 320px; }
    .sidebar .article a {
      display: block;
      padding: 0 18px 10px 0;
      min-height: 44px;
      border-top: 1px solid #025f7d;
      border-bottom: 1px solid #025f7d; }
      .sidebar .article a:hover {
        background-color: #025f7d;
        border-top: 1px solid #c9c9c9;
        border-bottom: 1px solid #575757; }
    .sidebar .article.current a {
      border-top: 1px solid #242424;
      border-bottom: 1px solid #707070;
      background-color: #025f7d }
  .sidebar .thumb, .sidebar .title, .sidebar .deck {
    position: static;
    margin: 0;
    padding: 0;
    display: block; }
  .sidebar .thumb {
    float: left;
    margin: 6px; }
  .sidebar .title {
    margin-left: 54px;
    padding: 6px 0 0 0;
    font-weight: bold; }
  .sidebar .deck {
    margin-left: 54px; }

.scrolltop, .scrollbottom {
  position: fixed;
  left: 0;
  height: 10px;
  width: 0px;
  -webkit-transition: 0.5s width;
  -moz-transition: 0.5s width;
  -o-transition: 0.5s width;
  transition: 0.5s width; }

.scrolltop {
  top: 0;
  background-image: url("../resources/scrubber-top.png"); }

.scrollbottom {
  bottom: 35px;
  background-image: url("../resources/scrubber-bottom.png"); }


.no-small .open-sidebar, .no-small .close-sidebar {
  position: absolute;
  left: 0px;
  top: 50%;
  width: 30px;
  height: 100px;
  margin-top: -70px;
  cursor: pointer;
  padding:0;
  width:40px;
  height:115px;
  background:none;
  border:none;
    -webkit-box-shadow: 0px 0 0px black;
  -moz-box-shadow: 0px 0 0px black;
  -o-box-shadow: 0px 0 0px black;
  box-shadow: 0px 0 0px black;
  



  -webkit-transition: 0.5s left;
  -moz-transition: 0.5s left;
  -o-transition: 0.5s left;
  transition: 0.5s left;
 }
  .no-small .open-sidebar:hover, .no-small .close-sidebar:hover {

	}
.no-small .open-sidebar {
  z-index: 2; }

.small .viewer {
  padding-left: 0; }
.small .menu {
  width: 60px; }
.small .open-sidebar {
  display: block; }
.small .sidebar {
  bottom: 35px; }
.small .scrollbottom {
  bottom: 35px; }
.small .close-sidebar {
  display: none;
  position: absolute;
  left: 0;
  width: 110px; }
.small.sidebar-active .close-sidebar {
  display: block;
  left: 0; }

.sidebar-active .sidebar {
  z-index: 2;
  width: 320px; }
.sidebar-active .scrolltop, .sidebar-active .scrollbottom {
  width: 320px; }
.sidebar-active .activemenu {
  -webkit-box-shadow: 0px 0 5px black;
  -moz-box-shadow: 0px 0 5px black;
  -o-box-shadow: 0px 0 5px black;
  box-shadow: 0px 0 5px black; }
.sidebar-active .close-sidebar, .sidebar-active .open-sidebar {
  left: 320px; }
.sidebar-active .close-sidebar {
  z-index: 3; }

.touch .button:hover {
  border-top: 1px solid #969696;
  border-bottom: 1px solid #3d3d3d;
  border-left: 1px solid #707070;
  border-right: 1px solid #4a4a4a;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #565656;
  background: -webkit-gradient(linear, left top, left bottom, from(#707070), to(#3d3d3d));
  background: -moz-linear-gradient(top, #707070, #3d3d3d);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#3d3d3d');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#3d3d3d');
  background: gradient(linear, left top, left bottom, from(#707070), to(#3d3d3d)); }
.touch button:hover {
  border-top: 1px solid #969696;
  border-bottom: 1px solid #3d3d3d;
  border-left: 1px solid #707070;
  border-right: 1px solid #4a4a4a;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #565656;
  background: -webkit-gradient(linear, left top, left bottom, from(#707070), to(#3d3d3d));
  background: -moz-linear-gradient(top, #707070, #3d3d3d);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#3d3d3d');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#3d3d3d');
  background: gradient(linear, left top, left bottom, from(#707070), to(#3d3d3d)); }
.touch .sidebar .article a:hover {
  background: none;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #242424; }
.touch .sidebar .article.current a {
  border-top: 1px solid #242424;
  border-bottom: 1px solid #707070;
  background-color: #303030;
  background: -webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#242424));
  background: -moz-linear-gradient(top, #3d3d3d, #242424);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3d3d', endColorstr='#242424');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3d3d', endColorstr='#242424');
  background: gradient(linear, left top, left bottom, from(#3d3d3d), to(#242424)); }
.touch .article a:hover {
  background: none;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #242424; }

.lightbox {
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url("../resources/transpbkg.png");
  background-repeat: repeat;
  z-index: 99; }
  .lightbox .container {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: white;
    border: 10px solid white;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); }
  .lightbox .close {
    display: none;
    position: absolute;
    width: 20px;
    height: 20px;
    color: white;
    background-color: black;
    background-image: url(../resources/close.gif);
    font-size: 20px;
    font-weight: bold;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
    border: 3px solid white;
    -webkit-box-shadow: 1px 1px 5px black;
    -moz-box-shadow: 1px 1px 5px black;
    -o-box-shadow: 1px 1px 5px black;
    box-shadow: 1px 1px 5px black;
    cursor: pointer;
    z-index: 100; }

a {
  text-decoration: inherit;
  color: inherit; }

h1, h2, h3, h4, h5, h6 {
  text-rendering: optimizeLegibility; }

.caps {
  font-family: inherit;
  font-weight: inherit;
  text-transform: uppercase;
  letter-spacing: 0.1em; }

.column {
  min-height: 54px; }

div, p, button {
  font-family: 'Arial';
  font-size: 14px;
  	line-height:24px; }

em {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: normal; 
  line-height:12px;
}

strong {
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
  font-style: inherit; }

.signed {
  text-indent: 0;
  margin-top: 18px; }

.signed:before {
  content: "— "; }

.covercredit {
  text-indent: 0; }

::selection {
  background: #d87979; }

::-moz-selection {
  background: #d87979; }

.onprimary {
  background: #FFF; }

.onsecondary {
  background: #707070; }

.ontertiary {
  background: #b63535; }

.fill .caption {
  padding-left: 20px;
  padding-right: 20px; }

.column a, .column a:visited, .column a:active {
  color: #51655f;
  border-bottom: none; }
.column a:hover {
  color: #000;
  border-bottom: 1px solid #000; }

.column img {
  display: block;
  line-height: 18px; }
.column .keeptogether img {
  display: inline; }

.img.fallback {
  padding: 6px 6px 0 6px;
  margin: 18px 0 0 0;
  border: 1px solid #dddddd;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  min-height: 50px; }
  .img.fallback img {
    float: left;
    display: block; }
  .img.fallback .caption {
    display: block;
    padding: 0;
    margin: 0 0 0 50px;
    text-indent: 0;
    line-height: 16px;
    text-align: left; }

.img.fallback:hover {
  border-color: #000;
  -webkit-box-shadow: inset 0 0 5px #d6dfdc;
  -moz-box-shadow: inset 0 0 5px #d6dfdc;
  -o-box-shadow: inset 0 0 5px #d6dfdc;
  box-shadow: inset 0 0 5px #d6dfdc; }

.w3col .column img.photo, .mobile .column img.photo {
  display: none; }

.more {
  display: none; }

.no-js, .no-treesaver {
  overflow: auto; }
  .no-js .more, .no-treesaver .more {
    display: block; }
  .no-js figure div, .no-js figure iframe, .no-treesaver figure div, .no-treesaver figure iframe {
    display: none; }
  .no-js figure div.fallback, .no-treesaver figure div.fallback {
    display: block; }
  .no-js h1.issue, .no-treesaver h1.issue {
    margin: 20px;
    margin-bottom: 6px; }
  .no-js article, .no-treesaver article {
    position: absolute;
    display: block;
    margin: 20px;
    margin-top: 0;
    background-color: white;
    border: #bbbbbb;
    padding: 20px;
    max-width: 800px; }

.r16x9.mobile img {
  width: 280px !important;
  height: 157.5px !important; }

.r16x9.w1col img {
  width: 68px !important;
  height: 38.25px !important; }

.r16x9.w2col img {
  width: 158px !important;
  height: 88.875px !important; }

.r16x9.w3col img {
  width: 248px !important;
  height: 139.5px !important; }

.r16x9.w4col img {
  width: 338px !important;
  height: 190.125px !important; }

.r16x9.w5col img {
  width: 428px !important;
  height: 240.75px !important; }
  
.r9x16.w3col img {
  width: 247px !important;
  height: 600px !important; }  

.r16x9.w6col img {
  width: 518px !important;
  height: 291.375px !important; }

.r16x9.w7col img {
  width: 608px !important;
  height: 342px !important; }

.r16x9.w8col img {
  width: 698px !important;
  height: 392.625px !important; }

.r16x9.w9col img {
  width: 788px !important;
  height: 443.25px !important; }

.r16x9.w10col img {
  width: 878px !important;
  height: 493.875px !important; }

.r16x9.w11col img {
  width: 968px !important;
  height: 544.5px !important; }

.r16x9.w12col img {
  width: 1058px !important;
  height: 595.125px !important; }

.r4x3.mobile img {
  width: 280px !important;
  height: 210px !important; }

.r4x3.w1col img {
  width: 68px !important;
  height: 51px !important; }

.r4x3.w2col img {
  width: 158px !important;
  height: 118.5px !important; }

.r4x3.w3col img {
  width: 248px !important;
  height: 186px !important; }

.r4x3.w4col img {
  width: 338px !important;
  height: 253.5px !important; }

.r4x3.w5col img {
  width: 428px !important;
  height: 321px !important; }

.r4x3.w6col img {
  width: 518px !important;
  height: 388.5px !important; }

.r4x3.w7col img {
  width: 608px !important;
  height: 456px !important; }

.r4x3.w8col img {
  width: 698px !important;
  height: 523.5px !important; }

.r4x3.w9col img {
  width: 788px !important;
  height: 591px !important; }

.r4x3.w10col img {
  width: 878px !important;
  height: 658.5px !important; }

.r4x3.w11col img {
  width: 968px !important;
  height: 726px !important; }

.r4x3.w12col img {
  width: 1058px !important;
  height: 793.5px !important; }

.r1x1.mobile img {
  width: 280px !important;
  height: 280px !important; }

.r1x1.w1col img {
  width: 68px !important;
  height: 68px !important; }

.r1x1.w2col img {
  width: 158px !important;
  height: 158px !important; }

.r1x1.w3col img {
  width: 248px !important;
  height: 248px !important; }

.r1x1.w4col img {
  width: 338px !important;
  height: 338px !important; }

.r1x1.w5col img {
  width: 428px !important;
  height: 428px !important; }

.r1x1.w6col img {
  width: 518px !important;
  height: 518px !important; }

.r1x1.w7col img {
  width: 608px !important;
  height: 608px !important; }

.r1x1.w8col img {
  width: 698px !important;
  height: 698px !important; }

.r1x1.w9col img {
  width: 788px !important;
  height: 788px !important; }

.r1x1.w10col img {
  width: 878px !important;
  height: 878px !important; }

.r1x1.w11col img {
  width: 968px !important;
  height: 968px !important; }

.r1x1.w12col img {
  width: 1058px !important;
  height: 1058px !important; }

.r3x4.mobile img {
  width: 280px !important;
  height: 373.333px !important; }

.r3x4.w1col img {
  width: 68px !important;
  height: 90.667px !important; }

.r3x4.w2col img {
  width: 158px !important;
  height: 210.667px !important; }

.r3x4.w3col img {
  width: 248px !important;
  height: 330.667px !important; }

.r3x4.w4col img {
  width: 338px !important;
  height: 450.667px !important; }

.r3x4.w5col img {
  width: 428px !important;
  height: 570.667px !important; }

.r3x4.w6col img {
  width: 518px !important;
  height: 690.667px !important; }

.r3x4.w7col img {
  width: 608px !important;
  height: 810.667px !important; }

.r3x4.w8col img {
  width: 698px !important;
  height: 930.667px !important; }

.r3x4.w9col img {
  width: 788px !important;
  height: 1050.667px !important; }

.r3x4.w10col img {
  width: 878px !important;
  height: 1170.667px !important; }

.r3x4.w11col img {
  width: 968px !important;
  height: 1290.667px !important; }

.r3x4.w12col img {
  width: 1058px !important;
  height: 1410.667px !important; }

.mobile.grid {
  min-width: 9001px;
  width: 9001px;
  padding: 20px; }

.smallscreen.mobile {
  background: white; }
  .smallscreen.mobile .viewer {
    top: 0;
    right: 0;
    left: 0; }
  .smallscreen.mobile .grid {
    min-width: 9001px;
    width: 9001px; }
  .smallscreen.mobile .mobile.grid {
    width: 280px;
    min-width: 280px;
    padding: 20px;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    margin: 0; }
    .smallscreen.mobile .mobile.grid .column {
      top: 9px;
      bottom: 9px;
      width: 280px; }
    .smallscreen.mobile .mobile.grid .container {
      top: 9px;
      bottom: 18px; }
  .smallscreen.mobile .column, .smallscreen.mobile .container, .smallscreen.mobile p {
    width: 280px;
    min-width: 280px; }
  .smallscreen.mobile .column hgroup, .smallscreen.mobile .column h4, .smallscreen.mobile .column h5, .smallscreen.mobile .column h6 {
    display: block;
    width: 280px;
    font-size: 16px;
    	line-height:24px; }
  .smallscreen.mobile .column hgroup {
    margin-bottom: 18px;
    padding-bottom: 0; }
  .smallscreen.mobile .column h1, .smallscreen.mobile .column h2, .smallscreen.mobile .column h3, .smallscreen.mobile .column h4 {
    margin: 0;
    padding: 0;
    font-size: 13.2px;
    line-height: 18px;
    display: block; }
  .smallscreen.mobile .column h4, .smallscreen.mobile .column h5, .smallscreen.mobile .column h6 {
    text-align: left;
    margin-top: 18px; }
  .smallscreen.mobile .column h1 {
    font-size: 18px;
    line-height: 18px; }
  .smallscreen.mobile .column p {
    padding-left: 0;
    text-indent: 2em;
    text-align: left; }
  .smallscreen.mobile .column p.question, .smallscreen.mobile .column p.first, .smallscreen.mobile .column .credit, .smallscreen.mobile .column .covercredit, .smallscreen.mobile .column p.signed, .smallscreen.mobile .column h4, .smallscreen.mobile .column h5, .smallscreen.mobile .column h6 {
    padding-left: 0;
    text-indent: 0; }
  .smallscreen.mobile .letter .photo {
    display: none; }
  .smallscreen.mobile .photostory p.caption {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    bottom: 10px;
    overflow: visible; }
  .smallscreen.mobile .fallback p.caption {
    width: 280px;
    min-width: 280px;
    border: none; }
  .smallscreen.mobile .keeptogether {
    height: auto; }
    .smallscreen.mobile .keeptogether img {
      display: none; }
    .smallscreen.mobile .keeptogether h5 {
      margin-top: 0; }
    .smallscreen.mobile .keeptogether p {
      text-indent: 0; }
    .smallscreen.mobile .keeptogether.img img {
      width: 40px;
      height: 40px;
      margin: 0;
      padding: 0;
      display: block; }
    .smallscreen.mobile .keeptogether.img p {
      width: 220px;
      min-width: 210px;
      margin-left: 47px; }
  .smallscreen.mobile .small .sidebar {
    -webkit-transition: 0 width;
    -moz-transition: 0 width;
    -o-transition: 0 width;
    transition: 0 width; }
  .smallscreen.mobile .small .close-sidebar {
    width: 316px; }
  .smallscreen.mobile .mobile.grid.photostory.sizetocontainer {
    background: black;
    padding: 5px;
    margin: 0 5px 0 5px; }
    .smallscreen.mobile .mobile.grid.photostory.sizetocontainer .img {
      text-align: center; }
      .smallscreen.mobile .mobile.grid.photostory.sizetocontainer .img img {
        position: static;
        display: inline;
        text-align: center; }
      .smallscreen.mobile .mobile.grid.photostory.sizetocontainer .img .caption {
        position: static;
        margin-bottom: 6px; }
  .smallscreen.mobile li, .smallscreen.mobile .toc li.keeptogether {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 16px;
    	line-height:24px;
    text-align: left; }
  .smallscreen.mobile hgroup .photo {
    display: none; }
  .smallscreen.mobile .w2col.mobile.grid {
    width: 158px;
    min-width: 158px; }
    .smallscreen.mobile .w2col.mobile.grid .container, .smallscreen.mobile .w2col.mobile.grid p {
      width: 158px;
      min-width: 158px; }
  .smallscreen.mobile .cover.w3col.grid, .smallscreen.mobile .cover.w3col.grid * {
    width: 250px !important;
    height: 333.333px !important;
    min-width: 250px !important;
    min-height: 333.333px !important; }
  .smallscreen.mobile .cover.w3col.grid {
    margin: 0 -8.75px; }
  .smallscreen.mobile .cover.w2col.grid, .smallscreen.mobile .cover.w2col.grid * {
    width: 125px !important;
    height: 166.667px !important;
    min-width: 125px !important;
    min-height: 166.667px !important; }
  .smallscreen.mobile .cover.w2col.grid {
    margin: 0 -8.75px; }

.nativeapp .chrome .viewer {
  bottom: 0;
  padding-left: 0; }
.nativeapp .chrome .controll, .nativeapp .chrome .open-sidebar, .nativeapp .chrome .close-sidebar {
  display: none; }
.nativeapp .chrome .mobile.grid .column {
  bottom: 18px; }
.nativeapp .chrome .mobile.grid .container {
  bottom: 18px; }

.nomad.grid {
  background-color: #b0c6da;
  background: -webkit-gradient(linear, left top, left bottom, from(#95a7b7), to(#cce6ff));
  background: -moz-linear-gradient(top, #95a7b7, #cce6ff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#95a7b7', endColorstr='#cce6ff');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#95a7b7', endColorstr='#cce6ff');
  background: gradient(linear, left top, left bottom, from(#95a7b7), to(#cce6ff)); }
  .nomad.grid .top {
    background-color: #4c4c4c;
    background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#666666));
    background: -moz-linear-gradient(top, #333333, #666666);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#666666');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#666666');
    background: gradient(linear, left top, left bottom, from(#333333), to(#666666));
    position: absolute;
    left: 0;
    right: 0; }
  .nomad.grid .column {
    width: 248px; }
    .nomad.grid .column .keeptogether {
      border-left: 1px solid #666666;
      padding-left: 10px;
      display: block;
      margin-bottom: 18px; }
      .nomad.grid .column .keeptogether img {
        width: 100px;
        height: 133px; }
      .nomad.grid .column .keeptogether p {
        text-align: left;
        text-indent: 0;
        font-size: 14px;
        line-height: 18px; }
      .nomad.grid .column .keeptogether a {
        color: white;
  font-family: 'Arial';
  font-size: 16px;
        font-weight: normal;
        padding: 2px; }

.nomad-all.grid.mobile .container.intro {
  top: 50px;
  padding: 20px; }
  .nomad-all.grid.mobile .container.intro p {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    color: #aaaaaa;
  font-family: 'Arial';
    text-align: left; }
.nomad-all.grid.mobile .top {
  top: 0px;
  height: 50px; }
.nomad-all.grid.w3col .column {
  top: 65px; }
.nomad-all.grid.w3col .container.intro {
  top: 50px;
  padding: 20px; }
  .nomad-all.grid.w3col .container.intro p {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    color: #aaaaaa;
  font-family: 'Arial';
    text-align: left; }
.nomad-all.grid.w3col .top {
  height: 50px; }
.nomad-all.grid.w6col .column {
  top: 90px; }
.nomad-all.grid.w6col .container.intro {
  top: 75px;
  padding: 20px; }
  .nomad-all.grid.w6col .container.intro p {
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    color: #aaaaaa;
  font-family: 'Arial';
    text-align: left; }
.nomad-all.grid.w6col .top {
  height: 75px; }
.nomad-all.grid.w9col .column {
  top: 90px; }
.nomad-all.grid.w9col .container.intro {
  top: 75px;
  padding: 20px; }
  .nomad-all.grid.w9col .container.intro p {
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    color: #aaaaaa;
  font-family: 'Arial';
    text-align: left; }
.nomad-all.grid.w9col .top {
  height: 75px; }
.nomad-all.grid.w12col .column {
  top: 90px; }
.nomad-all.grid.w12col .container.intro {
  top: 75px;
  padding: 20px; }
  .nomad-all.grid.w12col .container.intro p {
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    color: #aaaaaa;
  font-family: 'Arial';
    text-align: left; }
.nomad-all.grid.w12col .top {
  height: 75px; }
.nomad-all.grid .intro {
  background-color: white;
  left: 0;
  right: 0; }

.nomad-vertical.grid p {
  text-indent: 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
  color: #555555;
  font-family: 'Arial';
  text-align: left; }
  .nomad-vertical.grid p .button {
    display: block;
    text-align: center;
    color: white;
    font-size: 14px;
    width: 100px;
    margin-top: 12px;
    padding: 0; }

.smallscreen.touch .nomad-all.grid.mobile .column {
  top: 60px; }

.controls {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  height: 30px;
  line-height: 30px;
  font-family: Helvetica, Sans-Serif;
}

.pagenumbers {
  display: block;
  text-align: center;
  color: #999;
  font-size: 12px;
  font-weight: bold;
}

.controls .pagewidth {
  margin: 0 auto;
  position: relative;
}

.controls .next {
  position: absolute;
  right: 0;
  top: 0;
}

.controls .prev {
  position: absolute;
  left: 0;
  top: 0;
}

/* Button styling from ubuwaits' css3-buttons
 * http://github.com/ubuwaits/css3-buttons
 */
button {
  font-family: Helvetica, Sans-Serif; 
  font-size: 14px;
  line-height: 20px;
  height: 30px;
  box-sizing: border-box;
  font-weight: bold;
  padding: 4px 12px;
  color: #666;
  background: #eee;
  background: -moz-linear-gradient(0% 100% 90deg, #ccc, #eee);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ccc));
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin: 0;
}

button:hover {
  background: #ddd;
  background: -moz-linear-gradient(0% 100% 90deg, #bbb, #ddd);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#bbb));
  border: 1px solid #bbb;
  border-bottom: 1px solid #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}

button:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -moz-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  -webkit-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
}

button:disabled, button:disabled:hover, button:active:disabled {
  color: #ccc;
  background: #f6f6f6;
  border-color: #eee;
  text-shadow: none;
  box-shadow: none;
}

.beat { background:#6dcff6;-webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a; }
.beat h3 {color:#000;}

.feature2 strong a {color:red;}
.photostory { background:#FFF }
  
.kapakjames { background:#f8e8c4;-webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a;	 }

.mahalle-ayaklanmalari { background:#f3d187;-webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a; }

.sinemada-beat-kusagi { background:#a0d3b2;-webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a; }

.john-mous { background:#d2a6b7;-webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a; }

.nomisong { background:#f69081;-webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a; }

.feature2 { background:#fffaf4;-webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a; }

.feature4 { background:#ebf7eb;-webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a; }

.konu { color:#000;-webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a; }
.konu h5 { font-size:12px;font-family: 'Arial';text-transform:lowercase;color:#000;margin-bottom:20px;margin:0; }
.konu h1 { font-size:12px;text-transform:uppercase;font-family: 'Arial';font-weight:normal;line-height:26px;margin-bottom:10px; }
.konu h2 { font-size:20px;text-transform:uppercase;font-style:bold;font-family: 'Arial';line-height:30px; }
.konu h3 { font-variant:small-caps;font-size:9px;font-family: 'Arial';margin:0px 0;color:#000;line-height:14px;}
.konu h4 {font-size:14px;font-style:normal;font-family: 'Arial';color:#000;margin-bottom:20px;font-weight:normal;line-height:20px;font-weight:normal;}	

.konu_content em {
    /*color:#000000;
    font-weight:bold;*/
    font-size:14px;
}
.konu_content { -webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a; }
.konu_content h2 {font-size:18px;text-transform:uppercase;font-style:normal;font-family: 'Arial';font-weight:bold;}
.konu_content h3 {line-height:20px;font-size:14px;font-weight:bold;font-style:normal;color:#000000;letter-spacing: 0;}
.konu_content h4 {font-size:12px;font-style:normal;font-family: 'Arial';text-transform:uppercase;color:#000;margin-bottom:0px;font-weight:bold;font-variant:small-caps;}
.konu_content h2 span { font-size:12px;font-style:normal;font-family: 'Arial';text-transform:uppercase;color:#000;margin-bottom:0px;font-weight:bold;font-variant:small-caps; }
.konu_content strong , .sinema_content b {font-family: 'Arial';margin-bottom:20px;font-weight:bold;line-height:20px;font-size:14px;font-style: normal;color:#000000;}
.konu_content a { text-decoration:underline; }

.konubg {
    font-weight:bold;
    font-size:14px;
}
.konubg { -webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a; }
.konubg h2 {font-size:18px;text-transform:uppercase;font-style:normal;font-family: 'Arial';font-weight:bold;}
.konubg h3 {line-height:20px;font-size:14px;font-weight:bold;font-style:normal;color:#000000;letter-spacing: 0;}
.konubg h4 {font-size:12px;font-style:normal;font-family: 'Arial';text-transform:uppercase;color:#000;margin-bottom:0px;font-weight:bold;font-variant:small-caps;}
.konubg h2 span { font-size:12px;font-style:normal;font-family: 'Arial';text-transform:uppercase;color:#000;margin-bottom:0px;font-weight:bold;font-variant:small-caps; }
.konubg strong , .konubg b {font-family: 'Arial';margin-bottom:20px;font-weight:bold;line-height:20px;font-size:14px;font-style: normal;color:#000000;}
.konubg a { text-decoration:underline; }

.dosya { color:#000;-webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a; }
.dosya h5 { font-size:12px;font-family: 'Arial';text-transform:lowercase;color:#000;margin-bottom:20px;margin:0; }
.dosya h1 { font-size:12px;text-transform:uppercase;font-family: 'Arial';font-weight:normal;line-height:26px;margin-bottom:10px; }
.dosya h2 { font-size:20px;text-transform:uppercase;font-style:bold;font-family: 'Arial';line-height:30px; }
.dosya h3 { font-variant:small-caps;font-size:9px;font-family: 'Arial';margin:0px 0;color:#000;line-height:14px;}
.dosya h4 {font-size:14px;font-style:normal;font-family: 'Arial';color:#000;margin-bottom:20px;font-weight:normal;line-height:20px;font-weight:normal;}	

.dosyabg em {
    /*color:#000000;
    font-weight:bold;*/
    font-size:14px;
}
.dosyabg { -webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a; }
.dosyabg h2 {font-size:18px;text-transform:uppercase;font-style:normal;font-family: 'Arial';font-weight:bold;}
.dosyabg h3 {line-height:20px;font-size:14px;font-weight:bold;font-style:normal;color:#000000;letter-spacing: 0;}
.dosyabg h4 {font-size:12px;font-style:normal;font-family: 'Arial';text-transform:uppercase;color:#000;margin-bottom:0px;font-weight:bold;font-variant:small-caps;}
.dosyabg h2 span { font-size:12px;font-style:normal;font-family: 'Arial';text-transform:uppercase;color:#000;margin-bottom:0px;font-weight:bold;font-variant:small-caps; }
.dosyabg strong , .dosyabg b {font-family: 'Arial';margin-bottom:20px;font-weight:bold;line-height:20px;font-size:14px;font-style: normal;color:#000000;}
.dosyabg a { text-decoration:underline; }

.enler { color:#000;-webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a; }
.enler h5 { font-size:12px;font-family: 'Arial';text-transform:lowercase;color:#000;margin-bottom:20px;margin:0; }
.enler h1 { font-size:12px;text-transform:uppercase;font-family: 'Arial';font-weight:normal;line-height:26px;margin-bottom:10px; }
.enler h2 { font-size:20px;text-transform:uppercase;font-style:bold;font-family: 'Arial';line-height:30px; }
.enler h3 { font-variant:small-caps;font-size:9px;font-family: 'Arial';margin:0px 0;color:#000;line-height:14px;}
.enler h4 {font-size:14px;font-style:normal;font-family: 'Arial';color:#000;margin-bottom:20px;font-weight:normal;line-height:20px;font-weight:normal;}	

.enler_content em {
    /*color:#000000;
    font-weight:bold;*/
    font-size:14px;
}
.enler_content {-webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a; }
.enler_content h2 {font-size:18px;text-transform:uppercase;font-style:normal;font-family: 'Arial';font-weight:bold;}
.enler_content h3 {line-height:20px;font-size:14px;font-weight:bold;font-style:normal;color:#000000;letter-spacing: 0;}
.enler_content h4 {font-size:12px;font-style:normal;font-family: 'Arial';text-transform:uppercase;color:#000;margin-bottom:0px;font-weight:bold;font-variant:small-caps;}
.enler_content h2 span { font-size:12px;font-style:normal;font-family: 'Arial';text-transform:uppercase;color:#000;margin-bottom:0px;font-weight:bold;font-variant:small-caps; }
.enler_content strong , .dosya_content b {font-family: 'Arial';margin-bottom:20px;font-weight:bold;line-height:20px;font-size:14px;font-style: normal;color:#000000;}

.dosya_content em {
    /*color:#000000;
    font-weight:bold;*/
    font-size:14px;
}
.dosya_content { -webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a; }
.dosya_content h2 {font-size:18px;text-transform:uppercase;font-style:normal;font-family: 'Arial';font-weight:bold;}
.dosya_content h3 {line-height:20px;font-size:14px;font-weight:bold;font-style:normal;color:#000000;letter-spacing: 0;}
.dosya_content h4 {font-size:12px;font-style:normal;font-family: 'Arial';text-transform:uppercase;color:#000;margin-bottom:0px;font-weight:bold;font-variant:small-caps;}
.dosya_content h2 span { font-size:12px;font-style:normal;font-family: 'Arial';text-transform:uppercase;color:#000;margin-bottom:0px;font-weight:bold;font-variant:small-caps; }
.dosya_content strong , .dosya_content b {font-family: 'Arial';margin-bottom:20px;font-weight:bold;line-height:20px;font-size:14px;font-style: normal;color:#000000;}
.vs_content a { text-decoration:underline; }

.kapak { color:#000;-webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a; }
	
.sonsayfa { background:#c4ddd6; color:#000;-webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a; }
	
.kapak h5 { font-size:12px;font-family: 'Arial';text-transform:lowercase;color:#000;margin-bottom:20px;margin:0; }
.kapak h1 { font-size:12px;text-transform:uppercase;font-family: 'Arial';font-weight:normal;line-height:26px;margin-bottom:10px; }
.kapak h2 { font-size:20px;text-transform:uppercase;font-style:bold;font-family: 'Arial';line-height:30px; }
.kapak h3 { font-variant:small-caps;font-size:9px;font-family: 'Arial';margin:0px 0;color:#000;line-height:14px;}
.kapak h4 {font-size:14px;font-style:normal;font-family: 'Arial';color:#000;margin-bottom:20px;font-weight:normal;line-height:20px;font-weight:normal;}

.kapak_content em {
    /*color:#000000;
    font-weight:bold;*/
    font-size:14px;
}
.kapak_content { -webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a; }
.kapak_content h2 {font-size:18px;text-transform:uppercase;font-style:normal;font-family: 'Arial';font-weight:bold;}
.kapak_content h3 {line-height:20px;font-size:14px;font-weight:bold;font-style:normal;color:#000000;letter-spacing: 0;}
.kapak_content h4 {font-size:12px;font-style:normal;font-family: 'Arial';text-transform:uppercase;color:#000;margin-bottom:0px;font-weight:bold;font-variant:small-caps;}
.kapak_content h2 span { font-size:12px;font-style:normal;font-family: 'Arial';text-transform:uppercase;color:#000;margin-bottom:0px;font-weight:bold;font-variant:small-caps; }
.kapak_content strong , .kapak_content b {font-family: 'Arial';margin-bottom:20px;font-weight:bold;line-height:20px;font-size:14px;font-style: normal;color:#000000;}
.kunye_content a  { text-transform:lowercase; }

.sinema { color:#000;-webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a; }
.sinema h5 { font-size:12px;font-family: 'Arial';text-transform:lowercase;color:#000;margin-bottom:20px;margin:0; }
.sinema h1 { font-size:12px;text-transform:uppercase;font-family: 'Arial';font-weight:normal;line-height:26px;margin-bottom:10px; }
.sinema h2 { font-size:20px;text-transform:uppercase;font-style:bold;font-family: 'Arial';line-height:30px; }
.sinema h3 { font-variant:small-caps;font-size:9px;font-family: 'Arial';margin:0px 0;color:#000;line-height:14px;}
.sinema h4 {font-size:14px;font-style:normal;font-family: 'Arial';color:#000;margin-bottom:20px;font-weight:normal;line-height:20px;font-weight:normal;}

.kunye_content { -webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a;
    text-transform: uppercase;
	}

        .kunye_content a {
            text-transform: lowercase;
        }
        
.kunye_content em {
    /*color:#000000;
    font-weight:bold;*/
    font-size:14px;
}        
        
.kunye_content h2 {font-size:18px;text-transform:uppercase;font-style:normal;font-family: 'Arial';font-weight:bold; }
.kunye_content h3 {line-height:20px;font-size:14px;font-weight:bold;font-style:normal;color:#000;letter-spacing: 0; }
.kunye_content h4 {font-size:12px;font-style:normal;font-family: 'Arial';text-transform:uppercase;color:#000;margin-bottom:0px;font-weight:bold;font-variant:small-caps;}
.kunye_content h2 span { font-size:12px;font-style:normal;font-family: 'Arial';text-transform:uppercase;color:#000;margin-bottom:0px;font-weight:bold;font-variant:small-caps; }
.kunye_content strong , .kunye_content b {font-family: 'Arial';margin-bottom:20px;font-weight:bold;line-height:20px;font-size:14px;font-style: normal;color:#000;}

.sinema_content em {
    /*color:#000000;
    font-weight:bold;*/
    font-size:14px;
}
.sinema_content { -webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a; }
.sinema_content h2 {font-size:18px;text-transform:uppercase;font-style:normal;font-family: 'Arial';font-weight:bold;}
.sinema_content h3 {line-height:20px;font-size:14px;font-weight:bold;font-style:normal;color:#000000;letter-spacing: 0;}
.sinema_content h4 {font-size:12px;font-style:normal;font-family: 'Arial';text-transform:uppercase;color:#000;margin-bottom:0px;font-weight:bold;font-variant:small-caps;}
.sinema_content h2 span { font-size:12px;font-style:normal;font-family: 'Arial';text-transform:uppercase;color:#000;margin-bottom:0px;font-weight:bold;font-variant:small-caps; }
.sinema_content strong , .sinema_content b {font-family: 'Arial';margin-bottom:20px;font-weight:bold;line-height:20px;font-size:14px;font-style: normal;color:#000000;}
.sinema_content a { text-decoration:underline; }

.vs {  color:#000;-webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a; }
.vs h5 { font-size:12px;font-family: 'Arial';text-transform:lowercase;color:#000;margin-bottom:20px;margin:0; }
.vs h1 { font-size:12px;text-transform:uppercase;font-family: 'Arial';font-weight:normal;line-height:26px;margin-bottom:10px; }
.vs h2 { font-size:20px;text-transform:uppercase;font-style:bold;font-family: 'Arial';line-height:30px; }
.vs h3 { font-variant:small-caps;font-size:9px;font-family: 'Arial';margin:0px 0;color:#000;line-height:14px;}
.vs h4 {font-size:14px;font-style:normal;font-family: 'Arial';color:#000;margin-bottom:20px;font-weight:normal;line-height:20px;font-weight:normal;}

.vs_content em {
    /*color:#000000;
    font-weight:bold;*/
    font-size:14px;
}
.vs_content { -webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a; }
.vs_content h2 {font-size:18px;text-transform:uppercase;font-style:normal;font-family: 'Arial';font-weight:bold;}
.vs_content h3 {line-height:20px;font-size:14px;font-weight:bold;font-style:normal;color:#000000;letter-spacing: 0;}
.vs_content h4 {font-size:12px;font-style:normal;font-family: 'Arial';text-transform:uppercase;color:#000;margin-bottom:0px;font-weight:bold;font-variant:small-caps;}
.vs_content h2 span { font-size:12px;font-style:normal;font-family: 'Arial';text-transform:uppercase;color:#000;margin-bottom:0px;font-weight:bold;font-variant:small-caps; }
.vs_content strong , .vs_content b {font-family: 'Arial';margin-bottom:20px;font-weight:bold;line-height:20px;font-size:14px;font-style: normal;color:#000000;}
.vs_content a { text-decoration:underline; }

.music {  color:#000;-webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a; }
.music h5 { font-size:12px;font-family: 'Arial';text-transform:lowercase;color:#000;margin-bottom:20px;margin:0; }
.music h1 { font-size:12px;text-transform:uppercase;font-family: 'Arial';font-weight:normal;line-height:26px;margin-bottom:10px; }
.music h2 { font-size:20px;text-transform:uppercase;font-style:bold;font-family: 'Arial';line-height:30px; }
.music h3 { font-variant:small-caps;font-size:9px;font-family: 'Arial';margin:0px 0;color:#000;line-height:14px;}
.music h4 {font-size:14px;font-style:normal;font-family: 'Arial';color:#000;margin-bottom:20px;font-weight:normal;line-height:20px;font-weight:normal;}

.musicbg , .music_content { -webkit-box-shadow: 0 5px 10px #67827a;
    -moz-box-shadow: 0 5px 10px #67827a;
    -o-box-shadow: 0 5px 10px #67827a;
    box-shadow: 0 5px 10px #67827a;
}
.musicbg em, .music_content em {
    /*color:#000000;
    font-weight:bold;*/
    font-size:14px;
}
.musicbg h2, .music_content h2 {font-size:18px;text-transform:uppercase;font-style:normal;font-family: 'Arial';font-weight:bold;}
.musicbg h3, .music_content h3 { line-height:20px;font-size:14px;color:#000000;letter-spacing: 0;font-style:normal;font-weight:normal; }
.musicbg h4, .music_content h4 {font-size:12px;font-style:normal;font-family: 'Arial';text-transform:uppercase;color:#000;margin-bottom:0px;font-weight:bold;font-variant:small-caps;}
.musicbg h2 span , .music_content h2 span { font-size:12px;font-style:normal;font-family: 'Arial';text-transform:uppercase;color:#000;margin-bottom:0px;font-weight:bold;font-variant:small-caps; }
.musicbg strong , musicbg b , .music_content strong , .music_content b {font-family: 'Arial';margin-bottom:20px;font-weight:bold;line-height:20px;font-size:14px;font-style: normal;color:#000000;}
.musicbg a , .music_content a { text-decoration:underline; }



a.smallink { font-style:normal;font-size:12px; }
span.noupper { font-family: 'Arial';color:#000;margin-bottom:20px;font-weight:normal;line-height:14px;font-size:14px;border-bottom:solid 1px #666;text-transform:none; }

.pullquote {font-weight:bold;}
.pullquote br { line-height:0;padding:0;height:0; }
.pullquote .h2 { font-size:20px;background:#beebfc;text-transform:uppercase;font-style:normal;font-family: 'Arial';line-height:30px;display:block;padding:5px;margin-bottom:5px; }
.pullquote .h3 { font-variant:small-caps;font-size:9px;font-family: 'Arial';margin:0px 0;color:#000;line-height:14px;display:block;font-style:normal;}
.pullquote .h4 {font-size:14px;font-style:normal;font-family: 'Arial';color:#000;margin-bottom:20px;font-weight:normal;line-height:20px;font-weight:normal;display:block;}
.pullquote .h2 label {
    text-transform:none;
    font-size:14px;
    font-variant: normal;
}

.vs_content .pullquote .h2 {  }
.dosya_sadeceicerik .pullquote .h2 { }

p { line-height:14px;font-family: 'Arial'; }
body { font-style:normal; }
.dosya_sadeceicerik strong { font-size:14px;text-decoration:none;line-height:20px; }