/*
        common.css - the primary styles

        Author: Laza
*/


/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary
{
         display:block
}

audio,canvas,video
{
         display:inline-block;*display:inline;*zoom:1
}

audio:not([controls])
{
         display:none;height:0
}
[hidden]{display:none}

html
ü+{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.67em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}

/* HTML5 Boilerplate prefix styles - h5bp.com */
html,button,input,select,textarea{color:#222}
body{font-size:1em;line-height:1.4}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
img{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}

html,
body {
        height:100%;
        min-height:100%;
}
body {
        font-family:Verdana, Geneva, Tahoma, sans-serif;
        font-size:14px;
        line-height:1.385;
        color:#847f7c;
        overflow:auto;
        background-color:#b3b1b0;
        -webkit-overflow-scrolling:touch;
        overflow-scrolling:touch;
}
select, input, textarea {
        color: #444;
}
input[type=text]::-ms-clear {
    display:none;
}
a, a:active, a:visited {
        color:#585655;
        text-decoration:none;
}
a:hover {
        color:#562d18;
}
a img {        border:none; text-decoration:none; }
h1,h2,h3 { font-weight: normal; margin:0 0 0.2em 0; line-height:1.2; }
h4,h5,h6 { font-weight: bold; margin:0 0 0.5em 0; }
h1 { font-size:240% }
h2 { font-size:200%; }
h3 { font-size:140%; }
h4 { font-size:115%; }
h5 { font-size:100%; }
h6 { font-size:90%; }

video, audio {
        vertical-align:top;
}

.addtop {
        margin-top:10px;
}

.center {
        text-align:center;
}

.hook {
        position:absolute;
        display:none;
}

@font-face {
        font-family:"Oswald";
        font-style:normal;
        font-weight:normal;
        src:local("Oswald"), url('http://themes.googleusercontent.com/static/fonts/oswald/v8/cKJn9qYJKRGi7ghmghRZYg.woff') format('woff');
}
h1 { font-family:"Oswald", Verdana, Geneva, Tahoma, sans-serif; font-weight:normal; }

/******************************************* Hint */

.hint {
        display:none;
        position:absolute;
        left:0;
        top:0;
        padding:6px;
        color:#000;
        max-width:240px;
        z-index:99999;
        background-color:rgba(255,255,255,0.9);
        -moz-box-shadow:1px 3px 8px rgba(0,0,0,0.4); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.4); box-shadow:1px 3px 8px rgba(0,0,0,0.4);
}
.no-rgba .hint {
        background-color:transparent;
        background-image:url(w80.png);
}
.hint a {
        color:#000;
}
.hint span.nr {
        font-size:80%;
        line-height:1.8;
        vertical-align:top;
        font-weight:bold;
        font-style:normal;
        padding:1px 3px;
        color:#ddd;
        background-color:#222;
}
.hint #breadcrumb a {
        display:block;
        padding:3px 5px;
}
.hint #breadcrumb a:hover {
        background-color:#000;
        color:#fff;
}
.hint.regions a {
        display:block;
        font-size:85%;
        color:#000;
        padding:2px 4px;
        line-height:1.8;
}
.hint.regions a:hover {
        color:#fff;
        background-color:#000;
}
.hint small b {
        background-color:#ddd;
        padding:1px 2px;
}
.hint form {
        display:inline-block;
        position:relative;
        margin:3px;
}
.hint form input {
        background-color:#fff;
        vertical-align:middle;
}
.hint.slideshowdelay input,
.hint form input.searchtext {
        padding:2px 20px 2px 6px;
        height:20px;
        line-height:20px;
        border:1px solid #bbb;
        -moz-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4);
}
.hint.slideshowdelay input {
        width:30px;
}
.hint form input.searchtext {
        width:120px;
}
.hint form a.button {
        display:block;
        position:absolute;
        top:3px;
        right:3px;
        width:20px;
        height:20px;
        background-color:#fff;
        background-image:url(ok.png);
        background-position:0 0;
        background-repeat:no-repeat;
        z-index:99999;
        cursor:pointer;
        -moz-border-radius:0 2px 2px 0;
        border-radius:0 2px 2px 0;
        -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4);
}
.hint form a.button:hover {
        background-position:0 -40px;
}
.hint p.info {
        margin:0;
        max-width:160px;
        color:#666;
        font-size:80%;
        line-height:1;
}
.hint input.fullw {
        margin:0.2em 0;
        padding:0 1%;
        width:96%;
}

.hint a.original {
        display:inline-block;
        vertical-align:top;
        margin:0 0 0 0.5em;
        padding:2px 4px;
        font-size:80%;
        background-color:rgba(17,119,176,1);
        color:#ddd;
}
.hint a.original:hover; {
        background-color:rgba(0,102,153,1);
        color:#fff;
}

/******************************************* Modal windows v2 */

