/*
Theme Name: itporady.pl Theme
Theme URI: http://itporady.pl
Version: 1.11.10

All rights reserved.
*/
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,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,input,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{
  font-size:13px;
  font-family:Tahoma, Geneva, Verdana, sans-serif;
  color:#222;
  background:url("img/background.png") repeat-x top
}
  a{color:#3151a2;text-decoration:none}
  a:hover{color:#3151a2;text-decoration:underline}

form input[type="text"],form textarea{
  padding:8px;
  font-family:Tahoma, Geneva, Verdana, sans-serif;
  color:#222;
  border:1px solid #999;
  background:#fff;
  width:200px
}
  form textarea{width:350px;height:140px}

/* form input[type="submit"], a.more-link - link do dalszej czesci porady */
a.more-link, form input[type="submit"]{
  color:#f0f0f0;
  padding:5px 8px 7px 8px;
  margin:0;
  border:1px solid #222;
  background:#36393d /*url("img/icons/moreLink.png") no-repeat right*/;
  cursor:pointer;
}
  a.more-link:hover, form input[type="submit"]:hover{color:#fff;text-decoration:underline/*background-color:#5768a0*/}

/* span.uwaga, span.info, span.ok - bloki informacyjne do postu, single.php */
span.uwaga, span.info, span.ok, span.obram, .wpcf7-not-valid-tip-no-ajax{margin:0 0 10px 0;padding:12px;display:block;border-radius:2px;}
span.uwaga a, span.info a, span.ok a, span.obram a{text-decoration:underline}

span.uwaga, .wpcf7-not-valid-tip-no-ajax{background:#FBE3E4;border:1px solid #FBC2C4;}
  span.uwaga a{color:#8E1F11}
span.info{background:#FFF6BF;border:1px solid #FFD324;color:#5D522C}
  span.info a{color:#5D522C}
span.ok{background:#E6EFC2;border:1px solid #C6D880;color:#314E44}
  span.ok a{color:#314E44}
span.obram{border:1px solid #e0e0e0;background:url("img/background-span-obram.png") repeat}
  span.obram b{color:#cc3300}

/* ===== bloki glowne */
#body{width:925px;margin:0 auto}

#content{
  border-right:1px solid #d5d5d5;
  border-left:1px solid #d5d5d5;
  background:#fff url('img/background-content.png') repeat-y right;
  padding:19px 0 12px 25px;
}

/* #header - naglowek: logo, menu stron
============================================================
==========================================================*/

#header{
  border-left:1px solid #c4c4c4;
  border-right:1px solid #c4c4c4;
  height:40px;
  padding:10px 15px;
  background:#eee url("img/background-header.png") repeat-x bottom
}

#header h1 a{
  background:url("img/itporady-logo-30.png") no-repeat left;
  text-indent:-9999em;
  width:164px;
  height:38px;
  float:left
}

/*Wyszukiwarka*/
form.wyszukiwarka{
  float:right;
  width:200px;
  margin-top:6px;
  border:1px solid #c0c0c0;
  border-radius:2px;
  background:#fff
}
form.wyszukiwarka input[type="submit"]{
  background:url("img/icons/search.png") no-repeat right;
  border:0;
  padding:3px 5px 5px 10px;
  position:absolute
}
  form.wyszukiwarka input[type="text"]{
  padding:5px 4px 5px 6px;
  width:160px;
  border:0
}

/* menu */
ul#menu{
  overflow:hidden;
  clear:both;
  height:32px;
  border-top:1px solid #334164;
  border-bottom:1px solid #3d4d76;
  background:url("img/background-menu.png") repeat-x bottom;
}
ul#menu li{
  list-style:none;
  float:left;
  color:#fff;
  font-size:12px;
}
ul#menu li a{
  color:#fff;
  display:block;
  padding:8px 15px 9px 12px;
  text-decoration:none;
  background:url("img/background-sep.png") no-repeat right bottom;
}
  ul#menu li:hover, ul#menu li.act{background:url("img/background-hover.png") repeat-x bottom;}
  ul#menu li#home{padding-left:8px}
  
/*podkategorie menu
ul#menu li ul{overflow:hidden;display:none;z-index:1}
ul#menu li:hover ul{
  position:absolute;
  padding:0;
  margin:5px 0 0 -10px;
  background:#fff;
  border:1px solid #343f53;
  border-top:none;
  display:block;
  width:130px
}
  ul#menu li:hover li{color:#22099b;padding:8px 6px;width:130px}
  ul#menu li:hover li a{color:#22099b}
  ul#menu li:hover li:hover{background:#eaf1f8;padding:8px 6px;border:0}
  ul#menu li:hover li.act2, ul#menu li:hover li.current-cat{background:#eaf1f8}*/

/* ===== #sidebar - blok prawy, sidebar.php
============================================================
==========================================================*/
#sidebar{
  float:right;
  width:317px;
  margin-bottom:10px
}
#sidebar h3{
  color:#333;
  margin:20px 0 10px 0;
  font-size:14px;
  background:#fff;
  border-left:6px solid #416898;
  padding:10px 16px
}

#sidebar ul,#sidebar p{margin:-3px 23px 0 23px}
#sidebar a{color:#444}
#sidebar p a{color:#666}
#sidebar img.postImage{float:left;margin:0 15px 0 0}

/*Lista*/
#sidebar ul.sidebarLista li{
  list-style-type:none;
  padding:8px 0 13px 0;
  border-bottom:1px solid #e3e3e3;
  line-height:1.6em
}
  #sidebar ul.sidebarLista li span{font-size:11px;display:block;margin-top:5px;color:#666}
  
/*Linki*/
#sidebar ul.sidebarLinki li{
  list-style-type:none;
  padding:6px 0;
  font-size:14px
}
  #sidebar ul.sidebarLinki li a{border-bottom:1px dotted #333;text-decoration:none}
  #sidebar ul.sidebarLinki li a:hover{border:0}
  #sidebar ul.sidebarLinki li.act a{font-weight:bold;color:#3151a2}

/* LEFT BOX */
#boxLeft{
  width:550px;
  float:left
}

