/*------------------------------------------------------------ RESET { ------------------------------------------------------------*/ * {margin:0px; outline: 0; padding:0px; border: 0;} a {text-decoration: none; cursor: pointer; color: #111;} html, textarea, input {font: 100%/135% Helvetica, Arial, sans-serif;} *::selection, #captcha::selection, input::selection {background-color: transparent;} *::-moz-selection, #captcha::-moz-selection, input::-moz-selection {background-color: transparent;} h1,h2,h3,h4,h5,h6 {line-height: 1em;letter-spacing: -1px; font-weight: bold; color: #111;} h1 {font-size: 2.6em; color: #333;} h2 {font-size: 1.05em; color: #777;} h3 {font-size: 1.7em;} h4 {font-size: 16px;} h5 {font-size: 1.2em;} h6 {font-size: 5em;} h6::selection {background-color: transparent; color: #000;} h6::-moz-selection {background-color: transparent; color: #000;} img {border: 0;} img::selection {background-color: #f12b2b;} img::-moz-selection {background-color: #f12b1b;} small {font-size: 0.8em;} .clear {clear: both;} span.clear, div.clear {padding:0px; margin:0px;} body {background-color: #d4d4d4; } /* } */ #main {position: relative; height: 0; padding:0px; overflow: hidden; background:#d4d4d4 url(bg.png) no-repeat;} #bg {position: absolute; top: 0; left: 0; display: none;} /*circled stars*/ b {margin: 0 0.2em -0.1em 0.5em; display: inline-block; width: 0.7em; height: 0.7em; padding: 1px; font-weight: normal; text-align: center; line-height: 1.1em; background-color: #111; color: #fff; background-color: rgba(0, 0, 0, 0.7);} #circle {position: absolute; top: 500px; left: 50%; margin: -200px 0 0 -190px; display: none; width: 380px; height: 380px;} #circle div.loading {width: 380px; height: 380px; } #circle h1, #circle h2, #circle h2 {top: 228px; width: 300px; height:200px;} .main {} .main h4 {position: absolute; bottom: 120px; left: 40px; } .main h4 a {display: block; width: 300px; height: 160px; text-indent: -9999px; } .main h2 {display: none; } .main .btns {top: 290px; width: 380px; text-align: center; letter-spacing: -1px; font-weight: bold; } #circle .btns {position: absolute; } #circle .btns strong {position: relative; z-index: 1; padding: 0 5px; font-size: 32px; cursor: pointer; color: #f12b2b; } #circle .btns p {margin-top: 0; } #circle .btns small {display: inline-block; padding: 2px 5px 0; font-size: 16px; cursor: pointer; color: #333; } #circle .btns strong:hover {color: #111; background-color: #eee; } #circle .btns small:hover {color: #111; background-color: #eee; } h2 strong {margin-left: 200px; font-size: 1.1em;} h2 strong i { float: right; margin: 4px 0 0 5px; font-style: normal;} h2 a {display: block; padding:3px 6px; font-size: 1.1em; letter-spacing: 0em; background-color: #ccc; color: #fff; text-align: center; cursor: default;} h2 small {display: block; margin-top: -2px; font-size: 0.6em; text-align: center; color: #ccc;} /*h2 i:hover a{background-color: #aaa;} h2 i:hover small{color: #aaa;}*/ #circle h6 {margin-top: 65px; color: #fff; letter-spacing: -3px; line-height: 0.8em; text-align: center; } .plus {padding:0px 14px; background-color: transparent; line-height: 1.3em; text-indent: -9999px;} #circle .main .logo {top: auto; } #contacts {position: absolute; bottom: 0; right: 0; font-size: 13px; line-height: 18px; } #contacts a {display: inline-block; padding: 1px 5px 0 0; color: #fff; color: rgba(255,255,255,0.8);} #contacts a b {margin-left: 3px; background-color: rgba(0, 0, 0, 0.6);} .author {position: absolute; bottom: 0; left: 0; display: none; padding: 1px 0 0 5px; font-size: 13px; line-height: 18px; color: #fff; color: rgba(255,255,255,0.5);} .author:hover, #contacts a:hover {background-color: rgba(0, 0, 0, 0.4); } .author span {color: #aaa; color: rgba(255, 255, 255, 0.8);} .author b {margin: 0 5px -0.1em 0;} #lang {position: absolute; top: 5px; right: 7px; font-size: 13px; color: #eee; color: rgba(255,255,255,0.5);} #rights {position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; font-size: 11px; text-align: center; color: #777; color: rgba(255,255,255,0.3);} #rights a {color: #999; color: rgba(255,255,255,0.5);} #rights a:hover {color: #fff; color: rgba(255,255,255,0.8);} .circle_tab {position: absolute; top: -3000px; z-index: 1; width: 380px; height: 310px; padding: 70px 0 0 23px; background: url(main.png) 0 -390px no-repeat;} .log_in {padding-top: 126px; height: 254px;} .join {padding-top: 73px; } .join .terms {padding-top: 17px; text-align: center; } .join .terms input {margin-right: 2px; width: auto; display: inline-block; } .join .terms span {display: inline-block; padding: 3px 7px 1px; } .join .error span {background-color: #fcd5d5; color: #444; } .circle_tab h5 {width:100%; color: #555; font-size: 26px; text-align: center;} .log_in.circle_tab h5 {position: absolute; left: 50px; bottom: 272px; width:280px; color: #f12b2b; text-align: center;} .join.circle_tab h5, .circle_tab .r {color: #f12b2b;} .circle_tab p, .circle_tab .code {position: relative; display: block; margin: 0px 27px; width: 200px; padding: 0px 35px; font-size: 0.75em; color: #999; text-align: center; text-indent: 10px;} .circle_tab p {width: 210px; } .circle_tab .code {font-size: 1em;} .circle_tab p small, .circle_tab .code small {position: absolute; top:0px; right: 23px; display: block; width: 80px; height: 20px; overflow: hidden; font-size: 1.1em; text-align: right; color: #f12b2b;} .circle_tab input {width: 200px; padding: 4px 5px;background-color: #eee; color: #646464; font-size: 18px; text-align: center;} .circle_tab input:focus {background-color: #fff999; color: #555;} .circle_tab .error input {background-color: #fcd5d5; } .circle_tab .error label {color: #f12b2b; } .circle_tab .btns {position: absolute; top: 291px; left: 23px; width: 210px; text-align: center; } .circle_tab .submit {margin: 0 30px 10px; width: 100px; height: 32px; background-color: #f12b2b; color: #fff; font-size: 1.6em; cursor: pointer;} .circle_tab p {text-indent: 0; } .circle_tab p a {color: #f12b2b;} .circle_tab p a:hover {color: #444;} .circle_tab .btns span {display: block; } .code input {position: absolute; left: 83px; width: 90px; } #captcha {position: absolute; left: -27px;} #forgot {color: #f12b2b;} #forgot:hover {color: #333;} .log_in .remember {margin: 18px 0 0 10px; width:20px; padding:0px;} .sent h5, .was_not h5 {margin-left: 15%; width:70%; padding:146px 0 25px;} .sent .back, .was_not .back {position: static; margin-left: -25px; display: inline-block; } /* .forgot h5 {position: absolute; bottom:325px;} .forgot form {margin-top: 118px;} */ .msg_text {width: 250px; height: 230px; padding: 175px 65px 0 65px; cursor: pointer; background-position: 0px -390px;} .msg_text h5 {width: 250px; color: #727272; } .msg_text .error {color: #f12b2b; } .back {position: absolute; top: 176px; left: 28px; display: block; width:28px; height:28px; text-indent: -9999px; } /*.back:active {left: 25px; }*/ #map {position: absolute; top: 400px; left: 50%; margin: -27px 0 0 190px; display: none; width: 376px; height: 255px; padding-left: 24px; } #map div {position: absolute; margin: -13px 0 0 -13px; display: none; width: 26px; height: 26px;} #map h3 {position: absolute; bottom: 225px; padding-left: 1px; line-height: 30px; } #map h3 b { margin: 0 0 -1px 0; font-size: 22px; line-height: 25px; } #map h4, #map h3 a, #map h4 a {color: #fff; } #map h3 a:hover, #map h4 a:hover {color: #111; color: rgba(0, 0, 0, 0.7); } #map h4 {position: absolute; top: 30px; padding-right: 20px; } #nav {position: absolute; top: 400px; right: 20px; margin: -30px 0 0;} #nav a {display: block; width: 40px; height: 40px; text-indent: -9999px; background-color: #111; background-color: rgba(0, 0, 0, 0.8);} #nav a:hover {background-color: #eee; background-color: rgba(255, 255, 255, 0.9);} #nav .discover {margin: 10px 0 0 5px; width: 30px; height: 30px; } #numbers {position: absolute; top: 400px; left: 0; margin: -47px 0 0 0; display: none; width: 100%; text-align: center; font-size: 36px; font-weight: bold; letter-spacing: -1px; } #numbers li {display: inline-block; margin: 0 10px; list-style: none; } #numbers a {display: block; height: 45px; padding: 20px 5px 0; line-height: 10px; color: #fff; color: rgba(255, 255, 255, 0.9); } #numbers small {display: block; margin-top: 7px; font-size: 13px; font-weight: normal; letter-spacing: 0; } #numbers b {margin-left: 0; margin-right: 3px; background-color: rgba(0, 0, 0, 0.6);} #numbers li:hover {background-color: #111; background-color: rgba(0, 0, 0, 0.4);} /*h3 {position: absolute; left: 50%; margin:0px 0 0 218px; display: none;} h3 * {display: block; float: left; margin-left: 4px; padding:4px 8px 3px; font-weight: normal;} .check {float: none; margin-left: 0; color: #fff; font: italic normal 0.8em/1em Georgia, sans-serif; background-color: transparent;} .check:hover {color: #fff;} h3 a {background-color: #fff; white-space: nowrap;} h3 a:hover {color: #f12b2b;} h3 .sesh {font-size: 1em; color: #fff; background-color: #000;} h3 small {float: left; margin-top: 4px; padding:0px 3px; line-height: 1.3em; font-size: 0.6em; background-color: #fff; color: #111; } h3 small a {margin:0px; padding:0px; background-color: transparent;} h3 small a:hover {color: #111;} h3 small:hover {background-color: #ddd;} h3 *::selection {color: #111;} h3 *::-moz-selection {color: #111;} h3 .sesh::selection {color: #fff;} h3 .sesh::-moz-selection {color: #fff;}*/ h4 strong, input {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} input, .code, #numbers li, #circle .btns strong, #circle .btns small, .join .terms span {-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;} b, #nav a {-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;} .btns small, .btns strong, #contacts a, b, .author, #rights a, #map a, #numbers li, input {-webkit-transition: all 0.2s ease-out;} #nav a {-webkit-transition: all 0.3s ease-out;} .msg_bg {filter:alpha(opacity=9); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;} /*SPRITES*/ #circle .loading, #circle .msg_loading {background: url(../i/load.gif) center 182px no-repeat;} #circle .circle_tab .loading {background: transparent url(../i/load.gif) 250px 28px no-repeat;} #circle, #map, #map div, .plus, .back, #nav a {background-image: url(main.png); background-repeat: no-repeat;} #map {background-position: -490px 50px;} #map div {background-position: -824px -449px;} .plus {background-position: right -313px;} .back {background-position: -825px -350px;} .back:hover {background-position: -825px -400px;} /*.s1ent .back {background-position: right -200px;} .s1ent .back:hover {background-position: right -240px;} */ #nav .discover {background-position: -765px -250px;} #nav .discover:hover {background-position: -765px -300px;} #nav .next {background-position: -820px -243px;} #nav .next:hover {background-position: -820px -293px;} #nav .next_loading {background: #fff url(../i/load.gif) center center no-repeat;} #nav .next_loading:hover {background-position: center center; background-color: #fff; } /*FF*/ @-moz-document url-prefix() { /*inputs fixes*/ .circle_tab input {padding: 6px 5px 2px; height: 26px; } .circle_tab .terms input {margin-right: 2px; padding: 4px 5px; height: auto; } .circle_tab .remember {margin-right: 5px; width: auto; height: auto; } /*animations .btns small, .btns strong, #contacts a, b, .author, #rights a, #map a, #numbers li, input {-moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;} #nav a {-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}*/ } /*OPERA*/ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { .circle_tab input {padding: 6px 5px 2px; height: 26px; } .circle_tab .terms input {margin-right: 2px; padding: 4px 5px; height: auto; } .circle_tab .remember {margin-right: 5px; width: auto; height: auto; } } /*IE8*/ #nav .next {display: none\0/; }