body {
    margin: 0;
    padding: 0;
    text-align: center;
    background: #131313;
    font-family: Tahoma,Verdana,sans-serif;
    color: #fff;
    font-size: 12px;
}

a {
    color: #fff;
}

ul, ol {
    margin: 0px;
    padding: 0px;
}

div#page {
    width:1024px;
    height: auto;
    margin: auto;
    background: #131313;
    text-align: left;
    background-position: 0px 400px;
}

div#header {
    width: inherit;
    height: 130px;
    background: url(../im/header_bg.png) no-repeat #131313;
}

div#header form {
    margin: 5px 0px;
    float:right;
}

div#logo {
    width:180px;
    height: 80px;
    float: left;
    margin: 15px 0px 0px 85px;
}

div#loginBox {
    width: 500px;
    height: 67px;
    float: right;
    margin: 15px 32px 0px 0px;
}

div#header input.text {
    background: transparent;
    width: 105px;
    height: 24px;
    margin-left: 10px;
    line-height: 24px;
    color: #fff;
    font-weight: bold;
    border: none;
}

div.input-label {
    background: url(../im/input_bg.png) no-repeat right top transparent;
    width: 162px;
    float: left;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin-left: 10px;
}

input.submit-button {
    width: 70px;
    height: 24px;
    border: none;
    cursor: pointer;
    margin-left: 6px;
}

div#header input.login-button {
    background: url(../im/login_button.png) no-repeat;
}

div#header input.search-button {
    background: url(../im/search_button.png) no-repeat;
}

div#header input.search {
    margin-left: 5px;
}

div#searchBox {
    width: 295px;
    height: 36px;
    float: right;
    margin: 0px 32px;
}

/* menu without submenu */
div.menu {
    height: 36px;
    width: 960px;
    margin: 0px 32px;
}

div.menu div.left-side-menu, div.menu div.right-side-menu {
    width: 8px;
    height: 36px;
    background: url(../im/left_side_without_submenu.png);
    float: left;
}

div.without-sub-menu div.middle-menu {
    width: 944px;
    height: 36px;
    background: url(../im/menu_without_submenu_bg.png);
    float: left;
}

div.without-sub-menu div.right-side-menu {
    background: url(../im/right_side_without_submenu.png);
}
/* end */

/* menu with submenu */
div.with-sub-menu {
    height: 58px;
}

div.with-sub-menu div.left-side-menu, div.with-sub-menu div.right-side-menu {
    height: 58px;
    background: url(../im/left_side_with_submenu.png);
}

div.with-sub-menu div.middle-menu {
    height: 58px;
    width: 944px;
    background: url(../im/menu_with_submenu_bg.png);
    float: left;
}

div.with-sub-menu div.right-side-menu {
    background: url(../im/right_side_with_submenu.png);
}

div.with-sub-menu div#sub-menu {
    font-size: 10px;
    font-weight: bold;
    line-height: 22px;
    padding: 0px 0px;
    text-align: center;
    color: #333;
}

div.with-sub-menu div#sub-menu ul {
    text-align: center;
}

div.with-sub-menu div#sub-menu ul li {
    display: inline;
    list-style: none;
    color: #aaa;
}

div.with-sub-menu div#sub-menu a {
    text-decoration: none;
    color: #333;
}

div.with-sub-menu div#sub-menu a:hover {
    text-decoration: underline;
}

div.with-sub-menu div#sub-menu a.active {
    text-decoration: underline;
}
/* end */

/* menu common */
div.menu a.main-button {
    display: block;
    height: 35px;
    width:auto;
    float: left;
    line-height: 36px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 22px;/*zmienić 22 na 23 dla Windowsa*/
    color: #fff;
}

div.menu a.main-button:hover, div.menu div#main-menu a.active {
    background: url(../im/menu_with_sub_active_bg.png);
}
/* end */

span.link-spacer {
    margin: 0px 3px;
    margin-left: 4px;
}

div#banner {
    text-align: center;
    width: 960px;
    /*	height: 100px;
	margin: 20px 135px;*/
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

div#recommended {
    width: 960px;
    height: 190px;
    margin: 20px 32px;
    overflow: hidden;
}

div#recommended div#go-left a,
div#recommended div#go-right a {
    display: block;
    width: 18px;
    height: 21px;
    background: url(../im/left_arrow3.png) no-repeat;
    text-decoration: none;
    margin: 85px 0px 0px 10px;
}

div#recommended div#go-left a:hover,
div#recommended div#go-right a:hover {
    background-position: 0px -21px;
}

