body { margin: 0; padding: 0; background: url(img/bg.jpg) top center no-repeat, url(img/split.jpg) top left repeat-x; background-color: #a5a5a5; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ccc; } body * { outline: none; } body a img { border: 0; } a { font-family: Arial; color: #e66919; } a:hover { text-decoration: none; } #outer { width: 1030px; margin: 0px auto; } .center { text-align: center; } .right { text-align: right; } .right img { max-width: 415px; } /* HEADER */ #header { width: 992px; padding: 0 19px 0 19px; background: url(img/header.png) bottom left no-repeat; } #logo { float: left; width: 352px; height: 105px; overflow: hidden; margin: 6px 0 0 3px; } #header-banner { float: right; width: 624px; height: 100px; margin: 10px 10px 0 0; } #menu-wrapper { width: auto; height: 74px; } #menu { width: 974px; height: 32px; padding: 10px 9px 8px 9px; background: url(img/menu-body.png) top center no-repeat; } #menu-logined { width: 974px; height: 51px; padding: 10px 9px 8px 9px; background: url(img/menu-logined.png) top center no-repeat; } #menu ul { float: left; width: 760px; margin: 0; padding: 0; list-style: none; } #menu-logined ul { float: left; width: 672px; margin: 0; padding: 0; list-style: none; } #menu ul li { float: left; width: auto; height: 32px; overflow: hidden; font-size: 16px; font-weight: bold; } #menu-logined ul li { float: left; width: auto; height: 32px; overflow: hidden; font-size: 16px; font-weight: bold; } #menu ul li:hover { background: url(img/menu-hover.png) top left repeat-x; } #menu ul li:first-child:hover { background: url(img/menu-hover.png) bottom left repeat-x !important; } #menu-logined ul li:hover { background: url(img/menu-hover.png) top left repeat-x; } #menu-logined ul li:first-child:hover { background: url(img/menu-hover.png) bottom left repeat-x !important; } #menu ul li a { display: block; width: auto; height: 19px; padding: 6px 21px 7px 21px; color: #fff; text-decoration: none; background: url(img/menu-a.png) top right no-repeat; } #menu-logined ul li a { display: block; width: auto; height: 19px; padding: 6px 21px 7px 21px; color: #fff; text-decoration: none; background: url(img/menu-a.png) top right no-repeat; } #menu ul li:hover a { background-position: bottom right; } #menu-logined ul li:hover a { background-position: bottom right; } #submenu { } #submenu ul { margin: 0 0 0 15px; padding: 0; list-style: none; } #submenu ul li { float: left; margin: 0 10px 0 0; font-size: 12px; } #submenu ul li a { display: block; width: auto; height: auto; padding: 0 0 0 15px; color: #fff; text-decoration: none; background: url(img/submenu.png) left 5px no-repeat; } #submenu ul li:first-child a { background: none; } #submenu ul li:hover a { color: #e66919; text-decoration: underline; } #tools { float: right; } #tools #profile-menu { float: left; width: 220px; margin: 8px 20px 0 0; } #tools #profile-menu .avatar { float: left; margin: -4px 6px 0 2px; } #tools #profile-menu .avatar img { border: 1px solid #b15213; } #tools #profile-menu .hello { float: left; color: #fff; font-family: Arial; font-size: 12px; margin-top: -4px; } #tools #profile-menu .hello div { margin-top: 1px; } #tools #profile-menu .hello .messages { margin-top: -4px; } #tools #profile-menu .hello .messages a { color: #fff; font-family: Arial; font-size: 10px; text-decoration: none; } #tools #profile-menu .hello .messages a:hover { text-decoration: underline; } #tools #profile-menu a { color: #fff; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none; } #tools #profile-menu a:hover { text-decoration: underline; } #tools #profile-menu .exit { float: right; display: block; font-size: 12px; text-transform: uppercase; color: #fff; text-decoration: none; white-space: nowrap; margin: -3px 2px 0 0; } #tools #profile-menu span { margin: -7px 0 0 3px; position: absolute; font-size: 23px; } #tools #profile-links { float: left; margin: 8px 20px 0 0; } #tools #profile-links a { float: left; font-size: 12px; text-transform: uppercase; color: #fff; text-decoration: none; } #tools #profile-links a.a-login { padding: 0 14px 0 0; background: url(img/a-login.png) right 3px no-repeat; } #tools #profile-links span { float: left; margin: 0 10px 0 10px; color: #fff; } #tools #twitter { float: left; width: 25px; height: 25px; margin: 3px 4px 0 0; } #tools #facebook { float: left; width: 25px; height: 25px; margin: 3px 4px 0 0; } #tools #facebook a, #tools #twitter a { display: block; width: 100%; height: 100%; } /* HEADER END */ /* WRAPPER */ #wrapper { width: 962px; padding: 9px 29px 0 39px; background: url(img/wrapper.png) top left repeat-y; } #wrapper #content { float: left; width: 642px; height: auto; overflow: hidden; } #wrapper #right { float: right; width: 300px; height: auto; overflow: hidden; } /* WRAPPER END */ /* SOCIAL */ #social { margin-bottom: 5px; } #social .fb-like { float: left; } #social .tweet { float: left; padding-left: 10px; } /* SOCIAL END */ /* CONTENT */ #content h1 { font-family: "Arial", "Helvetica", sans-serif; margin: 0; color: #e66919; } #content h2 { font-family: "Arial", "Helvetica", sans-serif; margin: 0; color: #e66919; margin:15px 0px; font-size: 20px;} #content h3 { font-family: "Arial", "Helvetica", sans-serif; margin: 0; color: #e66919; } #content p { font-family: "Arial", "Helvetica", sans-serif; } #content p > img { max-width: 640px; border: 1px solid #e66919; } #main-banner { width: 620px; height: 284px; overflow: hidden; padding: 7px 12px 9px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #main-banner #banner-items { float: left; width: 99px; height: auto; overflow: hidden; } #main-banner #banner-items .banner-item { width: 94px; height: 66px; padding: 6px 0 0 5px; background: url(img/banner-item.png) top left no-repeat; } #main-banner #banner-items .banner-item-active, #main-banner #banner-items .banner-item:hover { background-position: bottom left; } #main-banner .banner-text { float: right; width: 196px; min-height: 50px; margin: 6px 0 0 0; padding: 12px; background: url(img/main_text_bg.png); border-radius: 8px; } #main-banner .banner-text h1 { margin: 0; font-size: 22px; color: #e66919; } #main-banner .banner-text h1 a { color: #e66919; text-decoration: none; } #main-banner .banner-text h1:hover a { text-decoration: underline; } #news-block { margin: 10px 0 0 0; } #news-block #hot-news { width: 642px; height: 230px; overflow: hidden; padding: 6px 0 10px 0; background: url(img/hot-news.png) top left no-repeat; } #news-block #hot-news h2 { margin: 0 0 6px 0; padding: 0 0 0 10px; font-size: 18px; color: #e66919; } #news-block #hot-news .news-item { float: left; width: 310px; height: 94px; overflow: hidden; margin: 12px 0 0 10px; } #news-block #hot-news .news-item .news-item-image { float: left; width: 122px; height: 84px; margin: 0 12px 0 0; background: url(img/news-item-image.png) top left no-repeat; } #news-block #hot-news .news-item .news-item-body { float: left; width: 162px; height: auto; overflow: hidden; } #news-block #hot-news .news-item .news-item-body .news-item-title { font-size: 16px; font-weight: bold; color: #e66919; } #news-block #hot-news .news-item .news-item-body .news-item-title a { color: #e66919; text-decoration: none; } #news-block #hot-news .news-item .news-item-body .news-item-title:hover a { text-decoration: underline; } #news-block #hot-news .news-item .news-item-body .news-item-title span { font-weight: normal; font-size: 14px; color: #fff; } #news-block #hot-news .news-item .news-item-body .news-item-text { height: 30px; overflow: hidden; margin: 0; } #news-block #hot-news .news-item .news-item-body .news-item-text span { font-size: 10px; font-weight: bold; color: #a1a1a1; } #news-block #news { width: auto; height: auto; overflow: hidden; margin: 20px 0 0 0; } #news-block #news .new { display: table; width: 642px; height: auto; overflow: hidden; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #452008; } #news-block #news .cell { display: table-cell; vertical-align: middle; } #news-block #news .cell2 { display: table-cell; vertical-align: top; } #news-block #news2 :last-child { border: 0; } #news-block .featured { border-bottom: 1px solid #452008; } #news-block #news .image { width: 122px; margin: 0 12px 0 0; padding: 3px 0; } #news-block #news .text { width: 505px; margin: 0; } #news-block #news .text span { font-size: 10px; font-weight: bold; color: #a1a1a1; } #news-block #news .text span a { text-decoration: none; } #news-block #news .text span a:hover { text-decoration: underline; } #news-block #news .text .title { font-size: 16px; font-weight: bold; color: #e66919; } #news-block #news .text .title a { color: #e66919; text-decoration: none; } #news-block #news .text .title:hover a { text-decoration: underline; } #news-block #news .text .title span { font-weight: normal; font-size: 14px; color: #fff; } #news-block #news .pagination { width: 636px; height: 26px; overflow: hidden; padding: 5px 0 0 10px; background: url(img/pagination.png) top left no-repeat; } #news-block #news .pagination a { margin: 0 2px 0; color: #fff; font-weight: bold; text-decoration: none; } #news-block #news .pagination a:hover, .pagination a.active { text-decoration: underline; } #news-block #news .pagination .form { float: left; } #news-block #news .pagination .dots { float: left; } #news-block #news .pagination a.first, #news-block #news .pagination a.last, #news-block #news .pagination a.previous, #news-block #news .pagination a.next, #news-block #news .pagination a.more { margin: 0 2px; float: left; display: inline-block; width: 12px; height: 15px; padding: 0; font-weight: bold; color: #e66919; right 3px no-repeat; text-decoration: none; } #news-block #news .pagination a.first { background: url(img/first.png) bottom left no-repeat; } #news-block #news .pagination a.last { background: url(img/last.png) bottom left no-repeat; } #news-block #news .pagination a.previous { background: url(img/previous.png) bottom left no-repeat; } #news-block #news .pagination a.next { background: url(img/next.png) bottom left no-repeat; } #news-block #news .pagination a.first:hover, #news-block #news .pagination a.last:hover, #news-block #news .pagination a.previous:hover, #news-block #news .pagination a.next:hover, #news-block #news .pagination a.more:hover { text-decoration: underline; } #news-block .news { width: auto; height: auto; overflow: hidden; margin: 20px 0 0 0; } #news-block .news .new { display: table; width: 642px; height: auto; overflow: hidden; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #452008; } #news-block .news .cell { display: table-cell; vertical-align: middle; } #news-block .news .cell2 { display: table-cell; vertical-align: top; } #news-block .news2 :last-child { border: 0; } #news-block .featured { border-bottom: 1px solid #452008; } #news-block .news .image { width: 122px; margin: 0 12px 0 0; padding: 3px 0; } #news-block .news .text { width: 505px; margin: 0; } #news-block .news .text span { font-size: 10px; font-weight: bold; color: #a1a1a1; } #news-block .news .text span a { text-decoration: none; } #news-block .news .text span a:hover { text-decoration: underline; } #news-block .news .text .title { font-size: 16px; font-weight: bold; color: #e66919; } #news-block .news .text .title a { color: #e66919; text-decoration: none; } #news-block .news .text .title:hover a { text-decoration: underline; } #news-block .news .text .title span { font-weight: normal; font-size: 14px; color: #fff; } #news-block .news .pagination { width: 636px; height: 26px; overflow: hidden; padding: 5px 0 0 10px; background: url(img/pagination.png) top left no-repeat; } #news-block .news .pagination a { margin: 0 5px 0 0; color: #fff; font-weight: bold; text-decoration: none; } #news-block .news .pagination a:hover, .pagination a.active { text-decoration: underline; } #news-block .news .pagination a.more { display: inline-block; width: 10px; height: 14px; padding: 0; font-weight: bold; color: #e66919; background: url(img/more.png) right 3px no-repeat; text-decoration: none; } #news-block .news .pagination a.more:hover { text-decoration: underline; } #news-block a.more { display: inline-block; margin: 0 0 0 10px; padding: 0 17px 0 0; font-weight: bold; color: #e66919; background: url(img/more.png) right 3px no-repeat; text-decoration: none; } #news-block a.more:hover { text-decoration: underline; } #news-block .tags { margin-bottom: 30px; } /* CONTENT END */ /* CONTENT WIDE */ #content-wide { width: auto; height: auto; overflow: hidden; } /* CONTENT WIDE END */ /* SEARCH */ #search { } #search-count { margin: 20px 0 35px 0; } .search-result { width: auto; height: auto; overflow: hidden; margin: 0 0 20px 0; padding: 0 0 18px 0; border-bottom: 1px solid #452008; } .search-result-last { border: none; } .search-result h3 { margin: 0 0 10px 0; font-size: 14px; color: #e66919; } .search-result p { margin: 0; } /* SEARCH END */ /* TEXT */ .text-content h1 { margin-bottom: 25px !important; font-size: 28px !important; color: #e66919; } .text-content p { margin: 0 0 25px 0; line-height: 1.5em; } .text-content p a { color: #e66919; text-decoration: none; } /* TEXT END */ /* FEATURES */ .features { width: auto; height: auto; overflow: hidden; margin: 20px 0 0 0; } .features .news-item { float: left; width: 642px; height: auto; overflow: hidden; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #452008; } .features .news-item:last-child { border-bottom: 2px solid #452008; } .features .news-item .news-item-image { float: left; width: 122px; height: 84px; margin: 0 12px 0 0; } .features .news-item .news-item-body { float: left; width: 500px; height: auto; overflow: hidden; } .features .news-item .news-item-body .news-item-title { font-size: 16px; font-weight: bold; color: #e66919; } .features .news-item .news-item-body .news-item-title a { color: #e66919; text-decoration: none; } .features .news-item .news-item-body .news-item-title:hover a { text-decoration: underline; } .features .news-item .news-item-body .news-item-title span { font-weight: normal; font-size: 14px; color: #fff; } .features .news-item .news-item-body .news-item-text { margin: 0; } .features .news-item .news-item-body .news-item-text span { font-size: 10px; font-weight: bold; color: #a1a1a1; } .features .all-features { text-align: right; } .features .all-features a { display: inline-block; margin: 0 0 0 10px; padding: 0 17px 0 0; font-weight: bold; color: #e66919; background: url(img/more.png) right 3px no-repeat; text-decoration: none; } .features .all-features a:hover { text-decoration: underline; } /* FEATURES */ /* PARTNERS IMAGES */ .ipWidget-IpPartnersImages { margin: 10px 0; } .ipWidget-IpPartnersImages .title { padding: 5px 15px 5px 15px; background: #451f08; border-top-right-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; } .ipWidget-IpPartnersImages .left { float: left; min-width: 350px; } .ipWidget-IpPartnersImages .right { float: right; } .ipWidget-IpPartnersImages .title_main { font-size: 18px; font-style: italic; } .ipWidget-IpPartnersImages .title_sub { margin-top: 10px; } .ipWidget-IpPartnersImages .title_sub .link a { color: #ccc; } .ipWidget-IpPartnersImages .title_text { float: left; } .ipWidget-IpPartnersImages .title_text p:first-child { margin: 0; margin-top: 5px; } .ipWidget-IpPartnersImages #author { margin: 0; } .ipWidget-IpPartnersImages #author img { float: left; margin: 0 10px 0 0; border: 1px solid #693205; } .ipWidget-IpPartnersImages #author div { float: right; margin: 7px 0 0 0; line-height: 1.5em; } .ipWidget-IpPartnersImages #author div a { color: #e66919; font-weight: bold; font-sizE: 14px; text-decoration: none; } .ipWidget-IpPartnersImages #author div span { display: block; } .ipWidget-IpPartnersImages ul.files { display: inline-block; padding: 0; margin: 0; } .ipWidget-IpPartnersImages ul.files li { display: inline-block; padding: 0; padding-left: 5px; margin: 0; } .ipWidget-IpPartnersImages ul.files a { color: #ccc; text-decoration: underline; } .ipWidget-IpPartnersImages ul.files a:hover { text-decoration: underline; color: #e66919; } /* REVIEW INNER */ .review-content { } .review-content h1 { float: left; width: 410px; margin-bottom: 25px !important; font-size: 28px !important; color: #e66919; } .review-content #author { float: right; margin: 15px 0 0 0; } .review-content #author img { float: left; margin: 0 10px 10px 0; border: 1px solid #693205; } .review-content #author div { float: right; margin: 7px 0 0 0; line-height: 1.5em; } .review-content #author div a { color: #e66919; font-weight: bold; font-sizE: 14px; text-decoration: none; } .review-content #author div span { display: block; } .review-content #editors { margin: 10px 0 20px 0; padding: 12px 0 12px 0; border-top: 1px solid #452008; border-bottom: 1px solid #452008; } .review-content #editors .editor { float: left; margin: 0 190px 0 0; font-style: italic; } .review-content #editors .editor:last-child { margin: 0; } .review-content #editors .editor a { font-size: 14px; font-weight: bold; font-style: normal; color: #e66919; text-decoration: none; } .review-content #game-left { float: left; width: 180px; height: auto; overflow: hidden; margin: 0 20px 5px 0; } .review-content #related { width: auto; height: auto; overflow: hidden; margin: 17px 0 0 0; } .review-content #related-top { width: 180px; height: 5px; background: url(img/related-top.png) top center no-repeat; } .review-content #related-inner { width: 160px; height: auto; overflow: hidden; padding: 0 10px; background: url(img/related-bg.png) top center repeat-y; } .review-content #related-inner h3 { display: block; font-size: 16px; margin: 5px 0 5px 0; font-weight: bold; font-style: normal; color: #e66919; padding: 0 0 7px 0; background: url(img/related-title.png) bottom left repeat-x; } .review-content #related-inner span { display: block; width: 7px; float: left; margin-right: 5px; } .review-content #related-inner a { display: block; width: 147px; float: left; margin: 0 0 10px 0; color: #cccccc; font-weight: bold; text-decoration: none; } .review-content #related-bot { width: 180px; height: 5px; background: url(img/related-bot.png) top center no-repeat; } .review-content #defence-prosecution { width: 442px; height: auto; overflow: hidden; margin: 0 0 20px 0; color: #fff; } .review-content #defence-prosecution h3 { margin: 8px 0 10px 0; padding-bottom: 4px; font-size: 18px; color: #fff; border-bottom: 1px solid #6a3a1d; } .review-content #defence-prosecution .label { display: table-cell; padding-right: 5px; font-weight: bold; } .review-content #defence-prosecution .field { display: table-cell; } .review-content #defence-prosecution #defence { float: left; width: 191px; min-height: 142px; padding: 0 10px 10px 10px; border-radius: 5px; background: url(img/plaktukas.png) bottom right no-repeat; background-color: #af5014; color: #fff; } .review-content #defence-prosecution #prosecution { float: right; width: 191px; min-height: 142px; padding: 0 10px 10px 10px; border-radius: 5px; background: url(img/plaktukas.png) bottom right no-repeat; background-color: #5c2a0a; color: #fff; } .review-content #defence-prosecution #prosecution h3 { border-bottom: 1px solid #3e2618; } .review-content #related-content { width: 442px; height: 22px; margin: 0 0 6px 200px; padding: 6px 0 0 164px; background: url(img/related-content.png) top left no-repeat; } .review-content #case-review { width: 442px; height: 22px; margin: 0 0 20px 200px; padding: 6px 0 0 164px; background: url(img/case-review.png) top left no-repeat; } .review-content #related-content a, #case-review a { font-size: 10px; color: #ccc; text-decoration: none; } .review-content #game-text { margin: 0 0 20px 0; } .review-content #game-text h3 { margin: 0; color: #e66919; } .review-content #game-text p { margin: 0 0 10px 0; line-height: 1.3em; } .labeled-image div, .review-content #game-text .review-image div { display: block; padding: 0 9px 0 9px; height: 25px; overflow: hidden; font-family: Tahoma; font-size: 10px; font-weight: bold; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: #451f08; } .labeled-image p, .review-content #game-text .review-image p { margin: 0; padding: 0; line-height: 0; } .labeled-image table, .review-content #game-text .review-image table { border-spacing: 0; } .labeled-image td, .review-content #game-text .review-image td { padding: 0; } .labeled-image div > span, .review-content #game-text .review-image div > span { display: block; margin-top: 5px; } /* .review-content #game-text .pagination { display: block; margin: 0 auto; text-align: center; height: 30px; border: 1px solid #fff; } */ .review-content .pagination_container, #news-block .pagination_container { text-align: center; padding-bottom: 15px; } .review-content .pagination, #news-block .pagination_container .pagination { left: 50%; float: left; position: relative; margin: 0 auto; width: auto; } .review-content .pagination .form, .review-content .pagination .next, #news-block .pagination_container .pagination .form, #news-block .pagination_container .pagination .next { width: auto; height: auto; float: left; right: 50%; position: relative; } .review-content .pagination form, #news-block .pagination_container .pagination form { float: left; margin-right: 5px; } .review-content .pagination a, #news-block .pagination_container .pagination a { vertical-align: middle; float: left; width: 18px; height: 16px; padding-top: 2px; color: #cccccc; text-decoration: none; font-weight: bold; border: 1px solid #000; border-radius: 4px; } .review-content .pagination > .next, #news-block .pagination_container .pagination > .next { float: left; width: 18px; height: 18px; padding: 0; } .review-content .pagination > .next:hover, #news-block .pagination_container .pagination > .next:hover { color: #e66919; } .review-content .pagination form > .current, #news-block .pagination_container .pagination form > .current { border: 1px solid #e66919; border-radius: 4px; color: #e66919; } .review-content .pagination form > a:hover, #news-block .pagination_container .pagination form > a:hover { border: 1px solid #e66919; border-radius: 4px; color: #e66919; } .review-content #case-review-block { width: 642px; height: auto; overflow: hidden; margin: 10px 0 20px 0; padding: 0 0 20px 0; color: #ccc; border-bottom: 2px solid #452008; } .review-content #case-review-block h3 { margin: 0 0 0 0; font-size: 18px; font-weight: bold; color: #e66919; } .review-content #case-review-block #case-review-ul { float: left; width: 410px; } .review-content #case-review-block #case-review-ul ul { list-style-image: url(img/case-bullet.png); padding-left: 20px; } .review-content #case-review-block #case-review-ul ul li { margin: 0 0 5px 0; } .review-content #case-review-block #case-review-ul ul .minuses { list-style-image: url(img/minuse.png); } .review-content #case-review-block #case-review-ul ul .pluses { list-style-image: url(img/pluse.png); } .review-content #case-review-block #case-review-score { float: right; padding-bottom: 5px; width: 211px; min-height: 270px; background: url(img/case-score.png) top left no-repeat #333333; border-radius: 7px; text-align: center; } .review-content #case-review-block #score { margin: -15px 0 0 0; font-size: 120px; font-weight: bold; color: #e66919; } .review-content #case-review-block #score-2 { margin: -15px 0 0 0; font-size: 12px; color: #fff; } .review-content #case-review-block #score-2 span { font-size: 14px; font-weight: bold; } .review-content #case-review-block #points { margin: 45px 0 0 63px; } .review-content #case-review-block #points .point { float: left; width: 22px; height: 22px; background: url(img/score-point.png) top left no-repeat; } .review-content #case-review-block #points .point-half { background: url(img/score-half.png) top left no-repeat; } .review-content #case-review-block #points .point-empty { background: url(img/score-empty.png) top left no-repeat; } .review-content #case-review-block #quote-image { width: 40px; height: 25px; float: left; margin-right: 5px; } .review-content #case-review-block #score-quote { margin: 9px 15px 0 15px; font-size: 14px; color: #ccc; line-height: 1.5em; text-align: left; } .review-content .second-opinion { width: 642px; height: auto; overflow: hidden; margin: 10px 0 20px 0; padding: 0 0 20px 0; color: #ccc; border-bottom: 2px solid #452008; } .review-content .second-opinion h3 { margin: 0 0 15px 0; padding: 0 0 12px 0; font-size: 18px; font-weight: bold; color: #e66919; } .review-content .second-text { float: left; width: 470px; } .review-content .second-text p { margin: 0 0 10px 0; line-height: 1.3em; } .review-content .second-score { float: right; width: 131px; height: 119px; margin: 0 20px 0 0; background: url(img/second-score.png) top left no-repeat; text-align: center; } .review-content .second-score .score { margin: 0 0 0 50px; font-size: 60px; font-weight: bold; color: #e66919; } .review-content .second-score .score-2 { margin: -5px 0 0 70px; font-size: 12px; color: #fff; } .review-content .second-score .score-2 span { font-size: 14px; font-weight: bold; } .review-content .second-score .points { margin: 10px 0 0 40px; } .review-content .second-score .points .point { float: left; width: 18px; height: 16px; background: url(img/point-small-full.png) top left no-repeat; } .review-content .second-score .points .point-half { background: url(img/point-small-half.png) top left no-repeat; } .review-content .second-score .points .point-empty { background: url(img/point-small-empty.png) top left no-repeat; } .review-content #judges-panel { width: 642px; height: auto; overflow: hidden; margin: 10px 0 20px 0; padding: 0 0 20px 0; color: #ccc; } .review-content #judges-panel h3 { padding: 0px 0px 10px 0; margin: 0 0 0px 0; font-size: 18px; font-weight: bold; color: #e66919; border-bottom: 1px solid #452008; } .review-content .judge-panel { width: 311px; height: 70px; overflow: hidden; border-bottom: 1px solid #452008; } .review-content .jpanel-left { float: left; } .review-content .jpanel-right { float: right; } .review-content .judge { float: left; margin: 10px 0 0 0; } .review-content .judge img { float: left; margin: 0 10px 0 0; } .review-content .judge .title { float: left; } .review-content .judge .title a { display: block; margin: 10px 0 0 0; font-size: 14px; font-weight: bold; color: #e67819; text-decoration: none; } .review-content .judge .title span { display: block; color: #fff; font-size: 10px; } .review-content .judge-score { float: right; width: 123px; height: 70px; background: url(img/judge-score.jpg) top left no-repeat; } .review-content .judge-score .score { margin: 0 14px 0 0; font-size: 40px; font-weight: bold; color: #e66919; text-align: right; } .review-content .judge-score .points { margin: 5px 0 0 30px; } .review-content .judge-score .points .point { float: left; width: 15px; height: 14px; background: url(img/point-judge-full.png) top left no-repeat; } .review-content .judge-score .points .point-half { background: url(img/point-judge-half.png) top left no-repeat; } .review-content .judge-score .points .point-empty { background: url(img/point-judge-empty.png) top left no-repeat; } .review-content .tags { width: 642px; height: auto; overflow: hidden; margin: 10px 0 20px 0; color: #ccc; padding: 10px 0 0 0; border-top: 1px solid #452008; border-bottom: 2px solid #452008; } .review-content .tags .tags-panel { width: 642px; overflow: hidden; padding: 0 0 20px 0; } .review-content .tags h3 { margin: 0 0 15px 0; font-size: 18px; font-weight: bold; color: #e66919; } .review-content .gallery { width: 642px; height: auto; overflow: hidden; margin: 10px 0 20px 0; padding: 0 0px 20px 0px; color: #ccc; border-top: 1px solid #452008; border-bottom: 1px solid #452008; } .review-content .gallery-inner { width: 602px; height: auto; overflow: hidden; padding: 0 20px 0 20px; } .review-content .gallery h3 { margin: 0 0 15px 0; padding: 5px 0 5px; font-size: 18px; font-weight: bold; color: #e66919; border-bottom: 1px solid #452008; } .review-content .gallery-left { float: left; width: 13px; height: 76px; margin: 0 18px 0 0; background: url(img/gallery-left.png) top left no-repeat; } .review-content .gallery ul { float: left; margin: 0; padding: 0; list-style: none; } .review-content .gallery ul li { float: left; width: 93px; height: 70px; margin: 0 10px 0 0; padding: 3px; background: url(img/gallery-item.png) top center no-repeat; } .review-content .gallery ul li:hover, #gallery ul li.active { background: url(img/gallery-item-hover.png) top center no-repeat; } .review-content .gallery-right { float: left; width: 13px; height: 76px; margin: 0 0 0 8px; background: url(img/gallery-right.png) top left no-repeat; } .review-content #related-news-articles { width: 622px; height: 156px; overflow: hidden; margin: 0 0 20px 0; padding: 0 10px 20px 10px; background: url(img/related-news-articles.png) top left no-repeat; border-bottom: 2px solid #452008; } .review-content #r-news { float: left; width: 300px; height: auto; overflow: hidden; } .review-content #r-articles { float: right; width: 300px; height: auto; overflow: hidden; } .review-content #r-news h3, #r-articles h3 { margin: 7px 0 15px !important; font-size: 16px; font-weight: bold; color: #e66919; } .review-content #r-news a, #r-articles a { display: block; margin: 0 0 5px; font-weight: bold; color: #ccc; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .review-content #forums { width: 642px; height: auto; overflow: hidden; margin: 10px 0 20px 0; padding: 0 0 20px 0; color: #ccc; border-bottom: 2px solid #452008; } .review-content #forums h3 { margin: 0 0 15px 0; font-size: 18px; font-weight: bold; color: #e66919; } .review-content #forums ul { margin: 0 0 0 5px;; padding: 0; list-style: none; } .review-content #forums ul li { width: auto; height: auto; overflow: hidden; margin: 0 0 10px 0; padding: 0 0 0 20px; background: url(img/case-bullet.png) left 6px no-repeat; } .review-content #forums ul li div { float: left; color: #ccc; } .review-content #forums ul li div.topic { width: 170px; } .review-content #forums ul li div.topic a { font-weight: bold; color: #e66919; text-decoration: none; } .review-content #forums ul li div.post { width: 275px; } .review-content #forums ul li div.time { width: 130px; font-size: 10px; } .review-content #forums ul li div.time a { font-weight: bold; color: #e66919; text-decoration: none; } .review-content #comments, #news-block #comments { width: 642px; height: auto; overflow: hidden; margin: 10px 0 20px 0; padding: 0 0 20px 0; color: #ccc; border-bottom: 2px solid #452008; } .review-content #comments textarea, #news-block #comments textarea { width: 630px; height: 58px; border: 1px solid #693205; color: #555555; } .review-content #comments .notLoginned, #news-block #comments .notLoginned { font-family: Arial; font-weight: bold; font-size: 12px; color: #cccccc; margin-bottom: 10px; } .review-content #comments .notLoginned a, #news-block #comments .notLoginned a { font-family: Arial; font-weight: bold; font-size: 12px; color: #e66919; text-decoration: none; } .review-content #comments .notLoginned a:hover, #news-block #comments .notLoginned a:hover { text-decoration: underline; } .review-content #comments .noComments, #news-block #comments .noComments { font-family: Arial; font-weight: bold; font-size: 12px; color: #cccccc; } .review-content #comments .submit, #news-block #comments .submit { float: right; margin: 10px 7px 0 0; } .review-content #comments .submit input, #news-block #comments .submit input { padding: 8px 10px; font-family: Arial; font-weight: bold; font-size: 12px; color: #fff; border: 0; border-radius: 5px; background: url(img/button.png) center left repeat-x; cursor: pointer; } .review-content #comments-head, #news-block #comments-head { width: 632px; height: 29px; margin: 0 0 15px 0; padding: 6px 0 0 10px; background: url(img/comments-head.png) top left no-repeat; font-size: 16px; font-weight: bold; color: #fff; } .review-content .comment, #news-block .comment { width: 642px; height: auto; overflow: hidden; margin: 0 0 20px 0; } .review-content .comment .user-image, #news-block .comment .user-image { float: left; width: 60px; height: 52px; } .review-content .comment .user-image img, #news-block .comment .user-image img { border: 1px solid #693205; } .review-content .comment .user-image .postsNum, #news-block .comment .user-image .postsNum { font-size: 10px; } .review-content .comment .comment-body, #news-block .comment .comment-body { float: right; width: 570px; padding: 0 0 5px 0; border-bottom: 1px solid #452008; } .review-content .comment .comment-body .user-info, #news-block .comment .comment-body .user-info { font-size: 10px; color: #ccc; } .review-content .comment .comment-body .user-info a, #news-block .comment .comment-body .user-info a { font-size: 14px; color: #e66919; text-decoration: none; } .review-content .comment .comment-body .comment-bottom div, #news-block .comment .comment-body .comment-bottom div { float: left; font-size: 10px; color: #cccccc; width: 33%; } .review-content .comment .comment-body .comment-bottom .ixs, #news-block .comment .comment-body .comment-bottom .ixs { font-size: 14px; color: #e66919; margin-top: -2px; width: auto; } .review-content .comment .comment-body .comment-bottom .report, #news-block .comment .comment-body .comment-bottom .report { width: 100%; height: 16px; padding-top: 4px; } .review-content .comment .comment-body .comment-bottom .reported, #news-block .comment .comment-body .comment-bottom .reported { width: 100%; font-family: Arial; font-size: 10px; color: #e66919; font-style: italic; } .review-content .comment .comment-body .comment-bottom a, #news-block .comment .comment-body .comment-bottom a { display: block; cursor: pointer; font-family: Arial; font-size: 10px; color: #e66919; text-decoration: none; } .review-content .comment .comment-body .comment-bottom a:hover, #news-block .comment .comment-body .comment-bottom a:hover { text-decoration: underline; } .review-content .comment .comment-body .comment-bottom .like, #news-block .comment .comment-body .comment-bottom .like { background: url(img/like.png) center left no-repeat; height: 14px; width: 46px; cursor: pointer; } .review-content .comment .comment-body .comment-bottom .dislike, #news-block .comment .comment-body .comment-bottom .dislike { background: url(img/dislike.png) bottom left no-repeat; height: 20px; width: 57px; cursor: pointer; } /* REVIEW INNER END */ /* REVIEW OTHER */ .review-other { } .review-other h1 { float: left; margin-bottom: 25px !important; font-size: 28px !important; color: #e66919; } .review-other #author { float: right; margin: 15px 0 0 0; } .review-other #author img { float: left; margin: 0 10px 0 0; border: 1px solid #693205; } .review-other #author div { float: right; margin: 7px 0 0 0; line-height: 1.5em; } .review-other #author div a { color: #e66919; font-weight: bold; font-sizE: 14px; text-decoration: none; } .review-other #author div span { display: block; } .review-other #game-left { float: left; width: 180px; height: auto; overflow: hidden; margin: 0 20px 5px 0; } .review-other .game-text { margin: 0 0 20px 0; } .review-other .game-text h3 { margin: 0 0 15px 0; font-size: 18px; font-weight: bold; color: #e66919; } .review-other .game-text p { margin: 0 0 10px 0; line-height: 1.3em; } #game-text ul { list-style-position: inside; } #game-text ul { list-style-image: url(img/case-bullet.png); } #game-text ul li { margin: 0 0 8px 0; } .review-other .opinions { width: 642px; height: auto; overflow: hidden; margin: 10px 0 20px 0; padding: 0 0 20px 0; color: #ccc; } .review-other .opinions h3 { margin: 0 0 15px 0; font-size: 18px; font-weight: bold; color: #e66919; } .opinion { width: 550px; height: 90px; padding: 13px 15px 0 77px; margin: 0 0 10px 0; background: url(img/other-opinion.png) top left no-repeat; } .opinion p { margin: 0 0 10px 0; color: #ccc; } .opinion-bot { margin: 10px 0 0 0; } .opinion-bot-left { float: left; margin: 3px 0 0 0; font-style: italic; color: #ccc; font-size: 10px; } .opinion-bot-left a { color: #e66919; font-weight: bold; text-decoration: none; } .opinion-bot-right { float: right; font-size: 10px; } .opinion-bot-right #like-dislike { float: right; width: 100px; margin: 0px 0 0 10px; } .opinion-bot-right #like-dislike #like { float: left; display: block; height: 16px; margin: 0 10px 0 0; padding: 3px 0 0 20px; background: url(img/dislike.png) 0 0 no-repeat; color: #fff; text-decoration: none; } .opinion-bot-right #like-dislike #dislike { float: left; display: block; height: 16px; padding: 3px 0 0 20px; background: url(img/like.png) 0 0 no-repeat; color: #fff; text-decoration: none; } .review-other #comments { width: 642px; height: auto; overflow: hidden; margin: 10px 0 20px 0; padding: 0 0 20px 0; color: #ccc; border-bottom: 2px solid #452008; } .review-other #comments-head { width: 632px; height: 29px; margin: 0 0 15px 0; padding: 6px 0 0 10px; background: url(img/comments-head.png) top left no-repeat; font-size: 16px; font-weight: bold; color: #fff; } .review-other .comment { width: 642px; height: auto; overflow: hidden; margin: 0 0 20px 0; } .review-other .comment .user-image { float: left; width: 52px; height: 52px; } .review-other .comment .user-image img { border: 1px solid #693205; } .review-other .comment .comment-body { float: right; width: 570px; padding: 0 0 20px 0; border-bottom: 1px solid #452008; } .review-other .comment .comment-body .user-info { font-size: 10px; color: #ccc; } .review-other .comment .comment-body .user-info a { font-size: 14px; color: #e66919; text-decoration: none; } /* REVIEW OTHER END */ /* FORUMS */ #forums { margin: 0 0 0 10px; } .head-line { margin: 0 0 15px 0; } .head-line .head-left { float: left; } .head-line .head-right { float: right; } .head-line .head-left h1 { margin: 0; font-size: 28px; color: #e66919; } .head-line .head-left a { color: #e66919; } .head-line .head-right .head-links { float: left; margin: 7px 20px 0 0; } .head-line .head-right .head-links a { color: #e66919; text-decoration: none; font-weight: bold; } .head-line .head-right .head-links a.active { color: #fff; text-decoration: none; font-weight: bold; } .head-line .head-right .head-links span { margin: 0 3px 0 3px; font-weight: bold; color: #cccccc; } .head-line .head-right .head-search { float: right; } .post { margin: 0 0 10px 0; border: 1px solid #452008; } .post .post-left { float: left; width: 70px; padding: 10px; font-size: 10px; } .post .post-left img { margin: 0 0 5px 0; } .post .post-left a { display: block; color: #e66919; text-decoration: none; } .post .post-left span { display: block; } .post .post-right { float: right; width: 839px; padding: 10px; border-left: 1px solid #452008; } .post .post-right .post-head { margin: 0 0 10px 0; font-size: 10px; } .post .post-right .post-head .ph-left { float: left; } .post .post-right .post-head .ph-right { float: right; } .post .post-right .post-head a { color: #e66919; text-decoration: none; } .post .post-right .post-content { padding: 0 0 20px 0; font-size: 12px; color: #ccc; line-height: 1.3em; border-bottom: 1px solid #452008; } .post .post-right .post-foot { padding: 10px 0 0 0; } .post .post-right .post-foot a { color: #e66919; text-decoration: none; font-weight: bold; } .post .post-right .post-foot span { margin: 0 7px 0 7px; font-weight: bold; color: #cccccc; } .post .post-quote { margin: 20px; padding: 10px; background: #3c3c3c; color: #fff; border: 1px solid #959595; } .post .post-quote .quote-head { margin: 0 0 20px 0; font-weight: bold; } .post .post-quote .quote-head span { font-weight: normal; color: #ccc; } .post .post-quote p { margin: 0; line-height: 1.3em; } .post .post-quote .quote-inner { margin: 20px 0; } .post-res { background: #2e1505; } .post-staff { background: #2e1505 url(img/post-staff.png) bottom right no-repeat; } .post-staff .post-left a { padding: 0 0 0 20px; background: url(img/post-staff-left.png) 1px 4px no-repeat; } .pagination-wide { width: 952px; height: 26px; overflow: hidden; padding: 5px 0 0 10px; background: url(img/pagination-w.png) top left no-repeat; } .pagination-wide a { margin: 0 5px 0 0; color: #fff; font-weight: bold; text-decoration: none; } .pagination-wide a:hover, .pagination-wide a.active { text-decoration: underline; } .pagination-wide a.more { display: inline-block; width: 10px; height: 14px; padding: 0; font-weight: bold; color: #e66919; background: url(img/more.png) right 3px no-repeat; text-decoration: none; } .pagination-wide a.more:hover { text-decoration: underline; } .pagination-top a { margin: 0 5px 0 0; color: #fff; font-weight: bold; text-decoration: none; } .pagination-top a:hover, .pagination-top a.active { text-decoration: underline; } .pagination-top a.more { display: inline-block; width: 10px; height: 14px; padding: 0; font-weight: bold; color: #e66919; background: url(img/more.png) right 3px no-repeat; text-decoration: none; } .pagination-top a.more:hover { text-decoration: underline; } /* FORUMS END */ /* VIDEO */ .videos-content { } .videos-content h1 { float: left; width: 440px; margin-bottom: 5px !important; font-size: 28px !important; color: #e66919; } .videos-content #author { float: right; margin: 15px 0 0 0; } .videos-content #author img { float: left; margin: 0 10px 0 0; border: 1px solid #693205; } .videos-content #author div { float: right; margin: 7px 0 0 0; line-height: 1.5em; } .videos-content #author div a { color: #e66919; font-weight: bold; font-sizE: 14px; text-decoration: none; } .videos-content #author div span { display: block; } #video-wrap { width: 642px; height: auto; overflow: hidden; margin: 0 0 20px 0; } #video-wrap #video { position: relative; width: 642px; height: 299px; } #video-wrap #video img { position: absolute; top: 0; left: 0; } #video-wrap #video #play { position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -55px; width: 110px; height: 68px; background: url(img/play.png) top left no-repeat; cursor: pointer; } #video-wrap #video-bot { width: 642px; height: 30px; background: url(img/video-bot.jpg) top left no-repeat; font-size: 10px; } #video-wrap #video-bot #like-dislike { float: left; width: 200px; margin: 8px 0 0 10px; } #video-wrap #video-bot #like-dislike #like { float: left; display: block; margin: 0 10px 0 0; padding: 0 0 0 20px; background: url(img/dislike.png) 0 0 no-repeat; color: #fff; text-decoration: none; } #video-wrap #video-bot #like-dislike #dislike { float: left; display: block; padding: 0 0 0 20px; background: url(img/like.png) 0 0 no-repeat; color: #fff; text-decoration: none; } #video-wrap #video-bot .comments { float: right; width: 100px; margin: 8px 0 0 0; } #video-wrap #video-bot .comments a { display: block; padding: 0 0 0 20px; background: url(img/comments.png) 0 3px no-repeat; color: #fff; text-decoration: none; } .videos-text { margin: 0 0 20px 0; font-size: 14px; color: #ccc; } .videos-content .gallery { width: 642px; height: auto; overflow: hidden; margin: 10px 0 20px 0; padding: 0 0px 20px 0px; color: #ccc; border-top: 1px solid #452008; border-bottom: 1px solid #452008; } .videos-content .gallery-inner { width: 642px; height: auto; overflow: hidden; } .videos-content .gallery h3 { margin: 0 0 15px 0; padding: 5px 0 5px; font-size: 18px; font-weight: bold; color: #e66919; border-bottom: 1px solid #452008; } .videos-content .gallery ul { float: left; margin: 0; padding: 0; list-style: none; } .videos-content .gallery ul li { float: left; width: 93px; height: 70px; margin: 0 8px 8px 0; padding: 3px; background: url(img/gallery-item.png) top center no-repeat; } .videos-content .gallery ul li:hover, #gallery ul li.active { background: url(img/gallery-item-hover.png) top center no-repeat; } .videos-content #comments { width: 642px; height: auto; overflow: hidden; margin: 10px 0 20px 0; padding: 0 0 20px 0; color: #ccc; border-bottom: 2px solid #452008; } .videos-content #comments-head { width: 632px; height: 29px; margin: 0 0 15px 0; padding: 6px 0 0 10px; background: url(img/comments-head.png) top left no-repeat; font-size: 16px; font-weight: bold; color: #fff; } .videos-content .comment { width: 642px; height: auto; overflow: hidden; margin: 0 0 20px 0; } .videos-content .comment .user-image { float: left; width: 52px; height: 52px; } .videos-content .comment .user-image img { border: 1px solid #693205; } .videos-content .comment .comment-body { float: right; width: 570px; padding: 0 0 20px 0; border-bottom: 1px solid #452008; } .videos-content .comment .comment-body .user-info { font-size: 10px; color: #ccc; } .videos-content .comment .comment-body .user-info a { font-size: 14px; color: #e66919; text-decoration: none; } /* VIDEO */ /* PROFILE */ .profile-content {} .profile-main { width: 620px; height: 534px; margin: 0 0 20px 0; padding: 10px 11px; background: url(img/profile-bg.png) top center no-repeat; } .profile-main .profile-left { float: left; width: 180px; } .profile-main .profile-left .profile-img { width: 180px; height: 180px; border: 3px solid #693205; } .profile-main .profile-right { float: right; width: 420px; } .profile-main .profile-right h1 { margin: 0 !important; } .profile-main .profile-right #user-info { margin: 0 0 6px 0; } .profile-main .profile-right #user-info .label { float: left; width: 100px; margin: 0 7px 4px 0; font-weight: bold; color: #e66919; } .profile-main .profile-right #user-info .field { float: left; margin: 0 0 4px 0; } .profile-main .profile-right .pc-spec { width: 396px; height: 176px; margin: 0 0 10px 0; padding: 5px 10px 10px 10px; overflow: hidden; background: url(img/pc-spec.png) top left no-repeat; } .profile-main .profile-right .pc-spec h2 { margin: 0 0 13px 0 !important; color: #fff !important; } .profile-main .profile-right .pc-spec .row { color: #fff; margin: 0 0 3px 0; } .profile-main .profile-right .pc-spec .row span { font-weight: bold; } .profile-main .profile-right .conn-speed { width: 396px; height: 71px; padding: 5px 10px 10px 10px; overflow: hidden; background: url(img/conn-speed.png) top left no-repeat; } .profile-main .profile-right .conn-speed h2 { margin: 0 0 13px 0 !important; color: #fff !important; } .profile-main .profile-right .conn-speed .col { float: left; width: 80px; height: auto; margin: 0 15px 0 0; color: #fff; font-size: 10px; } .profile-main .profile-right .conn-speed .col span { float: left; display: block; font-size: 22px; font-weight: bold; } .profile-main .profile-right .conn-speed .col small { float: left; display: block; margin: 11px 0 0 5px; } .gamebar { width: auto; height: auto; overflow: hidden; margin: 0 0 10px 0; } /* PROFILE END */ /* RIGHT */ #search { width: auto; height: auto; overflow: hidden; margin: 0 0 10px 0; } #search input[type="text"] { float: left; width: 216px; height: 28px; margin: 0 5px 0 0; padding: 0 5px 0 5px; background: url(img/search-in.png) top left no-repeat; border: 0; color: #fff; } #search input[type="submit"] { float: left; width: 69px; height: 28px; background: url(img/search-bt.png) top left no-repeat; border: 0; } #info-block { width: 300px; height: 318px; background: url(img/info.png) top center no-repeat; } #info-tabs { font-size: 12px; font-weight: bold; } .info-tab { float: left; padding: 7px 0 8px 0; text-align: center; } .info-tab a { color: #fff; text-decoration: none; } .info-tab a:hover { text-decoration: underline; } #_news { width: 60px; } #_featured { width: 75px; } #_hot-topics { width: 84px; } #_hot-blogs { width: 81px; } #info-content { } .info-content { width: auto; height: auto; overflow: hidden; padding: 10px; } .info-item { width: auto; height: auto; overflow: hidden; margin: 0 0 11px 0; } .info-item-image { float: left; margin: 0 10px 0 0; } .info-item-image img { width: 50px; height: 50px; } .info-item-body { float: left; width: 220px; height: 53px; } .info-item-body a { display: block; font-size: 14px; font-weight: bold; color: #e66919; letter-spacing: -1px; height: 18px; overflow: hidden; text-decoration: none; } .info-item-body a:hover { text-decoration: underline; } .info-item-body div { margin: 0; height: 31px; margin-top: 4px; overflow: hidden; padding: 0; line-height: 16px; } .info-item-body a.more { margin: 0; } .info-content a.all { display: inline-block; float: right; height: 14px; padding: 0 15px 0 0; font-weight: bold; color: #e66919; background: url(img/more.png) top 2px right no-repeat; text-decoration: none; } .info-content a.all:hover { text-decoration: underline; } /* RIGHT END */ /* FOOTER */ #footer { width: 992px; height: 135px; padding: 114px 19px 0 19px; background: url(img/footer.png) top left no-repeat; } #footer-left { float: left; margin: 20px 0 0 20px; } #f-logo { float: left; margin: 0 10px 0 0; } #footer-menu { font-size: 10px; margin: 0 0 18px 0; } #footer-links { float: left; font-size: 10px; margin: 0 0 7px 0; } #footer-links ul, #footer-menu ul { margin: 0; padding: 0; list-style: none; } #footer-links ul li, #footer-menu ul li { float: left; } #footer-links ul li.sep, #footer-menu ul li.sep { margin: 0 6px 0 6px; } #footer-links ul li a, #footer-menu ul li a { color: #ccc; text-decoration: none; margin-left: 2px; } #footer-links ul li:after, #footer-menu ul li:after { content: " |"; } #footer-links ul li:last-child:after, #footer-menu ul li:last-child:after { content: ""; } #footer-links ul li:hover a, #footer-menu ul li:hover a { text-decoration: underline; } #footnote { font-size: 10px; } #footnote p { margin: 0; } #footer-right { float: right; margin: 15px 20px 0 0; } #solution { font-size: 10px; } #solution a { color: #e66919; } /* FOOTER END */ /* MISC */ .clear { clear: both; } .auto { width: auto; height: auto; overflow: hidden; } a.byAuthor { text-decoration: none; font-weight: bold; } a.byAuthor:hover { text-decoration: underline; } /* Mask for background, by default is not display */ #mask { display: none; background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8; z-index: 9; } .ipmErrorMessage { z-index: 99999; } /* You can customize to your needs */ .login-popup, .registration-popup, .reset-popup, .thread-popup { display: none; background: #000000; width: 500px; padding: 20px; float: left; position: fixed; top: 50%; left: 50%; z-index: 99999; box-shadow: 0px 0px 20px #512509; /* CSS3 */ -moz-box-shadow: 0px 0px 20px #512509; /* Firefox */ -webkit-box-shadow: 0px 0px 20px #512509; /* Safari, Chrome */ border-radius: 3px; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari, Chrome */ } .login-popup .popup-close, .registration-popup .popup-close, .reset-popup .popup-close, .thread-popup .popup-close { float: right; } .login-popup .popup-close a, .registration-popup .popup-close a, .reset-popup .popup-close a, .thread-popup .popup-close a { position: relative; top: -15px; right: 0; display: block; font-size: 20px; text-decoration: none; } fieldset { border: 0; margin: 0; padding: 0; } .login-popup a.forgot, .registration-popup a.forgot, .reset-popup a.forgot { font-family: Arial; font-size: 10px; color: #e66919; text-decoration: none; } .login-popup a.forgot:hover, .registration-popup a.forgot:hover, .reset-popup a.forgot:hover { text-decoration: underline; } .ipWidget-IpTitle h2 { color: #e66919 !important; } .login-popup .ipwTitle, .registration-popup .ipwTitle, .reset-popup .ipwTitle { font-family: Arial; font-size: 16px; font-weight: bold; color: #e66919; width: 100%; border-top: 1px solid #452008; border-bottom: 1px solid #452008; padding: 10px 0; } .login-popup .ipmControlSubmit, .registration-popup .ipmControlSubmit, .reset-popup .ipmControlSubmit { background: -moz-linear-gradient(center top, #d96317, #6f3506); background: -webkit-gradient(linear, left top, left bottom, from(#d96317), to(#6f3506)); background: -o-linear-gradient(top, #d96317, #6f3506); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d96317', EndColorStr='#6f3506'); border: 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer; display: inline-block; padding: 5px 10px; margin-top: 10px; font-size: 12px; color: #fff; font-family: Arial; font-weight: bold; } .login-popup .ipmControlSubmit:hover, .registration-popup .ipmControlSubmit:hover, .reset-popup .ipmControlSubmit:hover { background: -moz-linear-gradient(center top, #6f3506, #d96317); background: -webkit-gradient(linear, left top, left bottom, from(#6f3506), to(#d96317)); background: -o-linear-gradient(top, #6f3506, #d96317); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#6f3506', EndColorStr='#d96317'); } /* USER PROFILE */ .userProfile { background-color: #555555; border-radius: 5px; padding: 10px; } .userProfile .username { display: block; font-family: Arial; font-size: 28px; color: #e66919; font-weight: bold; padding-bottom: 8px; } .userProfile .message { display: block; font-family: Arial; font-size: 12px; color: #e66919; font-style: italic; text-align: center; margin-bottom: 10px; } .userProfile .uploadImage { width: 186px; height: 186px; margin-right: 20px; float: left; } .userProfile .uploadImage input { width: 184px; } .userProfile .uploadImage { background: url(img/click_to_add.png) center center no-repeat; } .userProfile .uploadImage img { border: 3px solid #693205; } .userProfile .uploadImage #avatarImage:hover img { opacity: 0.3; } .userProfile .uploadImage #avatarImage a { font-family: Arial; font-size: 12px; color: #e66919; font-weight: bold; } .userProfile .otherInfo { float: left; width: 416px; } .userProfile .otherInfo div { margin-bottom: 6px; } .userProfile textarea { border: 1px solid #693205; width: 414px; height: 48px; color: #a1a1a1; } .userProfile .otherInfo span { margin-top: 3px; float: left; width: 110px; font-family: Arial; font-size: 12px; color: #e66919; font-weight: bold; } .userProfile input { border: 1px solid #693205; width: 178px; color: #a1a1a1; padding: 3px; } .userProfile .submit { float: right; width: auto; padding: 8px 10px; font-family: Arial; font-size: 12px; color: #fff; font-weight: bold; border-radius: 5px; background: url(img/button.png) center left repeat-x; border: 0; cursor: pointer; } .userProfile .specifications { padding: 10px; border-radius: 5px; background: url(img/plaktukas.png) bottom right no-repeat; background-color: #5c2a0a; } .userProfile .specifications .title { font-family: Arial; font-size: 18px; color: #fff; font-weight: bold; border-bottom: 1px solid #402718; } .userProfile .specifications .title p { margin: 0 0 6px 0; } .userProfile .button { display: inline; padding: 8px 10px; font-family: Arial; font-size: 12px; color: #fff; font-weight: bold; border-radius: 5px; background: url(img/button.png) center left repeat-x; cursor: pointer; } #user_profile_container { background-color: #222222; border-radius: 5px; padding: 10px; } #admin_profile_container { padding: 0 10px 0 0; } #user_profile_container .avatarImage { width: 186px; margin-right: 20px; float: left; } #admin_profile_container .avatarImage { width: 186px; margin-right: 10px; float: left; background-color: #2e1505; border-radius: 5px; padding: 10px; text-align: center; } #user_profile_container .avatarImage img, #admin_profile_container .avatarImage img { border: 3px solid #693205; } #user_profile_container .avatarImage a, #admin_profile_container .avatarImage a { font-family: Arial; font-size: 12px; color: #e66919; font-weight: bold; text-decoration: none; } #user_profile_container .avatarImage a:hover, #admin_profile_container .avatarImage a:hover { text-decoration: underline; } #user_profile_container .otherInfo, #admin_profile_container .otherInfo { float: left; width: 416px; } #admin_profile_container .adminInfo { padding: 10px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; margin-bottom: 5px; background-color: #5c2a0a; color: #fff; } #user_profile_container .username { display: block; font-family: Arial; font-size: 28px; color: #e66919; font-weight: bold; margin-bottom: 10px; } #admin_profile_container .username { display: block; font-family: Arial; font-size: 28px; color: #e66919; font-weight: bold; margin: 4px 0 10px 10px; float: left; } #admin_profile_container .otherInfo .staff { border-top-right-radius: 6px; border-top-left-radius: 6px; width: 70px; height: 50px; background: url(img/staff.png) center center no-repeat; background-color: #5c2a0a; float: right; } #user_profile_container .others, #admin_profile_container .others { margin-bottom: 5px; color: #fff; } #user_profile_container .others div, #admin_profile_container .others div { float: left; width: 110px; font-family: Arial; font-size: 12px; color: #e66919; font-weight: bold; } #user_profile_container .others span a, #admin_profile_container .others span a { font-size: 12px; color: #fff; font-weight: normal; text-decoration: none; } #user_profile_container .others span a:hover, #admin_profile_container .others span a:hover { text-decoration: underline; } #user_profile_container .about, #admin_profile_container .about { display: block; margin-bottom: 10px; color: #cccccc; } #user_profile_container .specifications, #admin_profile_container .specifications { margin-top: 5px; padding: 10px; border-radius: 5px; background: url(img/plaktukas.png) bottom right no-repeat; background-color: #5c2a0a; color: #fff; } #user_profile_container .specifications span, #admin_profile_container .specifications span { font-weight: bold; display: block; float: left; width: 65px; color: #e66919; } #user_profile_container .specifications .title, #admin_profile_container .specifications .title { font-family: Arial; font-size: 18px; color: #fff; font-weight: bold; border-bottom: 1px solid #402718; margin-bottom: 7px; } #user_profile_container .specifications .title p, #admin_profile_container .specifications .title p { margin: 0 0 6px 0; } #user_profile_container .signature p, #admin_profile_container .signature p { color: #cccccc; font-family: Times New Roman; } #user_profile_container .signature a, #admin_profile_container .signature a { color: #cccccc; font-family: Times New Roman; text-decoration: none; } #user_profile_container .signature a:hover, #admin_profile_container .signature a:hover { text-decoration: underline; } /* SEARCH */ .modAdministratorSearchList li a { font-family: Arial; font-size: 14px; color: #e66919; font-weight: bold; text-decoration: none; } .modAdministratorSearchList li a:hover { text-decoration: underline; }