/*    = reset
 ---------------------------------------------------------------------------- */

html, body {
	height: 100%;
	line-height: 120%;
}

html, body, div, h1, h2, h3, p {
    padding: 0; 
    margin: 0 }

a { 
    text-decoration: none;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0 }

img {
    border: none }
hr {
    display: none }


/*    = layout
 ---------------------------------------------------------------------------- */

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -73px; /* ujemna wartość wysokości stopki */
}

#header {
    width: 100%;
    height: 130px;
    border-bottom: solid 3px; }

    #header-inner {
        width: 790px;
        margin: 0 auto; }
        
        h1 a {
            width: 350px;
            height: 130px;
            display: inline;
            float: left; }
            
        #jump {
            float: right;
            width: 273px;
            height: 73px;
            margin: 50px 10px 0 0;
            display: inline; }

#content-container {
    width: 790px;
    margin: 0 auto }
    
    #links {
        margin: 0;
        padding: 25px 0 0 10px;
        list-style-type: none;
        float: left; }
        
        #links li {
            margin-left: 5px;
            padding: 3px 0;
            float: left;
            display: inline }
        
            #links li a {
                display: inline }
        
    .content {
        padding: 10px 20px;
        width: 744px;
        border-left: solid 3px;
        border-right: solid 3px; }
        
        .thumb-list {
            margin: 0;
            padding: 0;
            overflow: hidden;
            list-style-type: none;
            width: 100% }
        
            .thumb-list li {
                float: left }
            
                .thumb-list li a {
                    padding: 5px;
                    margin-bottom: 5px;
                    display: block;
                    overflow: hidden;
                    border: solid 1px }
            
                    ul li a .lp {
                        z-index: 1;
                        position: absolute; }
                        
                        ul li a .lp span {
                            position: absolute;
                            left: 1px;
                            top: 1px;
                            z-index: -1 }
                
                    .thumb-list a strong {
                        padding: 5px;
                        display: block }

#footer {
    width: 100%;
    border-top: solid 3px }

#footer, #push {
	clear: both;
    height: 70px } /* te elementy muszą mieć taką samą wysokość */
    
    #footer-inner {
        width: 790px;
        margin: 0 auto;
        padding-top: 15px }
    
.a, .z {
    width: 100%;
    height: 16px;
    clear: both }

.z {
    margin-bottom: 40px  }

.after::after {
    content: "";
    height: 0;
    display: block;
    overflow: hidden;
    clear: both; }

/*    = dekorator
 ---------------------------------------------------------------------------- */

body {
	background: #7f8c7e url('images/background.png') repeat-x;
	color: #333;
    font: normal 13px "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, 
	"Lucida Sans", Geneva, Verdana, sans-serif }

#header {
    background: #638b65 url('images/headerbg.png') top repeat-x;
    border-color: #779781; }

        h1 a {
            text-indent: -9000px;
            background: url('images/logo.png') center center no-repeat;
            _background: url('images/logo-ie.png') center center no-repeat }
            
        #jump {
            background: url('images/jump-to.png') top center no-repeat;
            _background: url('images/jump-to-ie.png') top center no-repeat;
            text-indent: -9000px; }
            
        #jump:hover {
            background-position: bottom center; }

#content-container #links {
        color: #f9a436; }
    
    #links li a {
        color: #e3ece6 }
    
    #links a:hover {
        text-decoration: underline;
        color: #fff; }
        
    .content {
        background: #1c1e1e;
        border-color: #c5c5c5 }
        
        .thumb-list li a {
            background-color: #232626;
            border-color: #252d2d;
            text-align: center;
            font-size: 1.1em;
            color: #d7d7d7 }
            
        .thumb-list li a:hover {
            background-color: #282d2d;
            border-color: #363d3d;
            color: #fff }
                
        .thumb-list li a:active {
            background-color: #2e3434;
            border-color: #384444;
            color: #fff }
            
        .thumb-list li a strong {
             font-weight: normal }
            
            ul li a .lp span {
                color: #343E40 }
                
#footer {
    background: #638b65 url('images/gallery/footer.png') top repeat-x;
    border-top: solid 3px #779781 }
    
    #footer-inner {
        color: #90c992;
        font-size: 1.2em;
        text-align: center; }
    
        #footer-inner a {
            color: #c5dfc5 }
    
        #footer-inner a:hover {
            text-decoration: underline }
    
        #footer-inner small {
            font-size: 0.6em;
            text-align: center; }
    
.a {
    background: transparent url('images/a.png');
    _background: transparent url('images/a-ie.png') }

.z {
    background: transparent url('images/z.png');
    _background: transparent url('images/z-ie.png') }


/*    = jump-to-container
 ---------------------------------------------------------------------------- */

#jump-to-container {
    display: none }
    
    #jump-to li {
        width: 50% }
    
        #jump-to li a {
            margin-left: 5px; /* (.content->width * #albums li->width - img->width)/2 */
            margin-bottom: 5px;
            height: 95px }
            
            #jump-to li a img {
                width: 125px;
                height: 95px;
                float: left; }
            
            #jump-to .lp {
                margin-top: 73px;
                text-align: right;
                font-size: 1.4em }
            
            #jump-to li a .lp, #jump-to li a .lp span {
                width: 355px }
            
            #jump-to .desc {
                float: left;
                padding: 0 10px;
                text-align: left;
                color: #6f757a }
            
            #jump-to .desc strong {
                padding: 0;
                color: #fff }
            
            #jump-to .desc small {
                font-size: 0.8em }
            
            #jump-to-container .hide {
                clear: both;
                float: right;
                color: #fff;
                margin: 20px 10px -5px 0 }
            
            #jump-to-container .hide:hover {
                color: #27B255 }
            
            #jump-to-container .z {
                margin-bottom: 10px; }