div#recommended div#go-right a {
    background: url(../im/right_arrow3.png) no-repeat;
    margin-left: 20px;
}

div.container {
    width: 1024px;
    height: auto;
    margin: 10px 0px;
}

div.clear {
    clear: both;
}

div#footer {
    width: 100%;
    height: 206px;
    margin: 0px 0px;
    color: #989898;
    background: #131313;
    font-family: Arial, Tahoma;
    font-weight: bold;
    font-size: 11px;
}

div#footer div.line {
    width: 1024px;
    height: 1px;
    font-size: 1px;
    margin: 15px 0px;
    clear: both;
    background: url(../im/line.png);
}

div#footer p {
    margin: 5px 0px 0px 0px;
    padding:0px 32px;
}

div#footer a {
    text-decoration: none;
    color: #989898;
    font-weight: bold;
}

div#footer a:hover {
    text-decoration: underline;
}

div#footer p#popular-games {
    text-align: center;
}

div#footer p#copyright {
    
    margin-bottom: 0px;
    text-align: center;
}

html>body div#footer p#copyright {
    margin-bottom: 15px;
}

div#footer div#rotation-links {
    text-align: center;
    font-weight: normal;
    color: #444;
}

div#footer div#rotation-links a {
    font-weight: normal;
    font-size: 11px;
    color: #444;
}

div#footer p.footer-menu {
    text-align: center;
}

/* carousel */
div#recommended ul {
    list-style: none;
    width: 1500px;
    padding: 0px;
    margin: 0px;
    /*position: relative;*/
}

div#recommended li {
    float: left;
    margin-right: 58px;
    height: 142px;
}

div#recommended li img {
    height: 137px;
    width: 229px;
    border: solid 2px #fff;
}

div#carousel-recommended {
    height: 190px;
    width: 820px !important;
    float: left;
    background: transparent url(../im/reccomend_bg.png) repeat-x scroll 0 0;
    overflow: hidden;
}

div#carousel-recommended h4 {
    width: 100%;
    font-family: "Myriad Pro", Arial, Tahoma;
    margin: 6px 0px 2px 0px;
    font-size: 13px;
    font-weight: 700;
    color: #c0c0c0;
}

div#carousel-recommended div.img-about{
    position: relative;
    top: -32px;
    text-align: center;
    text-decoration: none;
    background: url(../im/shadow_effect.png);
    width: 223px;
    margin-left: 2px;
    padding: 7px 3px;
}

div#carousel-recommended div.img-about a{
    text-decoration: none;
    font-size: 10px;
}

div#recommended div.left-side, div#recommended div.right-side {
    width: 16px;
    height: 100%;
    background: url(../im/left_recommended_bg.png) no-repeat;
    float: left;
}

div#recommended div.right-side {
    background: url(../im/right_recommended_bg.png) no-repeat;
}

div#recommended div#go-left, div#recommended div#go-right {
    width: 54px;
    height: 100%;
    float: left;
    background: transparent url(../im/reccomend_bg.png) repeat-x scroll 0 0;
}
/* end */

div.container div#main-content {
    width: 600px;
    height: auto;
    margin: 0px 10px;
    float: left;
}
/* content on home-page */
div.home-page div#main-content {
    width: 370px;
    height: auto;
    margin: 0px 10px;
    float: left;
}

div.container div#main-content div.top {
    width:inherit;
    height:19px;
    background: url(../im/box_top_bg_600.png);
}

div.home-page div#main-content div.top {
    width:inherit;
    height:19px;
    background: url(../im/box_top_bg_370.png);
}

div.container div.middle {
    width: inherit;
    background: url(../im/box_bg_600.png) repeat-y;
}

div.container div.wide {
    width: inherit;
    background: url(../im/box_bg_960.png) repeat-y;
}

div.container div.wide {
    width:100%;
}

div.container div.wide div.top {
    width: inherit;
    height:19px;
    background: url(../im/box_top_bg_960.png) !important;
}

div.container div.wide div.middle {
    width: 1024px;
    background: url(../im/box_bg_960.png) repeat-y;
}

div.container div#main-content div.bottom {
    width:inherit;
    height:20px;
    background: url(../im/box_bottom_bg_600.png);
}

div.home-page div#main-content div.bottom {
    width: inherit;
    height: 19px;
    background: url(../im/box_bottom_bg_370.png);
}

div.container div#main-content ul li {
    margin: 0px;
    list-style: none;
}

div.container div#main-content ul.content-list li {
    clear: both;
}

div.container div#main-content div.middle div.news {
    clear: both;
}

