/*
Theme Name: BABIN v2
Description: BABIN
Author: klikam.pl
Version: 2
*/

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;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body { margin: 0px auto; padding: 0px 60px; width: 950px; background-color: #fff; font-family: Helvetica, Arial, sans-serif; font-size: small; color: #3E4347; }

nav, header, footer, aside, article, section { display: block; }

a, a:link { text-decoration: underline; color: #3E4347; }
a:visited { color: #999; }
a:hover, a:focus { color: #3cc8d5; }

h1 { }
h2, h3 { font-size: 2em; line-height: 1.2em; font-weight: normal; margin-bottom:10px; }
h4 { margin-top:20px; margin-bottom:10px; }

h3 a, h3 a:link { text-decoration: none; }

div#biblioteka_logo { position: fixed; top:30px; left: 0px; width: 56px; height: 54px; }
div#biblioteka_logo a { display: block; overflow: hidden; width: 56px; height: 54px; background: white url('images/biblioteka-logo.png') left top no-repeat; }
div#biblioteka_logo a span { display: block; padding-top: 54px; }

div#biblioteka_protector { width: 1100px; }

header#main { padding: 10px 0px; margin: 20px 0px 0px 0px; overflow: hidden; width: 100%;/*  background-color: #3f4347;  color: #fff; */ /*position: relative;*/ }
header#main a, header#main a:link { color: #fff; text-decoration: none; }
header#main a:hover, header#main a:focus { color: #3cc8d5; }

div#logo { float: left; }
div#search { position: absolute; top:0px; right: 10px; margin-top: 5px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; }
input#search_field { border: 1px solid #3E4347; width: 160px; margin-right: 5px; }

div#logo a { display: block; overflow: hidden; width: 470px; height: 29px; background: transparent url('images/logo.png') left top no-repeat; margin-bottom: 10px; }
div#logo a span { display: block; padding-top: 40px; }
div#logo a:hover, div#logo a:focus { background-position: left bottom; }

p#slogan { font-size: 16px; font-family: 'Lucida Grande', Helvetica, Arial, sans-serif; }

div#columns { width: 100%; overflow: hidden; }
main { width: 649px; float: left; border-right: 1px solid #3F4347; margin-top: 1px; } /*div#left_col*/
div#right_col { width: 300px; float: right; }

.header_content, .aside_content { padding: 0px 10px; position: relative; }

nav { color: #fff; /* border-top: 1px solid #ccc; */ margin-bottom: 50px; }
nav a, nav a:link, nav a:visited { color: #fff; text-decoration: none; font-family: 'Lucida Grande', Helvetica, Arial, sans-serif; }
nav a:hover, nav a:focus, nav li.current_page_item a, nav li.current-cat-parent a, nav li.current-cat a { color: #fff; background-color: #3cc8d5; }

nav { display: table; width: 100%; overflow: hidden; line-height: 16px; }
nav ul { width: 100%; overflow: hidden; }
nav li { display: block; float: left; width: 189px; border-right: 1px solid #fff; }
nav li a { display: block; width: 100%; background-color: #3f4347; padding: 0px 0px 0px 0px; }
nav li a span { display: inline-block; padding: 5px 10px; }
nav li a span.oneline { padding: 12px 10px 14px; }
nav li li a span.oneline { padding:5px 10px; }

nav li:last-child {  border-right: none; }
/*
nav li.page_item a { text-indent: 10px; }
*/

nav ul li ul { width: 189px; position: absolute; z-index: 999; display: none;}
nav ul li ul.showMenu { display: block; 	}

nav > ul > li:hover ul, nav > li > ul.showMenu {
	display: block;
}
		
nav ul li ul li {  display: block; border-right: none; }
nav ul li ul li a { width: 100%; padding: 8px 0px 8px 0px; border-top: 1px solid white; }

section {  }

article { border-bottom: 1px solid #3F4347; margin-bottom: 20px; padding: 0px 10px 23px; }
article:last-child { border-bottom: none; }
article header { font-family: Helvetica, Arial, sans-serif; padding: 3px 0px 10px; line-height: 1.3em; font-size: 12px; }
article header h3 { font-family: 'Lucida Grande', Helvetica, Arial, sans-serif; font-size: 26px; }
.article_content { padding-top: 10px; line-height: 1.3em; font-size: 14px; }

.article_content p { margin-bottom: 10px; }
.article_content ul { margin: 10px 20px; }
.article_content ul li { list-style: disc; }

article img { position: relative; left: -10px; z-index: 0; }
article .wp-socializer img { left: 0px; }

aside.notka { width: 619px; padding: 10px 10px 10px; margin-bottom: 20px; background-color: #dcf0f2; position: relative; right: 0px; }
aside.notka * { padding: 0; font-size: inherit; } 

.wp-caption-text { font-size: 0.8em; font-style: italic; padding-right: 10px; }


/* ------- posty w kolumnach -------- */

.posts-in-columns article { float: left; border-bottom: none; padding: 0px; margin: 0px 10px 20px 0px; }
.posts-in-columns article a { display: block; position: relative; width: 200px; height: auto;  color: #fff; text-decoration: none; font-size: 16px; font-weight: bold; }
.posts-in-columns article img { display: block; left: 0px; margin: 0px auto; }
.posts-in-columns article a span.hoverable { visibility: hidden; position: absolute; top:0px; display: block; width: 200px; height: 100%; background-color: #D8F4F7; background-color: rgba( 60,200,213, 0.6); }
.posts-in-columns article a:hover span.hoverable { visibility: visible; }
.posts-in-columns article a span.hoverable span { display: block; padding: 10px; }



.page { padding: 0px 10px; min-height: 400px; }
.page-runner { padding: 0px 10px 30px; margin-bottom: 20px; border-bottom: 1px solid #3F4347; }


footer { border-top: 1px solid #3F4347; padding: 5px 10px 20px; font-size: 0.9em; }

aside {  }
aside>* { padding: 15px 10px 30px 20px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.3em; }
aside.wp_cumulus_widget div { padding: 0px; }

.textwidget { padding: 10px 0px; }


/* wszystkie niebieskie */
h2.aside_header { font-family: 'Lucida Grande', Helvetica, Arial, sans-serif; padding: 10px 20px; font-size: 13px; margin-top: 1px; margin-bottom: 0; background-color: #3cc8d5; color: #3F4347; }
h2.aside_header a { text-decoration: none; }


aside:nth-child(odd) h2.aside_header { background-color: #3F4347; color: #fff; }
aside:nth-child(odd) h2.aside_header a { color: #fff; }
aside:nth-child(odd) h2.aside_header a:hover, aside:nth-child(odd) h2.aside_header a:focus { color: #3cc8d5; }

aside:nth-child(even) h2.aside_header { background-color: #3cc8d5; color: #3F4347; }
aside:nth-child(even) h2.aside_header a { color: #3F4347; }
aside:nth-child(even) h2.aside_header a:hover, aside:nth-child(even) h2.aside_header a:focus { color: #fff; }


/* overide na ciemne */
#linkabletitlehtmlandphpwidget-3 h2.aside_header,
#linkabletitlehtmlandphpwidget-4 h2.aside_header,
/*#text-3 h2.aside_header,*/
#archives-3 h2.aside_header,
#recent-comments-3 h2.aside_header { background-color: #3F4347; color: #fff; }

#linkabletitlehtmlandphpwidget-3 h2.aside_header a,
#linkabletitlehtmlandphpwidget-4 h2.aside_header a,
#text-3 h2.aside_header a,
#archives-3 h2.aside_header a,
#recent-comments-3 h2.aside_header a { color: #fff; }

#linkabletitlehtmlandphpwidget-3 h2.aside_header a:hover, #linkabletitlehtmlandphpwidget-3 h2.aside_header a:focus,
#linkabletitlehtmlandphpwidget-4 h2.aside_header a:hover, #linkabletitlehtmlandphpwidget-4 h2.aside_header a:focus,
#text-3 h2.aside_header a:hover, #text-3 h2.aside_header a:focus
#archives-3 h2.aside_header a:hover, #archives-3 h2.aside_header a:focus
#recent-comments-3 h2.aside_header a:hover, #recent-comments-3 h2.aside_header a:focus { color: #3cc8d5; }


/* custom rss link */
#linkabletitlehtmlandphpwidget-4 h2.aside_header { border-bottom:1px solid #fff; }
#linkabletitlehtmlandphpwidget-4 h2.aside_header a { background: transparent url('images/rss.png') right center no-repeat; padding-right: 20px; }
#linkabletitlehtmlandphpwidget-4 h2.aside_header a:hover, #linkabletitlehtmlandphpwidget-4 h2.aside_header a:focus { background-image: url('images/rss-hover.png'); }


#newsletter { background-color: #3cc8d5; width: 100%; overflow: hidden; }
#newsletter .aside_header { float: left; }
#newsletter form { float: right; padding: 9px 8px 0px 0px; }
.input_newsletter { border: 1px solid #3F4347; background-color: transparent; width: 160px; margin-right: 5px; }

.recentcomments a { text-decoration: none; }

#comments { padding: 20px 0px; }
#comments img { position: static; }

.commentlist { padding: 10px 0px; }
.commentlist li { margin:10px 0px; }
.comment-container { width: 100%; overflow: hidden;  }
.comment-avatar { float: left; width: 80px; text-align: center; }
.comment-avatar img {  }
.comment-content { float: right; width: 549px; }
.comment-header { padding: 0px 0px 10px 0px; }
.comment-author { font-size: 1.2em; font-weight: bold; }

#respond { padding: 10px 80px; }
#reply-title { font-size: 1.2em; font-weight: bold; padding-bottom: 10px; }
#respond p { padding-bottom: 10px; }
#respond label { display: block; }


#nav-below { width: 100%; overflow: hidden; padding-bottom: 20px; }
#nav-below a { text-decoration: none; }

/* ------- posty autora -------  */

#entry-author-info { width: 100%; overflow: hidden; padding-top: 20px; }
#author-avatar { width: 80px; float: left; }
#author-description { width: 350px; float: left;  }


/* ----- kategorie widget ------ */

aside.widget_categories ul.children { margin: 3px 0px 3px 15px; }
aside.widget_categories .current-cat { font-weight: bold; }


/* ----- tagi widget ------ */

aside.widget_tags_in_columns { width:100%; overflow: hidden; }
aside.widget_tags_in_columns ul.post_tags { padding: 10px 0px 10px 20px; width: 80px; float:left;  }
aside.widget_tags_in_columns ul.post_tags li { padding: 0px 0px 5px 0px;  }


/* ----- widget_authors  ----- */

aside.widget_authors {  }
aside.widget_authors a { font-weight: bold; }
aside.widget_authors p.desc { margin-bottom: 10px; }

/* ----- widget flexo_archives  ----- */

aside#flexo-archives-2 h2 + ul { padding-top: 15px; }
aside#flexo-archives-2 ul { padding: 0 10px 0 20px; }
aside#flexo-archives-2 ul:last-child { padding-bottom: 30px; }

aside#flexo-archives-2 ul ul.flexo-list { padding-bottom: 15px; }
aside#flexo-archives-2 ul:last-child ul.flexo-list { padding-bottom: 0; }




/* ----- cookies info ----- */

#cookies-info {
    background: url("./images/bck_transparent1.png") repeat;
    width: 100%;
    height: 30px;
    position: fixed;
    left: 0;       
    text-align: center;
    z-index: 100;
    color: white;
    font:normal 11px Helvetica, Arial, sans-serif;
    line-height: 30px;
    display: none;
}        
    
    #cookies-info a {
        color: white;
        text-decoration: none;
    }
    #cookies-info a:hover, #cookies-info a:focus {
        text-decoration: underline;
    }
    
    #cookies-info a#okCookie {
        text-decoration: none;
        color: #000;
    }

#cookies-info {
    background: url("./images/bck_transparent1.png") repeat;
    width: 100%;
    height: 30px;
    position: fixed;
    top: 0;
    left: 0;       
    text-align: center;
    z-index: 100;
    color: white;
    font:normal 11px Helvetica, Arial, sans-serif;
    line-height: 30px;
    display: none;
}        
    
    #cookies-info a {
        color: white;
        text-decoration: none;
    }
    #cookies-info a:hover, #cookies-info a:focus {
        text-decoration: underline;
    }
    
    #cookies-info a#okCookie {
        text-decoration: none;
        color: #000;
    }

.skip-links a, .browserhide { 
    height: 1px;
    width: 1px; 
    position: absolute;
    top: auto;    
	left: -10000px;
}

.skip-links a:focus {
    height: auto;
    width: auto;
    padding: 4px 12px 6px;
	
    position: absolute;
    top: 0;
    left: 0;

    background-color: green;
    color: #fff !important;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
} 
    
.antispam-group-q {
	display: none;
}	

label.error {
	color: red;
	margin: 10px 0;
}