/*
Name: Webmark
Date: 2008-11-10
Description: css+jQuery.
Author: zama
URL: http://webmark.shost.pl
*/
@import url("reset.css");
body{font:normal 76%/140% Verdana,Arial,Helvetica,sans-serif; background:#191816 url(images/bg.jpg); height:100%; color:#7A7A7A;}


/*logo
=================================================================*/
#header{height:130px; background:url(images/header.jpg) repeat-x}
#logo{width:770px; margin:0 auto; text-align:center; position:relative}
#logo h1 a{text-indent:-2000em; height:40px; width:140px; position:absolute; top:45px; left:0; background:url(images/logo.gif) no-repeat; outline:none;}
#logo h1 a:hover{background-position:0 -40px}  
  
  
/*gorne menu
=================================================================*/
#menu{height:40px; padding-top:25px; overflow:hidden}       
#nav li{float:left; background:transparent url(images/kropki.gif) center right no-repeat}
#nav li a{display:block; color:#7C7972; padding:8px 18px; font-size:.75em; font-weight:bold; text-transform:uppercase; letter-spacing:1px; white-space:nowrap;}
#nav li a:hover{color:#BEBCB1;} 
#nav li.current, #nav li.current-cat{cursor:pointer; color:#BEB7A7; background:transparent url(images/navright.jpg) right no-repeat;} 
#nav li.current a, #nav li.current-cat a{cursor:pointer; color:#BEB7A7; background:transparent url(images/navleft.jpg) left no-repeat; margin-left:-1px} 


/*wrapper
=================================================================*/
#wrapper{width:770px; margin:0 auto; text-align:center; padding-bottom:40px;}


/*lewa - content
=================================================================*/
#lewa{float:left; width:480px; text-align:left}
#content{padding:60px 15px 10px 15px;background:#fff url(images/header_content.jpg) no-repeat; }
p#bottom_content{background:#fff url(images/bottom_content.jpg) no-repeat; height:80px}
div.work{padding-bottom:60px}
div.work p.zip{display:none;}
p.zip{margin:4px 0}

/*index.php*/
div#content h2 a{display:block; padding-bottom:4px; color:#B7B571; font-size:.91em; background:#fff url(images/h2.jpg) bottom center no-repeat; margin-bottom:3px}
div#content h2 :hover{color:#EC7600;}
p.meta{text-transform:uppercase; font-size:.75em; padding-bottom:10px; color:#919191}
p.meta a{font-weight:normal; color:inherit}
p.meta :hover{color:#000;}  
/*lista wpisow na stronie - mapa strony*/
.lista li b{float: left; font-weight: normal; color:red;}
.lista li i{float:right; font-style: normal; color:#8b8b8b;}
.lista li{overflow:hidden; padding:5px 10px; background-color:#F3F2ED; margin-bottom:6px;}
/*cytat*/
quote{background:transparent url(images/quote.gif) left top no-repeat; padding-left:40px; display:block; margin:10px 0}
blockquote{font-weight:bold; background:transparent url(images/pquote.gif) left top no-repeat; margin:10px 0; padding-left:30px}
blockquote p{background:transparent url(images/kquote.gif) bottom right no-repeat; padding-right:30px;}
blockquote p:first-letter{font:bold 1.4em Georgia, "Times New Roman", Times, serif; text-transform:uppercase}
/*opisywanie linków ikonkami*/
div#single a[href$=".zip"] {background:#fff url(images/zip.gif) 0 50% no-repeat; padding-left:20px}
div#single a[href$=".rar"] {background:#fff url(images/zip.gif) 0 50% no-repeat; padding-left:20px}
/*a[href^="http://webmark.shost.pl"] {background:url(web.gif) no-repeat;}*/


/*prawa - miniblog - tab
=================================================================*/
#prawa{float:left; width:290px; text-align:left}
#mini{padding:20px 0 0 20px; color:#BFBCB0}
#mini p{color:#A09F8D;}
#mini li{display:block;padding-bottom:2em;}
#mini h4 a, #mini h3 a{color:#A4A280;}
#mini h4 a:hover, #mini h3 a:hover{color:#C4BFA2;}
#mini h4, #mini h3{padding-bottom:4px; border-bottom:1px dotted #3B3B3B; margin-bottom:10px; color:#A09B87; text-transform:uppercase}
#komentarze h4, #archiwum h4, #komentarze h3, #archiwum h3{padding-bottom:4px; margin-bottom:10px; color:#A79A6D; text-transform:uppercase; border:none}
/*komentarze, archiwum*/
#komentarze li, #archiwum li{padding:8px 0; border-top:1px solid #2D2928; border-bottom:1px solid #151413;}
#komentarze li a:link, #komentarze li a:visited, #archiwum li a:link, #archiwum li a:visited{font-weight:normal; color:#A09B87;}
#komentarze li span, #archiwum li span{font-weight:bold; color:#A9A592;}
#komentarze li a:hover, #archiwum li a:hover{color:#C0BDAF}
/*tab*/
ul.tabs{overflow:hidden;}
ul.tabs li{float:left;margin:0 2px;}
ul.tabs li.miniblog{height:25px; width:84px; background:url(images/miniblog_off.jpg) no-repeat}
ul.tabs li.komentarze{height:25px; width:84px; background:url(images/komentarze_off.jpg) no-repeat}
ul.tabs li.archiwum{height:25px; width:84px; background:url(images/archiwum_off.jpg) no-repeat}
ul.tabs li a{display:block;height:25px;text-indent:-2000em;}
.miniblog a:hover{background:url(images/miniblog.jpg) no-repeat}
.komentarze a:hover{background:url(images/komentarze.jpg) no-repeat}
.archiwum a:hover{background:url(images/archiwum.jpg) no-repeat}
.miniblog a.selected{background:url(images/miniblog.jpg) no-repeat}
.komentarze a.selected{background:url(images/komentarze.jpg) no-repeat}
.archiwum a.selected{background:url(images/archiwum.jpg) no-repeat}

/*formularz logowania*/
form#loginform label {display: block; line-height: 30px}
form#loginform #log, form#loginform #pwd{background-color:transparent; border:1px solid #3A3A3A; width:150px;}
div#admin fieldset{padding:10px;}
form#loginform #lg{background-color:transparent; border:1px solid #3A3A3A; color:#ddd}
#loginform{text-align:left;}
p.opis{font-size:.75em; margin:12px 0}

/*panel administracyjny*/
div.informacje{margin-top:20px}
a#button{display:block; text-align:right; border-top:1px solid #3B3B3B; width:100%; color:#3B3B3B; font-weight:normal}
a#button:hover{color:#A79A6D}


/*niby stopka
=================================================================*/
div#end{clear:both; text-align:center; padding:20px 0; border-top:1px dotted #464646}


/*globalne
=================================================================*/
a img{border:none;}
a, a:link{color:#555; text-decoration:none; font-family:tahoma; font-weight:bold}
a:visited{color:#666;}
a:hover, a:focus{color:orange;}
a:active{color:#666}
h1, h2{color:#0E4D54; text-transform:uppercase; font-size:1em;}
h3, h4, h5{font-size:.83em;}
hr{clear:both; visibility:hidden;}
.left{float:left;}
.right{float:right;}
.center{text-align:center; margin:0 auto;}
.red{color:#D11B1B}
.clear{clear:both}


/*obrazki
=================================================================*/
.obrazek img, .szablon img{background:#D9D8D4 url(images/bim.jpg) no-repeat; display:block; margin:0 auto 10px auto; padding:45px 25px 20px 25px; border-bottom:5px solid #EDEDEB}
.obrazek:hover img, .szablon:hover img{border-bottom:5px solid #FF7F00}
.mini img{display:block; margin:0 auto; border:10px solid #3B3B3B;}
.mini:hover img{border:10px solid #000;}


/*komentarze + kontakt
=================================================================*/
ul#lista_kom a{font-weight:bold;}
ul#lista_kom p.belka{background:#fff url(images/anonim.jpg) 0 50% no-repeat; height:50px; margin-bottom:10px; line-height:50px; text-indent:55px;}
ul#lista_kom li.mycomment p.belka{background:#fff url(images/avatar.jpg) 0 50% no-repeat; height:50px; margin-bottom:10px; line-height:50px; text-indent:55px;}
#lista_kom{display:block; margin-bottom:30px;}
#lista_kom .mycomment {color: #3C3C2F; padding: 10px; background-color:#E6E6E6; margin-bottom: 20px; border: 1px solid #fff;}
#lista_kom .noname {padding: 15px; margin-bottom: 20px; border: 1px solid #fff; background-color:#F0F0EC;}
code {color: maroon; display: block; background-color: #43443e; padding: 10px 0 10px 20px;}
.small {font-size: .9em; color: #9c978d; line-height:1.2em; margin:10px 0;}
acronym, abbr {cursor: help; border-bottom: 1px dashed #9c968c;}
#commentform #author, #commentform #email, #commentform #url, #commentform textarea, .kontakt textarea, .kontakt input {background-color:#fff; border: 1px solid #eee; color:#5b5c54;}
.kontakt textarea, #commentform textarea {width:99%;}
#commentform small {font-size: .9em;}
#commentform #submit, .kontakt #contactsubmit, .zaznacz  {border: none; background-color:#343a3a; cursor: pointer; color: #f7f7ef; padding: 4px 0; width: 140px;}
#s{height:20px; width:160px;}


/*single*/
div#single_menu{background-color:#F0F0EC; padding:12px 6px; margin:20px 0; overflow:hidden}
p.separator{text-align:center; color:#ddd; padding:20px 0}



/*wyswietlanie skryptow
=================================================================*/
.v {display: block; padding:20px; border:1px solid #d7d7d7;} 
div.v a, div.v a.link{color:red; display:block;margin-bottom:10px;}
.n {display: none;} 
ul#js{text-align:center; margin-bottom:10px;}
ul#js li{display:inline; padding:0 6px;}
ul#js li span{color:red;}
p.info{padding:45px 25px 20px 25px; background:#D9D8D4 url(images/bim.jpg) repeat-x;  border-bottom:5px solid #EDEDEB; margin:20px 0; color:#000}