/*  
	Theme Name: TomaszTopa.pl IWT
	Theme URI: http://tomasz.topa.pl
	Description: TomaszTopa.pl IWT
*/

a, abbr, address, article, aside, audio, b, blockquote, body, canvas, 
caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset,
figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, 
object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, 
sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
}

article, aside, canvas, details, figcaption, figure, footer, header, 
hgroup, menu, nav, section, summary {
  display: block;
}

a, ins, del {
  text-decoration: none;
}

ul, ol {
  list-style: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

caption, th {
  text-align: left;
}

q:after, q:before {
  content: "";
}

a img{
 border: 0;
}

a{
  color: #4387A7;
  text-decoration: none;
}

a:hover{
 text-decoration: underline;
}

body{
 background: #fff url('img/sprite2.png') repeat-x 0 -566px;
 font: 62.5% Verdana, Arial,sans-serif;
 color: #000;
}

.c{
 text-align:center;
}

.c2{
 display:block;
 margin: 10px auto;
}

.wrapper{
 width: 870px;
 margin:0 auto;
}

.fl{
 float:left;
 display:inline;
}

.fr{
 float:right;
 display:inline;
}

.w250{
 width:250px;
 height:250px;
}

.w300{
 width: 300px;
 overflow:hidden;
}

.box{
 margin-bottom: 12px;
 border: 1px #D6D6D6 solid;
 background:#fff;
 overflow: hidden;
 padding: 15px;
}

.clear{
 clear:both;
}

.cr{
 clear:right;
}

.np{
 padding:0;
 margin:0;
}

.ha{
 height:auto;
}

.h570{
 height: 570px;
}

.mr10{
 margin-right:15px;
}

.mb10{
 margin-bottom:15px;
}

.ml10{
 margin-left:15px;
}

.mt10{
 margin-top:15px;
}
.border{
 border: 1px #D6D6D6 solid;
 padding:15px;
}

/* 
 HEADER
*/


#header{
height: 100px;
position:relative;
overflow:hidden;
}

a#logo{
	display:inline-block;
	color:#333;
	font-style:italic;
	font-family:Arial,Verdana;
	text-decoration:none;
	font-weight:normal;
	text-transform:uppercase;
	font-size:4em;
	padding: 0 0.3em 0 0;
	margin:25px 0 0 0;
	line-height:1em;
	letter-spacing:-0.05em;
	width:9em;
}
a#logo:first-letter {
 background:#4386A5;
 padding:0 0.15em 0 0.4em;
 color:#fff;
 margin:0;
 -webkit-border-radius:0.1em;
 -moz-border-radius:0.1em;
 font-weight:bold;
}

a#logo:hover:first-letter {
 background:#376E87;
}

a#logo span.sub{
 font-size:0.3em;
 display:block;
 font-style:normal;
 letter-spacing:0;
 padding-left:4em;
 color:#333;
 line-height:1em;
}


#toppromo{
position:absolute;
top: 20px;
right:0px;
overflow:hidden;
}

/* 
 TOP MENU
*/

#m1,#m2{
 list-style: none;
 height: 26px;
 list-style:none;
}

#m1 li, #m2 li{
  display:inline;
  float:left;
  list-style:none;
}

#m1 li.b a{
 background: transparent url('img/sprite2.png') no-repeat -1px -454px; 
 font-size: 11px;
 line-height: 26px;
 color:#fff;
}

#m1 li.b{
 background: transparent url('img/sprite2.png') no-repeat right -428px;
}

#m1 a{
 float: left;
 height: 26px;
 margin-right: 6px;
 padding-left: 15px; 
 font-weight: bold; 
 padding-right: 8px; 
} 

#m2 a{
  font-size: 11px;
  float: left;
  height: 25px;
  line-height: 23px;
  
  color: #fff;
  padding: 0 10px;
}

#m1 li.g{
  background: transparent url('img/sprite2.png') no-repeat right -400px; 
}

