/*  
Theme Name: Teak DISCO Theme
Theme URI: http://disco.wrkshp.fi/
Description: DISCO Child Theme
Version: 2.0
Author: Wrkshp
Author URI: http://wrkshp.fi
Tags: developer

Template: dms

*/



 /* ============================ *
  * TEAK DISCO Asia Child Theme  *
  * ============================ */

	body {
	font-family: benton-modern, serif;
	font-style: normal;
	font-weight: 400;
    font-size: 1rem!important;
	line-height: 1.6em;
}
.section-navbar.nav-up {
		top: -300px;}

.section-navbar {
  position: fixed;
  display: table;
  height: auto;
  z-index: 2;
  top: 0;
  transition: all .2s ease;}

.disco-navbar {
  width: 40vmin;
    padding:11px;
    margin:1% 0 0 1%;}

.single-post .head-title {
    margin-top:15vmin;}

@media (min-width: 1024px) {

    .disco-navbar {
        width: 20vmin;
        padding:0}
     
    .single-post .head-title {
            margin-top:1em;}
        }
.home .section-navbar {
    display:none;} 

a {
    color: #FFAABE;
}
.bottom-navi a {
    color: #ff7092;
}
a:hover {
    color: #B96300!important;}

section.divider {
    border-top: 1px solid #d7d7d7;}

body.display-full .pl-content {
    max-width: 98%;}
@media (min-width: 768px) {
         body.display-full .pl-content {
            max-width: 80%;}
        }
.bottom-navi .pl-content {
    max-width: 98%!important;}
.navbar .plbrand:hover .plbrand-text, .navi-site-title:hover {
  color: #00B7B7 !important;}

.navbar .plbrand:active .plbrand-text {
  color: #DDD;}

.navbar .plbrand .plbrand-text, .navi-site-title {
	color: #666 !important;}

.navi-left {
    display:none;}

section.fix-head {
    height:45px;   }

section.fix-head .pl-section-pad {
    padding: 4px 0;    }

#atd {
    width: 100%;
    height: 0;
    padding-top:33.3333333%;
    background-image: url(pix/atd-mobi.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;}

@media (min-width: 1024px) {
         #atd {
            width: 100%;
            height: 0;
            padding-top:100%;
            background-image: url(pix/atd.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;}
}

#cover-title {
    width: 60vmin;
    height: 60vmin;
    position: relative;
    margin-top: 5vmin;
    background-image: url(pix/cover-atd.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;}

@media (min-width: 1024px) {
         #cover-title {
            width: 50vmin;
            height: 50vmin;
            margin-top: 15vmin;}
}

.searchform {
    position: relative;
    margin: 8px 0 3px 0;
    display: inline-block}

.section-header span, .section-header a, .section-navbar span, .head-title span, .head-title a  {
    font-family: "Monosten C", Courier, monospace;
	font-size-adjust: 0.5;
	font-weight: normal;
	font-style: normal; 
    font-size: 2.4em;
    margin: 0;
    margin-top:4px!important;
    text-transform: none;} 

.head-title span, .head-title a  {
    font-size: 2em;} 
.category .head-title span, .tag .head-title span  {
    font-size: 2em;} 
@media (min-width:768px) {
         .category .head-title span, .tag .head-title span  {
            font-size: 3em;} 
        }

@media (min-width:1366) {
         .category .head-title span, .tag .head-title span  {
            font-size: 4em;} 
        }
.tag .head-title span:before, .tags:before  {
    content: "\f02c";
    font: normal normal normal 1em/1 PageLinesFont;
    padding-right:1em;} 

/*.head-title span, .head-title a  {
    color:#B96300;} */

.category div.head-title, .tag div.head-title {
    padding: 4% 0 2% 0;
    text-align: center;}

 @media (min-width:1024px) {
         .category div.head-title, .tag div.head-title {
            padding: 9% 0 4% 0;}
        }

/* .category div.head-title, .tag div.head-title {
    padding: 4% 0 2% 0;
    margin-left: 4%;}

 @media (min-width:1024px) {
         .category div.head-title, .tag div.head-title {
            padding: 9% 0 4% 0;
            margin-left: 4%;}
        } */

.navi-site-title  {
    font-family: "Monosten C", Courier, monospace;
	font-size-adjust: 0.5;
	font-weight: normal;
	font-style: normal; 
    font-size: 1.0em;
    line-height: 45px;
    margin: 4px 0 0 1em!important;
    text-transform: none;}  

.navi-site-title.nivel  {
    text-transform: uppercase;}  

.section-header span  {
    display:block;}

.section-header span.sec  {
    text-transform: uppercase;
    padding-left:0.6666em;}

/* .section-header span.sub-sec  {
    border-top:3px dashed #00B7B7;
    border-bottom:3px dashed #00B7B7;
    margin:0.5em 0;
    padding:0.5em 0;   } */

.section-header span.sub-sec  {
    font-size:2.4em;
    color:#FFF;
    background:#00B7B7;
    padding:0.5em;
    border-radius:3px;
    line-height: 1em;} 

.section-pl-powerloop article {
  border-bottom: none;}

.sec-toc article {
    border-bottom: none;
    background:#00B7B7;
    padding:0.5em;
    border-radius:3px;
}
.sec-toc article:hover  {
    background:#A0238C;
}
.sec-toc h2.power-title.alignleft {
    font-size:2.4em;
    padding:0.5em 0 0 0.5em;}

.section-header span.sub-sec  {
    font-size:2.4em;
    color:#FFF;
    line-height: 1em;} 


.section-header a span  {
    color:#000;}

.section-header span em {
    /* display:block; */
    font-style:normal;
    color:#00B7B7;}

.navi-site-title::before {}  

.section-navi .navi-searchform {
    height: 35px!important;
    line-height: 35px!important;}

.section-navi .navi-site-description {
    display:none;}

.section-navi .navi-wrap {
    height:35px!important;}

.full-cover {
    height:100vh;}

div.cover-container {
    position: absolute;
    height: 90vmin;
    width: 90vmin;
    left: 5vmin;
    bottom: 5vmin;}

#cover {
    position:absolute;
    font-family: "Monosten C", Courier, monospace;
	font-size-adjust: 0.5;
	font-weight: normal;
	font-style: normal;
	line-height: 0.95em;
    color: #FFF;
    text-transform: none;
    transition: all 0.3s linear 0s;}

#cover-info, #slide-info {
    position:absolute;
    font-family: "Monosten C", Courier, monospace;
	font-size-adjust: 0.5;
	font-weight: normal;
	font-style: normal;
	line-height: 0.95em;
    color: #FFF;
    text-transform: none;
    transition: all 0.3s linear 0s;}

#cover-info em {
    display:block;
    font-style:normal;}

.full-cover #cover-info {
    width: 100%;
    height: 100%;
    font-size:1.8em;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);}

.low-cover #cover-info {
    width:80%;
    height:100%;
    left:5%;
    top:15%;
    font-size:1.8em;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);}