._m_window {
        position:absolute;
        left:0;
        top:0;
        right:0;
        bottom:0;
        overflow:hidden;
        z-index:99998;
}
._m_window.darken {
        background-color:rgba(0,0,0,0.6);
}
.no-rgba ._m_window.darken {
        background-color:transparent;
        background-image:url(k60.png);
}
._m_panel {
        position:absolute;
        overflow:hidden;
        /*left: -10000px;*/
        -moz-box-shadow:2px 5px 16px rgba(0,0,0,0.4); -webkit-box-shadow:2px 5px 16px rgba(0,0,0,0.4); box-shadow:2px 5px 16px rgba(0,0,0,0.4);
}
._m_head {
        position:relative;
        height:30px;
        line-height:30px;
        -moz-background-clip:padding;
        -webkit-background-clip:padding-box;
        background-clip:padding-box;
        -ms-touch-action:none;
        touch-action:none;
}
._m_head h5 {
        position:absolute;
        text-align:center;
        margin:0;
        left:35px;
        right:35px;
        color:#666;
        overflow:hidden;
}
._m_head span {
        position:absolute;
        display:inline-block;
        left:0;
        top:0;
        width:30px;
        height:30px;
        color:#222;
        text-align:center;
        font-weight:bold;
        -moz-border-radius:0px 0 0 0;
        border-radius:0px 0 0 0;
        border-right:1px solid rgba(0,0,0,0.2);
}
._m_head span.error {
        background-color:rgba(255,0,0,0.5);
}
._m_head span.warning {
        background-color:rgba(255,242,0,0.5);
}
._m_head a.close {
        position:absolute;
        display:inline-block;
        right:0;
        top:0;
        cursor:pointer;
        text-align:center;
        min-width:30px;
        height:30px;
        line-height:30px;
        -moz-border-radius:0 0px 0 0;
        border-radius:0 0px 0 0;
        background-repeat:no-repeat;
}
._m_head span,
._m_head a.close {
        font-family:Arial, Helvetica, sans-serif;
        font-size:14px;
}
.no-rgba ._m_head a.close {
        background-color:transparent;
}
._m_head a.close:hover {
        background-color:rgba(0,0,0,0.2);
}
.no-rgba ._m_head a.close:hover {
        background-color:transparent;
}
.no-cssgradients ._m_head a.close {
        border-radius:0;
}
._m_cont {
        position:relative;
        overflow:hidden;
        padding-bottom:16px;
}
._m_cont a { color: #39c; }
._m_cont a:hover { color: #3bf; }
._m_cont_i {
        padding:16px 16px 0 16px;
        overflow:auto;
        -webkit-overflow-scrolling:touch;
        overflow-scrolling:touch;
        color:#444;
}
._m_panel a.resize {
        display:inline-block;
        position:absolute;
        right:0;
        bottom:0;
        width:14px;
        height:14px;
        cursor:nwse-resize;
        z-index:99999;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAA3NCSVQICAjb4U/gAAAAElBMVEX////29vYAAAD29vYgICAYGBgbQ3DVAAAABnRSTlMAESJVZoiDrvV+AAAACXBIWXMAAAsSAAALEgHS3X78AAAAFnRFWHRDcmVhdGlvbiBUaW1lADEyLzA0LzEzSpgBewAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAApSURBVAiZY2BABioQiikYQqsaoHFVIFyIgKoBWB4Hl8WABaybEQiRAAAa2QVZvCefFQAAAABJRU5ErkJggg==);
        -ms-touch-action:none;
        touch-action:none;
}

#dialog ._m_cont_i {
        text-align:center;
}

.no-touch ._m_window ::-webkit-scrollbar {
        width:14px;
        height:14px;
}

._m_head {
        border-bottom:1px solid #bbb;
        background-color:#d8d8d8;
        background-image:-moz-linear-gradient(top, #fff 0%,#eee 50%,#e8e8e8 50%,#ccc 100%);
        background-image:-webkit-linear-gradient(top, #fff 0%,#eee 50%,#e8e8e8 50%,#ccc 100%);
        background-image:-o-linear-gradient(top, #fff 0%,#eee 50%,#e8e8e8 50%,#ccc 100%);
        background-image:-ms-linear-gradient(top, #fff 0%,#eee 50%,#e8e8e8 50%,#ccc 100%);
        background-image:linear-gradient(top, #fff 0%,#eee 50%,#e8e8e8 50%,#ccc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF',endColorstr='#CCCCCC');
}
._m_head h5,
._m_head span,
._m_head a.close {
        color:#666;
        text-shadow:1px 1px 1px rgba(255,255,255,0.6);
}
._m_head a.close {
        background-color:rgba(0,0,0,0.1);
        border-left:1px solid rgba(0,0,0,0.2);
}
.no-rgba ._m_head a.close {
        background-image:url(k10.png);
        border-left:1px solid #aaa;
}
._m_head a.close:hover {
        background-color:rgba(0,0,0,0.2);
}
.no-rgba ._m_head a.close:hover {
        background-image:url(k20.png);
}
._m_cont {
        background-color:#f8f8f8;
        background-color:rgba(244,244,244,0.95);
        border-top:1px solid #fff;
}
._m_cont a { color: #39c; }
._m_cont a:hover { color: #3bf; }
._m_cont_i { color:#444; }

/* Custom scrollbars for webkit */
.no-touch ._m_window ::-webkit-scrollbar-corner {
        background-color: rgba(0,0,0,0.05);
}
.no-touch ._m_window ::-webkit-scrollbar-thumb {
        background-color: #fff;
        border:1px solid rgba(0,0,0,0.2);
}
.no-touch ._m_window ::-webkit-scrollbar-track {
        background-color: rgba(0,0,0,0.05);
}


/******************************************* Buttons for modal windows */

._m_cont .buttons {
        display:block;
        clear:both;
        margin-top:10px;
        text-align:center;
        line-height:30px;
}
._m_cont .buttons a {
        padding:0 10px;
        margin:5px 2px;
        display:inline-block;
        min-width:80px;
        text-align:center;
        color:#eee;
        white-space:nowrap;
        background-color:#555;
        background-image:-moz-linear-gradient(top, rgba(51,51,51,1), rgba(15,15,15,1) );
        background-image:-webkit-linear-gradient(top, rgba(51,51,51,1), rgba(15,15,15,1) );
        background-image:-o-linear-gradient(top, rgba(51,51,51,1), rgba(15,15,15,1) );
        background-image:-ms-linear-gradient(top, rgba(51,51,51,1), rgba(15,15,15,1) );
        background-image:linear-gradient(top, rgba(51,51,51,1), rgba(15,15,15,1) );
        filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FF333333,EndColorStr=#FF0F0F0F);
        -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FF333333,EndColorStr=#FF0F0F0F)";
        -moz-background-clip:padding;
        -webkit-background-clip:padding-box;
        background-clip:padding-box;
        -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4);
}

._m_cont .buttons a.active,
._m_cont .buttons a:hover {
        color:#fff;
        background-image:-moz-linear-gradient(top, rgba(17,119,176,1), rgba(0,102,153,1) );
        background-image:-webkit-linear-gradient(top, rgba(17,119,176,1), rgba(0,102,153,1) );
        background-image:-o-linear-gradient(top, rgba(17,119,176,1), rgba(0,102,153,1) );
        background-image:-ms-linear-gradient(top, rgba(17,119,176,1), rgba(0,102,153,1) );
        background-image:linear-gradient(top, rgba(17,119,176,1), rgba(0,102,153,1) );
        filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FF1177aa,EndColorStr=#FF006699);
        -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FF1177aa,EndColorStr=#FF006699)";
}

/******************************************* Search results window */

.searchresults > form {
        position:relative;
        margin:0 0 0.5em 0;
}
.searchresults > form input {
        padding:2px 10% 2px 2%;
        height:20px;
        width:88%;
        line-height:20px;
        border:none;
        background-color:#f4f4f4;
        -moz-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4);
}
.searchresults > form a.button {
        display:block;
        position:absolute;
        top:3px;
        right:3px;
        width:20px;
        height:20px;
        background-color:#fff;
        background-image:url(ok.png);
        background-position:0 0;
        background-repeat:no-repeat;
        z-index:99999;
        cursor:pointer;
        -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4);
}
.searchresults > form a.button:hover {
        background-position:0 -20px;
}
.searchresults > a {
        margin:4px 0;
        clear:both;
        display:block;
        color:#555;
        text-align:left;
        padding:6px;
        background-color:#fff;
        zoom:1;
        -moz-box-shadow:1px 3px 8px rgba(0,0,0,0.4); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.4); box-shadow:1px 3px 8px rgba(0,0,0,0.4);
}
.searchresults > a.active {
        background-color:#ddd;
}
.searchresults > a:before,
.searchresults > a:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.searchresults > a:after { clear:both; }
.searchresults > a:hover,
.searchresults > a:focus {
        padding:4px;
        border:2px solid #999;
        color:#222;
}
.searchresults > a aside {
        float:left;
        display:inline-block;
        width:20%;
        min-width:60px;
        margin-right:10px;
}
.searchresults > a aside img {
        max-width:100%;
        height:auto;
}
.searchresults > a h5,
.searchresults > a p {
        margin:0 0 0.5em 0;
        overflow:hidden;
}
.searchresults > a em {
        font-style: normal;
        background-color: #ff9;
}

/******************************************* Feedback form */

.feedback > form {
        position:relative;
        margin:0 0 0.5em 0;
}
.feedback > form p {
        margin:.5em 0;
}
.feedback > form p:first-child {
        margin-top:0;
}
.feedback > form textarea,
.feedback > form input {
        padding:4px 2%;
        width:96%;
        background-color:#f8f8f8;
        border:none;
        -moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.2); box-shadow:inset 0px 1px 3px rgba(0,0,0,0.2);
}
.feedback > form input {
        line-height:1.5em;
        height:1.5em;
}
.feedback > form > p textarea {
        height:8.5em;
}
.feedback > form > div {
        margin:4px 0;
        clear:both;
        display:block;
        color:#555;
        text-align:left;
        padding:6px;
        background-color:#fff;
        zoom:1;
        -moz-box-shadow:1px 3px 8px rgba(0,0,0,0.4); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.4); box-shadow:1px 3px 8px rgba(0,0,0,0.4);
}
.feedback > form > div:before,
.feedback > form > div:after {  clear:both; content: "\0020"; display: block; height: 0; visibility: hidden; }
.feedback > form > div aside {
        float:left;
        display:inline-block;
        margin-right:10px;
        width:30%;
        min-width:60px;
        max-width:px;
}
.feedback > form > div > div {
        position:relative;
        overflow:hidden;
}
.feedback > form > div aside img {
        max-width:100%;
        height:auto;
}
.feedback > form a.remove {
        font-family:Arial, Helvetica, sans-serif;
        font-size:14px;
        display:inline-block;
        position:absolute;
        width:20px;
        height:20px;
        line-height:20px;
        text-align:center;
        right:-6px;
        top:-6px;
        color:#999;
        cursor:pointer;
}
.feedback > form a.remove:hover {
        color:#f00;
}
.feedback > form label {
        font-size:80%;
        color:#666;
        display:block;
        margin-bottom:0.5em;
}
.feedback > form > div textarea {
        height:4.5em;
        background-color:#fff;
}

/******************************************* Shop multiple items */

.shopall {
        text-align:center;
}
.shopall ul.thumbs {
        width:auto;
        margin:0 0 15px 0;
        padding:0;
        list-style-type:none;
}
.shopall ul.thumbs li {
        position:relative;
        display:inline-block;
        margin:1px;
        text-align:center;
        width:45px;
        height:61px;
        line-height:61px;
}
.shopall ul.thumbs li img {
        width:auto;
        height:auto;
        max-width:45px;
        max-height:61px;
}

.shopall ul.thumbs li a.remove {
        display:inline-block;
        position:absolute;
        width:20px;
        height:20px;
        text-align:center;
        right:0;
        top:0;
        font-size:150%;
        line-height:1;
        color:#999;
        cursor:pointer;
}
.shopall ul.thumbs li a.remove:hover {
        color:#f00;
}

/******************************************* Help window */

.help {
        font-size:12px;
}
.help ul {
        clear:both;
        margin:0;
        background-repeat:no-repeat;
        background-position:left 8px;
        padding:.5em 0 .5em 360px;
        list-style-type:none;
}
.help .index {
        background-image:url(helpsplash.png);
        min-height:160px;
}
.help .slide {
        background-image:url(helpgallery.png);
        min-height:260px;
}
.help ul:after {
        clear:both;
}
.help ul:first-child {
        margin-top:0;
}
.help ul:last-child {
        margin-bottom:0;
        border-bottom:none;
}
.help li {
        text-align:left;
        text-indent:-30px;
        line-height:2;
}
.help li em {
        padding:2px 5px;
        margin-left:10px;
        font-style:normal;
        font-size:85%;
        white-space:nowrap;
        border:1px solid #999;
}
.help li b {
        padding:2px 5px;
        font-weight:bold;
        white-space:nowrap;
}
.help li span {
        padding:2px 5px;
        margin-right:10px;
        font-weight:bold;
}
#help ._m_cont p {
        text-align:center;
        margin:0.5em 0 0 0;
}

.help li b {
        background-color:#fff;
}
.help li span {
        background-color:#333;
        color:#ddd;
}

/******************************************* Generic controls */

.controls a,
a.control {
        background-image:url(controls.png);
        background-repeat:no-repeat;
        background-position:0 0;
}

.controls a:hover,
a.control:hover {
        background-position:-70px inherit;
}

/******************************************* Main layout elements */

#widgetbg {
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:0px;
        z-index:1;
}
#mainbg {
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0px;
        z-index:0;
}
#main {
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0px;
        overflow:auto;
        z-index:10;
        -webkit-text-size-adjust:120%;
        zoom:1;
}

#main header {
        position:relative;
}

#main .items {
        -ms-overflow-style:-ms-autohiding-scrollbar;
        -webkit-overflow-scrolling:touch;
        overflow-scrolling:touch;
}


#main .container {
        position:relative;
        width:1240px;
        height:100%;
        max-height:100%;
        zoom:1;
        margin:0 auto;
}
#main header {
        margin-left:15px;
}
#main header .title aside {
        float:right;
        margin-top:20px;
}
#main header .title .controls:first-child {
}
#main header .title .controls:last-child {
}
#main header .description {
        clear:both;
}
.starttxt {
        font-size:140%;
}
#main .items {
        width:1250px;
        margin:0;
        overflow-x:hidden;
        overflow-y:auto;
}
#navigation {
        text-align:center;
        background-color:rgba(0,0,0,0.7);
        border-bottom:1px solid rgba(0,0,0,0.4);
        -moz-box-shadow:0 1px 1px rgba(0,0,0,0.4);
        -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.4);
        box-shadow:0 1px 1px rgba(0,0,0,0.4);
        z-index:998;
}

#main header {
        margin-left:20px;
}
#main .items {
        position:absolute;
        left:5px;
        top:21px;
        bottom:0;
        min-height:200px;
        -ms-touch-action:pan-y;
        touch-action:pan-y;
}
.page #main .items {
        top:21px;
}
.sub-album #main .items {
        top:260px;
}


/******************************************* Scroller controls */

.scrup,
.scrdn {
        position:absolute;
        right:0;
        width:20px;
        height:20px;
        line-height:20px;
        background-repeat:no-repeat;
        background-image:url(pg.png);
}
.scrup {
        top:0;
        z-index:990;
        background-position:0 -20px;
}
.scrdn {
        bottom:0;
        z-index:991;
        background-position:0 -40px;
}
.scrup:hover {
        background-position:-20px -20px;
}
.scrdn:hover {
        background-position:-20px -40px;
}
.scrbar {
        position:absolute;
        right:3px;
        width:14px;
        top:20px;
        bottom:20px;
        -moz-border-radius:7px;
        border-radius:7px;
        background-color:rgba(255,255,255,0.3);
        -moz-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4);
}
.no-rgba .scrbar {
        background-color:transparent;
        background-image:url(w40.png);
}
.scrbar div {
        position:absolute;
        top:2px;
        left:2px;
        right:2px;
        height:5px;
        -moz-border-radius:7px;
        border-radius:7px;
        background-color:#b3b1b0;
        -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4);
}
.scrbar div img {
        width:100%;
        height:100%;
}

/******************************************* Header */

#main header {
        width:1200px;
        height:1px;
        max-height:100%;
        z-index:10;

        background-position:center center;
        background-repeat:no-repeat;
        background-color:rgba(0,0,0,0.2);
        background-size:100% auto;
        -moz-box-shadow:1px 3px 8px rgba(0,0,0,0.4); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.4); box-shadow:1px 3px 8px rgba(0,0,0,0.4);
}
#main header.same {
}
.ie7 #main header {
        max-height:none;
}
.page #main header {
        height:1px;
}
.sub-album #main header {
        height:240px;
}
#main header > .pattern {
        position: relative;
        height: 100%;
}
#main header .title {
        padding:0 20px;
        max-height:-29px;
        overflow:hidden;
        color:#fff;

        background-color:transparent;
        background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0));
        background-image:-moz-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0));
        background-image:-ms-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0));
        background-image:linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0));
        filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#99000000',endColorstr='#00000000');
}
.page #main header .title {
        max-height:-29px;
}
.sub-album #main header .title {
        max-height:210px;
}
#main header .title .upbtn {
        float:left;
        margin:20px 20px 0 0;
}
#main header .title .controls {
        display:inline-block;
        width:40px;
        height:40px;
        line-height:40px;
        background-color:rgba(0,0,0,0.6);
}
.no-rgba #main header .title .controls {
        background-color:transparent;
        background-image:url(k60.png);
}
#main header .title .controls a {
        display:block;
}
#main header .title .controls:hover {
        background-color:rgba(0,0,0,0.8);
}
.no-rgba #main header .title .controls:hover {
        background-color:transparent;
        background-image:url(k80.png);
}
#main header .share a {
        background-position:-735px -15px;
}
#main header .download a {
        background-position:-835px -15px;
}
#main header .new a {
        background-position:-885px -15px;
}
#main header .search a {
        background-position:-685px -15px;
}
#main header .about a {
        background-position:-935px -15px;
}
#main header .parent a {
        background-position:-5px -15px;
}
#main header .share a:hover {
        background-position:-735px -85px;
}
#main header .download a:hover {
        background-position:-835px -85px;
}
#main header .new a:hover {
        background-position:-885px -85px;
}
#main header .search a:hover {
        background-position:-685px -85px;
}
#main header .about a:hover {
        background-position:-935px -85px;
}
#main header .parent a:hover {
        background-position:-5px -85px;
}