div.container div#main-content div.middle div.news div.header {
    font-weight: bold;
    font-family: Verdana, Tahoma;
    color: #000;
    padding: 20px 12px 0px 12px;
    background: url(../im/content_separator_bg.png) repeat-x;
}

div.container div#main-content div.middle div.first div.header,
div.container div#left-column div.middle div.box:first-child div.header,
div.container div#right-column div.middle div.box:first-child div.header {
    background: none !important;
    padding-top: 0px !important;
    margin-top: 0px !important;
}

div.container div#main-content div.middle div.header h1,
div.container div#main-content div.middle div.header h2,
div.container div#main-content div.middle div.header h4 {
    margin: 0px;
    font-size: 22px;
}

div.container div#main-content div.middle div.header h5 {
    margin: 5px 0px;
    font-size: 15px;
}

div.container div#main-content div.middle div.header a {
    color: #DDD;
    text-decoration: none;
}

div.container div#main-content div.middle div.first div.header h1 {
    margin: 0px;
}

div.container div#main-content div.middle>div.footer {
    height: 30px;
    background: url(../im/content_separator_bg.png) repeat-x;
    clear: both;
    margin-top: 10px;
    padding: 12px 14px 0px 12px;
}

div.container div#main-content div.footer ul.paging {
    margin: 0px;
    float: right;
}

div.container div#main-content div.footer li {
    float: left;
    list-style: none;
    line-height: 12px;
    height: 12px;
    padding: 0px 2px;
}

div.container div#main-content div.footer li.first,
div.container div#main-content div.footer li.last,
div.container div#main-content div.footer li.previous,
div.container div#main-content div.footer li.next {
    width: 12px;
    height: 12px
}

div.container div#main-content div.footer li.previous a,
div.container div#main-content div.footer li.next a,
div.container div#main-content div.footer li.last a,
div.container div#main-content div.footer li.first a{
    text-decoration: none;
    display: block;
}

div.container div#main-content div.footer li.previous a.nav {
    background: url(../im/left_arrow.png) 0px 1px;
}

div.container div#main-content div.footer li.previous a.nav:hover {
    background: url(../im/left_arrow.png) 0px -12px;
}

div.container div#main-content div.footer li.previous a.una {
    background: url(../im/left_arrow.png) 0px -23px;
}

div.container div#main-content div.footer li.next a.nav {
    background: url(../im/right_arrow.png) 0px 1px;
}

div.container div#main-content div.footer li.next a.nav:hover {
    background: url(../im/right_arrow.png) 0px -12px;
}

div.container div#main-content div.footer li.next a.una {
    background: url(../im/right_arrow.png) 0px -23px;
}

div.container div#main-content div.footer li.first a {
    background: url(../im/go_to_beginning.png) 0px 1px;
}

div.container div#main-content div.footer li.first a:hover {
    background: url(../im/go_to_beginning.png) 0px -12px;
}

div.container div#main-content div.footer li.first a.una {
    background: url(../im/go_to_beginning.png) 0px -23px;
}

div.container div#main-content div.footer li.last a {
    background: url(../im/go_to_end.png) 0px 1px;
}

div.container div#main-content div.footer li.last a:hover {
    background: url(../im/go_to_end.png) 0px -12px;
}

div.container div#main-content div.footer li.last a.una {
    background: url(../im/go_to_end.png) 0px -23px;
}

div.container div#main-content div.info p.published,
div.container div#main-content div.info p.comments,
div.container div#main-content p.tags {
    font-size: 11px;
    font-family: Arial, Verdana, Tahoma;
    color: #6a6a6a;
    padding: 0px 12px;
    font-weight: bold;
    float: left;
    margin: 10px 0px;
}

div.container div#main-content div.info p.comments {
    float: right;
    height: 28px;
    line-height: 28px;
    background: url(../im/clouds.png) no-repeat;
    background-position: left center;
    padding-left: 30px;
}

div.container div#main-content div.middle div.news p.tags {
    margin-bottom: 0px;
}

div.container div#main-content div.middle div.news span.label {
    font-weight: normal;
    color: #a1a1a1;
}

div.container div#main-content div.middle div.news a img {
    text-decoration: none;
    border: 3px solid #555;
    margin-left: 12px;
    max-width: 570px;
}

div.container div#main-content p.tags {
    clear: both;
    float: none;
}

div.container div#main-content div.middle div.news div.article-text {
    color: #c0c0c0;
    font-size: 12px;
    font-family: Arial, Tahoma;
    text-align: justify;
    clear: both;
    padding: 12px 14px 20px 12px;
}