.pub-info #cover {
    position:relative;
    width:100%;
    height:auto;
    font-size:1.8em;
    padding-top:30%;
    padding-bottom:25%;
    background-image: url(pix/cover.jpg);
	background-repeat: no-repeat;
	background-position: center;	
    background-size: contain;}

.pub-info #cover em {
    font-family: "Monosten A", Courier, monospace;
    display:block;
    font-style:normal;
    font-size:0.8em;}

.postid-115 .power-content h1, .postid-115 .power-content h2, .postid-115 .power-content h6 {
    display:none;}

.postid-115 .power-content h3, .postid-115 .power-content h4 {
    font-size:1.8em;
    color:#A0238C!important;}

.postid-115 .power-content h5 {
    font-size:1.6em;
    color:#A0238C!important;}


.postid-115 .power-content p {
    font-family: "Monosten A", Courier, monospace;
	font-size-adjust: 0.5;
	font-weight: normal;
	font-style: normal;
	line-height: 1.2em;
    font-size:1.4em;}

.postid-115 .power-content  {
    margin-left:5%;}


#slide-info {
    width: 100%;
    height: auto;
    right: 0;
    bottom: 0;
    font-size: 0.8em;
    padding: 8px 16px 8px 8px;
    background:rgba(0,0,0,0.6);
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    box-sizing: border-box !important;}

.gg-image-caption, #sggCboxTooltip, #cboxTitle, .hentry h6, .metaslider .caption {
    font-family: "Monosten C", Courier, monospace;
	font-size-adjust: 0.5;
	font-weight: normal;
	font-style: normal;}

.theme_4 #sggCboxTooltip {
    background: rgba(0, 0, 0, 0.5)!important;
    color: #FFF!important;}

#slide-info span.photo, .gg-image-caption span.photo, #sggCboxTooltip span.photo, .metaslider .caption span.photo {
    padding-left: 1em;
    font-size:0.7em;
    text-transform: uppercase;}

 @media (min-width: 400px) {
         .full-cover #cover-info, .low-cover #cover-info {
            font-size:2.2em;}
        }
@media (min-width: 800px) {
         #slide-info {
            width: 35%;
            font-size: 1em;
            padding: 16px 32px 16px 16px;}
        .full-cover #cover-info, .low-cover #cover-info {
            font-size:4em;}
        .full-cover #cover-info {
            height:50%;}
        }
@media (min-width: 1365px) {
         #cover-info {
            width:60%;
            font-size:4em;} 
    .pub-info #cover {
            font-size:3em;}
    
    .full-cover #cover-info {
        height:50%;}
        }

#cover-info .uniartsx, #cover .uniartsx {
    width: 15vmin;
    height: 15vmin;
    background-image: url(pix/uniartsx66.png);
	background-repeat: no-repeat;
	background-position: center;	
    background-size: contain;}

@media (min-width: 1024px) {
         #cover-info .uniartsx, #cover .uniartsx {
            width: 10vmin;
            height: 10vmin;}
}
#cover .uniartsx {
    top: 10%;
    position:absolute;}


.post-navi .pl-section-pad {
    text-align:center;}
.post-navi a {
    font-size:1.5em;
    padding-left:1.5em;}

.noshow {
display:none;}

.postpin-wrap {
	width:235px !important; /* editorissa 245 -- tyylissä 235   editorissa 309 -- tyylissä 298 */}

small {
	font-size: 80%;}

sup {
	font-size:0.8em;
	vertical-align:super;}

sup {
	top:-0.1em;}
