@charset "utf-8";

body, div, p, ul, ul li, table, form, dl, h1, h2, h3, h4, h5, h6, dl, dt, dd {
        margin:0;
        padding:0;/*
        outline:1px solid #ccc;*/
}
body {
        position:relative;
        font-family:'Lucida Sans','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif,'Trebuchet MS';
        font-size:12px;
        background-color:#000;
        color:#999;
}
a {
        color:#ff3300;
        text-decoration:none;
        border:0;
        outline:none;
}
a:hover {
        color:#fe897f;
}
a img {
        border:0;
        outline:none;
}
ul {
        list-style:none;
}
.clear {
        clear:both;
}
.hide {
        display:none;
}

/************************ Hints */

#hint {
        display:none;
        position:absolute;
        left:0;
        top:0;
        padding:8px 10px;
        max-width:200px;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        border:3px solid #ddd;
        background-color:#666666;
        color:#fff;
        z-index:99999;
}
#hint b {
        margin-bottom:4px;
}
#hint small {
}
#hint span {
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
        background-color:#000;
        font-weight:bold;
        padding:1px 3px;
        color:#ddd;
}

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

#header {
        height:130px;
        background-image:url(hdbg.png);
        background-repeat:repeat-x;
        background-position:0 0;
        background-color:#666666;
}
#header .cont {
        position:relative;
        width:940px;
        height:130px;
        margin:0 auto;
        overflow:hidden;
}
#header #club1,
#header #club2 {
        position:absolute;
        top:0;
        width:330px;
        height:130px;
        overflow:hidden;
}
#header #club1 {
        left:0;
}
#header #club2 {
        right:0;
}
#header #club1 a,
#header #club2 a {
        display:block;
        line-height:130px;
}
#header #club1 a img,
#header #club2 a img {
        max-width:330px;
        max-height:130px;
}
#header #title {
        position:absolute;
        top:25px;
        left:130px;
        right:130px;
        height:55px;
        overflow:hidden;
}
#header #title h1 {
        line-height:55px;
        font-size:32px;
        font-weight:normal;
        color:#fff;
        text-align:center;
}
#header #breadcrumb {
        position:absolute;
        top:80px;
        left:140px;
        right:140px;
        height:25px;
        overflow:hidden;
        line-height:25px;
}
#header #breadcrumb a {
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
        padding:2px 5px;
}
#header  #breadcrumb a.user {
        background-color:#eee;
}
#header #breadcrumb a:hover {
        background-color:#ff3300;
        color:#fff;
}
#header #breadcrumb span {
        padding:6px 12px;
        background-image:url(pathsep.png);
        background-repeat:no-repeat;
        background-position:center center;
}

/************************ Images */

#images {
        height:400px;
        background-image:url(bg.png);
        background-repeat:repeat-x;
        background-position:top center;
}
#images .cont {
        position:relative;
        width:1020px;
        height:400px;
        margin:0 auto;
        overflow:hidden;
}
#images ul {
        position:absolute;
        left:-240px;
        top:0;
        height:400px;
        width:2040px;
}
#images ul li {
        float:left;
        display:inline;
        position:relative;
        width:480px;
        height:400px;
        background-position:center center;
        background-repeat:no-repeat;
        margin-right:30px;
        text-align:center;
}
#images ul li img.original {
        cursor:pointer;
}
#images .caption {
        position:absolute;
        display:none;
        left:15px;
        right:15px;
        top:335px;
        height:65px;
        overflow:hidden;
        text-align:left;
        z-index:99;
}
#images .caption h3 {
        margin:0 0 6px 0;
        color:#fff;
        font-size:14px;
}
#images .caption p {
        margin:0 0 6px 0;
}
#images .caption p.meta {
        font-size:10px;
}
#images .caption p.meta b {
        color:#ddd;
}
#images #left,
#images #right {
        position:absolute;
        top:0;
        width:240px;
        bottom:0;
        background-repeat:repeat-y;
}
#images #left {
        left:0;
        z-index:91;
}
#images #right {
        right:0;
        z-index:92;
}
#images #left img,
#images #right img {
        width:240px;
        height:800px;
        cursor:pointer;
}
/************************ Thumbs */

