/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
* 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 {
    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; }


/* 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:351px;
    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;
    }


    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  22px 29px  22px;
            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 {
                    padding:10px;
                    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 {
        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;

    }
        form input.textBox.active {
            color:#c4c4c4;
        }
    form input.submit, #frontendform a {
        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 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); }




/* NextGen Gallery
-----------------------*/
    .ngg-album {
        border:1px dashed #303A49 !important;
    }
    .ngg-albumtitle  {
        font-size:15px !important;
    }
    h2.ngg {font-size:15px;}

/* 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;}