ol {
    list-style-type: decimal;
    list-style-position: inside;
    margin-left:5em;
    margin-bottom: 1em;}

ol li {
    list-style-position: outside;
    margin-bottom: 0.5em;}

h1, h2, h3, h4, h5, h6, .loop-menu .categories {
    font-family: "Monosten C", Courier, monospace;
	font-size-adjust: 0.5;
	font-weight: normal;
	font-style: normal;
    line-height: 1.2em;
    margin: 1em 0 .5em 0}

h1 {font-size:3em;}
@media (min-width: 1024px) {
        h1 {font-size:4em;}
        }
h2 {font-size:2.4em;}


.right {
	float:right;}
	
h2.editor {
	font-size:2.4em !important;
	margin-top:0em !important;
	margin-bottom:2em !important;}

.pubdetails {
	font-family:"Monosten A", Courier, monospace; 
	font-size-adjust:0.5; 
	font-weight:normal; 
	font-style:normal;
	font-size: 1em !important;}

.single-post article.hentry {
	padding-right: 0;}

@media (min-width: 800px) {
        .single-post article.hentry {
            padding-top: 0.5em;
            padding-right: 20px;}
        }

.archive .multi-post article.hentry {
	background-image: url(pix/excerpt.png);
	background-repeat: no-repeat;
	background-position: right top;	
	padding-top:20px;
	padding-right:20px;}

/*.tag article.hentry {
	background-image: url(pix/excerpt.png);
	background-repeat: no-repeat;
	background-position: right top;	
	padding-top:20px;
	padding-right:20px;
}*/

.tag .multi-post article {
	background-image: url(pix/excerpt.png);
	background-repeat: no-repeat;
	background-position: right top;	
	padding-top:20px;
	padding-right:20px;}

.the-rapid-tabs .widget ul {
	font-size: 1.2em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0em;}

.single-post .hentry .entry-title {
margin-top: 0 !important;
margin-right: 2em !important;}

.single-post .entry_content, .single-post .entry-content {
margin-right: 1.6em !important;}

.single-post .entry-title b, .multi-post h4.entry-title b, h2.entry-title b {
display:none;!important;}

.tags-list {
	font-family:"Monosten A", Courier, monospace; 
	font-size-adjust:0.5; 
	font-weight:normal; 
	font-style:normal;
	font-size:1.5em !important;}

.tags {
    font-family: "Monosten C", Courier, monospace;
	font-size-adjust: 0.5;
	font-weight: normal;
	font-style: normal;
    font-size:1.2em;
    text-transform: uppercase;}

.hentry ul {
	list-style-position: outside;
	list-style-image: none;
	list-style-type: square !important;}

.hentry ul li, .hentry ol li {
	padding-bottom: 0.6em;}

.multi-post .clip_box .clip {
    width: 49%;
    clear: none;
    float: left;
    margin: 0;}

.clip_box article {
	background-image: url(pix/excerpt.png);
	background-repeat: no-repeat;
	background-position: right top;}

.clip_box article div.wrp {
	padding: 15px;
	margin: 0;}

.clip_box div.post-title {
	 padding-right: 50px !important;}

.clip_box article h4.entry-title {
	 font-size:2em !important;}

.post-excerpt address {
	display:inline; 
	float: left;
    font-size:1.2em !important;
	line-height: 1.2em;
    text-transform: uppercase;
	color:#000;
	padding-right:.4em;
	padding-bottom:0 !important;
	margin-bottom:0 !important;
	max-width: 55%;}

.post-excerpt pre, .post-excerpt h2 {
	display:none;	}

#navbar {
	font-family:"Monosten C", Courier, monospace; 
	font-size-adjust:0.5; 
	font-weight:bold; 
	font-style:normal;	}

.dropdown-menu {
	font-family:"Monosten A", Courier, monospace; 
	font-size-adjust:0.5; 
	font-weight:normal; 
	font-style:normal;	}
	
.dropdown-menu em {
	font-family:"Monosten C", Courier, monospace; 
	font-weight:bold; 
	font-style:normal;	
	padding-right: 0.4em;}

.hentry h1 {
    margin:0 0 0.5em 0;
    font-size: 2em;}  

