/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
* Filename: style.css
* Website:
* Author: Jakub Chodorowicz http://www.jakub.chodorowicz.pl/

== STRUCTURE: ==============================
* Page width: 985x
============================================

== COLORS: =================================

============================================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*@include 'reset.css';*/
/**/
/*@constants{*/
/*    page_width:          985px;*/
/*    header_height:       351px;*/
/*    bigger_margin:    29px;*/
/*    smaller_margin:         22px;*/
/*    */
/*    menu_blue:          #0081a6;*/
/*    menu_blue_hover:    #0099ff;*/
/*    dotted_line_blue:   #303a49;*/
/*    footer_color:       #298fb1;*/
/*    */
/*    radius: 3px;*/
/*    form_bg:            #414242;*/
/*}*/
/**/
/*=font-stack {*/
/*    font-family: Helvetica, Arial, sans-serif;*/
/*}*/


/* groups
----------------------*/
    /* image-replace */
    h1#logo, li.social-links a  {
        text-indent:-9999px;
    }


/* links & typography
----------------------*/
body {font-family:Arial, Helvetica Neue, Helvetica, sans-serif;}
a {text-decoration:underline;}

ul#menu a, .item h2, small, p, span.more a, #sidebar h2, #sidebar li, a, li, #content h2  {
    font-family: Helvetica, Arial, sans-serif;
    color:#0081a6;
}

ul#menu a, #sidebar h2, #content h3 {
    font-style:italic;
    font-size:17px;
    font-weight:bold;
    text-decoration:none;
}
    #content h3 {text-align:right;}
.item h2 {
    margin-bottom:3px;
    font-size:18px; font-weight:bold;
}
    .page-item h2 {padding-bottom:15px;}

small {font-size:11px; padding-bottom:15px; display:block;}
p, #sidebar li {font-size:12px; line-height:18px; text-align:justify;}
span.more{
}
    span.more a {font-size:12px;}

#footer-menu li a, #footer p, #footer p a {
    font-family: Helvetica, Arial, sans-serif;
    color:#fff;
    font-size:11px;
}

#content a:hover, #sidebar a:hover {color: #0099ff;}



h1, h2, h3, h4, h5, h6 { color:#333; }
h1 { font-size: 50px; }
h2 { font-size: 23px; }
h3 { font-size: 14px; }
h4 { font-size: 19px; }
h5 { font-size: 17px; }
h6 { font-size: 15px; }
p, h1, h2, h3, h4, h5, h6, ul {}
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }


#content table, #content td {border:1px solid #192839; vertical-align:middle;}
    #content table td {padding:3px;}

/* layout
-----------------------*/
body {
    background:#000 url(../images/body_bg.jpg) repeat-y top center;

}
html, body {height:100%;}

#wrapper {
    margin:0px auto;
    width: 985px;
    background:url(../images/opacity_65.png) repeat;

    position:relative;
    min-height:100% !important; /*footer at the bottom */
}

#header {
    position:relative;
    width: 985px; height:300px;
    background-image:url("../images/header_photo.png");
    background-position:right 50px;
    background-repeat:no-repeat;
}
    #top_blue_shape {
        position:relative;
        background:transparent url(../images/top_blue_shape.png) no-repeat;
        width:985px; height:99px;
    }

    h1#logo {
        position:absolute; left:45px; top:90px;
        background:url(../images/logo.png) no-repeat;
        width:228px; height:93px;
    }
      h1#logo a { width:228px; height:93px; display:block;}


    ul#menu {
        position:absolute; right:22px; top:0;
    }

        ul#menu  li {
            display:block; float:left;

        }
            ul#menu a {
                float:left;
                display:block;
                padding:22px 9px 9px 0px;
                position:relative;
                z-index:10;
            }

                ul#menu a.active {
                    /*background-image:url(../images/arrow.png);*/
                    /*background-position: center 9px;*/
                    /*background-repeat:no-repeat;*/
                }
        li.backLava {
            padding:0px 0px 0px 0px;
            z-index:1;
            position: absolute;
            width:12px;
            height:10px;
            background-image:url(../images/arrow.png);
            background-position: center 9px;
            background-repeat:no-repeat;
        }