div.container div#main-content div.middle div.news a.read-more {
    font-weight: bold;
    font-family: Arial, Tahoma;
    text-decoration: none;
    color: #8f0202;
    font-size: 12px;
    display: block;
    float: right;
    padding-right: 14px;
    margin-right: 12px;
    margin-bottom: 10px;
}

div.container div#main-content div.middle div#go-to-page {
    text-align: right;
    padding-right: 13px;
    padding-top: 10px;
    margin-top: 30px;
    clear: both;
    color: #aeaeae;
    background: url(../im/content_separator_bg.png) repeat-x;
    line-height: 18px;
}

div.container div#main-content div.middle div#go-to-page a img {
    border: none;
}

div.container div#main-content div.middle div#go-to-page a.page-number {
    border: 1px solid #ccc;
    text-decoration: none;
    margin: 0px 2px;
    background: #ededed;
    color: #aeaeae;
    padding: 1px 3px;
}
/* end */

div.container div#left-column, div.container div#right-column {
    width: 202px;
    height: auto;
    float: left;
    color: #000;
    font-size: 12px;
    background: url(../im/left_column_bg.png) repeat-y top left #131313;
}

div.container div#right-column {
    background: url(../im/right_column_bg.png) repeat-y top right #131313;
}

div.container div#left-column div.left, div.container div#right-column div.right {
    width: 170px;
    height: 20px;
    font-size: 1px;
    padding: 0px;
    margin: 0px 0px 0px 32px;
}

div.container div#right-column div.right {
    margin: 0px;
}

div.container div#left-column div.top, div.container div#right-column div.top {
    font-size: 1px;
    background: url(../im/box_top_bg_170.png) no-repeat;

}

div.container div#main-content, div.container div#main-content a {
    color: #DDD;
}

div.container a:hover {
    text-decoration: underline !important;
}
/*
html>body div#right-column div.middle {
	width: 261px;
}
*/
div.container div#left-column div.middle, div.container div#right-column div.middle {
    height: auto;
    font-size: 12px;
    background: url(../im/box_bg_170.png) repeat-y;
}

div.container div#left-column div.bottom, div.container div#right-column div.bottom {
    background: url(../im/box_bottom_bg_170.png) no-repeat;
}


/* columns on home page */
div.home-page div#right-column {
    width: 432px;
    height: auto;
    float: left;
    color: #000;
    background: url(../im/right_column_bg.png) repeat-y top right #131313;
    font-size: 12px;
}

div.home-page div#right-column div.right {
    width: 400px;
    height: 20px;
    font-size: 1px;
    padding: 0px;
    margin: 0px;
}

div.home-page div#right-column div.top{
    background: url(../im/box_top_bg_400.png) no-repeat;
}
/*
html>body div#right-column div.middle {
	width: 261px;
}
*/
div.home-page div#right-column div.middle {
    height: auto;
    font-size: 12px;
}

div.home-page div#right-column div.bottom{
    background: url(../im/box_bottom_bg_400.png) no-repeat;
}

div.container div.box div.header {
    background: url(../im/content_separator_bg.png) repeat-x;
    padding: 14px 10px 10px;
    font-family: "Myriad Pro", Arial, Tahoma;
    color: #DDD;
    margin-top: 15px;
    font-size: 15px; /* windows */
    font-weight: bold;
}

div.container div.middle div.first div.header {
    background: none;
    padding-top: 0px;
    margin: 0px;
}

div.container div#right-column div.box div.box-content,
div.home-page div#left-column div.box div.box-content {
    padding: 5px 0;
}

ul.paging li.active {
    color: #8f0202;
    font-weight: bold;
}

div.rating ul li a {
    text-decoration: none;
}

div.box-content ul.cloud li.tagSize1 {font-size:24px;}
div.box-content ul.cloud li.tagSize2 {font-size:22px;}
div.box-content ul.cloud li.tagSize3 {font-size:20px;}
div.box-content ul.cloud li.tagSize4 {font-size:18px;}
div.box-content ul.cloud li.tagSize5 {font-size:16px;}
div.box-content ul.cloud li.tagSize6 {font-size:14px;}
div.box-content ul.cloud li.tagSize7 {font-size:12px;}
div.box-content ul.cloud li {height: 25px !important; float: left; margin: 3px !important; border: none !important;}

input.add-favs-submit,
input.del-favs-submit {
    width:141px;
    height: 40px;
    margin: 20px 240px;
    background: url('../im/add-favs.png');
    border: none;
    cursor: pointer;
}

input.del-favs-submit {
    background: url('../im/delete-favs.png');
}