* {
    margin: 0;
    padding: 0;
    font-family: 'Asap', sans-serif;
    font-weight: normal;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

b {
    font-weight: bold; 
}

body {
    background-color: #f5f7fa;
	font-size: 13px;
}

p {
    padding: 5px 0;
}

a { 
	text-decoration: none; 
	color: #26a;
    background: url(img/dot.gif) repeat-x bottom left;
}

a:hover {
    background-image: url(img/line.gif);
}

ul {
    list-style-type: none;
}

h1 a, h2 a {
    color: inherit;
    background: none;
}

h1 a:hover, h2 a:hover {
    background: none;
}

a img { border: 0 }

input, select { padding: 1px 2px }

button { padding: 1px 4px }

header {
    display: block;
    text-transform: uppercase;
    background: #101010;
    border-bottom: 1px solid #3e3e3e;
    height: 48px;
    line-height: 48px;
    white-space: nowrap;
    overflow: hidden;
}

header .logo {
    display: block;
    width: 52px;
    height: 48px;
    background: #000;
    padding: 0 20px;
    background: #000 url('logo-small-black.png') no-repeat center center;
    border-right: 1px solid #1c1c1c;
    user-select: none;
    outline: 0;
}

footer {
    padding: 5px 15px;
    margin-bottom: 10px;
    color: #333;
}

footer ul {
    margin-bottom: 5px;
}

footer li {
    display: inline;
    margin-right: 5px;
}

footer nav {
    display: block;
    text-align: center;
    margin-bottom: 5px;
    font-size: 12px
}

footer .links a {
    color: #4f4f4f; 
    background: none; 
}

footer .links a:hover {
    color: #2d2d2d; 
}

section {
    display: block;
}

header nav {
    display: block;
}

header ul.left li {
    padding-left: 20px;
}
header ul.right li {
    padding-right: 10px;
}
header li {
    display: inline-block;
}
header ul a {
    color: #ededed;
    font-weight: bold;
    text-decoration: none;
}
header ul a.special1 {
    color: #88ee99;
}
header ul a.special2 {
    color: #ee8888;
}
header ul a.special3 {
    color: #8888ee;
}
header ul.left a {
    background: none;
}
header ul.left a:hover {
    color: #fefefe;
}
header ul.right a {
    border: 1px solid #3e3e3e;
    background: #1c1c1c;
    padding: 5px 10px;
}
header ul.right a:hover {
    border: 1px solid #4f4f4f;
    background: #2d2d2d;
}
header ul a.special1:hover {
    color: #99ff99;
}
header ul a.special2:hover {
    color: #ff9999;
}
header ul a.special3:hover {
    color: #9999ff;
}

main {
    display: block;
    background: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #e5e7e9;
}

    main .navi {
        margin: 5px 0;
        text-align: center;
        font-size: 14px;
    }

    main .search {
        margin: 5px 0 10px;
        text-align: center;
    }

        main .search input, main .search button {
            font-size: 13px;
        }

        main .search input {
            width: 400px;
            padding: 1px 2px;
        }


a.active {
    background: none;
    text-decoration: none; 
    font-weight: bold;
    color: #333;
}

.left { float: left }
.right { float: right }
.clear { clear: both }
.clear-left { clear: left  }
.center { text-align: center }

.breadcrumb { margin-bottom: 5px; }

h1, h2 {
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 5px;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 24px; 
}

h1.i-register {
    background-image: url('img/icons/32/person.png');
}

h1.i-login {
    background-image: url('img/icons/32/keys.png');
}

h1.i-home {
    background-image: url('img/icons/32/home.png');
}

h1.i-preferences {
    background-image: url('img/icons/32/preferences.png');
}

h1.i-mail {
    background-image: url('img/icons/32/mail.png');
}

h1.i-adult {
    background-image: url('img/icons/32/face-devil.png');
}

h1.i-xmas {
    background-image: url('img/icons/32/present.png');
}

h1.i-forum {
    background-image: url('img/icons/32/forum.png');
}

h1.i-register, h1.i-login, h1.i-home, h1.i-preferences, h1.i-mail, h1.i-adult, h1.i-xmas, h1.i-forum {
    padding-left: 40px;
    line-height: 32px;
    background-position: left center;
    background-repeat: no-repeat;
}

h2.i-sorry {
    background-image: url('img/icons/32/face-embarrassed.png');
}

h2.i-success {
    background-image: url('img/icons/32/success.png');
}

h2.i-error {
    background-image: url('img/icons/32/error.png');
}

h2.i-sorry, h2.i-success, h2.i-warning, h2.i-error {
    padding-left: 40px;
    line-height: 32px;
    background-position: left center;
    background-repeat: no-repeat;
}

.form input[type="text"], textarea {
    display: block;
    width: 400px;
    padding: 1px 2px;
    font-size: 13px;
}

.form .empty {
    color: #ccc;
}

.form textarea {
    height: 100px;
}

.form button {
    display: block;
}

.upload, .edit {
    text-align: center;
}

    .upload .error, .edit .error {
        font-weight: bold;
        font-size: 120%;
        margin-bottom: 5px; 
        color: red;
    }

.content {
    margin: 0 auto;
    width: 730px;
}

.welcome {
    position: relative;
    background: #333;
    width: 716px;
    padding: 7px;
    margin-bottom: 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .welcome .fb-like {
        position: absolute;
        left: 110px;
        bottom: 15px;
        border: none;
        overflow: hidden;
        width: 375px;
        height: 21px;
    }

    .welcome .google-like {
        position: absolute;
        left: 17px;
        bottom: 16px;
        border: none;
        overflow: hidden;
    } 

    .welcome .title {
        text-transform: uppercase;
        letter-spacing: 5px;
        font-size: 18px;
        position: absolute;
        top: 2px;
        left: 7px;
        height: 40px;
        padding: 0 12px;
        line-height: 40px;
        background: #333;
        color: #fff;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .welcome .left, .welcome .right {
        background: #fff;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .welcome .left {
        padding: 40px 10px 10px;
        width: 415px;
        height: 265px;
    }

    .welcome .right {
        width: 264px;
        height: 305px;
        padding: 5px;
    }

.forum {
    font-size: 13px;
}

    .forum .topics, .forum .topic {
        background: #333;
        width: 720px;
        padding: 5px;
        margin-top: 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

        .forum .topics ul, .forum .topic ul {
            display: block;
            background-color: #fff;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            margin: 2px;
            padding: 5px 1px;
        }

            .forum .topics li, .forum .topic li {
                position: relative;
                margin: 1px 5px;
            }

            .forum .topics .link:hover {
                background: #def;
            }

            .forum .topics .actions {
                margin: 4px 5px 10px;
            }

            .forum .topics .posts {
                position: absolute;
                right: 0;
                top: 0;
            } 

            .forum .topic .actions {
                margin: 10px 5px;
            }

            .forum .topics .form, .forum .topic .form {
                margin: 10px 5px;
            }

            .forum .topic p {
                border-top: 1px dashed #a6a6a6;
                margin-top: 3px;
                padding: 2px 0 0 5px;
            }

            .forum .topics a {
                display: block;
                color: #048;
                background: none;
            }

            .forum .topics .icon a:hover {
                color: #333;
            }

#comments, #leaderboards {
    margin: 10px auto;
}

#comments form, #channel-comments form {
    margin-bottom: 5px;
}

    ul.comments li, ul.scores li {
        display: block;
    }

    ul.comments .head, ul.scores .head {
        padding: 2px 0;
        border-bottom: 1px dashed #a6a6a6;
    }

    ul.comments p, ul.scores p {
        margin-left: 5px;
        line-height: 16px;
    }

    ul.comments .rate {
        display: block;
    }

    ul.comments .thumb {
        display: block;
        width: 16px;
        height: 16px;
    }

        ul.comments .thumb span {
            display:none;
        }

    ul.comments .thumb-up {
        background: transparent url(img/thumbs.gif) 0 0 no-repeat;
    }

    ul.comments .thumb-down {
        background: transparent url(img/thumbs.gif) -16px 0 no-repeat;
    }

    ul.comments .thumb:hover {
        filter:alpha(opacity=90);
        -moz-opacity:0.9;
        -khtml-opacity: 0.9;
        opacity: 0.9;
    }

.game-rating .thumb, .game-buttons .thumb {
    display: block;
    width: 24px;
    height: 24px;
}

    .game-rating .thumb span, .game-buttons .thumb span {
        display:none;
    }

.game-rating .thumb-up, .game-buttons .thumb-up {
    background: transparent url(img/thumbs-large.gif) 0 0 no-repeat;
}

.game-rating .thumb-down, .game-buttons .thumb-down {
    background: transparent url(img/thumbs-large.gif) -24px 0 no-repeat;
}

.game-buttons .thumb:hover {
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

ul.games {
    position: relative;
    background: #333;
    width: 720px;
    padding: 5px;
    margin: 5px auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

ul.games.with-top {
    margin-top: 25px;
}

    ul.games li.pagination {
        position: absolute;
        top: -20px;
        left: 0;
    }

    ul.games li.title {
        position: absolute;
        top: -20px;
        right: 0;
        line-height: 24px;
        width: 90px;
        height: 27px;
        background: #333;
        text-align: center;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        color: #fff;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 1px;
    }

    ul.games li.game {
        display: block;
        position:relative;
        width: 138px;
        background-color: #ccc;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 2px;
        padding: 1px;
    }

        ul.games li.game a {
            display: block;
            text-decoration: none;
            background: none;
            white-space: nowrap;
            width: inherit;
            height: inherit;
            color: #0066cc;
        }

        ul.games li.game a:hover {
            color: #333;
        }

        ul.games li.game a.download {
            position: absolute;
            top: 10px;
            right: 10px;
            display: block;
            width: 32px;
            height: 32px;
            padding: 2px;
            background: rgba(255,255,255,0.9);
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }

        ul.games li.game a.download:hover {
            background: rgba(255,255,255,1.0);
        }

            ul.games li.game .thumb, ul.games li.game .title {
                display: block;
                background-color: #fff;
            }

            ul.games li.game .thumb {
                background: #fff no-repeat center center;
                padding: 5px;
                width: 128px;
                height: 96px;
                -moz-border-radius: 5px 5px 0 0;
                -webkit-border-radius: 5px 5px 0 0;
                border-radius: 5px 5px 0 0;
            }

            ul.games li.game .title {
                padding: 0 4px 3px;
                width: 130px;
                font-weight:bold;
                font-size: 13px;
                overflow: hidden;
                -moz-border-radius: 0 0 5px 5px;
                -webkit-border-radius: 0 0 5px 5px;
                border-radius: 0 0 5px 5px;
            }

            ul.games li.game .description {
                display: none;
            }

div#game-comments a, div#game-scores a, div#latest-scores a, div#latest-comments a {
    background: none;
}

#flash-game, #iframe-game {
    position: relative;
    margin: 0 auto;
    background-color: #000;
}

#object {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}

.upload #object {
    position: static;
}

