/*
Theme Name: OKT 
Theme URI: http://www.pauliusfriedt.lt
Description: Custom theme for OKT
Author: Paulius Friedt
Author URI: http://www.pauliusfriedt.lt
Tags: portfolio, clean, basic
*/

@import "css/reset.css";
@import "css/typography.css";

.note {
    border: solid 1px #BC0B0B;
    background-color: #989FA9; 
}

.float-right {
    float:right;
}

.float-left {
    float:left;
}

/* -------------------------------------------
 * TYPOGRAPHY
 */

a { color: black; }
a:hover { color: black;}
a:visited { color: black; }

body {
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Arial, sans-serif;
}

.header, .breadcrumbs {
    font-family: Arial, sans-serif;
}

.header .top {
    font-size: 9px;
    text-transform: uppercase;
}

.nav {
    color: #FFFFFF;
}

span.memory {
    border: 1px solid black;
    padding: 1px;
    margin: 2px 0;
}


/* -------------------------------------------
 * LAYOUT
 */

.wrapper {
    width: 950px;
    margin: auto;
    height: 100%;
    overflow: auto;
    margin-bottom: 20px;
}

/* -------------------------------------------
 * Header
 */
.menu {
    height: 40px; /* height of menu li + 16px */
}

.top {
    height: 20px;
}

.header {
    margin-bottom: 58px;    
}

.header .top div {
    margin: 0 0 0 15px;
}

.header .top {
    padding: 20px 0 8px;
    border-bottom: 1px black solid;
}

#searchbar {
    margin-top:-4px;
}

.header .middle {
    padding: 18px 0 28px;
    height: 100px;
}

#logo {
    width: 200px;
}

/* -------------------------------------------
 * Banners
 */

#banner {
    width: 750px;
    height: 100px;
    /*background-color: #7ed1f1;*/
}

.wp_bannerize { 
    padding-bottom: 12px;
    border-bottom:1px solid black; }

/* -------------------------------------------
 * Calendar
 */

.calendar {
    height: 48px;    
    border-top: 3px black solid;
    border-bottom: 3px black solid;
}

.viewport { overflow: hidden; width: 690px; height: 48px; position: relative; margin: 0px 25px;}

.scrollContainer {
    overflow: auto;
    width: 750px;
    height: 48px;
    float: left;
    position: relative;
    margin-right: 20px;
}

div.scrollingHotSpotLeft
{
    /* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
    width: 10%;
    height: 28px;
    /* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
    background-image: url(img/arrow-left.png);
    background-repeat: no-repeat;
    position: absolute;
    z-index: 200;
    left: 0;
    background-position: left;
    min-width: 50px;
    top: 10px;
}

div.scrollingHotSpotRight {
    width: 10%;
    height: 28px;
    position: absolute;
    z-index: 200;
    right: 0px;
    background-image: url(img/arrow-right.png);
    background-repeat: no-repeat;
    background-position: right;
    min-width: 50px;
    top: 10px;
     
}

#calendar {
    width: 5000px;
    margin-right: 20px;
    text-align: center;
}


#calendar p {
    font-family: Arial, sans-serif;
    display: block;
    float:left;
    height: 28px;
    padding: 10px 0;
    margin-bottom:10px;
    font-weight: bold;
    color: black;
    background-color: white;
}


#calendar p.active {
    border-left: 1px solid black !important;
    margin-left: -1px;
    color: white;
    background-color: black; 
}

#calendar a {
    display:block;
    height: 28px;
    border-right: 1px solid black;
}

#calendar p.active a {
    color: white;
}

#calendar p.month {
    min-width: 80px;
    text-transform: uppercase;
    
}

#calendar p.day {
    min-width: 30px;
}

.calendar .side { text-align: center; padding: 10px 0; font-weight: bold;}
.calendar .side a { text-transform: uppercase; }

/* -------------------------------------------
 * Sidebar
 */

.side {
    width: 180px;    
}

.list h2{
    border-bottom: 1px black solid;
    padding: 3px 0;
}

#sidebar {
    border-top:1px solid black;
}