#middle {
    overflow:hidden;
    padding-bottom:193px;   /* Height of the footer */
}
    #middle:after
    {
        content: '\\0020';
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        overflow: hidden;
        font-size: 0;
    }

    #col-alpha {
        width:572px;
        margin:16px 29px 0px 29px;
        float:left;
        display: inline;
    }
        #content {
            padding:10px  0px 29px  0px;
            background:url(../images/opacity_20.png) repeat;

        }

            .item {
                overflow:hidden;
                margin:0px 29px 22px 29px;
                padding-top:15px;
                padding-bottom:10px;
                border-bottom:1px dashed #303a49;
            }

                .item:after
                {
                    content: '\\0020';
                    display: block;
                    height: 0;
                    clear: both;
                    visibility: hidden;
                    overflow: hidden;
                    font-size: 0;
                }


            .item.no-border {border:none;}
                .item h2.padding {padding-bottom: 15px;}
                span.more {
                    float:right;
                    display:block;
                    text-align:right;
                }
                p {padding-bottom:15px;}
    #col-beta{
        width:333px;
        float:right;
        margin-right:22px;
        display: inline;
    }
        #sidebar {
            margin-bottom:20px;
        }

        .sidebar-item {

        }
            #sidebar h2 {
                padding:15px 0px;


            }
                #sidebar p, #sidebar ul, .sendit, .textwidget {
                    padding:5px;
                    background:url(../images/opacity_20.png) repeat;
                    overflow:hidden;
                }
                    #sidebar li li {
                        padding:5px 5px;
                        border-bottom:1px dashed #303a49;
                    }

#footer {
   position:absolute;
   bottom:0;
   width:985px;
   height:193px;   /* Height of the footer */
   /*background:!footer_color;*/
   background:url(../images/footer.png) no-repeat;
}
    #footer p {
        position:absolute; top:105px;
        padding:10px;
    }
    ul#footer-menu {position:absolute; right:15px; top:115px;}
        ul#footer-menu li { display:block; float:left;padding-right:5px}
          ul#footer-menu span {padding-right:5px;}

    #footer .created {position:absolute; top: 125px; }


form {position:relative;}

    form input.textBox, #emailInput, .alo_easymail_widget input[type="text"], #sendit-widget input[type="text"] {
        height:22px !important;
        line-height:22px !important;
        background-color:#414242;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    border-radius-bottomleft:5px;
    border-radius-bottomright:5px;
    border-radius-topleft:5px;
    border-radius-topright:5px;
   -webkite-border-radius-bottomleft:5px;
   -webkite-border-radius-bottomright:5px;
   -webkite-border-radius-topleft:5px;
   -webkite-border-radius-topright:5px;
   -webkit-border-radius: 5px;
    background-color:#444444;
    border:1px solid #222;
    color:#999999;
    padding:6px 3px 0px 3px;
    float:left;
    margin-top:3px;
    width:170px;

    }
        form input.textBox.active {
            color:#c4c4c4;
        }
    form input.submit, #frontendform a, .alo_easymail_widget input[type="submit"], #sendit_subscribe_button {
        background:url(../images/send_button.jpg) no-repeat;
        width:27px; height:27px;
        border:none;
        cursor:pointer;
        display:inline !important;
        margin-left:4px;
        font-size:1px;
        margin-top:3px;
    }
        #frontendform a img {display:none;}
    form input.submit:hover, #frontendform a.submit:hover {
        background-image:url(../images/send_button_hover.jpg);
    }


    #etiqueta {display:none !important;}
    #newsletterFormDiv input {}
    #newsletterFormDiv {overflow:hidden;}
    #resultado {overflow:hidden;}


ul.collapsArchList ul {margin-left:!smaller_margin;}
ul.collapsArchList ul ul {margin-left:30px;}
    ul.collapsArchList li {padding:3px;}
    #sidebar span.monthCount, span.yearCount {
        color:#0081a6 !important;
    }


#flags {
  position:absolute; right:5px; bottom:5px;
}
  #flags li {display:inline;}
  #flags a {text-indent:-9999px; width:30px; height:21px; float:left;}
  #flags a:hover, #flags a.active {background-position:left bottom;}
  #flag_pl {background:transparent url(../images/flag_pl.png) no-repeat scroll left top;}
  #flag_en {background:transparent url(../images/flag_en.png) no-repeat scroll left top;}

li.social-links a {
    float:left; padding-right:10px;
    width:32px; height:32px; background-repeat:no-repeat;}

    a.youtube { background-image:url(../images/icons/youtube.png); }
    a.twitter { background-image:url(../images/icons/twitter.png); }
    a.facebook{ background-image:url(../images/icons/facebook.png); }