iframe#object {
    overflow: hidden;
}

#curtain {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0,0,0,0.96);
    cursor:pointer;
}

div#loader {
    width:0;
    height: 10px;
    background-image:url('img/loader-bg.gif');
    background-repeat:repeat-x;
}

div.game-top-bar {
    line-height: 25px;
    margin: 0 10px 10px;
}

div.game-top-bar h1.game-title {
    margin: 0 0 0 10px;
    line-height: 30px;
    font-size: 24px;
    color: #333;
}

a.sharex-button {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 2px;
    background: url('img/icons/share.png'); 
    text-decoration:none;
}

    a.sharex-delicious {
        background-position: 0 0;
    }

    a.sharex-delicious:hover {
        background-position: 0 30px;
        text-decoration:none;
    }

    a.sharex-digg {
        background-position: -30px 0;
    }

    a.sharex-digg:hover {
        background-position: -30px 30px;
        text-decoration:none;
    }

    a.sharex-facebook {
        background-position: -60px 0;
    }

    a.sharex-facebook:hover {
        background-position: -60px 30px;
        text-decoration:none;
    }

    a.sharex-googlebookmark {
        background-position: -90px 0;
    }

    a.sharex-googlebookmark:hover {
        background-position: -90px 30px;
        text-decoration:none;
    }

    a.sharex-reddit {
        background-position: -120px 0;
    }

    a.sharex-reddit:hover {
        background-position: -120px 30px;
        text-decoration:none;
    }

    a.sharex-stumbleupon {
        background-position: -150px 0;
    }

    a.sharex-stumbleupon:hover {
        background-position: -150px 30px;
        text-decoration:none;
    }

    a.sharex-twitter {
        background-position: -180px 0;
    }

    a.sharex-twitter:hover {
        background-position: -180px 30px;
        text-decoration:none;
    }