#sidebar h1 {
    height: 30px;
    border-bottom: 1px solid black;
    line-height:30px;
    margin-bottom: 12px;
    font-weight: normal;
    text-align: center;
}

li.widget { list-style: none; }

.textwidget { font-size: 9px; margin-top: 10px;
padding-top: 10px;
border-top: 1px solid black; };

.poll {
    padding: 15px 0;
    border-bottom:1px black solid;
}

.footer {
    padding: 30px 0 20px 0;
    font-size: 9px;
}

/* -------------------------------------------
 * Sidebar News
 */
.news { margin-bottom: 12px; }

.news-item {
    margin: 15px 0 0 0;
    padding: 0 0 3px 0;
    border-bottom:1px black solid;
}

.news-item .date {
    margin-bottom: 7px;
    font-size: 9px;
}

.news-item h2 {
    margin-bottom: 7px;
    text-transform: uppercase;
}

.news-item p {
    font-size: 9px;
}

.news-item .more {
    margin: 10px 0 0 0;
    text-align: center;
    font-size: 9px;
}

.image {
    height: 250px;
    padding: 15px 0;
    border-bottom:1px black solid;
}

/* -------------------------------------------
 * Navigation
 */

.nav {
    display:none;
    list-style-type: none;
}


.nav li {
    display:block;
    float: left;
    height: 35px;
    
 /*   display: inline;
    height: 20px;
    line-height: 20px;
    margin: 0px 10px 18px 0;
    padding: 4px 12px;
    background-color: #000000;*/
} 

.nav li.current-menu-item { font-weight: bold; }
.nav li.clicked { font-weight: bold; }

.sub-menu li.current-menu-item { text-decoration: underline; }
.sub-menu li.current-menu-item a { text-decoration: underline; }

.sub-menu li { font-weight: normal !important;}

.nav li a {
    display:block;
    float: left;
    color: white;
    
    height: 20px;
    line-height: 20px;
    margin: 0px 10px 18px 0;
    padding: 4px 12px;
    background-color: #000000;
}

.nav li.current-menu-parent a {
    margin-right: 0px!important;
}

.sub-menu {
    display: block;
    overflow: hidden;
    margin-right: 10px;
    float:left;
}

.sub-menu li a {
    margin: 0px 1px 18px 0 !important;
}

.sub-menu li { border-left:1px solid white; margin-right: 0px !important; display: block; }
 
/* -------------------------------------------
 * Main
 */

.main {
    width: 750px;
    margin-right: 20px;
    border-top:1px black solid;
}

.breadcrumbs {
    margin: -22px 0 8px; /* Priklauso nuo fonto dydzio ir margin-bottom */ 
}

/* -------------------------------------------------
 * Post 
 */

.post {
    height: 186px;
    width: 750px;
    margin-bottom: 18px;
    border: 1px black solid;
}

.feat-image {
    width: 180px;
    height: 185px;
}

.post-text {
    width: 370px;
    margin-left: 10px;
    padding-top: 10px;
}

.left, .right { width: 180px; }

.narrow {
    width: 360px;
    margin-left: 10px;
    margin-right: 20px;
}

.wide {
    width: 550px;
    margin-left: 20px;
}

.wide .content {
    width: 530px;
}

#simple-text {margin-top: 30px;}

/* ------------------------------------------------- 
 * Text in text div for page information and posts  
 * General content, overrides css for .play
 * Simple text
 */

.content h1 {
    font-size: 18px;
    border-bottom: 1px solid black;
    margin-bottom: 15px;    
    min-height: 30px;
    line-height: 24px;
    padding: 11px 0 5px;
}

.content p, .text p, .text h2 {
    margin-bottom: 20px;
    line-height: 160%;
}

.text strong { font-family: Arial, sans-serif; }

.text h2 { 
    font-family: Verdana, sans-serif; 
    border-bottom:1px solid black;  
}

.text a { text-decoration: underline; }

/* -------------------------------------------------
 * Articles
 */
