/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
#media{
    margin:0 0 0 12px;
}

#video{
    float:left;
}

#gal_aud{
    float:left;
    margin-left:6px;
}

/* get rid of those system borders being generated for A tags */
#embed{
    width: 468px;
    margin: 0px 6px 0px 0px;
    border:5px solid #dcd3b0;
}

.vid_menu{
    margin: 0px 6px 0px 0px;
    display:block;
    width: 478px;
}

a:active {
    outline:none;
}

:focus {

}
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 436px;
    height:128px;
    /* custom decorations */
    border:1px solid #ccc;
    background:url(../videos/images/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

.scrollable .items .item{
    display:block;
    float:left;
}

/* single scrollable item */
.scrollable img {
    margin:5px 2px 0px 2px;
    background-color:#fff;
    padding:2px;
    cursor:pointer;
    width:100px;
    height:75px;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

.scrollable .items span{
    display:block;
    width:100px;
    height:34px;
    overflow:hidden;
    font-size:0.8em;
    padding:2px;
    text-align:center;
}

/* active item */
.scrollable .active img {
    border:2px solid #000;
    z-index:9999;
    position:relative;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
    float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
    display:block;
    width:20px;
    height:81px;
    float:left;
    cursor:pointer;
    font-size:2.3em;
    padding-top:49px;
    color:#fff;
    text-align:center;
}

/* right */
a.right {
    display: inline-block;
    background: transparent url(../images/prawy.png) no-repeat scroll 0 0;

}

a.right.disabled{
    display: inline-block;
    background: transparent url(../images/prawy-dis.png) no-repeat scroll 0 0;
}
a.right:hover {color: #a28d01;}
a.right.disabled:hover {color: #fff; cursor:default}

/* left */
a.prevPage {
    background: transparent url(../images/lewy.png) no-repeat scroll 0 0;
}

a.prevPage.disabled{
    background: transparent url(../images/lewy-dis.png) no-repeat scroll 0 0;
}
a.left:hover {color: #a28d01;}
a.left.disabled:hover {color: #fff; cursor:default}

.navi {
    height:12px;
    padding:2px 0;
    width:468px;
}
.navi a {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../videos/images/scrollable/arrow/navigator.png) no-repeat scroll 0 0;
    display:block;
    float:left;
    font-size:1px;
    height:8px;
    margin:3px;
    width:8px;
}
.navi a:hover {
    background-position:0 -8px;
}
.navi a.active {
    background-position:0 -16px;
}

#galeria div.slideshow{
    border:5px solid #DCD3B0;
}

#audio{
    height:60px;
}

.album{
    width:266px;
    margin-top: 17px;
}

.album .ngg-albumoverview {
    padding: 0 3px;
    float:left;
    position:relative;
    overflow:hidden;
    width: 218px !important;
    height:128px;
    clear: none !important;
    /* custom decorations */
    border:1px solid #ccc;
    background:url(../videos/images/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.albu .ngg-albumoverview {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

.scrollable1 .ngg-albumoverview .ngg-album-compact{
    display:block;
    float:left;
}

/* single scrollable item */
.scrollable1 img {
    margin:5px 2px 0px 2px;
    background-color:#fff;
    padding:2px;
    cursor:pointer;
    width:100px;
    height:75px;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

.scrollable1 .ngg-albumoverview span{
    display:block;
    width:100px;
    height:34px;
    overflow:hidden;
    font-size:0.8em;
    padding:2px;
    text-align:center;
}

/* active item */
.scrollable1 .active img {
    border:2px solid #000;
    z-index:9999;
    position:relative;
}