/* Page title and description */
#main header .hgroup {
        margin-top:10px;
        padding:10px 0;
        overflow-x:hidden;
        max-height:30px;

        overflow:hidden;
}
.page #main header .hgroup {
        max-height:30px;
}
.sub-album #main header .hgroup {
        max-height:170px;
}
#main header h1 {
        font-weight:normal;
        line-height:1.1;
    text-overflow:ellipsis;
        text-shadow:2px 3px 6px rgba(0,0,0,0.5);
}
#main header .description {
        display:inline-block;
        font-weight:normal;
        padding:3px 5px;
        text-shadow:2px 3px 6px rgba(0,0,0,0.5);
}
.no-rgba #main header .description {
        background-color:transparent;
        background-image:url(k20.png);
}

#main header .description {
        background-color:transparent;
        transition:background-color 500ms linear;
        -webkit-transition:background-color 500ms linear;
        -moz-transition:background-color 500ms linear;
        -ms-transition:background-color 500ms linear;
}
#main header .description:hover {
        background-color:rgba(0,0,0,0.2);
}
.no-rgba #main header .description:hover {
        background-color:transparent;
        background-image:url(k20.png);
}
#main header .description a {
        text-decoration:underline;
        color:#fff;
}
#main header .description a:hover {
        color:#adf;
}
/* Breadcrumb path */
#main header .breadcrumb {
        font-size:90%;
        display:block;
        margin:0.2em 0 0.4em 0;
}
#main header .breadcrumb div {
        display:inline-block;
        overflow:hidden;
        background-color:rgba(0,0,0,0.2);
        -moz-box-shadow:inset 0px 4px 10px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0px 4px 10px rgba(0,0,0,0.4); box-shadow:inset 0px 4px 10px rgba(0,0,0,0.4);
}
.no-rgba #main header .breadcrumb div {
        background-color:transparent;
        background-image:url(k20.png);
}
#main header .breadcrumb a {
        display:inline-block;
        font-weight:bold;
        padding:0 0.5em;
        line-height:2em;
        height:2em;
        color:#ddd;
        text-shadow:1px 2px 4px rgba(0,0,0,0.5);
}
#main header .breadcrumb a:hover,
#main header .breadcrumb a:focus {
        color:#fff;
        background-color:rgba(0,0,0,0.5);
}
#main header .breadcrumb a:first-child {
}
#main header .breadcrumb a:last-child {
}

/*********************************** Start slideshow */

.startshow {
        position:absolute;
        overflow:hidden;
        bottom:20px;
        right:20px;
        width:90px;
        height:90px;
        background-color:rgba(0,0,0,0.2);
        cursor:pointer;
        -webkit-transition:background-color 500ms linear;
        -moz-transition:background-color 500ms linear;
        -ms-transition:background-color 500ms linear;
        transition:background-color 500ms linear;
}
.no-rgba .startshow {
        background-color:transparent;
        background-image:url(k20.png);
}
.startshow:hover {
        background-color:rgba(0,0,0,0.8);
}
.no-rgba .startshow:hover {
        background-color:transparent;
        background-image:url(k80.png);
}
.starttxt {
        float:right;
        height:90px;
        padding:0 90px 0 20px;
        line-height:90px;
        color:#fff;
        overflow:hidden;
        text-align:right;
    text-overflow:ellipsis;
        white-space:nowrap;
        background-image:url(start.png);
        background-repeat:no-repeat;
        background-position:right 0;
}
.startshow:hover .starttxt {
        background-position:right -90px;
}

/*********************************** Left box = map and FB commenting */

.left-box {
        margin-top:20px;
        margin-left:15px;
        min-height:120px;
}

/*********************************** Items */

#main .items > .cont {
        display:block;
        width:1230px;
        padding-right:20px;
}

/*********************************** Footer */

#main footer {
        clear:both;
        display:block;
        margin:10px 15px;
        text-align:center;
}
#main footer .wrap {
        padding:0.5em 1em;
}
#main footer .wrap img {
        max-width:100%;
}
#main footer .promotion,
#main footer .footer-links {
        font-size:75%;
}
#main .footer em {
        font-style:italic;
}

/*********************************** Top navigation */

.no-rgba #navigation {
        background-color:transparent;
        background-image:url(k80.png);
}

#navigation nav {
        text-align:center;
}
#navigation nav > ul {
}
#navigation nav ul {
        display:inline-block;
        padding:0;
        margin:0;
        list-style-type:none;
}
#navigation nav li {
        transition:background-color 500ms linear;
        -webkit-transition:background-color 500ms linear;
        -moz-transition:background-color 500ms linear;
        -ms-transition:background-color 500ms linear;
        -o-transition:background-color 500ms linear;
}
#navigation nav ul a {
        display:block;
        line-height:30px;
    text-overflow:ellipsis;
        white-space:nowrap;
        color:#ccc;
        transition:color 300ms linear;
        -webkit-transition:color 300ms linear;
        -moz-transition:color 300ms linear;
        -ms-transition:color 300ms linear;
        -o-transition:color 300ms linear;
        text-shadow:1px 2px 4px rgba(0,0,0,0.5);
}
#navigation nav > ul > li > a {
        max-width:180px;
        overflow:hidden;
        line-height:30px;
}
#navigation nav > ul > li {
        position:relative;
        display:inline-block;
        vertical-align:top;
        width:auto;
        height:30px;
}
.ie7 #navigation nav > ul > li {
        float:left;
}
#navigation nav > ul > li.home {
        width:40px;
        height:30px;
}
#navigation nav > ul > li.home a {
        display:block;
        line-height:30px;
        background-position:-785px -19px;
}
#navigation nav > ul > li.home a:hover {
        background-position:-785px -89px;
}
#navigation nav li.actual {
        background-color:#000;
}
#navigation nav li:hover {
        background-color:rgba(0,0,0,0.8);
}
.no-rgba #navigation nav li:hover {
        background-color:transparent;
        background-image:url(k90.png);
}
#navigation nav li:hover > a {
        color:#fff;
}
#navigation nav > ul > li > a {
        /*font-size:110%;*/
        padding:0 .75em;
}
#navigation nav > ul > li ul {
        display:none;
        position:absolute;
        line-height:30px;
        text-align:left;
        z-index:999;
        background-color:rgba(0,0,0,0.8);
        -moz-box-shadow:1px 3px 8px rgba(0,0,0,0.6); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.6); box-shadow:1px 3px 8px rgba(0,0,0,0.6);
}
.no-rgba #navigation nav > ul > li ul {
        background-color:transparent;
        background-image:url(k80.png);
}
#navigation nav > ul > li > ul {
        min-width:100%;
}
#navigation nav > ul > li > ul li {
        position:relative;
        display:block;
}
#navigation nav > ul > li > ul > li a {
        line-height:30px;
        font-size:100%;
        padding:0 8px;
}
#navigation nav > ul > li > ul > li ul {
        position:absolute;
        left:100%;
        top:0;
}
#navigation nav > ul > li:hover > ul,
#navigation nav > ul > li > ul > li:hover > ul,
#navigation nav > ul > li > ul > li > ul > li:hover > ul {
        display:block;
}

/******************************************* Pages */

#main article {
        display:block;
        position:relative;
        margin:0 15px;
        padding:20px;
        color:#847f7c;
        background-color:rgba(255,255,255,0.1);
        -moz-box-shadow:1px 3px 8px rgba(0,0,0,0.4); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.4); box-shadow:1px 3px 8px rgba(0,0,0,0.4);
}
.no-rgba #main article {
        background-color:transparent;
        background-image:url(w10.png);
}
#main article code {
        font-family:Consolas, "Lucida Console", Monaco, monospace;
        font-size:0.92em;
        background-color:#fff;
        color:#333;
        margin:0 0.3em;
        padding:0.1em 0.3em;
}

/******************************************* Folders */

.thumbs,
.folders {
        table-layout:fixed;
        width:1230px;
        clear:both;
        border-collapse:separate;
        border-spacing:15px;
        margin-top:-15px;
}
.ie7 .folders {
        margin-right:-20px;
}
.thumbs td,
.folders td {
        position:relative;
        padding:0;
        vertical-align:top;
        color:#847f7c;
        overflow:hidden;
        -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4);
}
.folders td {
        width:10.0%;
        max-width:106px;
        background-color:rgba(255,255,255,0.1);
        transition:background-color 250ms linear;
        overflow:hidden;
        -webkit-transition:background-color 250ms linear;
        -moz-transition:background-color 250ms linear;
        -ms-transition:background-color 250ms linear;
        -o-transition:background-color 250ms linear;
}
.folders.pages td {
}
.no-rgba .folders td {
        background-color:transparent;
        background-image:url(w10.png);
}
.folders td:hover {
        background-color:rgba(255,255,255,0.2);
}
.no-rgba .folders td:hover {
        background-color:transparent;
        background-image:url(w20.png);
        /*-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff, endColorstr=#33ffffff)";*/
}
.thumbs td.empty,
.rgba .thumbs td.empty,
.no-rgba .thumbs td.empty,
.folders td.empty,
.rgba .folders td.empty,
.no-rgba .folders td.empty {
        background-image:none;
        background-color:transparent !important;
        -moz-box-shadow:none;
        -webkit-box-shadow:none;
        box-shadow:none;
}
.folders a {
        color:#585655;
}
.folders a:hover {
        color:#562d18;
        outline:none;
}

.folders aside {
        position:relative;
        margin:4px auto 0.5em auto;
        display:table;
        text-align:center;
        border-collapse:collapse;
        border-spacing:0;
        -webkit-text-size-adjust:100%;
}
.ie7 .folders aside {
        display:inline;
}
.folders aside a {
        display:table-cell;
        width:98px;
        height:133px;
        vertical-align:middle;
}
.ie7 .folders aside a {
        display:block;
}
.folders aside a img {
        max-width:98px;
        max-height:133px;
        vertical-align:top;
        border:none;
}
.folders .data {
        overflow-x:hidden;
        padding:0.8em 10px;
        max-width:86px;
        text-align:center;
        -webkit-overflow-scrolling:touch;
        overflow-scrolling:touch;
}
.folders.pages .data {
        padding:0.8em;
}
.folders h4 {
        font-size:120%;
        line-height:1.15;
        margin:0 0 0.2em 0;
/*        text-shadow:1px 1px 2px rgba(0,0,0,0.4);*/
}
.folders h4:last-child {
        margin-bottom:0;
}
.folders .caption,
.folders p {
        margin-top:0.5em;
        margin-bottom:0;
}
.folders p.info {
        font-size:85%;
}
.folders .readmore {
         font-size:80%;
         background-color:rgba(255,255,255,0.2);
}