div.game-buttons {
    width: 728px; 
    margin: 5px auto 0;
}

.left .game-button {
    margin-right: 4px;
}

.game-button, .forum-button {
    display: inline;
    background: #0099ff;
    background: -moz-linear-gradient(top, #0099ff 0%, #0077dd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099ff), color-stop(100%,#0077dd));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099ff', endColorstr='#0077dd',GradientType=0 );
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    color: #fff;
    padding: 4px 8px;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-shadow:0 -1px 0 rgba(0,0,0,0.4);
    border: 1px solid #0077dd;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.bump.game-button {
    background: #ee00ee;
    background: -moz-linear-gradient(top, #ee00ee 0%, #cc00cc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee00ee), color-stop(100%,#cc00cc));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee00ee', endColorstr='#cc00cc',GradientType=0 );
    border: 1px solid #cc00cc;
}

.download.game-button, .purchase.game-button {
    background: #33bb00;
    background: -moz-linear-gradient(top, #33bb00 0%, #119900 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33bb00), color-stop(100%,#119900));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33bb00', endColorstr='#119900',GradientType=0 );
    border: 1px solid #119900;
}

    .game-button:hover, .forum-button:hover {
        filter:alpha(opacity=90);
        -moz-opacity:0.9;
        -khtml-opacity: 0.9;
        opacity: 0.9;
    }

.game-info {
    width: 728px; 
    margin: 0 auto;
}

    ul.pagination li, ul.game-pagination li {
        float: left;
        height: 19px;
        line-height:19px;
        margin: 0 2px;
        padding: 0;
        background-color: #666666;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
        ul.pagination li a, ul.game-pagination li a {
            background: none;
            color: #fff;
            padding: 0 10px;
            font-size: 12px;
        }
    ul.pagination li.current, ul.game-pagination li.current, ul.pagination li:hover, ul.game-pagination li:hover {
        background: #333333;
    }
    ul.pagination li.plain, ul.game-pagination li.plain {
        background: none;
    }

.popup {
    display:none;
    background: #fff;
    padding: 5px;
    border: 7px solid #333333;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .popup .close {
        position: absolute;
        top: 5px;
        right: 5px;
        padding: 4px 8px;
        background-color: #333333;
        color: #fff;
        font-size: 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        cursor:pointer;
    }

    .popup .close:hover {
        background-color: #444444;
    }

.fortune {
    display: block;
    width: 128px;
    height: 128px;
    margin: 0 auto;
}

.fortune-1 {
    background: transparent url(img/8ball.png) 0 0 no-repeat;
}

.fortune-2 {
    background: transparent url(img/8ball.png) -128px 0 no-repeat;
}

.fortune-3 {
    background: transparent url(img/8ball.png) -128px -128px no-repeat;
}

.fortune-4 {
    background: transparent url(img/8ball.png) 0 -128px no-repeat;
}