.hentry h1 em, h1.entry-title em, .section-powerloop-single .power-content h2 em, .section-powerloop-single .power-content h2 i {
    font-style:normal;
    color:#B96300;}  

h1.sec-title em {
    display:block;
    font-style:normal;
    color:#00B7B7;}  

h2.power-title.alignleft {
    float:none!important;
    margin: 0 0.5em 0.5em 0!important;}

h2.power-title.alignleft a {
    color:#A0238C;}

h2.power-title.alignleft a:hover {
    color:#00B7B7;}

.sec-toc h2.power-title.alignleft a {
    color:#FFF;}

.sec-toc h2.power-title.alignleft a:hover {
    color:#FFF!important;}

.sub-toc h2.power-title.alignleft em {
    font-style:normal;
    color:#000;}

.sub-toc h2.power-title.alignleft em::after {
    content:":";}

.hentry h2, .hentry h3 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
    font-size: 1.3em;}

@media (min-width: 768px) {
         .hentry h1 {
            font-size: 3.6em;}  
        .hentry h2 {
            font-size: 2em;}
    .hentry h3 {
            font-size: 1.6em;}
        }

.hentry h4 {
	font-size: 1em;
	line-height: 1.2em;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 1.1em;
	margin-left: 0;}

.hentry p {
    margin: 0 0 0.5em 0}


.entry-title.pagetitle, #highlight h1.highlight-head, address {
	font-size: 3em;}

.entry-title.pagetitle, .page #highlight h1.highlight-head {
	color: #000000;
	font-size: 3em;}

.entry_content p, .entry-content  p {
	font-size: 1.0em;}

.power-content p a, .postid-373 .power-content p, .power-content blockquote p {
    font-family:"Monosten A", Courier, monospace; 
	font-size-adjust:0.5; 
	font-weight:normal; 
	font-style:normal;}

.power-content p a {font-size: 1.05em;
    font-family:"Monosten C", Courier, monospace;}

.power-content blockquote, .postid-373 .power-content p {
    font-size: 1em!important;
    line-height:1.4em}

p {
    font-size: 1.2rem;
	orphans: 4;
	margin-top: 0.8em;
	margin-right: 0;
	margin-bottom: 0.8em;
	margin-left: 0;
}
p strong, p b {
	font-style: normal;
	font-weight: 700;
}
blockquote p {
    font-size:1rem;
}

.hentry iframe {
	margin-top:1em;}

/* ---- LOOP-MENU ---- */

.rounded-thumb img, .rounded-thumb .thmbnail {
    border-radius: 50% !important;}

.loop-menu .rounded-thumb img, .loop-menu .rounded-thumb .thmbnail {
    max-width: 50%;
    margin-right: auto;
    margin-left: auto;
    border: 6px solid #FFAABE;
    background-color:#FFAABE;;}

.loop-menu .rounded-thumb .thmbnail {
    height:0;
    width:50%;
    padding-top:50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:contain;
    background-color:#FFAABE;}

.cat-loop .power-thumb:hover .thmbnail {
  opacity: .7;}

.intro .thmbnail {
    background-image: url(pix/intro.jpg);}
.india .thmbnail {
    background-image: url(pix/india.jpg);}
.srilanka .thmbnail {
    background-image: url(pix/srilanka.jpg);}
.myanmar .thmbnail {
    background-image: url(pix/myanmar.jpg);}
.thailand .thmbnail {
    background-image: url(pix/thailand.jpg);}
.laos .thmbnail {
    background-image: url(pix/laos.jpg);}
.cambodia .thmbnail {
    background-image: url(pix/cambodia.jpg);}
.vietnam .thmbnail {
    background-image: url(pix/vietnam.jpg);}
.malaysia .thmbnail {
    background-image: url(pix/malaysia.jpg);}
.indonesia .thmbnail {
    background-image: url(pix/indonesia.jpg);}
.china .thmbnail {
    background-image: url(pix/china.jpg);}
.korea .thmbnail {
    background-image: url(pix/korea.jpg);}
.japan .thmbnail {
    background-image: url(pix/japan.jpg);}
.cultural-exchanges .thmbnail {
    background-image: url(pix/cultural-ex.jpg);}
.synopses .thmbnail {
    background-image: url(pix/synopsis.jpg);}

div.loop-menu-item {
    text-align:center;}

.loop-menu h2 {
    font-size:1.2em;}

@media (min-width:1024px) {
         .loop-menu h2 {
            font-size:1.5em;}
        }
.loop-menu .categories {
    text-transform: uppercase;
    font-size:1.2em;}
.loop-menu .categories:after {
    content:":";
    color:#FFAABE;}

.template-tag-view .loop-menu .rounded-thumb img {
    margin-bottom:1em;}

.loop-menu h2 em {
    font-style: normal;
    color: #B96300;}

/* ---- ---- */

.entry_content blockquote, .entry-content blockquote {
	border-left: 0px solid rgba(0, 0, 0, 0.6);
	padding: 0;
	margin-top: .5em;
	margin-right: 0;
	margin-bottom: .5em;
	margin-left: 0;}

@media (min-width: 400px) {   }
@media (min-width: 768px) {
         .entry_content blockquote, .entry-content blockquote {
            margin-top: 1.5em;
            margin-bottom: 1.5em;
            margin-left: 3em;}
        }
@media (min-width: 1365px) {
        }

.entry_content blockquote p, .entry-content blockquote p, blockquote span.glossaryLink {
	font-family:"Monosten C", Courier, monospace; 
	font-size-adjust:0.5; 
	font-weight:normal; 
	font-style:normal;	
	line-height: 1.4em;
	margin-bottom: 0;
	color: #008383 !important;
    margin: 0 0 0.5em 0;}

.entry_content blockquote p em, .entry-content blockquote p em {
	font-style: normal !important;}

.hentry ul {
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;}

.hentry ol {
	margin-left:3em;}	

.hentry ol li {
	margin-bottom:.6em;}

.bodytxt-container .pl-content, .sec-head-container .pl-content, .single-post .section-head-title .pl-content {
        max-width: 98%!important;}

        @media (min-width: 768px) {
          .bodytxt-container .pl-content, , .sec-head-container .pl-content, .single-post .section-head-title .pl-content {
              max-width: 80%!important;}
        }

        @media (min-width:1024px) {
          .bodytxt-container .pl-content, .sec-head-container .pl-content, .single-post .section-head-title .pl-content {
              max-width: 70%!important;}
          .bodytxt-container .pl-content, .sec-head-container .pl-content, .single-post .section-head-title .pl-content {
              max-width: 60%!important;}
        }

        @media (min-width:1366px) {
          .bodytxt-container .pl-content, .sec-head-container .pl-content, .single-post .section-head-title .pl-content {
              max-width: 60%!important;}
        }

        @media (min-width:1367px) {
          .bodytxt-container .pl-content, .single-post .section-head-title .pl-content, .sec-head-container .pl-content {
              max-width: 43%!important;}
        }

    .bodytxt-container > .pl-section-pad {
        background-color: rgba(8,21,32,1);}

  /*  .bodytxt-container .section-powerloop-single .power-content p  {
        font-size:1.4em;
        color:#081520;
        line-height: 1.4em;
        margin: 0.8em 0;
        -webkit-margin-before: 0.4em !important;
        -webkit-margin-after: 0.4em !important;}

        @media (min-width: 768px) {
          .bodytxt-container .section-powerloop-single .power-content p  {
              font-size:1.6em;}
    } */


    .anfangi  {
        color:#00B7B7;
        font-family: EstiloText-Bold;
        font-size: 66px;
        line-height: 10px;
        margin-right: 0.2em;
        margin-left: -6px;
        margin-top: 32px;
        margin-bottom: 6px;
        display: block;
        float: left;}

            @media (min-width: 768px) {
              .anfangi  {
                  font-size: 110px;
                  line-height: 10px;
                  margin-left: -6px;
                  margin-top: 54px;
                  margin-bottom: 26px;}
              }


/*=================== NAVIGATION ====================*/

.sfm-menu li a div {
    display:inline-block;
    opacity:0.7;}

.sfm-navicon, .sfm-navicon:after, .sfm-navicon:before, .sfm-sidebar-close:before, .sfm-sidebar-close:after {
    height: 5px !important;
    border-radius:2px;}

#sfm-sidebar li.sfm-active-class > a span {
	background: transparent!important;}

.sfm-rollback {
    z-index:9990;}

.sfm-navicon-button .sf_label_icon {
    width: 36px!important;
    height: 36px!important;
    font-size: calc(36px * .6)!important;}

.nav-container {
    position:absolute;
    top:20px;
    right:0;
    width:100%;
    float:right;}

#sfm-sidebar .sfm-menu li > a:before {
    background: #B96300!important;}

#sfm-sidebar .sfm-menu li a {
    padding:10px 0!important;}

.sfm-style-full #sfm-sidebar.sfm-sidebar-exposed .sfm-menu li>a span div {
    width:24px;
    text-align:right;
    float:left;
    padding-right: 1em;}

.sfm-pos-right .sfm-sidebar-close {
    margin-bottom: 10px;}

#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li, .sfm-sidebar-always #sfm-sidebar .sfm-menu-level-0 > li {
    opacity: 0.9!important;}

#sfm-sidebar .sfm-chapter {
    padding: 0!important;
    margin: 0!important;
    opacity:1!important;
    background:#FF3CB4;}

#sfm-sidebar .sfm-chapter:last-child {
    background:#2bcece!important;}

#sfm-sidebar .sfm-chapter div:first-child {
    display:block!important;}

li.sfm-chapter a {
     padding: 0!important; }

div#kansi, div#sarja, div#copyr, div#teak, div#teak-uniarts {
    padding:0;
    margin:0;
    margin-left:-28px!important;}

div#kansi {
    background-image: url(pix/kansi.jpg);
	height: 300px;
	width: 400px;}

div#teak-uniarts, div#teak {
	height: 200px;
	width: 400px;}

