/*
	Autor: Grzegorz Jaworek
	E-mail: grzegorz.jaworek@gmail.com
	www: http://gjaworek.pl 
	Tel.: +48 696 818 300
*/
@charset "UTF-8";

/*Common

------------------------------------------------------------------------- */
* { margin:0;padding:0;}
img { border: 0 }
a, button, object{ text-decoration: none; outline: none; color: #000;}
a:hover { text-decoration: underline; }
ul { list-style: none; text-align: left; }
fieldset { border: 0; }
.submit { cursor: pointer;}
input, .text, table, td, th, select, option, textarea, label {font: 11px Arial; color: #535353;}
label, table, input, textarea, select, option { font: 12px Arial,Helvetica,sans-serif; color: #535353; }
input.text { padding: 7px 5px; border: 1px solid #ccc; color: #ccc; width: 280px;}	
textarea { padding: 2px 0 2px 5px; border: 1px solid #535353; color: #535353; width: 554px; overflow: auto;}
form p { margin: 5px 0;}
form label { display: block; margin: 0 0 5px;}
form .submit { float: right;}
input.active { color: #4a4a4a;}
input.invalid { color: #a32124;}

/*Fonts

------------------------------------------------------------------------- */
p { font-size: 14px; line-height: 20px; font-weight: normal; margin: 0 0 16px; color: #000;}  
p a { text-decoration: underline; color: #770117; font-weight: bold; }
p a:hover { text-decoration: none; }
p .block { float: right; padding: 4px 10px; width: 130px; background: #af0900; color: #fff; margin: 7px 0 3px;}
blockquote { float: right; padding: 4px 10px; width: 130px; background: #af0900; color: #fff; margin: 7px 0 3px; display: inline;}  
h1 { font-size: 24px; line-height: 30px; font-weight: bold; margin: 0 0 10px; color: #000;}  
h1 a { color: #000;}  
h2 { font-size: 30px; line-height: 35px; font-weight: normal; margin: 0; color: #5e5a59; text-indent: -2px;} 
h2 a { color: #5e5a59;}   
h3 { font-size: 14px; line-height: 16px; font-weight: bold; margin: 0; color: #000000;}  
h3 a { color: #000000;}  
h4 { font-size: 14px; line-height: 20px; font-weight: bold; margin: 20px 0; color: #000; }
h4 a { color: #000;}  
ul, ol { font-size: 14px; line-height: 20px; font-weight: normal; margin: 0 0 10px 10px; color: #000;}  
li { font-size: 14px; line-height: 20px; font-weight: normal; margin: 0 0 0 10px; color: #000;}  
small { font-size: 9px; line-height: 10px; font-weight: normal; margin: 0; color: #b2b2b2;} 
	  
/*Layout

------------------------------------------------------------------------- */
body { background: #fff; font: 12px Arial,Helvetica,sans-serif; color: #000; min-width: 1173px; }
#page { width: 1093px; margin: 0 auto; clear: both; padding: 0 0 0 90px;}
#top, #content, .mail_box, #footer { width: 1093px; margin: 0 auto; clear: both;}

/* Top

------------------------------------------------------------------------- */
#top { position: relative; border-bottom: 1px solid #ccc; padding: 0 0 10px;}
#top h1 {width: 1093px; height: 105px; background: url(../images/kks.png) 0 0 no-repeat; font-size: 1px; color: #fff; text-indent: -9999px; overflow: hidden; margin: 0; padding: 0;}
#top h1 a { float: left; position: absolute; top: 38px; left: 0; display: inline; height: 34px; width: 360px; font-size: 0px; color: #fff; text-indent: -9999px; overflow: hidden;}
#top h2 {margin: 0; padding: 0;}
#top_photo { width: 640px;}
#top_photos { width: 640px; overflow: hidden; float: left; clear: both; position: relative; display: inline; padding: 0; margin: -14px 0 0;}
#top_photos li { float: left; display: inline; padding: 0; margin: 14px 0 0; height: 101px; overflow: hidden;}
#top_photos li.first { height: 191px;}
#top_photos li.fr { float: right;}
#top_photos li.fl { float: left;}
#top_photos li a, #top_photos li img { float: left;}
#home_text { font-size: 22px; font-weight: bold; line-height: 35px; color: #5e5a59; margin: -7px 0 0; padding: 0; position: relative;}
#top #art_list {width: 993px; height: 105px; overflow: hidden;  background: url(../images/art.png) 0 0 no-repeat; padding: 0 100px 0 0;}
#art_list {width: 681px; margin: 0 -41px 0 0; float: left; padding: 0; display: inline; position: relative;}
#art_list a { float: left; text-decoration: none; font-size: 39px; font-weight: normal; color: #030303; border-bottom: 3px solid #a32124; line-height: 35px; height: 35px; margin: 6px 27px 0 0; display: inline;}
#art_list a:hover { background: #a32124; text-decoration: none; border-color: #fff; color: #fff;}


/* Content

------------------------------------------------------------------------- */
.content { float: right; margin: 13px 0 0; display: inline; width: 947px; }
.sidebar { float: left; margin: 13px 0 40px -90px; display: inline; width: 189px; padding: 0 6px 0 0; border-right: 1px solid #ccc; text-align: right; position: relative;}
.sidebar .widget { float: left; clear: both; width: 100%; margin: 30px 0 0;}
.content .sidebar { float: right; width: 266px; border: 0; margin: 0; text-align: left; padding: 0;}
.main-content { float: left; margin: 0; padding: 0 0 40px; display: inline; width: 646px; }
.wide-content { float: left; margin: 0; padding: 0 0 40px; display: inline; width: 947px; }

.sidebar h4 { margin: 0; padding: 0;}

#art_head { margin: 0 0 35px; height: 192px; overflow: hidden; width: 646px; text-align: center;}
#art_head img { height: 194px; width: 647px; margin: 0 auto;}

#menu { text-align: right; font-size: 26px; font-weight: bold; color: #070707; margin: -12px 0; padding: 0; position: relative;}
#menu li { text-align: right; font-size: 26px; font-weight: bold; color: #070707; line-height: 32px; margin: 12px 0; padding: 0;}
#menu a { text-align: right; font-size: 26px; font-weight: bold; color: #070707; text-transform: lowercase;}
#menu a:hover, #menu .current_page_item a, #menu .current-cat a { text-decoration: none; color: #fff; background: #a32124;}

#searchform { float: left; clear: both; width: 100%; margin: 12px 0 0;}
#searchform p { padding: 0; margin: 0;}
#searchform input.text { padding: 8px 5px 7px; border: 1px solid #ccc; border-right: 0; font-weight: bold; color: #ccc; width: 110px; margin: 0; float: right;}	
#searchform input.active { color: #4a4a4a;}
#searchform input.submit {margin: 0; padding: 0; vertical-align: middle; float: right;}

.entry { float: left; width: 100%; clear: both; padding: 0 0 30px;}

.wp-pagenavi { float: right; position: relative; width: 266px; margin-right: -296px; display: inline; font-size: 17px; font-weight: bold; color: #73706f;}
.wp-pagenavi-bottom { margin-top: -33px;}
.wp-pagenavi a { color: #fff; text-decoration: none; margin: 0 2px; background: #a32124; }
.wp-pagenavi .page {padding: 0 3px;}
.wp-pagenavi a:hover { color: #000; background: none; text-decoration: none;}
.wp-pagenavi .current { color: #000; padding: 0 3px;}
.wp-pagenavi-post { font-size: 12px;}

.ngg-related-gallery { display: none;}
.ngg-galleryoverview { float: left; width: 661px; position: relative; margin: 0 -5px 0 -10px;}
.ngg-galleryoverview .ngg-gallery-thumbnail { float: left; margin: 20px 5px 0 10px;}
.ngg-galleryoverview .ngg-gallery-thumbnail a { float: left; width: 130px; height: 97px; overflow: hidden; border: 10px solid #f0f0f0;}
.ngg-galleryoverview .ngg-gallery-thumbnail a:hover { text-decoration: none; border-color: #5e5a59;}
.ngg-galleryoverview .ngg-gallery-thumbnail a img { float: left; width: 130px; height: 97px; padding: 0; margin: 0; border: 0; }

.ngg-navigation { height: 22px;}
.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {border:0;}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {background-color: #a32124;}


.related { float: left; clear: both; margin: -20px 0 0 -10px; padding: 0;}
.related li { float: left; padding: 0; margin: 0 0 0 10px;}
.related a { float: left; text-decoration: none; font-size: 13px; font-weight: bold; color: #030303; margin: 0;}
.related a:hover { background: #a32124; text-decoration: none; color: #fff;}

#current_tag { position: absolute; bottom: -44px; right: 8px; font-size: 12px; font-weight: bold; color: #666; line-height: 30px; width: 100%; height: 32px; overflow: hidden;}
#current_tag strong { font-size: 26px; color: #fff; background: #a32124; max-width: 140px; overflow: hidden; float: right; margin: 0 0 0 5px; height: 32px;}

#post_list { clear: both; float: left; margin: -22px 0 0; padding: 0; display: inline; width: 947px; }
#post_list li { clear: both; float: left; margin: 22px 0 0; padding: 0; display: inline; width: 947px; height: 194px; overflow: hidden;}
#post_list li h3 a { float: right; width: 286px; height: 160px; overflow: hidden; padding: 0 0 34px; margin: 0 -10px 0 0; background: url(../images/go.gif) 0 100% no-repeat; color: #020202; font-size: 30px; font-weight: bold; line-height: 35px; display: inline}
#post_list li h3 a:hover { text-decoration: none; color: #a32124; background-position: -500px 100%;}
#post_list li img { float: left; width: 647px; height: 194px;}

#comments { margin: 30px 0 0;}
#comments span {color: #abbdc6;}
.commentlist { list-style: none; clear: both; margin: 0; padding: 0;}
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; color: #a32124;}
.commentlist li { position: relative; min-height: 32px; padding: 10px 0 10px 40px; line-height: 19px; margin: 0;}
.commentlist li .avatar { float: left; width: 32px; height: 32px; margin-left: -40px;}
.commentlist li .comment {background: #f6f6f6 url(../images/comment.gif) 0 0 no-repeat; padding: 10px 12px 18px; margin: 8px 0 0;}
.commentlist li .meta { font-size: 10px; color: #587380;}
.commentlist li .meta a { color: #009bd9;}
.commentlist li .meta .author, #commentlist li .meta .author a { font-size: 11px; color: #009bd9;}
.commentlist .comment-body p { background: #f5f5f5; padding: 10px; font-size: 13px; color: #333; margin: 0;}
#commentform .submit { width: auto; padding: 0 15px; float: left; clear: both; background: #a32124; font-size: 14px; margin: 0; color: #fff; border: 0; font-weight: bold;}
#commentform .submit:hover { background: none; color: #333;}
#commentform p { float: left; width: 100%; margin: 12px 0 0;}
#commentform label { display: block; font-size: 11px; color: #333; font-weight: bold; padding: 0 0 3px;}
#commentform .text { width: 286px; border-color: #ccc; padding: 6px;}
#commentform textarea {border: 1px solid #ccc; padding: 3px 0 3px 6px; overflow: auto; width: 99%;} 

/* Footer 

------------------------------------------------------------------------- */
#footer { width: 654px; border-top: 1px solid #ccc; padding: 10px 0; text-align: center; margin: 8px 0 0 140px; }
#mail { display: block; width: 187px; height: 16px; font-size: 0px; color: #fff; text-indent: -9999px; overflow: hidden; background: url(../images/kksm.gif) 0 0 no-repeat;}
#mail:hover { background-position: 0 -50px;}
.mail_box h4 { font-size: 12px; font-weight: normal; color: #5e5a59; text-transform: uppercase;}
.mail_box_home #mail {background-image: url(../images/kks.gif);}
.mail_box .sidebar { border-right: 0;}
.mail_box_home .sidebar { border-right: 1px solid #ccc;}

/* Other 

------------------------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }
.hide { display: none; }
#loader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; }