#m1 li.rss{
  background: transparent url('img/sprite2.png') no-repeat right -368px; 
  padding-right:12px;
}

#m1 li.rss a{
 padding-right:2px;
}


#m1 li.g a{
 background: transparent url('img/sprite2.png') no-repeat -258px -454px; 
 font-size: 10px;
 line-height: 20px;
 padding-top: 6px;
 height: 20px;
 color:#333;
}


/*
 MAIN
*/

#main{
 margin-top:10px;
}

#content{
 width: 550px;
}

h4{
 margin:0;
 padding:0 10px;
 background: transparent url('img/sprite2.png') repeat-x right -485px;
 border: 1px #D6D6D6 solid;
 border-bottom:0;
 overflow: hidden;
 line-height: 28px;
 font-size: 1.1em;
 font-weight:bold;
}


a.thumbbox{
 width: auto !important;
 max-width: 270px;
 width: 268px;
 font-size:1.1em;
 line-height:1.5em;
 font-weight:bold;
 overflow:hidden;
 display:block;
}

a.thumbbox img{
 width:80px;
 height:60px;
 float:left;
 margin: 0 15px 0 0;
 border: 1px solid #D6D6D6;
}

a.thumbbox b{
 width:80px;
 height:60px;
 float:left;
 margin: 0 15px 0 0;
 border: 1px solid #D6D6D6;
}

a.w60 img{
 width:60px;
}

a.thumbbox:hover img{
 border: 1px solid #aaa;
}

a.thumbbox span{
 display:block;
 color:#666;
 font-weight:normal;
 font-size:0.9em;
}

/*
 POST
*/

.post h1{
 font-size: 3em;
 margin-bottom: 0.3em;
 font-weight: normal;
}

.post h2, h3{
 font-size:1.8em;
 margin-bottom:1em;
 font-weight:normal;
}

.post h1 a, .post h2 a{
 color: #000;
}

.post #pubdate{
 display: block;
 margin-bottom:1em;
 color: #888;
 font-size:1.1em;
} 

.post p{
font-size: 1.2em;
line-height: 1.5em;
margin-bottom: 1.5em;
}

.post strong{
 font-weight: bold;
}

.post ul, .post ol{
 margin:0 0 2em 1em; 
 overflow:hidden;
 list-style:square;
display:block;
}

.post blockquote{
 margin-left: 2em;
 padding: 1em 0 0 2em;
 color: #444;
 border-left:1em solid #eee;
overflow:hidden;
}

.post li{
 margin-left: 2em;
 font-size:1.2em;
 line-height:1.5em;
}

.post table{
  width: 98%;
 margin: 3em auto;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
}
.post td, .post th{
 font-size: 1.1em;
 padding: 0.75em;
 line-height:1.5em;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 vertical-align: middle;
}

.post th{
 background: transparent url('img/sprite2.png') repeat-x right -485px;
 height:28px;
 white-space:nowrap;
 padding:0 0.75em;
 line-height:28px;
 overflow:hidden;
 text-align: left;
 font-weight: bold;
}

.post td li{
 font-size: 1em;
 margin-bottom:0;
}

.post td ul{
 margin-bottom:0;
}

.post img, .post object{
 display:block;
 margin: 0 auto 20px auto;
}

.post img.thumb{
 float:left;
 display:inline;
 margin: 0 5px 10px 5px;
 border: 1px solid #ccc;
 padding:10px;
 width:150px;
}

.altbox{
 background-color:#EAEAEA;
 margin-top:10px;
 overflow:hidden;
 padding:10px;
}

a.thumb img{
 border: 1px solid #D6D6D6;
 margin:10px auto 0 auto;
 display:block;
}

a.thumb106 img{
 width: 106px;
 height:80px;
}

a.thumb125 img{
 width: 125px;
 height:125px;
}
a.thumb:hover img{
 border: 1px solid #aaa;
}