.neighbors {
        clear:both;
        line-height:40px;
        margin:0 15px 15px 15px;
}
.neighbors a {
        display:inline-block;
        vertical-align:top;
        color:#847f7c;
        max-width:584px;
        max-height:40px;
        white-space:nowrap;
        overflow:hidden;
        padding:4px;
        background-color:rgba(255,255,255,0.1);
        transition:background-color 250ms linear;
        -webkit-transition:background-color 250ms linear;
        -moz-transition:background-color 250ms linear;
        -ms-transition:background-color 250ms linear;
        -o-transition:background-color 250ms linear;
        -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4);
}
.neighbors a span {
        display:inline;
        max-height:40px;
        margin:0 .5em;
        overflow:hidden;
        text-overflow:ellipsis;
}
.no-rgba .neighbors a {
        background-color:transparent;
        background-image:url(w10.png);
}
.neighbors a:hover {
        background-color:rgba(255,255,255,0.2);
}
.no-rgba .neighbors a:hover {
        background-color:transparent;
        background-image:url(w20.png);
}
.neighbors a.next {
        float:right;
}
.neighbors a.previous {
        float:left;
}
.neighbors a img {
        display:inline-block;
        width:auto;
        height:40px;
        vertical-align:top;
}
.neighbors a.next img {
        float:right;
        margin-left:.5em;
}
.neighbors a.previous img {
        float:left;
        margin-right:.5em;
}

/******************************************* Thumbnail grid on index page */

.thumbs td {
        width:14.285714285714286%;
        padding:0;
        background-color:rgba(255,255,255,0.1);
}
/*.thumbs table td {
        width:158px;
}*/
.thumbs td > a {
        display:block;
        position:relative;
        height:205px;
        line-height:201px;
        overflow:hidden;
        text-align:center;
        padding:4px;

        transition:background-color 250ms linear;
        -webkit-transition:background-color 250ms linear;
        -moz-transition:background-color 250ms linear;
        -ms-transition:background-color 250ms linear;
        -o-transition:background-color 250ms linear;
        -webkit-text-size-adjust:100%;
}
.no-rgba .thumbs td > a {
        background-color:transparent;
        background-image:url(w10.png);
}
.thumbs td > a:hover,
.thumbs td > a:focus {
        background-color:rgba(255,255,255,0.2);
        color:#562d18;
        outline:none;
}
.no-rgba .thumbs td > a:hover,
.no-rgba .thumbs td > a:focus {
        background-color:transparent;
        background-image:url(w20.png);
        /*-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff, endColorstr=#33ffffff)";*/
}
.thumbs td > a.active {
        background-color:rgba(255,255,255,0.4);
}
.no-rgba .thumbs td > a.active {
        background-color:transparent;
        background-image:url(w40.png);
}
.thumbs td > a img {
        display:inline;
        vertical-align:middle;
        max-width:150px;
        max-height:205px;
        border:0;
        outline:none;
}
.thumbs td > a b {
        vertical-align:middle;
        display:inline-block;
        height:100%;
        font-size:1px;
}
.thumbs td > .caption {
        margin:0;
        padding:0.5em 8px;
        line-height:1.2;
        max-width:142px;
        overflow-x:hidden;
        text-align:center;
        -webkit-overflow-scrolling:touch;
        overflow-scrolling:touch;
}
.thumbs td > .caption span.nr {
        font-size:80%;
        line-height:1.6;
        vertical-align:top;
        font-weight:normal;
        font-style:normal;
        padding:0px 3px;
        color:#dddddd;
        background-color:#847f7c;
}
.thumbs td > .caption a.original {
        display:inline-block;
        vertical-align:top;
        margin:0 0 0 0.5em;
        padding:2px 4px;
        font-size:80%;

        background-color:rgba(255,255,255,0.5);
        color:#444;
}
.thumbs td > .caption .comment {
        font-size:90%;
        margin-top:0.2em;
}
.newlabel {
        display:inline;
        position:absolute;
        padding:4px 2px 4px 4px;
        border-right:3px solid #c00;
        background-color:#A00;
        background-color:rgba(192,0,0,0.6);
        color:#ddd;
        font-size:66.7%;
}
.thumbs .newlabel {
        line-height:12px;
        right:4px;
        top:4px;
}
.folders .newlabel {
        line-height:12px;
        right:0;
        top:0;
}
.scrollbox .newlabel {
        line-height:1em;
        right:3px;
        top:3px;
        font-size:55%;
}


.cont.load .wait {
        display:inline;
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        min-height:20px;
        background-image:url(load.gif);
        background-position:center center;
        background-repeat:no-repeat;
        z-index:99;
}

/******************************************* Bulk actions */

.checkbox {
        display:inline;
        position:absolute;
        border:1px solid rgba(255,255,255,0.1);
        -moz-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4);
}
.thumbs .checkbox {
        width:20px;
        height:20px;
        left:4px;
        top:4px;
}
.gallery .main .checkbox {
        width:24px;
        height:24px;
        left:0px;
        top:0px;
        z-index:9999;
}
.gallery .main.video .checkbox {
        display:none;
}
.gallery .main:hover .checkbox,
.thumbs td > a:hover .checkbox {
        border:1px solid rgba(255,255,255,0.4);
}
.checkbox.active {
        background-color:rgba(0,0,0,0.3);
        background-image:url(check.png);
        background-repeat:no-repeat;
}
.thumbs td > a .checkbox.active {
        background-position:0 0;
}
.gallery .main .checkbox.active {
        background-position:2px 2px;
}
.thumbs td > a:hover .checkbox.active {
        background-position:0 -40px;
}
.gallery .main:hover .checkbox.active {
        background-position:2px -38px;
}

/******************************************* Actions */

.actions {
        margin:10px 15px;
        min-height:30px;
        /*padding:15px;*/
}
.actions:first-child {
        margin-top:0;
}
.bulkactions {
        float:right;
        display:inline-block;
        margin-left:15px;
}
.bulkactions span,
.bulkactions .shares {
        font-size:85%;
        display:inline-block;
        vertical-align:top;
        margin:0;
        padding:3px 6px;
        line-height:24px;
}
.bulkactions span a {
        margin:0 .1em;
        padding:.1em .4em;
        border:1px solid #847f7c;
}
.bulkactions nav.buttons {
        display:inline-block;
}

/******************************************* Map on index page */

#map {
        display:block;
        margin:0 15px;
        padding:4px;
        background-color:rgba(255,255,255,0.1);
        overflow:hidden;
        -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4);
}
.no-rgba #map {
        background-color:transparent;
        background-image:url(w10.png);
}
#map .cont {
        position:relative;
        width:1192px;
        height:300px;
}

/******************************************* Map on index page */

.fb-comments,
.disqus-comments {
        margin-top:20px;
        margin-left:15px;
        margin-right:15px;
}
.disqus-comments {
        padding:4px;
}

#slide .fb-comments,
#slide .disqus-comments {
        padding:0 10px 0 0;
        margin:0;
        height:170px;
        overflow-x:hidden;
        overflow-y:auto;
        -webkit-overflow-scrolling:touch;
        overflow-scrolling:touch;
}

/******************************************* Share box */

.shareactions > .shares {
        font-size:85%;
        margin:4px 15px 0 4px;
}
.shares .likebtn {
        height:22px;
        background-position:0 0;
        overflow:hidden;
}
.shares > a {

        display:block;
        padding:1px 4px 1px 26px;
        line-height:20px;
        height:20px;
        overflow:hidden;
        background-repeat:no-repeat;
        background-image:url(share_dark.png);
}
.hook-s,
.shares > a:hover {
        background-image:url(share.png);
}
.shares a.facebook { background-position:-1px -25px; }
.shares a.twitter { background-position:-1px -49px; }
.shares a.digg { background-position:-1px -73px; }
.shares a.myspace { background-position:-1px -97px; }
.shares a.delicious { background-position:-1px -121px; }
.shares a.stumbleupon { background-position:-1px -145px; }
.shares a.email { background-position:-1px -169px; }
.shares a.reddit { background-position:-1px -193px; }
.shares a.tumblr { background-position:-1px -217px; }
.shares a.flickr { background-position:-1px -241px; }
.shares a.foursquare { background-position:-1px -265px; }
.shares a.gplus { background-position:-1px -289px; }
.shares a.linkedin { background-position:-1px -313px; }
.shares a.picasa { background-position:-1px -337px; }
.shares a.skype { background-position:-1px -361px; }
.shares a.vimeo { background-position:-1px -385px; }
.shares a.youtube { background-position:-1px -409px; }
.shares a.phone { background-position:-1px -433px; }
.shares a.jalbum { background-position:-1px -457px; }
.shares a.pinterest { background-position:-1px -481px; }
.shares a.instagram { background-position:-1px -505px; }
.shares a.github { background-position:-1px -529px; }
.shares a.rss { background-position:-1px -553px; }

.shares > span {
        display:inline-block;
        line-height:20px;
        padding:1px 3px;
        vertical-align:top;
}


.shares {
        width:120px;
}
.shares .likebtn {
        display:block;
        margin-bottom:4px;
}
.shares > a {
        color:#000;
}
.shares > a:hover {
        color:#fff;
        background-color:#222;
}

/*********************************** Regions */

.regions-cont {
        position:absolute;
}
.regions-cont a {
        position:absolute;
        display:block;
        border:3px solid #fff;
        opacity:0;
        cursor:pointer;
        background-image:url(blank.png);
}
.regions-cont a,
.regions-cont a:hover,
.regions-cont a.active
.regions-cont.active a,
.regions-cont.active a.active,
.regions-cont.active a:hover {
        transition:opacity 500ms ease;
        -webkit-transition:opacity 500ms ease;
        -moz-transition:opacity 500ms ease;
        -ms-transition:opacity 500ms ease;
}
.regions-cont a:hover,
.regions-cont a.active,
.regions-cont.active a.active,
.regions-cont.active a:hover {
        opacity:1;
}
.touch .regions-cont.active a {
        opacity:0.6;
}
.regions-cont.active a {
        opacity:0.3;
}
.regions-cont a span {
        position:absolute;
        top:0;
        right:0;
        max-width:85%;
        padding:0 4px 4px 6px;
        background-color:#fff;
        font-size:80%;
        color:#333;
        text-overflow:ellipsis;
        overflow:hidden;
        white-space:nowrap;
        border-radius:0 0px 0 0px;
}
.touch .regions-cont a span,
.regions-cont a:hover span {
        max-width:none;
}

/**************************************************************** Images page */

