* {padding: 0; margin: 0; }
html {font-size:100.01%;  height:100%;}

body {
font-family: arial, verdana, Arial Black, Helvetica, Lucida Sans Unicode, Modern;
font-size: 0.8em;
line-height: 1.3;
color: #1f1f1f;
height:100%;
background-color:#e0e0e0;
background-image: url('img/bg.png');
background-position: center;
background-repeat: repeat-y;

}



#zawijka {margin: auto; width: 1024px; position:relative; background-image: url('img/bg.png'); min-height:100%; overflow: auto; padding-bottom:50px; }




h1#logo {background: url('img/top.gif') #464f46 no-repeat; width:1024px; height:94px; clear:both; position:relative;}
#venividi_logo, .display_none, hr {display:none;}


h1#logo span#title {color: #ccc; font-size: 0.5em; font-weight: normal; position:absolute; top:70px; left:185px; letter-spacing: 3px;}
h1#logo a {display:block; width: 165px; height: 90px;  position:absolute; top:6px; left:6px;}




/*kilka ogólnych*/
a {color:#000; text-decoration: none;}
a:hover {text-decoration: none;}
a:active {outline: none;}
a img {border:none;}
li {list-style: none;}
/*kilka ogólnych*/



/*MENU Z LEWEJ*/
#menu {width:170px; float:left; padding:50px 0px 0px 0px;}
#menu a {color: #262626;}
#menu a:hover {color:#600;}



ul#strony li.active /*aktywna strona z głównych trzech pierwszych (main, about, contact)*/ {padding: 1px 8px; border: 2px solid #686a67; color:#323232; background-color: #676966;}
ul#strony li /*linki główne: main, about, contact*/{ margin:20px 0px 0px 5px; padding: 1px 8px; border: 2px solid #686a67;  color:#323232; }
ul#strony li a, ul#strony li span { letter-spacing: 3px; font-weight: bold; font-size: 12px; color: #262626;}





p.menu_header /*nagłówki w menu, nie-linki (browse, series, some links)*/ { margin:20px 0px 0px 5px; padding: 1px 8px; border-top: 2px solid #676966; border-left: 2px solid #676966; color:#323232;  letter-spacing: 3px;}

ul#archiwum, ul#linkowie, ul#tags /*zawartość powyższych:  (browse, series, some links)*/{ margin-left:5px; margin-top:10px; font-size: 12px; }




ul#archiwum li {text-align: right; padding:2px 105px 2px 8px;} /*bo 1 psuje szyk pionu*/
ul#tags li, ul#linkowie li {padding:2px 0 2px 8px;}


ul#archiwum li.active, ul#tags li.active, ul#linkowie li.active  {color:#323232; background-color: #676966;}/*aktywna strona (bez linkowia wszak chyba...)*/
/*MENU Z LEWEJ*/







/*GÓRNE MENU*/
ul#prevnext {position:absolute; top:0; right:0;}
ul#prevnext li {}
ul#prevnext li a {position:absolute; display:block; top:69px; color:#C2C2C2; background-color: #465047; font-size: 11px; letter-spacing: 3px; width: 100px; height:20px; line-height: 1.9; text-align: center;}
ul#prevnext li a:hover {background-color: #3d463e;}
ul#prevnext li.next a {right:10px;}
ul#prevnext li.prev a {right:135px;}
ul#prevnext li.random a {right: 260px;}
/*GÓRNE MENU*/





/*STOPKA*/
#foo {height:34px; width:1014px; background-color: #4d574e; position:absolute; bottom:5px; left:5px;}
#foo li {}
#foo li a span {display:none;}
#foo li a {display:block; position:absolute; top:5px; color:#C2C2C2; background-color: #465047; font-size: 11px; letter-spacing: 3px; line-height: 1.9; text-align: center;}
#foo li a:hover {background-color: #3d463e;}

#foo li.piona a {background-image: url('img/piona.gif'); width:52px; left:15px; height:23px; width:45px;}
#foo li.irishblogs a {background-image: url('img/irishblogs3.gif'); height: 15px; width:80px; left:75px; top:10px; }



#foo li.prev a {right:135px;}
#foo li.next a {right:10px;}

#foo li.prev a, #foo li.next a {color:#C2C2C2; background-color: #465047; font-size: 11px; letter-spacing: 3px; width: 100px; height:20px; line-height: 1.9; text-align: center;}
#foo li.prev a:hover, #foo li.next a:hover {background-color: #3d463e;}
/*STOPKA*/




/*KONTENT znaczy zadowolony*/
#content {float: left;  margin: 42px 0px 0px 0px; overflow:hidden; margin-left:70px;  width:700px; }

.description a, #commm a, #comm a {text-decoration: underline;}

.wrzut {margin-bottom:40px;  float:left; clear: both; overflow:hidden; width:700px;}

.photo_header .title, .photo_header .data {display:inline; font-size: 1em; line-height:2; float:left; font-weight: bold;}

.titlem {font-size: 1em; line-height:1; font-weight: bold; margin-left: 22px;}

.photo_header .data {float: right;font-size: 0.8em;}

.wrzut img {border: none; padding-bottom:10px;}

.description {margin-top:0px;}

.comments_count {text-align: right; margin-top:10px; font-weight: bold; font-size:0.8em;}
.comments_count a:hover {color:#600; }

.wrzut hr {display:block; margin-top:10px; border:none; background-color:#7a7a7a; height:3px; color:#7a7a7a; }
/*KONTENT znaczy zadowolony*/






/* podstrona ABOUT */

#page_about #content {margin-top:70px;}
#page_about .wrzut {background: no-repeat #7a7a7a top right url('img/about_signs.png'); padding:40px 200px 10px 20px; height:400px; font-size: 1em; width:auto;}
#page_about .wrzut p {padding: 6px 0;}


/* podstrona ABOUT */





/* podstrona CONTACT */
#page_contact #content {margin-top:70px; background-color: #7a7a7a; position:relative; height:440px; }
fieldset {border:none;}
fieldset * {position:absolute;}
textarea, input {background: #8e8e8e; border: none; overflow:hidden;}
textarea {width:670px; }
label span {display:none;}

#return {display:block; top:20px; left:20px; width:280px;}
#label_return {display:block; background-image:url('img/your_email.png'); width:89px; height:17px; top: 20px; left: 320px; }

#label_tresc {display:block; background-image: url('img/your_message.png'); width:96px; height:27px; right: 20px; top:20px;}
#tresc {display:block; left: 20px; top:50px; width: 660px; height:200px;}

#submit {display:block; background-image: url('img/send.png'); width:67px; height:21px; left: 614px; top: 260px; cursor:pointer;}

address img {position:absolute; left: 20px; top:400px;}

#query img {border: solid, red;}
#question {display:block; left: 130px; top:265px; width: 20px;}
#label_question {display:block; background-image:url('img/question.png'); width:117px; height:27px; top: 260px; left: 10px; }



#comm_proc {margin-top: 20px; margin-left: 20px;}
/* podstrona CONTACT */

#comms_proc {margin-top: 25px; margin-left: 20px;}

#commm {margin-top: 25px; font-size: 0.85em; }


#content .miniaturki {padding: 10px 0 0 22px;}
#content .miniaturki li {float: left; display: block; padding: 0px 13px 10px 0px; } 


#form {padding-top:30px;}
#form input, #form textarea {border:1px solid #4A4A4A; padding:2px 4px}
#form textarea {margin-bottom:10px;}


#answer {width: 13px;}
.mrg {padding-top: 10px;}