div#teak-uniarts {
    background-image: url(pix/uniarts.png);
    background-repeat: no-repeat;
    background-position: center center;}

div#sarja, div#copyr, div.sarja {
    padding-top:1em;
    padding-bottom:1.5em;}

#sarja h1, #sarja h2, #copyr h2, .sarja h1, .sarja h2, .copyr h2  {
    font-family: "Monosten C", Courier, monospace;
	font-size-adjust: 0.5 !important;
	font-weight: normal;
	font-style: normal;
    line-height:1em;
    margin:0;}

#sarja h1, .sarja h1 {
    font-size:28px;}
#sarja h2, #copyr h2, .sarja h2, .copyr h2 {
    font-size:14px;}

.sarja h1, .sarja h2, .copyr h2  {
	text-transform: uppercase;
	text-align: center;}



/* =================== BOTTOM NAVI ==================== */

.pl-pager li {
    width:40%;}
.single-pager li {
    width:100%;}

li.next.next-entries, .bottom-navi a.next-step {
    float:left;}

li.previous.previous-entries, .post-navi a, .bottom-navi a.previous-step {
    float:right;
    text-align:right;}
 
.pl-pager li a.btn.btn-mini, .post-navi a, .bottom-navi a {
    font-family: "Monosten C", Courier, monospace;
	font-size-adjust: 0.5 !important;
	font-weight: normal;
	font-style: normal;
    font-size:1em;
    text-transform: none;
    display: table;
 }

.pl-pager div.nro {
    display:inline;}