.gallery {
        position:absolute;
        display:none;
        left:0;
        right:0;
        top:0;
        bottom:0px;
        z-index:10000;
        background-color:#b3b1b0;
        overflow:hidden;
        -webkit-text-size-adjust:120%;
        -webkit-overflow-scrolling:auto;
}
#slide .gallery {
        display:block;
}
.gallery a {
        text-decoration:none;
        outline:none;
}
.gallery .navigation {
        position:absolute;
        left:0;
        right:0;
        margin:0;
        z-index:10000;
}
.gallery .navigation.hide {
        top:-225px;
}
.gallery .navigation nav {
        display:none;
        position:absolute;
        bottom:-75px;
        padding-top:5px;

        left:50%;
        margin-left:-205px;
        height:70px;
        background-color:rgba(0,0,0,0.8);
        overflow:hidden;
        white-space:nowrap;
        -moz-box-shadow:1px 3px 8px rgba(0,0,0,0.6); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.6); box-shadow:1px 3px 8px rgba(0,0,0,0.6);
        -webkit-text-size-adjust:100%;
}
.no-rgba .gallery .navigation nav {
        background-color:transparent;
        background-image:url(k80.png);
}
#slide .gallery .navigation nav {
        width:410px;
}
.gallery .navigation nav a {
        display:inline-block;
        width:50px;
        height:70px;
        line-height:70px;
        background-image:url(controls.png);
        background-repeat:no-repeat;
        background-position:-50px 0;
}
.hook-c {
        background-image:url(controls.png);
}
.gallery .navigation nav a.prev {
        background-position:-50px 0;
        width:70px;
}
.gallery .navigation nav a.prev:hover {
        background-position:-50px -70px;
}
.gallery .navigation nav a.up {
        background-position:-120px 0;
}
.gallery .navigation nav a.up:hover {
        background-position:-120px -70px;
}
.gallery .navigation nav a.resize {
        background-position:-170px 0;
}
.gallery .navigation nav a.resize:hover {
        background-position:-170px -70px;
}
.gallery .navigation nav a.noresize {
        display:none;
        background-position:-220px 0;
}
.gallery .navigation nav a.noresize:hover {
        background-position:-220px -70px;
}
.gallery .navigation nav a.showinfo {
        background-position:-270px 0;
}
.gallery .navigation nav a.showinfo:hover {
        background-position:-270px -70px;
}
.gallery .navigation nav a.hideinfo {
        display:none;
        background-position:-320px 0;
}
.gallery .navigation nav a.hideinfo:hover {
        background-position:-320px -70px;
}
.gallery .navigation nav a.showthumbs {
        background-position:-370px 0;
}
.gallery .navigation nav a.showthumbs:hover {
        background-position:-370px -70px;
}
.gallery .navigation nav a.hidethumbs {
        display:none;
        background-position:-420px 0;
}
.gallery .navigation nav a.hidethumbs:hover {
        background-position:-420px -70px;
}
.gallery .navigation nav a.play {
        width:70px;
        background-position:-470px 0;
}
.gallery .navigation nav a.play:hover {
        background-position:-470px -70px;
}
.gallery .navigation nav a.pause {
        display:none;
        width:70px;
        background-position:-540px 0;
}
.gallery .navigation nav a.pause:hover {
        background-position:-540px -70px;
}
.gallery .navigation nav a.next {
        width:70px;
        background-position:-610px 0;
}
.gallery .navigation nav a.next:hover {
        background-position:-610px -70px;
}

.gallery .scrollbox {
        position:relative;
        top:0;
        left:0;
        display:block;
        width:1200px;
        height:225px;
        max-width:80%;
        margin:0 auto;
        overflow:hidden;
        background-color:rgba(0,0,0,0.6);
        transition: background-color 500ms;
        -moz-transition: background-color 500ms;
        -webkit-transition: background-color 500ms;
        -moz-box-shadow:1px 3px 8px rgba(0,0,0,0.6); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.6); box-shadow:1px 3px 8px rgba(0,0,0,0.6);
}
.rgba.touch .gallery .scrollbox,
.rgba .gallery .scrollbox:hover {
        background-color:rgba(0,0,0,0.8);
}
.no-rgba .gallery .scrollbox {
        background-color:transparent;
        background-image:url(k60.png);
}
.no-rgba .gallery .scrollbox:hover {
        background-color:transparent;
        background-image:url(k80.png);
}
.gallery .scrollbox .wrap {
        position:relative;
        top:5px;
        margin:0 40px;
        height:213px;
        overflow:hidden;
}
.gallery .scrollbox ul.cont {
        position:absolute;
        left:0;
        top:0;
        bottom:0;
        margin:0;
        padding:0;
        white-space:nowrap;
        -webkit-text-size-adjust:100%;
        -ms-touch-action:pan-x;
        touch-action:pan-x;
}
.gallery .scrollbox ul.cont li {
        display:table;
        float:left;
        display:inline;
        position:relative;
        width:156px;
        height:211px;
        overflow:hidden;
        margin:1px;
        text-align:center;
}
.gallery .scrollbox .cont a {
        display:table-cell;
        vertical-align:middle;
        position:relative;
        padding:3px;
        margin-right:1px;
        width:150px;
        height:205px;
        text-align:center;
}
.gallery .scrollbox .cont a img {
        max-width:150px;
        max-height:205px;
        vertical-align:middle;
}
.gallery .scrollbox .cont a:hover,
.gallery .scrollbox .cont a:focus {
        background-color:rgba(255,255,255,0.2);
        outline:none;
}
.no-rgba .gallery .scrollbox .cont a:hover,
.no-rgba .gallery .scrollbox .cont a:focus {
        background-image:url(w20.png);
}
.gallery .scrollbox .cont a.active {
        background-color:rgba(255,255,255,0.4);
}
.no-rgba .gallery .scrollbox .cont a.active {
        background-color:transparent;
        background-image:url(w40.png);
}
.gallery .scrollbox .scleft,
.gallery .scrollbox .scright {
        position:absolute;
        top:5px;
        width:24px;
        height:213px;
        background-repeat:no-repeat;
        background-position:left center;
}
.hook-s,
.gallery .scrollbox .scleft,
.gallery .scrollbox .scright {
        background-image:url(scroll.png);
}
.gallery .scrollbox .scleft {
        left:10px;
        background-position:0 center;
}
.gallery .scrollbox .scright {
        right:10px;
        background-position:-48px center;
}
.gallery .scrollbox .scleft:hover {
        background-position:-24px center;
}
.gallery .scrollbox .scright:hover {
        background-position:-72px center;
}

.gallery .img {
        position:absolute;
        left:0;
        top:0;
        right:0;
        bottom:0;
        overflow:hidden;
        -webkit-overflow-scrolling:auto;
}
.gallery .img .main {
        position:relative;
        display:inline-block;
        background-color:#ffffff;
        padding:0px;
        -moz-box-shadow:3px 6px 32px rgba(0,0,0,0.6); -webkit-box-shadow:3px 6px 32px rgba(0,0,0,0.6); box-shadow:3px 6px 32px rgba(0,0,0,0.6);
}
.gallery .img .main.smooth {
        -webkit-transition: -webkit-transform 0.6s ease-out;
        transition: -webkit-transform 0.6s ease-out, transform 0.6s ease-out, -ms-transform 0.6s ease-out, -o-transform 0.6s ease-out;
}
.gallery .img .image > img,
.gallery .img .image > a > img {
        vertical-align:top;
        width:100%;
        height:100%;
        cursor:default;
        -ms-interpolation-mode:bicubic;
        -ms-touch-action:none;
        touch-action:none;
}
.gallery .img .main.image {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -ms-touch-action:none;
        touch-action:none;
}
.gallery .img .other {
        width:300px;
        text-align:center;
        background-color:rgba(240,240,240,0.85);
        color:#555;
}
.no-rgba .gallery .img .other {
        background-color:transparent;
        background-image:url(w80.png);
}
.gallery .img .other > a {
        display:block;
        margin:15px 15px 0 15px;
        padding:20px 0;
        border-bottom:1px solid #ccc;
}
.gallery .img .other > a > img {
        min-height:128px;
}
.gallery .img .other p {
        margin:10px 15px 15px 15px;
        overflow:hidden;
}
.gallery .img .main.video,
.gallery .img .main.audio {
        overflow:hidden;
}
.gallery .img .main.video > a,
.gallery .img .main.audio > a {
        display:block;
        height:100%;
        margin-bottom:0px;
}
.gallery .img .main.video > a > img,
.gallery .img .main.audio > a > img {
        width:100%;
        height:100%;
}
.gallery .img .main.video.jp-video-full {
        padding:0 !important;
}
.gallery > .wait {
        display:none;
        position:absolute;
        left:0;
        top:0;
        right:0;
        bottom:0px;
        background-image:url(wait.gif);
        background-position:center center;
        background-repeat:no-repeat;
        z-index:3;
}
.gallery .bottom {
        position:absolute;
        bottom:0;
        left:0;
        right:0;
        z-index:11;
}
.gallery .bottom.hide {
        bottom:-100%;
}
.gallery .bottom .cont {
        position:relative;
        width:1170px;
        max-width:80%;
        margin:0 auto;
        padding:5px 8px 6px 15px;
        text-align:left;
        color:#847f7c;
        background-color:rgba(0,0,0,0.4);
        transition: background-color 500ms;
        -moz-transition: background-color 500ms;
        -webkit-transition: background-color 500ms;
        -moz-box-shadow:1px 3px 8px rgba(0,0,0,0.6); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.6); box-shadow:1px 3px 8px rgba(0,0,0,0.6);
}
.no-rgba .gallery .bottom .cont {
        background-color:transparent;
        background-image:url(k40.png);
}
.rgba.touch .gallery .bottom .cont,
.gallery .bottom .cont:hover {
        background-color:rgba(0,0,0,0.9);
}
.no-rgba .gallery .bottom .cont:hover {
        background-image:url(k80.png);
}
.gallery .bottom .cont:before,
.gallery .bottom .cont:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.gallery .bottom .cont:after { clear:both; }
.gallery .bottom h2 {
        margin-top:6px;
        font-size:140%;
}
.gallery .bottom h3 {
        margin-top:8px;
        font-size:125%;
}
.gallery .bottom .caption {
        margin-top:10px;
}
.gallery .bottom .caption a {
        color:#585655;
}
.gallery .bottom .caption a:hover {
        color:#562d18;
}
.gallery .bottom .comment {
        max-height:12em;
        overflow:auto;
}
.gallery .bottom .comment a {
        text-decoration:underline;
}
nav.buttons {
        height:28px;
        line-height:24px;
        font-size:85%;
        border:1px solid #181818;
        color:#bbb;
        background-color:#181818;
        z-index:999;
        background-image:-webkit-linear-gradient(top, rgba(51,51,51,1), rgba(34,34,34,1));
        background-image:-moz-linear-gradient(top, rgba(51,51,51,1), rgba(34,34,34,1));
        background-image:-o-linear-gradient(top, rgba(51,51,51,1), rgba(34,34,34,1));
        background-image:-ms-linear-gradient(top, rgba(51,51,51,1), rgba(34,34,34,1));
        background-image:linear-gradient(top, rgba(51,51,51,1), rgba(34,34,34,1));
        filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FF333333',EndColorStr='#FF222222');
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
         -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.6); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.6); box-shadow:0px 1px 2px rgba(0,0,0,0.6);
}
.gallery .bottom nav.buttons {
        float:right;
        display:inline;
        margin:5px 0 5px 10px;
}
nav.buttons a {
        display:inline-block;
        height:28px;
        padding:0 6px 0 30px;
        line-height:28px;
        white-space:nowrap;
        background-image:url(buttons.png);
        background-position:6px 0;
        background-repeat:no-repeat;
        border-left:1px solid #000;
        color:#ccc;
        cursor:default;
}