.article { 
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom:1px solid #d7d7d7;
    position: relative;
}

.article p { 
    margin-bottom: 3px;
    line-height: 14px;
    width: 460px;
}

.article p.date { 
    font-size: 9px;
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
}

#article-details .title { 
    font-family: Arial, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    width: 480px;
}

#article-details { margin-top: -8px; }

/* -------------------------------------------------
 * Play Left side
 */

.left a.articles {
    display: block;
    padding: 10px 0;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    margin: 10px 0 20px;
    text-transform: uppercase;
    
    font-family: Arial, sans-serif;
}

.left h3 { line-height: 14px; } 

.left p {
    margin-bottom: 10px;
    line-height: 14px;
}

.left a, .left p, .left h3 { padding-left: 10px!important; }

/* -------------------------------------------------
 * Play middle information
 */

.play { margin-bottom: 20px; }

.play h1 {
    font-size: 26px;
    border-top:1px solid #d7d7d7;
    border-bottom:1px solid #d7d7d7;
    margin-bottom:5px!important;
    padding:5px 0 !important;
    line-height: 24px;
    height: auto!important;
}

.play p {
    line-height: normal;
    margin-bottom: 0px;
}

.play span.director { font-weight: bold; text-transform: uppercase; font-family: Arial, sans-serif; }
.play span.duration { font-weight: bold; font-family: Arial, sans-serif; }

.play .author { 
    margin-top: 10px;
    margin-bottom: 5px;
}


#sb1 { width: 520px; clear: both; margin: 20px 0 10px; }
#sb1 .viewport { width: 500px; height: 200px; overflow: hidden; position: relative; }
#sb1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#sb1 .thumb .end,
#sb1 .thumb { background-color: #003D5D; }
#sb1 .scrollbar { position: relative; float: right; width: 15px; }
#sb1 .track { background-color: #D8EEFD; height: 100%; width:13px; position: relative; padding: 0 1px; }
#sb1 .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#sb1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#sb1 .disable{ display: none; }


/* --------------------------------------------
 * Media
 */

.play-media { width: 360px; overflow:hidden; height: 600px; }

#show, #video-container {
    height: auto;
    top: 35px;
}

#show a {
    position:relative;
    top:0;
    left:0;
}


.controls {
    position: relative;
    float: right;
    margin: 5px 10px 0 0;
}

#pnext, #vnext { margin-left: 10px; }

/* jQuery UI Tabs 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0 0 10px 0; padding: 0 .2em 0; overflow: hidden; float:left; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; font-weight: bold;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* -------------------------------------------------
 * News / Plays list styling
 */

.post-list { border-top: none !important; }

.post-list .post-list-item {
    border: 1px black solid;
    width: 750px;
    float: left;
    margin-bottom: 24px;
}

.post-list .post-list-item p {
    margin-bottom: 0px !important;    
}