#boxLeft h1{
  font-weight:normal;
  color:#000;
  font-size:24px;
  line-height:1.2em;
  padding-bottom:5px;
  margin:0 0 10px 0;
}
  #boxLeft h1.single{margin-bottom:10px}

#boxLeft h2, #boxLeft h2 a{
  font-weight:normal;
  color:#000;
  margin:15px 0 13px 0
}

#boxLeft h3, #boxLeft h3 a{
  font-weight:normal;
  color:#000;
  margin:15px 0 15px 0;
}

#boxLeft h4, #boxLeft h4 a{
  font-weight:bold;
  color:#000;
  margin:10px 0 3px 0
}

#boxLeft h2{font-size:22px;line-height:1.2em}
#boxLeft h3{font-size:19px;line-height:1.1em}
#boxLeft h4{font-size:15px}
#boxLeft p{padding-bottom:20px;line-height:1.7em}
#boxLeft tt{font-size:13px;padding:0 1px;background:#e9e9e9;border:1px solid #d9d9d9}

#boxLeft ol, #boxLeft ul{margin:5px 0 20px 45px;line-height:1.6em}
#boxLeft ul li{margin-bottom:7px;list-style-type:square}
#boxLeft ol li{margin-bottom:7px}

#boxLeft .post{
  padding-bottom:18px;
  border-bottom:1px solid #e4e4e4;
  margin-bottom:30px
}
  #boxLeft .postLeft{float:left;width:105px}
  #boxLeft .postRight{float:right;width:435px}
  #boxLeft .post h2{margin-top:0;}

/* p.archiveDescription - opis postu: data publikacji, kategorie, komentarze */
#boxLeft div.archiveDescription{color:#888;font-size:12px;margin-bottom:13px}
#boxLeft div.archiveDescription a{color:#555;text-decoration:none}