.pl-pager li a.btn:hover {
    text-decoration: none;
    background-color: transparent;
    background-position: 0;
    color:#00B7B7;}

.pl-pager li a.btn:active, .bottom-navi a[rel=next]:active, .bottom-navi a[rel=prev]:active {
    background-image: none;
    box-shadow: none;
    background-color: transparent;
    background-color: transparent;
    outline: 0;}

li.next.next-entries a.btn.btn-mini:before, .bottom-navi a.next-step:before, .bottom-navi a[rel=next]:before {
    content: "\f053";       /*content: "\f060";  nuoli */
    font: normal normal normal 1.6em/1 PageLinesFont; /*  1.4  */
    display: table-cell;
    vertical-align: middle;
    padding-right:1em;
    width:2em;}

li.previous.previous-entries a.btn.btn-mini:after, .bottom-navi a.previous-step:after, .bottom-navi a[rel=prev]:after {
    content: "\f054";  /*content: "\f061";  nuoli */
    font: normal normal normal 1.6em/1 PageLinesFont;  /*  1.4  */
    display: table-cell;
    vertical-align: middle;
    padding-left: 1em;
    width:2em;}

.pl-pager .btn {
    display: inline-block;
    padding: 4px 10px 4px;
    margin-bottom: 0;
    font-size: 1em;
    line-height: 1em;
    background: transparent;
    border: none;
    text-transform: none;
    font-family: "Monosten C", Courier, monospace;
	font-size-adjust: 0.5 !important;
	font-weight: normal;
	font-style: normal;}

.pl-pager li.next .btn {
    text-align: left;}

.pl-pager li.previous .btn, .pl-pager a[rel=prev] {
    text-align: right!important;}

.pl-pager a[rel=prev] {
    float: right;}

.pl-pager .btn em {
    font-style:normal;}

/* ================= FOOTER ==================== */

#footer a, #footer li h5 a, #footer {
	font-family:"Monosten A", Courier, monospace; 
	font-size-adjust:0.5; 
	font-weight:normal; 
	font-style:normal;	}

#footer a:hover, #footer li h5 a:hover {
	color:#00b7b7;}

h4.headline.pin-title {
	font-size: 1.5em;
	margin-bottom:0.2em;}

#footer {
    background: #F4F4F4;}

.a2a_floating_style {
    border-radius: 0 6px 0 0!important;}


/*=================== FOOTER cover stuff ====================*/

.serial div.span6 {
    height: 0;
    padding-top: 0%;
    padding-bottom: 20%;
    vertical-align: middle;}

.cover-bits {
    top: 10%;
    width:90%;
    left:5%;
    position:absolute;}

#cover .txt {
    padding-top:35%;}

#cover-info span.author {
    display:block;
    font-size:0.5em;
    line-height: 1em;
    padding-top:1ex;
    padding-left:1ex;
    color: #FFF;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);}

#cover-info:hover {
    color:#B96300;}

#footer div.series {
    width:100%;
    height:0;
    padding-top:20%;
    padding-bottom:40%;
    text-align:center;}

div.cover-meta {
    width: 6.5em;
    margin: -5% auto;
    /*margin: auto;
    height:0;
    padding-top:10%;
    padding-bottom:30%;*/}

div.cover-meta span {
    font-family:"Monosten A", Courier, monospace; 
	font-size-adjust:0.5; 
	font-weight:normal; 
	font-style:normal;	
    display:block;
    font-size: 0.9em;
    text-transform: uppercase;
    margin-bottom: 0.2em;}

.cover-meta span.nro {
    font-size: 5.5em; 
    border-bottom: 2px #000 solid;
    padding-bottom: 0.4em;
    letter-spacing: -0.05em;}

.cover-meta span.year {
    font-size: 1.5em; 
    padding-top:0.2em;}

#footer .teak-fi {
	width:100%;
    height:0;
    padding-top:40%;
    background-image: url(pix/teak-fi.png);
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;}

#footer div.cover-meta {
    text-align: center;
    line-height:1em;
    color:#000; }

.foot-credits {
    text-align:center;
    margin-top: 5%;
    color:#000;}   

.foot-credits span {
    line-height:1.4em;
    display:block;}

.foot-credits span em {
    font-style: normal; 
    display:block;}

.foot-credits span em::before {
    content:"";
    padding-right:0.8em;}
.foot-credits a {
    color:#000;
    text-decoration: underline;
}
.series a:hover *, .foot-credits a:hover  {
    color:#ff7092!important;
}
.series a:hover span.nro {
    border-bottom: 2px #ff7092 solid;
  }
@media (min-width: 767px) {
    
        #footer div.nivel {
            padding-bottom:15%;}
      
        .foot-credits span em {
           display:inline; }
    
        .foot-credits span em::before {
            content:"|";
            padding-right:0.8em;}
        }

#footer .teak-en {
	width:100%;
    height:0;
    padding-top: 20%;
    padding-bottom: 20%;
    background-image: url(pix/teak-en.png);
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;}


/* ============404!================== */
.boomboard {
text-align: center;
padding: 10px !important;
min-height: 100px !important;}

.boomboard h2.hugetext {
	margin: .1em 0;}

.boomboard p.subhead {
	font-family:"Monosten A", Courier, monospace; 
	font-size-adjust:0.5; 
	font-weight:normal; 
	font-style:normal;	
	font-size:1.2em;}

/* ===========Kuva ja kuvateksti=================== */