/* right youtube flighout --------------- */
/* ====================================== */
#side {
  background-image: url("../images/flighout.png");
  color: rgb(255, 255, 255);
  cursor: pointer;
  height: 120px;
  right:0;
  overflow: hidden;
  position: fixed;
  text-indent: -100000px;
  top: 150px;
  width: 44px;
  z-index: 100000;
}
    .en #side {background-image: url("../images/flighout-en.png");}
#side_content {
  border: 2px solid rgb(69,135, 200);
  background-color:rgba(0,0,0,0.9);
  height: 360px;
  /*margin-right: -550px;*/
  right:-550px;
  overflow: hidden;
  position: fixed;
  top: 100px;
  width: 550px;
  z-index: 99;
}

    /* youtube feeder ----------------------- */
    /* ====================================== */
    .youtubeFeederplaylist  {background:none !important; border:none !important;}
    .youtubeFeederPlaylistList li {background-color:transparent !important; border:none !important;}
    .youtubeTitle {color: white;font-size: 10px;font-weight: bold;}
    .youtubeThumb {width:100px !important;}

/* calendar ----------------------------- */
/* ====================================== */
.normal-day-heading, .weekend-heading {background-color:transparent !important;  border: 1px solid #3A3A41 !important;}
.calendar-heading {background-color:transparent !important; border: none !important;}
.day-with-date, .day-without-date  {height:35px !important; border: 1px dashed #3A3A41 !important;}
.current-day {border: 1px solid #818181 !important; background-color:transparent !important;}

.calendar-table span, .calendar-table span.weekend {color:#535353; font-size:10px; display:block;}
  .weekend-heading {color:#0081a6 !important;}
  
  .calendar-table span.weekend {display:inline;}
  
  .calendar-table span.calnk a {color:#0081a6 !important; font-size:11px;}
.kjo-link p {font-size:10px !important;}

    .calendar-table .calendar_icon {display:block; width:16px; height:16px; background:url("../images/calendar.png") no-repeat 50% 50%;  padding:3px; background-color:rgba(0,0,0, 0.5); margin:5px auto;}
    .calendar-table .calnk a:hover span {background-color:#000; color:#a4a4a4;}
    .calnk a span {padding:0px !important;}
    .calnk a:hover>span {padding:10px !important; margin-left:20px;}
    .calnk a:hover span span {display:block; position:relative;}
    .calnk a:hover span.event-title {font-size:15px;}
    
    /*jumplist*/
    .calendar-date-switcher {background:transparent !important; border:none !important;}
    .calendar-date-switcher select, .calendar-date-switcher input {background:transparent !important; color:#959595 !important; border:1px solid #697169 !important;}
    .calendar-date-switcher input {cursor:pointer;}
    
    

        .calendar-table .calendar_icon, .calnk a span {
             -moz-border-radius: 5px; /* FF1+ */
          -webkit-border-radius: 5px; /* Saf3-4 */
                  border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome */
        }

/* Side social links -------------------- */
/* ====================================== */
#social_icons {position:fixed; left:5px; top:5px;}
  #social_icons li {margin-bottom:5px; position:relative;}
    

/* NextGen Gallery
-----------------------*/
    .ngg-album {
        border:1px dashed #303A49 !important;
    }
    .ngg-albumtitle  {
        font-size:15px !important;
    }
    h2.ngg {font-size:15px;}
    
/* Alo Newsletter ----------------------- */
/* ====================================== */
.alo_easymail_form_table td {vertical-align:middle; padding-right:5px;}
.alo_easymail_widget {position:relative;}
.alo_easymail_widget input[type="submit"] {position:absolute; left:220px; top:33px;}

/* SendIt ----------------------- */
/* ====================================== */
#sendit-widget > .sendit > form > p {display:none;}
#dati {clear:both;}
    #dati .error {color:#ff0000;}
    #dati .updated p {color:#008000;}


/* Smooth slider ------------------------ */
/* ====================================== */
.sldrlink {display:none !important;}
.smooth_slideri h2 {display:none !important;}
#smooth_sldr {height:auto !important;}

/* misc
-----------------------*/
.no-bottom-padding {padding-bottom:0px;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.center-block {margin:0px auto;}


img.centered{ display: block; margin-left: auto; margin-right: auto }
img.alignright{ padding:0; margin: 3px 0 2px 10px; display: inline }
img.alignleft{ padding:0; margin: 3px 10px 2px 0; display: inline }
.alignleft{ float: left }
.alignright{ float: right }
strong {font-weight:bold;}