/*
	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: #999;}
a:hover { text-decoration: underline; }
ul { list-style: none; text-align: left; }
fieldset { border: 0; }
.submit { cursor: pointer;}
label, table, td, th, input, textarea, select, option { font: 12px Arial,Helvetica,sans-serif; color: #999; }
input.text { padding: 3px 5px; border: 1px solid #333; color: #999; background: #000; width: 280px;}	
textarea { padding: 2px 0 2px 5px; border: 1px solid #333; color: #999; background: #000; width: 554px; overflow: auto;}
form p { margin: 5px 0;}
form label { display: block; margin: 0 0 5px;}
form .submit { float: right;}

/*Fonts

------------------------------------------------------------------------- */
p { font-size: 12px; line-height: 20px; font-weight: normal; margin: 0 0 20px; color: #999;}  
p a { color: #009966; }
p a:hover { text-decoration: underline; }
h1 { font-size: 30px; line-height: 30px; font-weight: bold; margin: 0; color: #999;}  
h1 a { color: #015a2d;}  
h2 { font-size: 18px; line-height: 20px; font-weight: bold; margin: 10px 0; color: #009966; } 
h2 a { color: #009966;}   
h3 { font-size: 18px; line-height: 20px; font-weight: bold; margin: 0 0 20px; color: #999;}  
h3 a { color: #999;}  
h4 { font-size: 14px; line-height: 20px; font-weight: bold; margin: 20px 0; color: #999; }
h4 a { color: #999;}  
h5 { font-size: 13px; line-height: 20px; font-weight: normal; font-style: italic; margin: 0; color: #666; }
h5 a { color: #666;}  
ul, ol { font-size: 12px; font-weight: normal; margin: 0 0 10px 10px; color: #999;}  
li { font-size: 12px; font-weight: normal; margin: 0 0 0 10px; color: #999;}  
small { font-size: 10px; line-height: 10px; font-weight: normal; margin: 0; color: #999;} 
a.more { float: right; clear: both; color: #009966; }
	  
/*Layout

------------------------------------------------------------------------- */
body { background: #000; font: 12px Arial,Helvetica,sans-serif; color: #999; padding: 0; margin: 0;}

#top, #content, #lead, #bottom, #footer{ width: 940px; margin: 0 auto; clear: both; padding: 0 10px; position: relative;}

/* Top

------------------------------------------------------------------------- */
#top {z-index: 4; padding: 0 10px 20px;}
#top h1 { float: left; margin: 0 0 -70px; position: relative; height: 157px; overflow: hidden;}
#top h1#head_home { height: 167px; margin: 0 0 -80px;}
#top h1 a { position: absolute; top: 0; left: 0; width: 140px; height: 167px; overflow: visible;}
#menu { float: left; clear: both; margin: 0 0 0 140px; display: inline; width: 800px; position: relative;} 
#menu li { float: left; margin: 0; padding-left: 22px; background: url(../images/br.gif) 10px 2px no-repeat; position: relative;}
#menu li:first-child { background: none;}
#menu li.page-item-2 a { padding-right: 14px; background: url(../images/arr.gif) 100% 6px no-repeat;}
#menu li.page-item-2 a:hover { background-position: 100% -194px;}
#menu li.page-item-2 li a { padding: 0; background: none;}
#menu li a { color: #009966; font-weight: bold; font-size: 16px; }
#menu li.current_page_item a, #menu li a:hover { text-decoration: none; color: #fff; background-position: 100% -194px;}
#menu li ul { background: #000; position: absolute; margin: 0; left: 0; top: 18px; overflow: hidden; padding: 0 12px; display: none; width: 105px;}
#menu li ul li { background: none; float: none; padding: 7px 0; border-top: 1px solid #2a2a28; margin: -1px 0 1px;}
#menu li.current_page_item li a, #menu li ul li a { color: #009966; font-size: 12px; font-weight: normal;}
#menu li.current_page_item li a:hover { color: #fff;}
#menu li:hover ul { display: block;}
#menu li.current_page_parent { position: static; margin-bottom: 30px;}
#menu li.current_page_parent ul { display: block; border-top: 1px solid #2a2a28; width: 620px; left: 20px; top: 30px; padding: 5px 0 0; }
#menu li.current_page_parent ul li { float: left; margin: 0; padding-left: 22px; background: url(../images/br.gif) 10px 8px no-repeat; position: relative; border: 0;}
#menu li.current_page_parent ul li:first-child { background: none; padding-left: 0;}


/* Content

------------------------------------------------------------------------- */
#content {z-index: 1;}
.content { width: 620px; margin: 0 auto; overflow: hidden; padding: 0 0 50px;}

#lead { padding: 10px 5px; width: 930px; border-top: 1px solid #393939; border-bottom: 1px solid #393939; margin: 0 auto 10px; line-height: 26px; font-size: 14px; z-index: 3;}
#lead h2 { float: left; margin: 0 10px 0 0;}
#lead p { margin: 0; color: #999;}

.slidewide { width: 960px; height: 490px; overflow: hidden; margin: 50px -10px 0; display: inline; float: left;}
#slideshow { width: 960px; height: 450px; overflow: hidden; margin: 0 -10px; display: inline; float: left;}
#slideshow .slide { position: relative; z-index: -1; display: none;  width: 960px; height: 450px; }
#slideshow .slide img {position: relative; z-index: -1; }
#slideshow-prev, #slideshow-next { position: absolute; z-index: 99; width: 56px; height: 148px; background: url(../images/nav.png) no-repeat; top: 150px;}
#slideshow-prev { left: 0; background-position: 0 0;}
#slideshow-prev:hover { background-position: 0 -200px;}
#slideshow-next { right: 0; background-position: 100% 0;}
#slideshow-next:hover { background-position: 100% -200px;}
.toggle_left { bottom: 45px; left: 240px;}
.toggle_right { bottom: 55px; left: 580px;}
.toggle { position: absolute; z-index: 99; }
.toggle h4 { font-size: 44px; font-weight: bold; color: #009966; margin: 0; color: #009966; background: #006633; padding: 0 15px; height: 44px; line-height: 44px; cursor: pointer;}
.toggle:hover h4 { color: #006633; text-decoration: none; background: #009966;}
.toggle p { position: absolute; bottom: 44px; left: 0; width: 160px; padding: 10px; background: #fff; font-size: 11px; color: #000; line-height: 15px; font-weight: bold; margin: 0; display: none;}
.toggle strong { color: #a6978e;}
.toggle a { color: #008f5f;}

.home { float: left; width: 100%; margin: 0 0 15px;}
.sponsor { float: right; width: 139px; display: inline; padding-left: 10px; margin-left: 10px; border-left: 1px solid #222;}
.sponsor .simpleimage { margin: 15px 0 0;}

.photos { float: right; width: 300px; display: inline; padding-left: 10px; border-left: 1px solid #222;}

.news { float: left; width: 300px; display: inline; }
.news_body { float: right; width: 190px;}
.news_body p { font-size: 12px; margin: 0; height: 220px; overflow: hidden;}
.news_body p a { color: #999;}
.news_body p a.more {color: #009966;}
.thumb { float: left; width: 95px; overflow: hidden; margin: 5px 0 0;}
.news_body_wide { float: left; width: 100%;}

.content_sklad .post  { padding: 15px 0 0; margin: 0 0 5px;}
.content_sklad .post .entry { margin: 5px 0 0; }
.post { padding: 20px 0 0; margin: 0 0 20px; border-top: 1px solid #222;}
.entry { margin: 20px 0 0; padding: 0; overflow: hidden;}
.meta { color: #666; font-style: italic; margin: 0;} 
.tags { color: #222; margin: 5px 0 0;}

.add_comment { font-size: 14px;}
.add_comment span { color: #999;}
.navigation { margin: 0; padding: 20px 0 0; overflow: hidden;  border-top: 1px solid #222;}
.navigation a {color: #009966; font-size: 14px; font-weight: bold;}
.navigation a:hover { color: #666; text-decoration: none;}
.navigation .alignleft, .navigation .alignright  { width: 48%;  margin: 10px 0 0;}
.alignleft { float: left; text-align: left; margin: 4px 15px 15px 0;}
.alignright { float: right; text-align: right; margin: 4px 0 15px 15px;}
.navigation_comments { padding: 0;}

.sociable { padding: 10px 5px; width: 930px; border-top: 1px solid #333; border-bottom: 1px solid #333; margin: 0 auto; line-height: 26px; font-size: 14px; z-index: 3;}
.sociable .fl { margin-right: 15px;}
.sociable a { margin-right: 50px; height: 26px; line-height: 26px; overflow: hidden; float: left; font-size: 12px;}
.sociable a img { float: left; position: relative; top: 0; left: 0;}
.sociable a:hover { color: #5c5c5c; text-decoration: none;}
.sociable a:hover img { top: -100px;}
.sociable .fr a { margin: 0;}
.sociable .fr a img { margin-right: 5px;}

#comments { margin: 30px 0 0; padding: 0 0 15px;}
#comments span {color: #656f79; font-weight: normal;}
#commentlist { list-style: none; float: left; width: 100%; margin: 0;}
#commentlist li { position: relative; padding: 0; line-height: 19px; float: left; width: 100%; margin: 25px 0 0;}
#commentlist li .avatar { float: left; width: 40px; height: 40px; float: left; margin: 0 5px 0 0; border: 1px solid #333;}
#commentlist li .comment {background: #1d1d1d url(../images/bgc.gif) 100% 0 no-repeat; padding: 0 12px 18px; margin: 0; width: 450px; float: left;}
#commentlist li .comment p { margin: 12px 0 0; font-style: italic; }
#commentlist li .meta { font-size: 10px; color: #587380; float: right; width: 130px;}
#commentlist li .meta img { float: left;}
#commentlist li .meta p { float: left; width: 100%; clear: both; font-style: italic;}
#commentlist li .meta .author, #commentlist li .meta .author a { font-size: 11px; color: #009966;}

#postcomment {margin: 40px 0 0;}

.error { font: 14px Helvetica; color: #3e4b58; background: #e5edf1; padding: 16px;  font-weight: normal; display: block; margin: 0 0 20px; float: none;}
#submit {padding: 0 12px; height: 26px; color: #009966; border: 0; background: #006633; margin: 0; cursor: pointer;}
#submit:hover { color: #006633; background: #009966;} 
#reset { background: none; border: 0; font: 11px Helvetica; color: #009966; margin: 8px 0 0 8px;}
#comment { width: 450px;}
#commentform { padding: 0 0 25px;}
#commentform p { margin: 15px 0 0; padding: 0;}

.ngg-galleryoverview { margin: 0 0 15px;}
.home div.ngg-galleryoverview { margin: 0 -3px; width: 310px; height: 202px; overflow: hidden;}
.home div.ngg-gallery-thumbnail a img { border-color: #1a1919; background: #1a1919;}
.home div.ngg-gallery-thumbnail a:hover img { border-color: #999; background: #999;}

.limit { height: 200px; overflow: hidden;}

.flickr { margin: 10px -8px 0; width: 310px; height: 200px; overflow: hidden;}
.flickr a { float: left; margin: 5px 8px; }
.flickr a img { border: 1px solid #1a1919; background: #1a1919; padding: 4px; margin: 0;}
.flickr a:hover img { border-color: #999; background: #999;}


/* Bottom

------------------------------------------------------------------------- */
#bottom { padding: 10px 5px; width: 930px; border-top: 1px solid #393939; border-bottom: 1px solid #393939; margin: 10px auto; line-height: 26px; font-size: 14px; z-index: 3;}
#bottom .fl { margin-right: 15px;}
#bottom a { margin-left: 25px; height: 26px; line-height: 26px; overflow: hidden; float: left; font-size: 12px; position: relative;}
#bottom a img { float: left; position: relative; top: 0; left: 0;}
#bottom a:hover { color: #5c5c5c; text-decoration: none;}
#bottom a:hover img { top: -100px;}
#bottom .fr a { margin: 0;}
#bottom .fr a img { margin-right: 5px;}

/* Footer 

------------------------------------------------------------------------- */
#footer { font-size: 11px; z-index: 2; color: #666;}
#footer a {color: #666;}

/* Footer 

------------------------------------------------------------------------- */
#footer { font-size: 11px; padding: 0 10px 20px;}

/* Other 

------------------------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }
.hide { display: none; }

#loading { display: none; position: absolute; top: 0; left: -9999px;}
.error { border: 1px solid #333; background: #d31c33; color: #fff;}
.success { display: block; margin: 0 0 20px;}

font { display: none;}