.pl-video.ratio43 {
    position: relative;
    width:100%;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
    padding-top:10px}

dd.gallery-caption span, .slb_template_tag.slb_template_tag_item.slb_template_tag_item_title span, h5 strong {
    font-size:0.8em;
    text-transform: uppercase;
    display:block;}

h5 strong {
    display:inline-block;
    font-weight: normal;}

.gallery-columns-1 dd.gallery-caption span {
    display:inline-block;}

dd.gallery-caption span:before, .slb_template_tag.slb_template_tag_item.slb_template_tag_item_title span:before {
    content: "\f030";
    font: normal normal normal 1em/1 PageLinesFont;
    padding:0 1em 0 0;}

.gallery-columns-1 dd.gallery-caption span:before {
    padding:0 1em 0 1em;}

h5 strong:before {
    content: "\f03d";
    font: normal normal normal 1em/1 PageLinesFont;
    padding:0 1em 0 1em;}

body .pl-thumbnails .thumbnail, body .gallery .gallery-icon a, .pl-thumbnail {
    display: block;
    padding: 0;
    line-height: 21.7px;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;}

body .pl-thumbnails .thumbnail[href]:hover, body .gallery .gallery-icon a[href]:hover,
.pl-thumbnail[href]:hover {
    border-color: #00B7B7;
    -webkit-box-shadow: 0 1px 4px rgba(0, 183, 183, 0.25);
    -moz-box-shadow: 0 1px 4px rgba(0, 183, 183, 0.25);
    box-shadow: 0 1px 4px rgba(0, 183, 183, 0.25)}

.gallery dl.gallery-item {
    text-align:left!important;}

.gallery-columns-1 dl.gallery-item {
}

.gallery-columns-2 dl.gallery-item {
    width:49%!important;
    margin-right:1%!important;}

.gallery-columns-3 dl.gallery-item {
    width:32%!important;
    margin-right:1%!important;}

.gallery-columns-4 dl.gallery-item, .gallery-columns-5 dl.gallery-item, .gallery-columns-6 dl.gallery-item, .gallery-columns-7 dl.gallery-item, .gallery-columns-8 dl.gallery-item, .gallery-columns-9 dl.gallery-item {
        float: none;
        display: table;
        margin-top: 10px;
        text-align: center;        
        position: relative;
        width: 99%!important;}

.gallery-columns-5 dt.gallery-icon, .gallery-columns-6 dt.gallery-icon, .gallery-columns-7 dt.gallery-icon {
        float: left !important;}

.gallery-columns-4 dt.gallery-icon {
        width:40%;}

.gallery-columns-5 dt.gallery-icon {
        width:50%;}

.gallery-columns-6 dt.gallery-icon {
        width:56%;}

.gallery-columns-7 dt.gallery-icon {
        width:66%;}

.gallery-columns-8 dt.gallery-icon {
        width:76%;}

.gallery-columns-9 dt.gallery-icon {
        width:33%;}

.gallery-columns-4 dd.gallery-caption, .gallery-columns-5 dd.gallery-caption, .gallery-columns-6 dd.gallery-caption, .gallery-columns-7 dd.gallery-caption, .gallery-columns-8 dd.gallery-caption, .gallery-columns-9 dd.gallery-caption {
        float: left;
        position: absolute;
        bottom:0;
        padding-left:1em;}

.gallery-columns-4 dd.gallery-caption {
        left:40%;
        width: 40%;}

.gallery-columns-5 dd.gallery-caption {
        left:50%;
        width: 40%;}

.gallery-columns-6 dd.gallery-caption {
        left:56%;
        width: 40%;}

.gallery-columns-7 dd.gallery-caption {
        left:66%;
        width: 34%;}

.gallery-columns-8 dd.gallery-caption {
        left:76%;
        width: 24%;}

.gallery-columns-9 dd.gallery-caption {
        left:33%;
        width: 40%;}

/* style ~ div.gallery {
    margin-top:-1.4em;}
style + div.gallery {
    margin-top:-1.4em;} */

.wp-caption {
    text-align: left;
    margin-left: 0px;
    margin-right:0px;
    text-align: left;
    padding: 4px 4px 4px;
    border: none;
    border-radius: 0px;
    max-width: 98%;
    margin-bottom: 1em;
    background-color: #e1e1e1 !important;}

.wp-caption img {
    -moz-box-sizing: none;
    background: none;
	padding:0;}

.wp-caption .wp-caption-text, .wp-caption-text.gallery-caption, h5 {
	font-family:"Monosten C", Courier, monospace; 
	font-weight:normal; 
	font-style:normal;	
	padding-right: 0.4em;
	font-size: 0.9em;
	line-height: 1.4em;
	text-align: left;
	margin:1em 0 0 0;}

h5 {
    margin: 1em 0 1.5em 0}

img.alignnone {
    text-align: left;
    margin-left: 0px;
    margin-right: 0px;	}

#gallery .gallery-caption {
    margin-left: 0;}

body .pl-thumbnails:after, body .gallery:after {
    display: none;}

.gallery img {
    border: none !important;}

#slb_viewer_wrap .slb_theme_slb_baseline * {
    padding: 0.5em 0 0 0important;}

#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
    font-family: "Monosten A", Courier, monospace!important;
    font-size: 1em!important;
    margin-right: .2em;}

#slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
    color: #777;
    font-style: normal!important;
    font-size: .8em!important;}

#slb_viewer_wrap .slb_theme_slb_default .slb_details {
    padding-top:1em;}



/* Print Style Sheet */
@media print {
body { background:white; 
	color:black; 
	margin:0; 
}
article {
	width:120% !important;
}

h1, h1.entry-title, h1.sec-title, h2 {
	font-size: 2em;
	color:black;
}

.page-canvas {
margin-left:0;
margin-right:0;
}


.entry_content p, .entry-content p {
	font-size: 0.90em !important;	
	color:black;
}

#content p {
	margin-left:0;
	float:none;
	color:black;
}

#header, #boxes, #footer {display:none;}
#supersized {display:none;}
#postloop {display:block;}
#column-wrap {display:block;}
.section-pagelines-postpins, .section-tableofcontent, .section-scrollspy, .section-sharebar, .section-niveltoc, .page-id-1193 .section-mediabox, .page-id-1201 .section-mediabox {display:none !important; } 
.page-id-1201 .section-niveltoc2 h1, page-id-1201 .section-niveltoc2 h2 {
	display:block !important; }	
.page-id-1201 .pubdetails.forprint, .page-id-1363 .pubdetails.forprint	{
	display:block !important; }

.widget, .uri {display:none;}

#navbar  {display:none;}
#comments {display:none;}
	 

#content h1, h2, h3, h4, h5, h6 { page-break-after:avoid; 
     page-break-inside:avoid;}

body.display-full .pl-content {
	max-width: 100% !important;
	margin-top: 0;
	margin-right: 0%;
	margin-bottom: 0;
	margin-left: 0%;
} 


/* .chrome .row .offset2:first-child {
	margin-left: 25% !important; }

.chrome .row .span8, .row-fluid .span8, .editor-row .span8 {
    width: 100% !important;
} */

.firefox .row .offset2:first-child {
	margin-left: 4% !important; }

.firefox .row .span8, .row-fluid .span8, .editor-row .span8 {
    width: 95% !important;
}

.safari .row .offset2:first-child {
	margin-left: 15% !important; }

.safari .row .span8, .row-fluid .span8, .editor-row .span8 {
    width: 80% !important;
}

.alignleft {
	display: block;
	clear:both;
}
.entry_content blockquote p, .entry-content blockquote p, blockquote span.glossaryLink {
	color: #000 !important;}
    
.alaviite span.glossaryLink  {
	display: inline;
	color: #666 !important;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	background-color: #00B7B7;
	padding:2px 3px;
	border-bottom-style: none !important;
	}
		
	span.glossaryLink {
		border-bottom-style: none !important;
	}
	
	section.section-sharebar {
	display: none;	
	}
	
	.footcol li, .footcol li a {
	font-size: 0.9em;
	display: block;
    float: left;	
	padding-left: 0;
	padding-right: 20px;
	color:#000 !important;
}

.wp-caption, .wp-caption-text {
	font-size: 0.8em;
	line-height: 1.2em;
}

.hentry h2 strong {
	font-family: "Titling Gothic FB Cond Light";
	font-style: normal;
	font-weight: normal;
	padding-right: 0.4em;
}

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

 div#teak {
	display:block;
	height: 150px;
	width: 510px;
 }
 
 .single-post article.hentry {
	padding-top:0em !important;
	margin-top:0em !important;
}
h1.frontpage {
	padding-top:0em !important;
	margin-top:0em !important;
}
article.post-1201, article.post-1363 {
	width:120% !important;
}
a.tip, .tip {
	color: #000 !important; 
	font-size: 0.7em !important;
	vertical-align: 10% !important;
	border-radius: none !important;
	-webkit-border-radius: none !important;
	-moz-border-radius: none !important;
	-ms-border-radius: none !important;
	-o-border-radius: none !important;
	background-color: none !important;
	border-bottom-style: none !important;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 0px;
}
a.tip, .tip {
	color: #000 !important;
	border-radius: none !important;
	-webkit-border-radius: none !important;
	-moz-border-radius: none !important;
	-ms-border-radius: none !important;
	-o-border-radius: none !important;
	background-color: none !important;
	border-bottom-style: none !important;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 0px;}
}

@media (max-width:1024px) {

    .navbar-fixed-top {
        margin-left: -20px;
        margin-right: -20px   }

    .row-grid {
        width: 100% }

    .row {
    margin-left: 0 }

    .row > [class * ="span"], .row-grid > [class * ="span"], .editor-row > [class * ="span"],
    .row > [class * ="offset"], .row-grid > [class * ="offset"], .editor-row > [class * ="offset"],
    .row.row-closed > [class * ="span"] {
        float: none;
        display: block;
        width: auto;
        margin-left: 0;
        margin-bottom: 10px }

    .row > [class * ="offset"]:first-child, .editor-row > [class * ="offset"].sortable-first {
        margin-left: 0  }

    .thumbnails [class * ="span"] {
        width: auto}

    input[class * ="span"], select[class * ="span"], textarea[class * ="span"],
    .uneditable-input {
        display: block;
        width: 100%;
        min-height: 28px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box  }

    .input-prepend input[class * ="span"], .input-append input[class * ="span"] {
        width: auto }
}