.gallery .bottom nav.buttons a {
        width:20px;
        padding:0 6px;
}
nav.buttons a:first-child {
        border-left:none;
}
nav.buttons a:last-child {
}
nav.buttons a:hover {
        color:#fff;
}
nav.buttons a.active {
        background-color:#000;
        border-left-color:#111;
        color:#aaa;
}
.gallery .bottom .nr {
        float:right;
        display:inline;
        margin:5px 0 5px 10px;
        line-height:26px;
        padding:0;
        white-space:nowrap;
}
.gallery .bottom .meta .icon {
        background-position:0 -1px;
}
nav.buttons a.meta-icon {
        background-position:6px -1px;
}
.gallery .bottom .map .icon {
        background-position:0 -33px;
}
nav.buttons a.map-icon {
        background-position:6px -33px;
}
.gallery .bottom .shop .icon {
        background-position:0 -65px;
}
nav.buttons a.shop-icon {
        background-position:6px -65px;
}
nav.buttons a.link-icon {
        background-position:6px -97px;
}
.gallery .bottom .share .icon {
        background-position:0 -129px;
}
nav.buttons a.share-icon {
        background-position:6px -129px;
}
.gallery .bottom .print .icon {
        background-position:0 -161px;
}
nav.buttons a.print-icon {
        background-position:6px -161px;
}
.gallery .bottom .comments .icon {
        background-position:0 -193px;
}
nav.buttons a.comments-icon {
        background-position:6px -193px;
}
.gallery .bottom .regions .icon {
        background-position:0 -225px;
}
nav.buttons a.regions-icon {
        background-position:6px -225px;
}
.gallery .bottom .fotomoto .icon {
        background-position:0 -257px;
}
nav.buttons a.fotomoto-icon,
nav.buttons a.mostphotos-icon {
        background-position:6px -257px;
}
.gallery .bottom .custom .icon {
        background-position:0 -289px;
}
nav.buttons a.custom-icon {
        background-position:6px -289px;
}
.gallery .bottom .email .icon {
        background-position:0 -321px;
}
nav.buttons a.email-icon {
        background-position:6px -321px;
}

.gallery .bottom .panel {
        clear:both;
        position:relative;
        font-size:85%;
        color:#ccc;
        margin-top:10px;
        padding-left:30px;
        color:#847f7c;
        content:' ';
}
.gallery .bottom .icon {
        /*        float: left;
        display:inline-block;
        margin:-2px 10px 2px 0;
        */
        position:absolute;
        left:0;
        top:-2px;
        width:20px;
        height:24px;
        background-image:url(buttons.png);
        background-repeat:no-repeat;
}
.gallery .bottom .meta b {
        color:#fff;
}
.gallery .bottom .map .mapcont {
        position:relative;
        overflow:hidden;
        height:240px;
}
.gallery .bottom .shop .icon {
        top:-1px;
}
.shop form {
        vertical-align:top;
        display:inline-block;
        margin-right:0.5em;
        padding:2px 0;
        line-height:25px;
        white-space:nowrap;
        height:26px;
}
.shop input,
.shop select {
        margin:0 4px;
        outline:none;
}
.shop input {
        border:none;
        padding:4px 6px;
}
.shop input[type="image"] {
        padding:2px 0;
}
.shop select {
        padding:3px 5px;
        background-color:#fff;
        border:1px solid #999;
        /*margin:-2px 6px 0 0;*/
}
.shop select:first-child {
        margin-left:0;
}
.shop .copies,
.shop .coupon {
        -moz-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4);
}
.shop .copies {
        width:2em;
}
.shop .count {
}
.shop .total,
.shop .discount {
        display:inline-block;
        margin:0 4px;
        line-height:16px;
}
.shop .discount {
        padding:4px 4px;
        background-color:#d33;
        color:#fff;
}
.shop .total {
        padding:4px 8px;
        background-color:#444;
        text-align:right;
        color:#fff;
}
.shop .coupon {
        width:7em;
        margin:0 0 0 6px;
        background-color:#ffdca0;
}
.shop .coupon::-webkit-input-placeholder {
        font-size:80%;
}
.shop .coupon::-moz-placeholder {
        font-size:80%;
}
.shop .coupon:-ms-input-placeholder {
        font-size:80%;
}
.shop .redeem {
        display:inline-block;
        position: relative;
        top:1px;
        left:-21px;
        width:20px;
        margin-right:-21px;
        height:20px;
        line-height:20px;
        background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAA3NCSVQICAjb4U/gAAAAHlBMVEX///8iIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiKzbYCPAAAACnRSTlMAESJ3iJmqzN3/14XUmgAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAABGSURBVAiZY2DAApjcUhSYQQzP6ZVTPIE0y1QBxsiZQIZmAAODJYjhKcDAPBPESIdpgjOAUgyMDFDFrI0w7Q4wA+FWYLMaAP99DZ459gmkAAAAAElFTkSuQmCC);        background-position:center center;
        background-repeat:no-repeat;
}
.paypalbtn {
        line-height:18px;
        padding:3px 8px;
        border:1px solid #e79e26;
        background-color:#ffbb31;
        background-image:-moz-linear-gradient(top, #feb 0%,#fa0 100%);
        background-image:-webkit-linear-gradient(top, #feb 0%,#fa0 100%);
        background-image:-o-linear-gradient(top, #feb 0%,#fa0 100%);
        background-image:-ms-linear-gradient(top, #feb 0%,#fa0 100%);
        background-image:linear-gradient(top, #feb 0%,#fa0 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffeebb',endColorstr='#ffaa00');
        text-shadow:1px 1px 1px rgba(255,255,255,0.6);
}
.paypalbtn#shopAdd {
        font-weight:bold;
}

#bgaudio {
        position:fixed;
        right:0px;
        top:0;
        width:100px;
        height:34px;
        z-index:99999;
        -moz-box-shadow:1px 3px 8px rgba(0,0,0,0.4); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.4); box-shadow:1px 3px 8px rgba(0,0,0,0.4);
}

b, strong {
        font-weight:bold;
}
i, em {
        font-style:italic;
}

#mainbg, .gallery {
        background-image:url(background_portraits_2.jpg);
        background-position:center center;
        -moz-background-size:100% 100%;
        background-size:100% 100%;
}
#widgetbg {
        background:#ffb3b1b0 url(background_portraits_2.jpg) center top no-repeat;
        -moz-background-size:100% auto;
        background-size:100% auto;
}
.no-backgroundsize #widgetbg, .no-backgroundsize #mainbg, .no-backgroundsize .gallery {
        background-repeat:repeat;
}

/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.jplayer.org
 *
 * Skin Name: jAlbum
 *
 * Copyright (c) 2012 jAlbum AB
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Author: Laszlo Molnar
 * Skin Version: 0.9 (jPlayer 2.2.0)
 * Date: 21nd December 2012
 */

a:active, a:focus {
        outline:none;
}

.jp-warning {
        position:absolute;
        top:30%;
        left:5%;
        right:5%;
        margin:0 auto;
        width:200px;
        max-width:90%;
        padding:10px 15px;
        background-color:#333;
        background-color:rgba(0,0,0,0.8);
        color:#ddd;
        text-align:center;
        z-index:999;
        -moz-border-radius:6px;
        border-radius:6px;
}
.jp-audio,
.jp-audio-stream,
.jp-video {
        font-size:1em;
        font-family:Segoe,"Segoe UI",Tahoma,Geneva,"Open Sans","Nimbus Sans L",sans-serif;
        line-height:1.231;
        color:#ddd;
        border:none;
        width:100%;
        height:100%;
}
.jp-audio {
}

.jp-audio-stream {
}

.jp-video-270p {
}
.jp-video-360p {
}
.jp-video-full {
        position:absolute !important;
        left:0 !important;
        top:0 !important;
        width:100% !important;
        height:100% !important;
}

.jp-type-single {
        width:100%;
        height:100%;
}

.jp-video .jp-jplayer {
        background-color:#000;
}

/* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */
.jp-video-full div div {
        z-index:1000;
}

.jp-video-full .jp-jplayer {
        top:0 !important;
        left:0 !important;
        width:100%;
        height:100%;
        position:fixed !important; position:relative; /* Rules for IE6 (full-screen) */
        overflow:hidden;
}

.jp-video-full .jp-gui {
        position: fixed !important; position: static; /* Rules for IE6 (full-screen) */
        bottom:0 !important;
        left:0 !important;
        width:100%;
        z-index:1001; /* 1 layer above the others. */
}
.jp-video-full .jp-gui {
        position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */
        bottom:0 !important;
        left:0 !important;
}

/* jp-title */

.jp-title {
        position:absolute;
        overflow:hidden;
        top:0;
        left:0;
        right:0;
        text-align:center;
        margin:0;
        z-index:11;
        opacity:0;
        transition: opacity 0.5s;
        -moz-transition: opacity 0.5s;
        -webkit-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
}
.jp-video-full .jp-title {
        width:100%;
        top:0 !important;
        left:0 !important;
        right:0 !important;
}
.jp-audio:hover .jp-title,
.jp-video:hover .jp-title {
        position:absolute;
        opacity:1;
}
.jp-title ul {
        list-style-type:none;
        padding:0;
        display:inline-block;
        margin:0 auto;
        text-align:center;
        color:#fff;
        background-color:#000;
        background-color:rgba(0,0,0,0.25);
        text-shadow:1px 1px 1px rgba(0,0,0,0.5);
        -moz-border-radius:0 0 6px 6px;
        border-radius:0 0 6px 6px;
}
.jp-title ul li {
        padding:0.25em 1em;
}

/* jp-interface */

.jp-gui {
        position:absolute;
        height:34px;
        bottom:0;
        left:0;
        right:0;
        z-index:10;
        background-color:rgba(0,0,0,0.8);
}

.jp-audio .jp-gui {
}

.jp-audio-stream .jp-gui {
}

/* play button */

.jp-audio .jp-video-play,
.jp-video .jp-video-play {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        overflow:hidden; /* Important for nested negative margins to work in modern browsers */
        cursor:pointer;
        z-index:1;
}
.jp-video-270p .jp-video-play {
}
.jp-video-360p .jp-video-play {
}
.jp-video-full .jp-video-play {
        height:100%;
}
.jp-video-play > a {
        position:absolute;
        display:block;
        width:112px;
        height:100px;
        margin-left:-56px;
        margin-top:-50px;
        left:50%;
        top:50%;
        overflow:hidden;
        background-image:url(jplayer.jalbum.video.png);
        background-position:0 0;
        text-indent:-9999px;
}
.jp-video-play:hover > a {
        background-position:0 -100px;
}

/* @group progress bar */

/* The seeking class is added/removed inside jPlayer */
.jp-seeking-bg {
        background:url('jplayer.jalbum.seeking.gif');
}

.jp-progress,
.jp-seek-bar,
.jp-play-bar {
        display:block;
        margin:0;
        background-repeat:repeat-x;
        height:6px;
        overflow:hidden;
}

.jp-progress {
        width:100%;
        background-color:#000;
}

.jp-video .jp-progress {
}

.jp-seek-bar {
        width:0;
        cursor:pointer;
}

.jp-play-bar {
        background-image:url('jplayer.jalbum.png');
        background-position:0px -318px;
        width:0;
}

/* @end */

/* @group CONTROLS */