a.thumb106:hover img{
 border: 1px solid #aaa;
}


/*
 COMMENTS
 */
 
 

#commentstemplate ol, #commentstemplate ul{
	list-style: none;
	margin: 0;
	padding: 0
}
.commentlist{
 list-style:none;
 margin: 20px auto;
 overflow: hidden;
}
.commentlist li{
 display: block;
 list-style: none;
 overflow: hidden;
 padding: 0;
 position: relative;
   margin: 10px 0 0 0;
}

.commentlist li .comment-body{
  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 10px;
  border: 1px solid #EAEAEA;
 font-size:1.2em;
 line-height:1.5em;
 background:#EAEAEA;
 clear:both;
}

.commentlist li .comment-body p{
 margin-bottom:1em;
}

.commentlist li .avatar{
  float:left;
  margin:1em 1em 0 1em;
  display:inline;
  width:32px;
  height:32px;
}

div.comment-arrow{
 width: 0;
 height: 0;
 line-height: 0;
 border-right: 25px solid #EAEAEA;
 border-bottom: 25px solid white;
float:left;
margin-left:10px;
}

.commentlist li.bypostauthor .comment-body{
}

.commentlist strong{
 font-weight:bold;
}


.comment-author small{
 float: right;
 width: 100px;
 text-align: right;
 font-weight: normal;
}

.comment-author{
 margin: 1em 0;
 line-height:32px;
}

.comment-author a{
 text-decoration:none;
}

.commentlist li.depth-2{
 margin-left: 40px;
}


.children  .form .comment-author{
 float: right;
 width: 70px;
 text-align: right;
 display:inline;
}


#respond form{
	width: 448px;
	margin: 0 10px;
}

.depth-1 #respond form{
	width: 370px;
	margin: 0 10px;
}

.depth-1 #respond {
 margin-left: 70px;
}

.reply, .comment-reply-link, .alignright{
 text-align: right;
}


#commentform{
 margin: 5px;
 overflow: hidden;
}

#commentform p{
 margin: 5px 0;
}

#commentform .textarea, #commentform input.input, 	.wpcf7-form input, .wpcf7-form textarea{
  border: 1px solid #E5E5E5;
  background: #fff;
  font-size: 1.2em;
  line-height: 1.5em;
  margin: 1px;

}


#commentform textarea.textarea, .wpcf7-form textarea{
 width: 95%;
}

#commentform label, .wpcf7-form  label{
 font-size: 1em;
 color: #333;
}

#cancel-comment-reply-link{
 display:block;
 margin: 5px 0;
 padding: 0;
 font-size: 1.1em;
 text-align: right;
}


/*
 SIDEBAR
*/

#sidebar{
 width: 300px;
 float: right;
 display: inline;
 overflow:hidden;
 position:relative;
}

#commentauthorhiddendata{
 display:none;
}

#nextpost{
background:#fff;
height:150px;
z-index:2;
}

.ar a{
 width:45px;
 height:400px;
 display:block;
 overflow:hidden;
 text-indent:-1000px;
}

#la, #ra{
 position:fixed;
 top:160px;
 display:none;
}


#la a{
 background:transparent url('img/sprite2.png') -5px -35px no-repeat;
}

#la a:hover{
background:transparent url('img/sprite2.png') -50px -35px no-repeat;
}


#ra a{
 background:transparent url('img/sprite2.png') -148px -35px no-repeat;
}

#ra a:hover{
background:transparent url('img/sprite2.png') -103px -35px no-repeat;
}

.fbox{
margin-top:10px;overflow:hidden;padding:10px;height:60px;
}

.replacement{
 background: #fff url('/img/nothumb.png') top center no-repeat;width:300px;height:175px;
}

del{
 text-decoration: line-through;
}

.post pre{font-size:11px;overflow:auto;display:block;}
sup {
vertical-align: super;
font-size: smaller;
}