.post-list .post-list-item h1 {
    border:none !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.post-list .post-list-item p.director {
    display: block;
    border-top:1px solid #d7d7d7;
    border-bottom:1px solid #d7d7d7;
    padding: 5px 0;
}

.post-list .post-list-item p.author {
    margin-top: 6px !important;
    margin-bottom: 5px !important;
}

.post-list .post-list-item .play {
    margin-bottom: 5px;
}

.post-list .post-list-item .text p {
    line-height:140%;
}

.post-list .category-item h1 {
    border-bottom: 1px solid black !important;
    margin-bottom: 15px!important;    
    min-height: 30px!important;
    line-height: 24px!important;
    padding: 11px 0 5px!important;    
}

.post-list .cetegory-item p {
    line-height: 140%;
}

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

.post-dates {
    width: 180px;
    margin-left: 10px;
    padding-top: 10px;
}

.post-dates .city {
    width:100%;
    border-bottom:1px black solid;
    text-align: center;
}

.post-dates .date {
}

/* -------------------------------------------------
 * Plays Right side
 */

.post-list-item .right {
    position: relative;
    height: 185px;
    overflow: hidden;
}

.right p {
    line-height: 160%;
}


.right p.city {
    padding-top: 14px;
    padding-bottom: 2px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    border-bottom: 1px solid black;
    line-height: normal;
}

.right .tickets {
    background-color: black;
    height: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 180px;
    text-align: center;
}

.right .tickets a {
    color: white;
    font-family: Arial, sans-serif;
    text-transform: uppercase;
    vertical-align: middle;
    line-height: 20px;
    
    display: block;
    width: 100%;
    height: 100%;
}

/* -------------------------------------------------
 * Play Right side
 */

.right .home-events { position: relative; height:auto; margin-bottom: 50px; }

.right  .home-events p.month {
    padding-top: 11px;
    padding-bottom: 5px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    border-bottom: 1px solid black;
    line-height: normal;
    text-transform: uppercase;  
    margin-bottom: 5px;  
}

.right .home-events .details { margin-bottom: 20px; }

.right .home-events .details p {
    border-bottom:1px solid #d7d7d7;
    padding-bottom: 5px;
    padding-top: 5px;
}

.right .home-events .time {
    border-bottom:1px solid #d7d7d7;
    padding-bottom: 5px;
}

.right .home-events .time p {
    border-bottom: none;
    padding-bottom: 0px!important;
    padding-top: 0px!important;
}

/* Tour */

.right .tour {
    border-bottom: none;
    position: relative;
}

.right .tour p.price {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 5px;
    padding-top: 5px;
    border-top: 1px solid #d7d7d7;
    margin-top: 5px;
}

.right .tour .tickets {
    position: relative;
    margin-top: 10px;
}

.right .tour p.title {
    padding-top: 11px;
    padding-bottom: 5px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    border-bottom: 1px solid black;
    line-height: normal;
    text-transform: uppercase;  
    margin-bottom: 5px;  
}

.right .tour p.month {
    font-weight: bold;
    font-family: Arial, sans-serif;
}

.right .tour div.month {
    margin-bottom: 5px;
}


/* ------------------------------------------------- 
 * Custom Poll style
 */

#poll h1 {
    height:auto;
    padding: 5px 0;
    margin-bottom:10px;
    border-bottom: 1px solid black;
    line-height: 25px;
    text-align: left;
    font-size: 24px;
}

.wp-polls-ul {
    margin-left: 0px!important;
    margin-bottom: 0px!important;
}

.wp-polls-ul li { 
    margin: 0 0 7px 0; 
    font-family: Arial, sans-serif; 
    font-size: 12px; 
    font-weight: bold;
}

.wp-polls-ul label { 
    padding-left: 5px!important;  
}

#poll span.link {
    display:block;
    margin-top:12px;
    padding: 5px 0;
    border-bottom:1px solid black;
    border-top:1px solid black;
    
    text-align: center;
    font-size: 9px;
    text-transform: uppercase;
}

.wp-polls .pollbar {
    margin-top:3px!important;
    max-width: 98%;
}

hr {
    color: black;
    background-color: black;
    height: 1px;
    margin-top: 15px;
    border-style: none;
}

.newsletter {
    margin-bottom:12px;
    padding-bottom:12px;
    border-bottom:1px solid black;
}

.newsletter p {
    font-family: Arial, sans-serif;
    margin-bottom:5px;
    text-transform: uppercase;
    font-weight: bold;
}

.newsletter input[type='text'] {
    width: 90%;
    margin-bottom:5px;
}

.search-list-item {
    overflow: hidden;
}

.search-list-item .feat-image {margin: 15px 0;}

.pagination span, .pagination a {font-family: Arial, sans-serif; }
.page-numbers {
    display: block;
    float:left;
    height: 14px;
    padding: 5px 11px;
    color: black;
    background-color: white;
    border-right: 1px solid black;    
}
.pagination .next  {border-right: none !important; }
.pagination .active {
    border-left: 1px solid black !important;
    margin-left: -1px;
    color: white;
    background-color: black; 
}
.pagination .current {font-weight: bold;}