.jp-controls-holder {
        position:relative;
        width:100%;
        height:28px;
        clear:both;
        overflow:hidden;
}
.jp-startstop {
        float:left;
        display:inline;
        margin:0;
        height:28px;
        overflow:hidden;
}

.jp-audio-stream .jp-controls {
}

.jp-startstop a {
        float:left;
        display:inline-block;
        overflow:hidden;
        text-indent:-9999px;
        width:28px;
        height:28px;
        padding:0;
}

/* @group single player controls */

.jp-startstop a {
        background-image:url('jplayer.jalbum.png');
        background-position:0 0;
        background-repeat:no-repeat;
        width:28px;
}

.jp-startstop a.jp-play {
         background-position:0 0;
}
.jp-startstop a.jp-play:hover {
        background-position:-28px 0;
}

.jp-startstop a.jp-pause {
        display:none;
        background-position:0px -28px;
}

.jp-startstop a.jp-pause:hover {
        background-position:-28px -28px;
}

.jp-audio-stream .jp-play,
.jp-audio-stream .jp-pause {
}

.jp-startstop a.jp-stop {
        background-position:0px -56px;
}
.jp-mini .jp-startstop a.jp-stop {
        display:none;
}
.jp-startstop a.jp-stop:hover {
        background-position:-28px -56px;
}

.jp-startstop a.jp-previous {
        background-position:0 -112px no-repeat;
}

.jp-startstop a.jp-previous:hover {
        background-position:-28px -112px no-repeat;
}

.jp-startstop a.jp-next {
        background-position:0 -84px no-repeat;
}

.jp-startstop a.jp-next:hover {
        background-position:-28px -84px no-repeat;
}

/* @end */

/* @group volume bar */

.jp-volume {
        position:relative;
        float:left;
        display:inline;
        width:28px;
        height:100%;
        overflow:hidden;
        transition: width 0.5s;
        -moz-transition: width 0.5s; /* Firefox 4 */
        -webkit-transition: width 0.5s; /* Safari and Chrome */
        -o-transition: width 0.5s; /* Opera */
}
.jp-volume:hover {
        width:128px;
}
.jp-mini .jp-volume:hover {
        width:68px;
}
.jp-volume a.jp-mute,
.jp-volume a.jp-unmute {
        float:left;
        display:inline-block;
        overflow:hidden;
        text-indent:-9999px;
        width:28px;
        height:28px;
        padding:0;
        background-image:url('jplayer.jalbum.png');
}
.jp-volume a.jp-mute {
        background-position:0 -140px;
}
.jp-volume a.jp-mute:hover {
        background-position:-28px -196px;
}
.jp-volume a.jp-unmute {
        display:none;
        background-position:0 -168px;
}
.jp-volume a.jp-unmute:hover {
        background-position:-28px -140px;
}
.jp-volume a.jp-volume-max {
        display:none;
        background-position:0 -140px;
}
.jp-volume a.jp-volume-max:hover {
        background-position:-28px -140px;
}

.jp-volume-bar {
        position:absolute;
        left:28px;
        top:11px;
        height:6px;
        width:100px;
        overflow:hidden;
        background-color:#000;
}
.jp-mini .jp-volume-bar {
        width:40px;
}
.jp-volume-bar:hover {
        cursor: pointer;
}


.jp-audio .jp-interface .jp-volume-bar,
.jp-audio-stream .jp-interface .jp-volume-bar {
        left: 0;
}

.jp-audio-stream .jp-interface .jp-volume-bar,
.jp-video .jp-volume-bar {
}
.jp-video .jp-volume-bar {
}
.jp-volume-bar-value {
        background-image:url('jplayer.jalbum.png');
        background-position:0 -334px;
        height:6px;
        border-right:2px solid #666;
}

/* @end */


/* @group current time and duration */

.jp-times {
        float:left;
        display:inline;
        margin:4px;
        height:20px;
        background-color:#000;
        -moz-border-radius:4px;
        border-radius:4px;
}
.jp-current-time, .jp-duration {
        float:left;
        display:inline;
        padding:2px 6px;
        line-height:16px;
        font-size:.85em;
        z-index:99999;
}
.jp-mini .jp-current-time, .jp-mini .jp-duration {
        padding:2px 4px;
        font-size:.7em;
}
.jp-current-time {
        color:#999;
        left:44%;
}

.jp-duration {
        color:#666;
        border-left:1px dotted #444;
}
.jp-mini .jp-duration {
        display:none;
}
.jp-video .jp-current-time {
}

.jp-video .jp-duration {
}

/* @end */


/* @group TOGGLES */

.jp-toggles {
        float:right;
        display:inline-block;
        height:28px;
        padding:0;
        overflow:hidden;
}

.jp-toggles a {
        float:right;
        display:inline-block;
        width:28px;
        height:28px;
        text-indent:-9999px;
        line-height:100%; /* need this for IE6 */
        background-image:url('jplayer.jalbum.png');
        background-repeat:no-repeat;
}

.jp-toggles a.jp-full-screen {
        background-position:0 -224px;
}

.jp-toggles a.jp-full-screen:hover {
        background-position:-28px -224px;
}

.jp-toggles a.jp-restore-screen {
        display:none;
        background-position:-56px -224px;
}

.jp-toggles a.jp-restore-screen:hover {
        background-position:-84px -224px;
}

.jp-toggles a.jp-repeat {
        background-position:0 -252px;
}

.jp-toggles a.jp-repeat:hover {
        background-position:-28px -252px;
}

.jp-toggles a.jp-repeat-off {
        display:none;
        background-position:-56px -252px;
}

.jp-toggles a.jp-repeat-off:hover {
        background-position:-84px -252px;
}

.jp-toggles a.jp-shuffle {
        background-position:0 -280px;
}

.jp-toggles a.jp-shuffle:hover {
        background-position:-28px -280px;
}

.jp-toggles a.jp-shuffle-off {
        display:none;
        background-position:-56px -280px;
}

.jp-toggles a.jp-shuffle-off:hover {
        background-position:-84px -280px;
}


/* @end */


/* @group volume controls */

div.jp-interface ul.jp-controls a.jp-mute,
div.jp-interface ul.jp-controls a.jp-unmute,
div.jp-interface ul.jp-controls a.jp-volume-max {
}

div.jp-audio ul.jp-controls a.jp-mute,
div.jp-audio ul.jp-controls a.jp-unmute,
div.jp-audio-stream ul.jp-controls a.jp-mute,
div.jp-audio-stream ul.jp-controls a.jp-unmute {
}

div.jp-audio ul.jp-controls a.jp-volume-max,
div.jp-audio-stream ul.jp-controls a.jp-volume-max {
}


div.jp-video ul.jp-controls a.jp-mute,
div.jp-video ul.jp-controls a.jp-unmute {
}

div.jp-video ul.jp-controls a.jp-volume-max {
}


/* @end */


/* @group playlist */

.jp-playlist ul {
        list-style-type:none;
        margin:0;
        padding:0.25em 0;
}

.jp-video .jp-title ul {
}

.jp-video .jp-playlist ul {
        margin: 0 20px;
        font-size:.8em;
}

.jp-title li,
.jp-playlist li {
        position: relative;
        padding: 2px 0;
        border-top:1px solid #554461;
        border-bottom:1px solid #180a1f;
        overflow: hidden;
}

.jp-title li {
        border-bottom:none;
        border-top:none;
        padding:0;
        text-align:center;
}

/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */

div.jp-type-playlist div.jp-playlist li:first-child {
        border-top:none;
        padding-top:3px;
}

div.jp-type-playlist div.jp-playlist li:last-child {
        border-bottom:none;
        padding-bottom:3px;
}

div.jp-type-playlist div.jp-playlist a {
        color: #fff;
        text-decoration:none;
}

div.jp-type-playlist div.jp-playlist a:hover {
        color: #e892e9;
}

div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
        background-color: #26102e;
        margin: 0 -20px;
        padding: 2px 20px;
        border-top: 1px solid #26102e;
        border-bottom: 1px solid #26102e;
}

div.jp-type-playlist div.jp-playlist li.jp-playlist-current a{
        color: #e892e9;
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
        float:right;
        display:inline;
        text-align:right;
        margin-left:10px;
        font-weight:bold;
        color:#8C7A99;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
        color:#E892E9;
}

div.jp-type-playlist div.jp-playlist span.jp-free-media {
        float: right;
        display:inline;
        text-align:right;
        color:#8C7A99;
}

div.jp-type-playlist div.jp-playlist span.jp-free-media a{
        color:#8C7A99;
}

div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{
        color:#E892E9;
}
span.jp-artist {
        font-size:.8em;
        color:#8C7A99;
}

/* @end */


/* @group NO SOLUTION error feedback */

.jp-no-solution {
        position:absolute;
        top:50%;
        left:25%;
        width:50%;
        margin-top:-2em;
        padding:8px;
        font-size:.8em;
        background-color:#222;
        background-color:rgba(0,0,0,0.8);
        color:#ddd;
        text-align:center;
        display:none;
        -moz-border-radius:4px;
        border-radius:4px;
}

.jp-no-solution a {
        text-decoration:underline;
        color:#FFF;
}

.jp-no-solution span {
        color:#FFF;
        font-size:1em;
        display:block;
        text-align:center;
        font-weight:bold;
}
/* @end */
/* Light player theme */
.jp-audio,
.jp-audio-stream,
.jp-video {
        color:#333;
}

.jp-title ul {
        color:#333;
        background-color:rgba(255,255,255,0.8);
        text-shadow:none;
}

.jp-progress,
.jp-seek-bar,
.jp-play-bar {
        -moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.2);
        -webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.2);
        box-shadow:inset 0px 1px 3px rgba(0,0,0,0.2);
}

.jp-gui {
        background-color:rgba(255,255,255,0.8);
}
.jp-seeking-bg {
        background:url('jplayer.jalbum.light.seeking.gif');
}
.jp-progress {
        background-color:#ccc;
}
.jp-play-bar {
        background-image:url('jplayer.jalbum.light.png');
}
.jp-startstop a {
        background-image:url('jplayer.jalbum.light.png');
}
.jp-volume a.jp-mute,
.jp-volume a.jp-unmute {
        background-image:url('jplayer.jalbum.light.png');
}
.jp-volume-bar {
        background-color:#ccc;
        -moz-box-shadow:inset 0px 1px 4px rgba(0,0,0,0.4);
        -webkit-box-shadow:inset 0px 1px 4px rgba(0,0,0,0.4);
        box-shadow:inset 0px 1px 4px rgba(0,0,0,0.4);
}
.jp-volume-bar-value {
        background-image:url('jplayer.jalbum.light.png');
        border-right:2px solid #333;
}
.jp-times {
        /*background-color:#bdf;*/
        background-color:#fff;
        -moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.4);
        -webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.4);
        box-shadow:inset 0px 1px 3px rgba(0,0,0,0.4);
}
.jp-current-time {
        color:#444;
}
.jp-duration {
        color:#888;
        border-left:1px dotted #aaa;
}
.jp-toggles a {
        background-image:url('jplayer.jalbum.light.png');
}
.jp-no-solution {
        background-color:#bbb;
        background-color:rgba(255,255,255,0.8);
        color:#444;
}
.jp-no-solution a {
        text-decoration:underline;
        color:#222;
}

.jp-no-solution span {
        color:#222;
}

/*
        styles.css - custom styles for the skin's Page templates

*/

