* { margin: 0; padding: 0; text-align: left; }
a { text-decoration: none; }
ul, ol { list-style: none; }
img, fieldset { border: 0; }
html {height:100%}
body { text-align: center;  font: normal 12px/16px Verdana,Tahoma,Arial; background: #fff url(pics/repeat_bg.jpg) repeat-x fixed 0px bottom; height:100% }
a:link,a:visited,a:active{color: #555;  text-decoration: none;}
a:hover{ color: black; text-decoration: underline;}

#site {z-index: 0; background: url(http://sgrwataha.pl/forum/gallery/1_15_05_09_6_15_45.png) no-repeat fixed 910px bottom; min-height: 100%;}

#page_border {width: 980px; background: url(pics/page_border_fade.png) repeat-y; margin-left: 20px;}
#page {width: 960px; margin: 0 auto; height: 100%;}
#page_container {}

#menu {background: url(pics/trails4.png) repeat-x; overflow: hidden; border-bottom: 1px solid #666; border-top: 1px solid #666;}
#menu_header {float:left; padding:10px;}
#menu_header h1 {font: normal 20px Verdana; color: black;}
#menu_header h1 a {font: normal 20px Verdana; color: black;}
#menu_header h1 a:hover {text-decoration: none;}
#menu_header img {margin-right: 10px; vertical-align: middle; width:75px;}
#menu_header #h1small {font-size: 10px; position: relative; top:10px; left:-50px;}
#menu_navi {float:right; width: 300px; padding: 10px;}
#menu_navi .button {display:block; float:right; width:60px; text-align:center;}
#menu_navi p {text-align: center;}
#menu a {color: black; font-size:10px;}

#content {background: #fff url(pics/sidefade3.png) repeat-x; overflow: hidden; }

#sidenav {float:left; width: 230px; margin-left:10px; margin-top: 20px; overflow:hidden;}
#sidenav_container {padding: 10px;}
  #sidenav_container h4 {margin-bottom: 7px;}
#sidenav li {margin-bottom: 5px;}
#sidenav a {display: block; overflow: auto; color: black; height: 20px; background: #e0e0e0; width:100%;}
#sidenav a:hover {text-decoration: none; background: #c3ccd1;}
#sidenav .miejsce {float: left; font-size: 11px; padding-left:3px;}
#sidenav .data {float: right; font-size: 9px; padding-right:3px;}
#sidenav ul {margin-bottom: 10px; padding: 5px; padding-bottom: 0px;}
#sidenav #incoming li {height: 20px;}
  #incoming a {line-height: 20px; background: url(pics/barflip.jpg) bottom;}
  #incoming a:hover {background: url(pics/barflip.jpg) top;}
#sidenav #done a {height: 39px;}
  #sidenav #done {border: 1px solid #c6c6c6; background: #efefef}
#sidenav #planning li {}
  #planning .right {font-size: 10px; padding-right:3px;}
  #planning .right img {height: 10px; position: relative; top:1px;}
  #planning a {line-height: 20px; background: url(pics/barflip.jpg) bottom;}
  #planning a:hover {background: url(pics/barflip.jpg) top;}
#sidenav #friends {margin-top: 20px;}

#reklamy {text-align: center;}
#reklamy img {}
#friends a {height: auto; width: auto; text-align: center; display: block; margin-bottom: 10px; margin-bottom: 10px; background: white;}
#friends a:hover {background: white;}

#article {float: right; width: 710px; margin: 20px 10px 20px 0px; }
#article_container { padding: 7px; line-height: 17px;}
#article h2 {margin-top: 15px; margin-bottom: 15px;}

.news {width: 95%; margin: 0 auto; margin-top: 10px; overflow:auto;}
.news .news_tresc p {margin-bottom:15px;}
.news .news_title {padding-left: 5px; border: 1px solid #c6c6c6; background: #ddd url(pics/title.jpg); height: 16px; font-size: 11px;}
.news .news_footer p {display: inline; margin-left: 10px; font: italic 10px Verdana; color: #555; }
.news .news_tresc { border-top: none; padding: 3px;}
.news .news_tresc ul {padding-left:15px; list-style-type: circle;}
.news .news_footer a {text-decoration: underline;}
.news_img img {float:right; margin-left: 10px; border:1px solid #576973; max-width:200px; max-height:200px;}
.news .avek img {float:left; margin: 3px; margin-bottom:0px; border: 0px; max-width:45px; max-height:45px; color: #ccc;}

#display {line-height: 20px;}
#display #gal_icons {display: inline; overflow: hidden; }
#display #gal_icons a {display: block; text-decoration: none; text-align: center; width: 44px; height: 44px;}
#display #photo {float:right; background: url(pics/photo.jpg) no-repeat;}
#display #movie {float:right; background: url(pics/movie.jpg) no-repeat;}
#display #koszta {float:right; background: url(pics/notebook.jpg) no-repeat;}

#gallery_list {width: 600px; margin: 0 auto; margin-top:20px;}
#gallery_list .galeria_li .galeria_photo a {display: block; height: 78px;}
#gallery_list .galeria_li {float:left; width: 300px; height: 120px; overflow:hidden; }
#gallery_list .galeria_li .galeria_photo {width: 120px; height: 78px;  margin:5px; float:left; border: 1px solid #aaa;}
#gallery_list .galeria_li .galeria_movie {width: 120px; height: 78px;  margin:5px; float:left; border: 1px solid #aaa;}
#gallery_list .brak {text-align: center; position: relative; top:10px;}

.gallery {width: 100%;}
.gallery img {margin: 3px; border: 3px solid white;}
.gallery table {margin: 0 auto; }
.gallery a {display: block; text-align: center;}
.gallery td { padding: 2px;}
.gallery td:hover {background: #e0e0e0;}
#gallery_pic {text-align: center; }
#gallery_pic img {max-width: 680px; max-height: 500px; border: 1px solid #666; border-bottom: 2px solid #000; border-right: 2px solid #000; padding: 5px; margin-top: 7px; margin-bottom: 7px; }
#gallery_next {margin-bottom: 10px;}
#gallery_pic #pic_title {text-align: center; font-style: italic; font-weight: bold;}
#gallery_descr {overflow:hidden;}
#gallery_descr .left {width: 600px;}

.bitch {float:left; margin: 5px; overflow: hidden;}
.bitch a {display: block; width: 120px; height: 100px; text-align: center; padding: 3px;}
.bitch a:hover {text-decoration: none; position:relative; top:-2px;}
.bitch p {text-align: center;}

#member {text-align: center; line-height: 20px;}
#member h2 {text-align: center;}
#member h3 {margin: 15px; border-bottom: 1px dotted #aaa;}
#member img {max-width: 650px; max-height: 400px;}

#login {width: 300px; margin: 0 auto; margin-top: 20px;}
#login fieldset {border: 1px solid #aaa; padding: 5px;}
#login p {margin: 10px;}

#admin div {padding: 10px; padding-top:0px; margin-top: 20px;}
#admin #admin_wyprawy ul {list-style: circle; margin-left: 40px;}
#admin #admin_wyprawy {float: left; border-right: 1px solid #aaa; width: 200px;}
#admin #admin_news {float: left; width: 200px;}
#admin #admin_news ul {margin-left: 20px;}
#admin p {clear: both;}
#admin li {overflow: auto;}
#admin .delete_right {float:right; padding-top: 3px;}
#admin .delete_left {float:left;}
#admin .delete {color: red; font: bold 10px verdana;}
#admin #admin_wyprawy li {overflow: visible;}

#edit fieldset {border: 1px solid #ccc; max-width: 700px; padding: 5px;}
#edit p {margin-top: 3px;}
#edit #radio {margin-left: 20px;}

#footer {background: #ddd url(pics/title.jpg); height: 16px;}
#footer_container p {font-size: 10px; text-align:center;}

#relacja a {text-decoration: underline;}
#relacja p {margin-bottom: 5px; text-align: justify;}
#relacja img {max-height: 300px; max-width: 300px; border: 1px solid #666; vertical-align: top; float: left; margin: 2px; clear:left; margin-bottom: 0px;}
.comment_this {border: 1px solid #ccc; text-align: center}

#koszt {border: 1px solid #ccc; width: 650px; margin: 0 auto; padding: 10px; margin-top: 10px; margin-bottom: 10px;}

#hidden {display:none;}
.help {font: italic 9px Verdana,Tahoma,Arial; color: #777}
.green {color: green;}
.brak {color: #bbb; font-size: 10px;}
.quote {width: 85%; margin: 0 auto; border: 1px dotted #aaa; padding: 5px; margin-top: 10px; margin-bottom: 10px; font-size: 10px; background: #eee;}
.left {float: left;}
.right {float: right;}