/* img.postImage - miniaturka postu, span#postImageDescription - opis miniaturki */
img.postImage{border:1px solid #777}

/* #promo - promo na stronie głównej 
#promo{
  width:550px;
  height:130px;
  border:1px solid #555;
  border-radius:2px;
  margin-bottom:20px
}
  #promo h3{
    padding:20px 15px 20px 15px;
    font-size:27px;
    text-shadow:#222 1px 1px 0;
    font-weight:normal;
    color:#fff
  }
  #promo a{margin-left:15px}*/

/* div.postImageTextCenter - obrazek umieszczony w poscie: single.php */
div.postImageTextCenter{text-align:center;margin:6px auto 15px auto}
div.postImageTextCenter img{border:1px solid #999}
div.postImageTextCenter span{display:block;color:#666;font-size:10px;text-transform:uppercase}

/* img.postImageText - obrazek umieszczony w poscie: single.php */
img.postImageText{float:right;margin:5px 0 2px 10px;border:1px solid #999;background:#eee}

/* ul#similarPosts - lista podobnych wpisów, single.php */
#boxLeft ul#similarPosts{margin:8px 0 22px 30px}
#boxLeft ul#similarPosts li{margin:5px 0}

/* span#pageCopyright - informacja o autorze, 'kursy programowania'/single.php */
#boxLeft span#pageCopyright{text-align:right;float:right;clear:both;margin-top:-2px;color:#888}

/* #pageNavNext, #pageNavPrevious - linki do następnego/poprzedniego postu /single.php, page.php */
#boxLeft #pageNav{display:block;margin:7px 0}
#boxLeft #pageNavPrevious{float:left;}
#boxLeft #pageNavNext{float:right;}

/*kod*/
.codesnip-container{border:1px solid #b9b9b9;border-radius:2px;background:#f0f0f0;padding:10px 15px;margin:0 0 30px 0}
.codesnip { text-align:left; direction: ltr; }
.codesnip .de1, .php-brief .de2, .php .de1, .php .de2 {font-weight:normal; background:transparent;color:#000; }
.codesnip .kw1, .php .kw1 {color: #a1a100;}
.codesnip .kw2, .php .kw2 {color: #000; font-weight: bold;}
.codesnip .kw3, .php .kw3 {color: #000066;}
.codesnip .kw4, .php .kw4 {color: #f63333;}
.codesnip .co1, .codesnip .co2, .codesnip .coMULTI, .codesnip .co1, .codesnip .co2, .codesnip .coMULTI {color: #808080;}
.codesnip .es0, .php .es0 {color: #000033; font-weight: bold;}
.codesnip .br0, .php .br0 {color: #66cc66;}
.codesnip .st0, .php .st0 {color: #ff0000;}
.codesnip .nu0, .php .nu0 {color: #ff33ff;}
.codesnip .me0, .php .me0 {color: #006600;}

/*szablon*/
.szablon{ width:158px; float:left; margin:0 12px 12px 12px; }
  .szablon img{ border:1px solid #555; background:#e0e0e0; padding:3px; display:block; width:150px; height:140px; }
    .szablon img:hover{ border-color:#36393d; }
  .szablon .cenalicencji{ font-size:11px; display:block; padding:6px 4px; line-height:1.6em; color:#555; }
  .szablon .linkiszczegoly{ font-size:11px; display:block; text-align:center; padding:5px 4px; margin-top:2px; color:#fff; background:#36393d; }
    .szablon .linkiszczegoly a{ color:#fff; }

/* ===== .postComments - komentarze do postu, single.php/comments.php
============================================================
==========================================================*/
#boxLeft .postComments ol{margin:10px -30px 10px -25px;padding:0;border-top:1px solid #e9e9e9;}
#boxLeft .postComments ol li{
  list-style-type:none;
  border-bottom:1px solid #e9e9e9;
  padding:15px 34px 25px 29px;
  margin:0
}

#boxLeft .postComments ol li div.comment-author img{float:left;margin:0 10px 0 0;padding:3px;border-top:1px solid #e6e6e6;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-bottom:1px solid #b5b5b5}
#boxLeft .postComments ol li div.comment-author cite.fn{display:block;font-weight:bold;font-size:14px;font-style:normal;margin-bottom:-7px}
  #boxLeft .postComments ol li a{text-decoration:none}
#boxLeft .postComments ol p{padding:0 5px 10px 58px}
#boxLeft .postComments span.says{display:none}
#boxLeft .postComments div.comment-meta{margin:4px 0}
#boxLeft .postComments div.comment-meta a{font-size:11px;color:#666}
#boxLeft .postComments div.reply{text-align:right;font-size:10px}
#boxLeft .postComments textarea{width:535px;height:140px;}
  #boxLeft .postComments .codesnip-container{margin:0 5px 10px 58px;background:#e9e9e9;}
  #boxLeft .postComments blockquote{margin-left:58px;padding-left:0}

/*dodaj komentarz - blok*/
#boxLeft .postComments div label{font-size:12px;margin-left:5px;}
#boxLeft .postComments div input{margin-bottom:5px}
#boxLeft .postComments #respond span{display:block;font-weight:bold;color:#888;margin-bottom:6px;}

/* .postComments - komentarze autorów */
#boxLeft div.postComments ol li.comment-author-admin{background:#f6f6f6}

/* blokquote, .codesnip-container - kolorowanie kodu w postach */
blockquote{
  border-top:1px dashed #b5b5b5;
  border-bottom:1px dashed #b5b5b5;
  background:#e9e9e9;
  padding:15px 20px 0 20px;
  margin:0 0 14px 0;
  font-size:14px;
  line-height:1.45em;
  font-style:italic;
  font-family:Georgia, 'Times New Roman';
  color:#555;
}

/* #wp_page_numbers - paginacja stron, index.php/archive.php */
#wp_page_numbers{margin:10px 0;clear:both}
#wp_page_numbers ul,#wp_page_numbers li,#wp_page_numbers a{padding:0;margin:0;text-decoration:none;list-style:none;font-size:11px}
#wp_page_numbers li{float:left;display:block}
#wp_page_numbers a{padding:5px 7px;margin:0 2px;display:block;color:#333;border:1px solid #bfbfbf}
#wp_page_numbers li a:hover{border-color:#a24131 /*#BA0000*/}
#wp_page_numbers li.active_page a{border-color:#424f7b/*#0075b8*/}
#wp_page_numbers li.active_page a:hover{color: black; /* IE fix */ text-decoration:underline;border-color:#424f7b/*#BA0000*/}

/* table - style dla tabel, page.php */
#boxLeft table.tabela, #boxLeft #page table{margin-top:9px;border-collapse:collapse;width:100%}
#boxLeft table.tabela tr, #boxLeft #page table tr{height:20px}
#boxLeft table.tabela td, #boxLeft #page table td{border-left:1px solid #fff;border-bottom:1px solid #fff;padding:5px 12px;line-height:1.6em}
#boxLeft table.tabela td.first, #boxLeft #page table td.first{border-left:0}
#boxLeft table.tabela td.first30, #boxLeft #page table td.first30{border-left:0;width:30%}
#boxLeft table.tabela td.first50, #boxLeft #page table td.first50{border-left:0;width:50%}
#boxLeft table.tabela td.firstbold, #boxLeft #page table td.firstbold{text-align:center;border-left:0;font-weight:bold}
#boxLeft table.tabela td.bold, #boxLeft #page table td.bold{text-align:center;font-weight:bold}
#boxLeft table.tabela tr.row-a, #boxLeft #page table tr.row-a{background:#f0f0f0}
#boxLeft table.tabela tr.row-b, #boxLeft #page table tr.row-b{background:#e2e2e2}
#boxLeft table.tabela tr.row-c, #boxLeft #page table tr.row-c{background:#d0d0d0;font-weight:bold;letter-spacing:0.1em}
#boxLeft table.tabela span.szr, #boxLeft #page table span.szr{color:#999}

/* ===== #footer
============================================================
==========================================================*/
#footer{
  padding:10px 30px;
  color:#fff;
  border-top:1px solid #203c5f;
  border-bottom:1px solid #203c5f;
  background:#395c86;
  line-height:1.7em;
}
  #footer a{color:#fff}
  .clr{clear:both;font-size:0}