#thumbs {
        position:relative;
        height:100px;
        width:940px;
        margin:0 auto;
}
#thumbs #thumbbg {
        top:0;
        bottom:0;
        left:40px;
        right:40px;
        position:absolute;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        background-color:#222;
        z-index:1;
}
#thumbs #thumbcnt {
        position:absolute;
        top:0;
        left:45px;
        right:45px;
        height:100px;
        overflow:hidden;
        z-index:2;
}
#thumbs #thumbcnt ul.thmb {
        position:absolute;
        left:0;
        top:5px;
        height:90px;
}
ul.thmb li {
        float:left;
        display:inline;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
        width:130px;
        height:90px;
        line-height:80px;
        background-image:url(load.gif);
        background-repeat:no-repeat;
        background-position:center center;
}
ul.thmb li:hover {
        background-color:#ccc;
}
ul.thmb li.active {
        background-color:#000;
}
ul.thmb li.folder,
ul.thmb li.folderi {
        background-image:url(folder100.png);
        background-repeat:no-repeat;
        background-position:center center;
        text-align:center;
}
ul.thmb li a {
        display:block;
        position:relative;
        padding:5px;
}
ul.thmb li.image a img {
        width:120px;
        height:80px;
}
ul.thmb li.folder a img {
        width:auto;
        height:auto;
        max-width:120px;
        max-height:80px;
        /*margin-top:10px;*/
}
ul.thmb li.folderi a img {
        width:auto;
        height:auto;
        max-width:60px;
        max-height:40px;
        margin-top:20px;
}
ul.thmb li a span {
        display:block;
        padding-top:5px;
        text-align:center;
        color:#000;
        font-size:14px;
        font-weight:bold;
}
#thumbs #scroll-left,
#thumbs #scroll-right {
        position:absolute;
        top:10px;
        width:30px;
        height:80px;
        background-repeat:no-repeat;
        background-position:0 center;
}
#thumbs #scroll-left {
        left:0;
        background-image:url(left.png);
}
#thumbs #scroll-right {
        right:0;
        background-image:url(right.png);
}
#thumbs #scroll-left:hover,
#thumbs #scroll-right:hover {
        background-position:-30px center;
        cursor:pointer;
}
#thumbs #thleft,
#thumbs #thright {
        position:absolute;
        top:0;
        width:100px;
        bottom:0;
}
#thumbs #thleft {
        left:40px;
        z-index:93;
}
#thumbs #thright {
        right:40px;
        z-index:94;
}
#thumbs #thleft img,
#thumbs #thright img {
        width:100px;
        height:100px;
}

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

#footer {
        margin:0 auto;
        width:940px;
        height:40px;
        line-height:40px;
        text-align:center;
        font-size:10px;
        color:#666;
}
#footer a {
        font-size:12px;
}

/************************ Help */

#help {
        display:none;
        position:absolute;
        left:0;
        top:0;
        right:0;
        bottom:0;
        overflow:hidden;
        z-index:9999;
}
#help .window {
        position:relative;
        width:320px;
        min-height:210px;
        max-height:80%;
        margin:160px auto 0 auto;
        padding:20px 20px 20px 360px;
        -moz-border-radius:12px;
        -webkit-border-radius:12px;
        border-radius:12px;
        border:3px solid #444;
        background-color:#000;
        background-image:url(help.jpg);
        background-repeat:no-repeat;
        background-position:20px 20px;
}
#help .window .close {
        position:absolute;
        right:4px;
        top:4px;
        width:20px;
        height:20px;
}
#help .window .close a {
        display:block;
        line-height:20px;
        background-image:url(close.png);
        background-repeat:no-repeat;
        background-position:-20px 0;
}
#help .window img.main {
        position:absolute;
        left:20px;
        top:20px;
}
#help .window h2 {
        color:#fff;
}
#help .window ol {
        padding-left:30px;
}
#help .window ol li {
        margin:10px 10px 10px 0;
}
#help .window em {
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
        padding:2px 5px;
        margin:0 5px;
        background-color:#333;
        font-style:normal;
        color:#fff;
        font-size:10px;
        white-space:nowrap;
}
#help .window b {
        font-weight:normal;
        color:#fff;
}