/* * * * * * * * * * * * * * * * * * * * * * * * * *
 * LanCraft website v.3 css layout.                *
 *                                                 *
 * @author: sKopheK                                *
 * @email: skophek@lancraft.cz                     *
 * * * * * * * * * * * * * * * * * * * * * * * * * */

.yui-t2 #yui-main .yui-b
{
    margin-left: 0;
}

#intro
{
    background: url(../img/intro_dwarf.jpg) no-repeat top right;
    float: left;
    position: relative;
}

#intro #welcome
{
    margin-bottom: 1.5em;
    clear: left;
    padding: 1em;
    border: 1px solid #602001;
    position: relative;
    background: url(../img/bg_intro.jpg) no-repeat 50% 50%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#intro #welcome p
{
    margin-top: 1em;
}

#contents .events
{
    margin-top: 1.5em;
}

#contents .events ul
{
    clear: both;
    margin: 0 0 0 10px;
    padding: 0;
}

#contents .events ul li
{
    float: left;
    font-weight: bold;
}

#contents .events .event
{
    position: relative;
    width: 300px;
    height: 150px;
    margin-left: 10px;
    color: #fff;
    text-align: center;
    display: inline;
}

#contents .events .event h2
{
    display: none;
}

#contents .events ul.reg_allowed .event
{
    display: block;
    float: none;
    width: auto;
    height: auto;
    clear: both;
    list-style-type: none;
}

#contents .events h3
{
    font-size: 130%;
}

#contents .events ul.reg_allowed .event a img
{
    float: left;
}

#contents .events ul.reg_allowed .event h3
{
    font-size: 200%;
    float: left;
    margin: 0 200px 0 2em;
    display: block;
}

#contents .events ul.reg_allowed .event  ul.games
{
    clear: none;
    display: block;
    text-align: left;
    list-style-type: none;
    float: left;
    margin: 20px 40px;
}

#contents .events ul.reg_allowed .event ul.games li
{
    display: block;
    margin-top: .2em;
    font-size: 120%;
    clear: left;
}

#contents .events ul.reg_allowed .event ul.games li a
{
    font-weight: normal;
    font-size: 95%;
    *line-height: 1.4em;                                                /* IE6&7 */
}

#contents .events ul.reg_allowed .event ul.games li a img
{
    margin-right: .5em;
    margin-top: .1em;
}

#contents .events ul.reg_allowed .event ul.games li h3
{
    font-size: 100%;
    float: left;
    margin: 0;
    display: inline;
}

#contents #event-separator
{
    clear: both;
    border-top: 1px solid #cf6606;
    text-align: right;
    padding: .3em .5em .3em 0;
    color: #cf6606;
    font-size: 175%;
    font-variant: small-caps;
    margin-bottom: .5em;
    margin-top: 1em;
}

#gallery-scroll
{
    position: absolute;
    top: 3px;
    left: 2px;
    overflow: hidden;
    width: 3000px;
}

#gallery-scroll li
{
    float: left;
    margin-right: 2px;
    width: 267px;
}

#gallery-scroll li img
{
    display: block;
    margin: 0 auto;
}

#gallery-scroll li.first,
#gallery-scroll li.last
{
    width: 267px;
    height: 200px;
    background: url(../img/scroll_edges.png) repeat-y top left #000;
}

#gallery-scroll li.last
{
    background-position: top right;
}