@charset "utf-8"; /*! normalize.css v1.1.0 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1 } audio:not([controls]) { display: none; height: 0 } [hidden] { display: none } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } html, button, input, select, textarea { font-family: sans-serif } body { margin: 0 } a:focus { outline: thin dotted } a:active, a:hover { outline: 0 } h1 { font-size: 2em; margin: .67em 0 } h2 { font-size: 1.5em; margin: .83em 0 } h3 { font-size: 1.17em; margin: 1em 0 } h4 { font-size: 16px; margin: 15px 0 } h5 { font-size: 14px; margin: 15px 0 } h6 { font-size: 12px; margin: 15px 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: bold } blockquote { margin: 1em 40px } dfn { font-style: italic } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } mark { background: #ff0; color: #000 } p, pre { margin: 0 0 15px } code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word } q { quotes: none } q:before, q:after { content: ''; content: none } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -0.5em } sub { bottom: -0.25em } dl, menu, ol, ul { margin: 1em 0 } dd { margin: 0 0 0 40px } menu, ol, ul { padding: 0 0 0 40px } nav ul, nav ol { list-style: none; list-style-image: none } img { border: 0; -ms-interpolation-mode: bicubic } svg:not(:root) { overflow: hidden } figure { margin: 0 } form { margin: 0 } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle } button, input { line-height: normal } button, select { text-transform: none } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible } button[disabled], html input[disabled] { cursor: default } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } textarea { overflow: auto; vertical-align: top } table { border-collapse: collapse; border-spacing: 0 } html, body { background: #000; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px } html { height: 100% } body { background: url('../images/9664ae9a39d6ea7ce3f3fc8f88a703.jpg') repeat-y 50% 0; min-height: 100% } #pageRepeater { background: url('../images/a1b3b3ac1faabf16c3a053933a0094.jpg') no-repeat 50% 0 } a:link { color: #FFF; font-weight: normal; outline: 0; text-decoration: none } a:visited { color: #FFF; font-weight: normal; text-decoration: none } a:hover, a:active, a.active { color: #ffad01; font-weight: normal; text-decoration: none; outline: 0 } p { line-height: 15px; margin: 0 0 15px } p a { text-decoration: underline } h2 { color: #c72f00; font-size: 40px; margin: 0 0 15px; text-shadow: 0 0 10px #000 } h3 { color: #e2a201; font-size: 15px } .left { float: left } .right { float: right } #page { margin: 0 auto; width: 651px } li { color: #fff1ce } body { font-family: 'Droid Sans', sans-serif } .btn, h2, #nav a { font-family: 'Droid Serif', serif; font-weight: 400 } .btn { background: url('../images/d28fa9e317400f0dd2b6dfe457d03e.png') no-repeat 0 0; display: block; font-size: 19px; height: 68px; line-height: 68px; margin: 15px auto; text-align: center; text-shadow: 0 0 1px #000; width: 313px } .btn:hover { background-position: 0 -68px; color: #fff } #headContent { padding: 19px 0 0 } h1 { height: 172px; margin: 0 auto; width: 566px } #video .trailer_container { -webkit-box-shadow: 0 0 20px rgba(231, 128, 13, 0.4); -moz-box-shadow: 0 0 20px rgba(231, 128, 13, 0.4); box-shadow: 0 0 20px rgba(231, 128, 13, 0.4) } .trailer_container { border: 1px solid #bf5f25; background: #000; margin: 0 auto; padding: 1px; width: 563px; height: 317px; width: 563px } #nav { background: url('../images/c13d6d2762f276cc60a4d319fdf762.jpg') 50% 0; height: 53px; margin: 25px auto; width: 595px } #nav a { float: left; font-size: 22px; line-height: 53px; text-align: center; width: 33.33% } #content { margin: 0 auto; width: 595px } .section { background: url('../images/d8fd5dc658498f9578532f207d77bd.jpg') no-repeat 50% 0 #030607; padding: 20px } #story { background-image: url('../images/011f94a10186af22782de11c9a129a.jpg') } #story h2 { color: #fff } #story h3 { font-size: 25px; margin: 0 0 15px } #media ul { padding: 0 } #media li { float: left; list-style: none; padding: 5px; width: 127px } #news .align_left, #news .align_right, #media li a { border: 1px solid #dba126; display: block } #media li ul { margin: 0 } #media li li a { border: 0; text-align: center } #news .article { margin: 0 0 30px } #news .article h3 { margin: 0 0 5px } #news .article h3 a { color: #ffad01; font-weight: bold } #news .article .date { color: #979797; margin: 0 0 15px } #news .align_center { display: block; margin: 0 auto 15px } #news .align_left { float: left; margin: 0 15px 15px 0 } #news .align_right { float: right; margin: 0 0 15px 15px } #news .article a:link { font-weight: bold } #footer { background: url('../images/bf552d7b60a6e1b8bf8f45c7163ee6.jpg') no-repeat 50% 0; height: 355px } #footerContainer { margin: 0 auto; padding: 215px 0 0; text-align: center; position: relative; width: 615px } #footerContainer ul { padding: 0; margin: 0 auto 20px; width: 500px } #footerContainer ul li { list-style: none; float: left; width: 33% } .ymir, .metin2_logo, .gf_logo, .pegi, .usk, .safe_play { background: url('../images/333fe8c40bbdca2f56a46988d231d1.png') 0 0; display: block; height: 42px; margin: 0 auto; width: 48px } .metin2_logo { background-position: -131px 0; width: 105px } .gf_logo { background-position: -264px 0; width: 140px } .pegi { background-position: -5px -57px; height: 78px; left: -140px; position: absolute; top: 196px; width: 186px } .left_logo_grp { height: 75px; position: absolute; right: -95px; top: 230px; width: 136px } .usk { background-position: -211px -57px; height: 75px; float: left; width: 75px; top: -32px; left: 93px; position: absolute } .safe_play { background-position: -295px -57px; float: left; height: 75px; width: 61px; top: -32px; left: 13px; position: absolute } #footer p { color: #b29b5c } #footer p a { color: #b29b5c; text-decoration: underline } #footer p a:hover { color: red } .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px } .ir:before { content: ""; display: block; width: 0; height: 150% } .hidden { display: none !important; visibility: hidden } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto } .invisible { visibility: hidden } .clearfloat { clear: both; height: 0 } .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden } .clearfix { display: inline-block } /*\*/ * html .clearfix { height: 1% } .clearfix { display: block }