/************** About page */

#about-page {
        margin:10px 10%;
}
#about-page aside {
        float:left;
        display:inline;
        margin:10px 5% 10px 0;
        max-width:25%;
}
#about-page aside img {
        max-width:100%;
}
#about-page .texts {
        overflow:hidden;
}
#about-page .texts p {
        line-height:1.5em;
}

/************** Sitemap page */

#sitemap-page {
        margin:0 20px;
}
#sitemap-page aside {
        float:left;
        display:inline;
        margin:10px 5% 10px 0;
        max-width:25%;
}

#sitemap-page aside img {
        max-width:100%;
}

#sitemap-page .sitemap {
        font-size:120%;
        overflow:hidden;
}

#sitemap-page .caption {
        margin:0 0 1em 0;
}

#sitemap-page .sitemap .title {
        margin:1em 0;
}

#sitemap-page .sitemap.showthumbs .title a.home {
        display:inline-block;
        width:24px;
        height:24px;
        background-image: url(controls.png);
        background-repeat: no-repeat;
        background-position: -793px -23px;
}

#sitemap-page .sitemap ul {
        padding-left:2em;
}

#sitemap-page .sitemap.showthumbs ul {
        padding-left:0;
        list-style-type:none;
}

#sitemap-page .sitemap li {
        clear:both;
        padding:0.5em 0;
}
#sitemap-page small {
        margin-top:0.5em;
        display:block;
}

#sitemap-page .sitemap li a.thumb {
        float:left;
        display:inline-block;
        width:10%;
        max-height:48px;
        margin-right:2%;
        text-align:center;
        overflow:hidden;
}

#sitemap-page .sitemap li a.thumb img {
        display:inline-block;
        max-width:100%;
        max-height:100%;
        height:auto;
}

#sitemap-page .sitemap li div {
        overflow:hidden;
}

/************** Contact page */

#contact-page {
        margin:10px 10px 10px 5%;
}
#contact-page aside {
        float:right;
        display:inline;
        margin:0 0 10px 5%;
        max-width:25%;
}
#contact-page aside img {
        max-width:100%;
}
#contact-page .texts {
        overflow:hidden;
}
#contact-page .texts blockquote {
        font-size:80%;
        line-height:1.5em;
        padding-left:12px;
        border-left:10px solid rgba(255,255,255,0.1);
}
#contact-page .texts > div {
        font-size:120%;
        padding:15px 5px;
        border-top:1px solid rgba(255,255,255,0.2);
        border-bottom:1px solid rgba(0,0,0,0.2);
}
#contact-page .texts blockquote,
#contact-page .texts a {
        font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
}
#contact-page .texts a {
        font-size:80%;
        padding:5px 5px 5px 26px;
        line-height:14px;
        background-color:rgba(255,255,255,0.1);
        background-image:url(share.png);
        background-repeat:no-repeat;
        -moz-border-radius:6px;
        border-radius:6px;
        -moz-box-shadow:1px 3px 8px rgba(0,0,0,0.2); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.2); box-shadow:1px 3px 8px rgba(0,0,0,0.2);
}
#contact-page .facebook a { background-position:0 -24px; }
#contact-page .twitter a { background-position:0 -48px; }
#contact-page .digg a { background-position:0 -72px; }
#contact-page .myspace a { background-position:0 -96px; }
#contact-page .delicious a { background-position:0 -120px; }
#contact-page .stumbleupon a { background-position:0 -144px; }
#contact-page .email a { background-position:0 -168px; }
#contact-page .reddit a { background-position:0 -192px; }
#contact-page .tumblr a { background-position:0 -216px; }
#contact-page .flickr a { background-position:0 -240px; }
#contact-page .foursquare a { background-position:0 -264px; }
#contact-page .google a { background-position:0 -288px; }
#contact-page .linkedin a { background-position:0 -312px; }
#contact-page .picasa a { background-position:0 -336px; }
#contact-page .skype a { background-position:0 -360px; }
#contact-page .vimeo a { background-position:0 -384px; }
#contact-page .youtube a { background-position:0 -408px; }
#contact-page .phone a { background-position:0 -432px; }
#contact-page .jalbum a { background-position:0 -456px; }
#contact-page .pinterest a { background-position:0 -480px; }
#contact-page .instagram a { background-position:0 -504px; }
#contact-page .github a { background-position:0 -528px; }
#contact-page .rss a { background-position:0 -552px; }

#contact-page .custom a {
        padding:5px;
        background-image:none;
}


/************** New photos */

#main article.NewPhotos {
        display:none;
}

/************** Tumblr Feed */

.tumblr_post {
        background-color:rgba(255,255,255,0.1);
        padding:2em 2em 1em 2em;
        width:90%;
        margin:0.5em auto;
        -moz-box-shadow:1px 3px 8px rgba(0,0,0,0.4); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.4); box-shadow:1px 3px 8px rgba(0,0,0,0.4);
}

.tumblr_posts {
        list-style-type:none;
        padding:0;
}

.tumblr_text_post { }
.tumblr_title {
        font-size: 200%;
        font-family:oswald/v8/cKJn9qYJKRGi7ghmghRZYg.woff;
}
.tumblr_body {  }
.tumblr_body img { height: 300px; }

.tumblr_photo_post { }
.tumblr_photo { height: 300px; }
.tumblr_caption {  }

.tumblr_link_post { }
.tumblr_link {  }
.tumblr_description {  }


/* HTML5 Boilerplate postfix styles - h5bp.com */
.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}
.ir:before{content:"";display:block;width:0;height:150%}
.hidden{display:none !important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}
        a,a:visited{text-decoration:underline}
        a[href]:after{content:" (" attr(href) ")"}
        abbr[title]:after{content:" (" attr(title) ")"}
        .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
        pre,blockquote{border:1px solid #999;page-break-inside:avoid}
        thead{display:table-header-group}
        tr,img{page-break-inside:avoid}
        img{max-width:100% !important}
        @page{margin:.5cm}
        p,h2,h3{orphans:3;widows:3}
        h2,h3{page-break-after:avoid}
}


.rgba .thumbs td,
.rgba .folders td,
.rgba .neighbors a,
#map {
        background-color:rgba(255,255,255,0.6);
        color:#222;
        text-shadow:1px 1px 1px rgba(255,255,255,0.3);
}
.no-rgba .thumbs td,
.no-rgba .folders td,
.no-rgba .neighbors a,
.no-rgba #map {
        background-color:transparent;
        background-image:url(w60.png);
}
.rgba .thumbs td > a:hover,
.rgba .thumbs td > a:focus,
.neighbors a:hover,
.neighbors a:focus,
.folders td:hover {
        background-color:rgba(255,255,255,0.8);
        outline:none;
        color:#000;
}
.folders td > a {
        color:#222;
}
.folders td:hover > a {
        color:#000;
}
.no-rgba .thumbs td > a:hover,
.no-rgba .thumbs td > a:focus,
.no-rgba .neighbors a:hover,
.no-rgba .neighbors a:focus,
.no-rgba .folders td:hover {
        background-color:transparent;
        background-image:url(w80.png);
}
.rgba .thumbs td > a.active,
.no-rgba .thumbs td > a.active {
        background-color:#fff;
}
#main article {
        background-color:rgba(255,255,255,0.8);
}
.no-rgba #main article {
        background-color:transparent;
        background-image:url(w80.png);
}
.folders h4 {
        text-shadow:none;
}
.thumbs td > .caption span.nr {
        font-weight:bold;
        font-style:normal;
        padding:0px 3px;
        color:#222;
        background-color:#fff;
        text-shadow:none;
}


.rgba .scrbar {
        background-color:rgba(0,0,0,0.2);
}
.no-rgba .scrbar {
        background-color:transparent;
        background-image:url(k20.png);
}
.hook-s,
.scrup,
.scrdn {
        background-image:url(pg_w.png);
}

.scrbar div {
        background-color:#f0edec;
}

.startshow,
#main header .title .controls {
        background-color:rgba(255,255,255,0.4);
}
.no-rgba .startshow,
.no-rgba #main header .title .controls {
        background-color:transparent;
        background-image:url(w40.png);
}
#main header .title .controls a {
        background-image:url(controls_w.png);
}
.startshow:hover,
#main header .title .controls:hover {
        background-color:rgba(255,255,255,0.8);
}
.no-rgba .startshow:hover,
.no-rgba #main header .title .controls:hover {
        background-color:transparent;
        background-image:url(w80.png);
}
.starttxt {
        color:#222;
        background-image:url(start_w.png);
}

.rgba .gallery .scrollbox,
.rgba .gallery .bottom .cont {
        background-color:rgba(255,255,255,0.6);
}
.no-rgba .gallery .scrollbox,
.no-rgba .gallery .bottom .cont {
        background-color:transparent;
        background-image:url(w60.png);
}
.rgba.touch .gallery .scrollbox,
.rgba.touch .gallery .bottom .cont,
.rgba .gallery .scrollbox:hover,
.rgba .gallery .bottom .cont:hover {
        background-color:rgba(255,255,255,0.9);
}
.no-rgba .gallery .scrollbox:hover,
.no-rgba .gallery .bottom .cont:hover {
        background-color:transparent;
        background-image:url(w80.png);
}
.rgba .gallery .scrollbox .cont a:hover,
.rgba .gallery .scrollbox .cont a:focus {
        background-color:rgba(0,0,0,0.4);
        outline:none;
}
.no-rgba .gallery .scrollbox .cont a:hover,
.no-rgba .gallery .scrollbox .cont a:focus {
        background-image:url(k40.png);
}
.rgba .gallery .scrollbox .cont a.active {
        background-color:rgba(0,0,0,0.8);
}
.no-rgba .gallery .scrollbox .cont a.active {
        background-color:transparent;
        background-image:url(k80.png);
}
.hook-s,
.gallery .scrollbox .scleft,
.gallery .scrollbox .scright {
        background-image:url(scroll_w.png);
}
.rgba .gallery .bottom .meta b {
        color:rgba(85,85,85,0.5);
}
.no-rgba .gallery .bottom .meta b {
        color:#888;
}


nav.buttons {
        border:1px solid #ccc;
        color:#222;
        background-color:#aaa;
        background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,1)), color-stop(1, rgba(238,238,238,1)));
        background-image:-webkit-linear-gradient(top, rgba(255,255,255,1), rgba(238,238,238,1) );
        background-image:-moz-linear-gradient(top, rgba(255,255,255,1), rgba(238,238,238,1) );
        background-image:-ms-linear-gradient(top, rgba(255,255,255,1), rgba(238,238,238,1) );
        background-image:linear-gradient(top, rgba(255,255,255,1), rgba(238,238,238,1) );
        filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#FFFFFFFF,EndColorStr=#FFDDDDDD);
        -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2); box-shadow:0px 1px 2px rgba(0,0,0,0.2);
}
nav.buttons a {
        color:#444;
        border-left:1px solid #ccc;
        background-image:url(buttons_w.png);
}
nav.buttons a:hover {
        color:#222;
}
nav.buttons a.active {
        color:#222;
        background-color:rgba(0,0,0,0.2);
        border-left-color:#aaa;
}
.no-rgba nav.buttons a.active {
        background-color:#aaa;
}
.gallery .bottom .icon {
        background-image:url(buttons_w.png);
}

.gallery .bottom {
        bottom:-100%;
}