html { height: 100%; }
body { height: 100%; margin: 0px; padding: 0px; font-size: 12px; font-family: Arial; color: #9ab5da; background: #000000; }
img { border: none; }
a { color: #4195ea; }
p { padding: 0px; margin: 10px 0px; }
a:hover { text-decoration: none; }
.clear { clear: both; }
#container { height: auto !important; height: 100%; min-height: 100%; position: relative; min-width: 980px; }
.header_bg { background: url(/images/new/bg-body.jpg) no-repeat 50% 0%; }

h2, h2 a { font-family: Impact; font-size: 18px; color: #d5e1f2; font-weight: normal; margin: 0px; padding: 10px 0px; text-decoration: none; }
h2 a:hover { text-decoration: underline; }

h3 { margin: 0px; padding: 0px; font-family: Impact; font-size: 18px; color: #52a0ef; font-weight: normal; }
h4 { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #d5e1f2; }

form { padding: 0px; margin: 0px; }

#header_outer { width: 980px; height: 281px; margin: 0px auto; position: relative; }
#header_outer span { display: block; position: absolute; font-family: Impact; font-size: 18px; background: url(/images/new/bg-top-menu-item.png) no-repeat 0px 0px; padding: 6px 0px 5px 38px; top: 10px; }
#header_outer span#header_link1 { right: 214px; }
#header_outer span#header_link2 { right: 120px; }
#header_outer span a { color: #ffffff; text-decoration: none; }
#header_outer span a:hover { text-decoration: underline; }
#header_outer span.sel { background: url(/images/new/bg-top-menu-item-sel.png) no-repeat 0px 3px; padding: 8px 0px 5px 40px; top: 8px; }

#block_1 { width: 232px; height: 215px; position: absolute; top: 15px; left: 0px; }
#block_1.hover { background: url(/images/new/bg-block-1.jpg) no-repeat 0px 0px; }
#block_2 { width: 148px; height: 226px; position: absolute; top: 55px; left: 232px; }
#block_2.hover { background: url(/images/new/bg-block-2.jpg) no-repeat 0px 0px; }
#block_3 { width: 187px; height: 214px; position: absolute; top: 67px; left: 380px; }
#block_3.hover { background: url(/images/new/bg-block-3.jpg) no-repeat 0px 0px; }
#block_4 { width: 35px; height: 70px; position: absolute; top: 165px; left: 567px; }
#block_4.hover { background: url(/images/new/bg-block-4.jpg) no-repeat 0px 0px; }
#block_5 { width: 60px; height: 33px; position: absolute; top: 45px; left: 635px; }
#block_5.hover { background: url(/images/new/bg-block-5.jpg) no-repeat 0px 0px; }
#block_6 { width: 157px; height: 55px; position: absolute; top: 78px; left: 585px; }
#block_6.hover { background: url(/images/new/bg-block-6.jpg) no-repeat 0px 0px; }
#block_7 { width: 120px; height: 137px; position: absolute; top: 133px; left: 602px; }
#block_7.hover { background: url(/images/new/bg-block-7.jpg) no-repeat 0px 0px; }
#block_8 { width: 90px; height: 39px; position: absolute; top: 94px; left: 754px; }
#block_8.hover { background: url(/images/new/bg-block-8.jpg) no-repeat 0px 0px; }
#block_9 { width: 183px; height: 126px; position: absolute; top: 133px; left: 735px; }
#block_9.hover { background: url(/images/new/bg-block-9.jpg) no-repeat 0px 0px; }
#block_10 { width: 124px; height: 82px; position: absolute; top: 51px; left: 847px; }
#block_10.hover { background: url(/images/new/bg-block-10.jpg) no-repeat 0px 0px; }


/*MAIN*/
.left { width: 219px; float: left; padding: 4px 0px 50px 0px; overflow: hidden; }
.left .logged { width: 184px; height: 151px; margin-left: 35px; }
.left .logged a { font-weight: bold; color: #ffffff; }
.left .logged .bg { width: 184px; height: 151px; background: url(/images/new/bg-logged.png) no-repeat 0px 0px; }
.left .logged .content { width: 162px; height: 108px; margin: -108px 0px 0px 22px; color: #c0c0c0; position: relative; }
.left .logged .username { font-weight: bold; color: #ffffff; }
.left .logged .last_login { margin: 6px 0px 3px 0px; }
.left .logged .time { position: absolute; top: 36px; right: 12px; font-weight: bold; color: #fefefe; }
.left .logged .profile, .left .logged .logout { display: block; width: 75px; height: 19px; text-align: center; background:  url(/images/new/bg-buttons.png) no-repeat 0px 0px; text-decoration: none; font-weight: bold; color: #ffffff; padding-top: 2px; position: absolute; bottom: 10px; }
.left .logged .profile { left: -2px; }
.left .logged .logout { right: 9px; }
.left .logged .profile:hover, .left .logged .logout:hover { background:  url(/images/new/bg-buttons.png) no-repeat 0px -21px; }

.left .menu { margin-left: 15px; background:  url(/images/new/bg-left-title.jpg) no-repeat 0px 0px; padding: 6px 0px 15px 38px; }
.left .menu .title_menu { font-family: Impact; font-size: 28px; color: #52a0ef; text-decoration: none; }
.left .menu .title_menu:hover { text-decoration: underline; }
.left .menu.sel { background:  url(/images/new/bg-left-title-sel.jpg) no-repeat 0px 0px; }
.left .menu.sel .title_menu { color: #ffffff; }
.left .menu .item { padding: 5px 0px; }
.left .menu .item a { color: #ffffff; font-weight: bold; }
.left .menu .item a:hover { color: #4195ea; text-decoration: underline; }
.left .menu img { margin-right: 7px; }

.left .our_friends { padding: 0px 0px 0px 42px; }
.left .our_friends .item { padding: 5px 0px 5px 11px; }
.left .our_friends .item a { color: #4195ea; font-weight: bold; }
.left .our_friends .item a:hover { color: #fafafa; text-decoration: underline; }
.left .our_friends img { margin-right: 6px; }


.right { width: 206px; float: right; padding: 0px 0px 50px 7px; overflow: hidden; }
.right .content { padding: 0px 50px 0px 12px; color: #d5e1f2; }
.right .content .item { padding: 8px 0px; }
.right .content .item .date { font-family: Impact; font-size: 18px; }
.right .content a { font-family: Arial; font-size: 12px; color: #d5e1f2; }
.right .content a:hover { color: #4195ea; text-decoration: underline; }


.center { margin: 0px 213px 0px 219px; padding: 0px 0px 50px 0px; position: relative; }
.center .block { background: #031733; border: #154880 1px solid; margin: 11px 0px 40px 12px; padding-top: 12px; position: relative; }
.center .block#first_block { background: #031733 url(/images/new/bg-center-block-first.jpg) no-repeat 50% -9px; }
.center .block .block_center { padding: 0px 17px; position: relative; z-index: 10; }
.center .block .block_bottom { height: 45px; background: url(/images/new/bg-center-block-bottom.gif) repeat-x 0px 0px; position: relative; margin-top: -30px; z-index: 0; }


/*FOOTER OUTER*/
#container .footer_outer { height: 61px; }


/*FOOTER*/
.footer { height: 61px; margin: -61px 0px 0px 0px; background: url(/images/new/bg-footer.jpg) no-repeat 50% 0%; color: #70a8e0; min-width: 980px; }
.footer_inner { width: 980px; height: 36px; margin: 0px auto; text-align: center; padding: 25px 0px 0px 0px; position: relative; }
.footer .path { font-family: Impact; font-size: 18px; color: #52a0ef; position: absolute; top: 20px; left: 20px; }
.footer .path a { color: #52a0ef; text-decoration: none; }
.footer .path a:hover { text-decoration: underline; }


.title { position: relative; height: 50px; }

.title#our_friends { width: 177px; background: url(/images/new/title-our-friends.png) no-repeat 0px 0px; }
.title#events { width: 150px; background: url(/images/new/title-events.png) no-repeat 0px 0px; }
.title#description { width: 137px; background: url(/images/new/title-description.png) no-repeat 0px 0px; }
.title#photos { width: 163px; background: url(/images/new/title-photos.png) no-repeat 0px 0px; }
.title#archive_news { width: 174px; background: url(/images/new/title-archive-news.png) no-repeat 0px 0px; }
.title#photogallery { width: 177px; background: url(/images/new/title-photogallery.png) no-repeat 0px 0px; }
.title#game_servers { width: 199px; background: url(/images/new/title-game-servers.png) no-repeat 0px 0px; }
.title#sport { width: 361px; background: url(/images/new/title-sport.png) no-repeat 0px 0px; }
.title#web_cameras { width: 177px; background: url(/images/new/title-web-cameras.png) no-repeat 0px 0px; }
.title#prices { width: 136px; background: url(/images/new/title-prices.png) no-repeat 0px 0px; }
.title#registration { width: 157px; background: url(/images/new/title-registration.png) no-repeat 0px 0px; }
.title#news { width: 176px; background: url(/images/new/title-news.png) no-repeat 0px 0px; }
.title#clubs { width: 136px; background: url(/images/new/title-clubs.png) no-repeat 0px 0px; }
.title#contacts { width: 136px; background: url(/images/new/title-contacts.png) no-repeat 0px 0px; }
.title#profile { width: 136px; background: url(/images/new/title-profile.png) no-repeat 0px 0px; }

.title#to_up { position: absolute; top: 6px; right: 20px; }
.title#to_up .bg { background: url(/images/new/title-to-up.png) no-repeat 0px 0px; width: 158px; height: 42px; }
.title#to_up a { display: block; width: 138px; height: 36px; margin: -36px 0px 0px 14px; }

.left .logged a.register { font-size: 10px; color: #4195ea; position: absolute; top: 80px; left: 0px; }

.input { font-family: Arial; font-size: 12px; color: #c0c0c0; background: #042548 url(/images/new/bg-input.gif) repeat-x; border: #115b8e 1px solid; padding: 2px 0px 3px 4px; }
.input2 { font-family: Arial; font-size: 12px; color: #c0c0c0; background: #295997 url(/images/new/bg-input-2.gif) repeat-x; border: #3b7dc7 1px solid; padding: 4px 4px 5px 4px; }

.registration_form .input2 { width: 250px; }
#login_inp { width: 150px; position: absolute; top: 10px; left: 0px; margin-left: -4px; }
#pas_inp { width: 150px; position: absolute; top: 50px; left: 0px; margin-left: -4px; }
.login_submit { width: 18px; height: 20px; background: url(/images/new/bg-login-submit.gif) no-repeat 0px 0px; border: none; position: absolute; top: 51px; left: 133px; margin: 0px; padding: 0px; }

.navigation { color: #9ab5da; background: url(/images/new/bg-navigation.gif) no-repeat 0px 3px; padding: 0px 0px 0px 20px; }
.navigation a { color: #9ab5da; }
.arrow { margin: 0px 3px; }

.submit2 { width: 104px; height: 29px; background: url(/images/new/bg-buttons-3.png) no-repeat 0px 0px; border: 0px; color: #ffffff; font-weight: bold; vertical-align: 0px !important; vertical-align: -7px; padding: 0px; margin: 0px; }
.submit2_hover { width: 104px; height: 29px; background: url(/images/new/bg-buttons-3.png) no-repeat 0px bottom; border: 0px; color: #ffffff; font-weight: bold; vertical-align: 0px !important; vertical-align: -7px; padding: 0px; margin: 0px; }
.captcha { vertical-align: bottom; }

.author { position: absolute; top: -37px; left: 0px; width: 85%; text-align: right; padding: 0px 60px 10px 0px; background: url(/images/new/bg-block-news.png) no-repeat right bottom; color: #0668cb; }
.author a { color: #0668cb; font-weight: bold; }

.comments_link { font-weight: bold; color: #4195ea; text-decoration: none; }
.comments_link:hover { text-decoration: underline; }
.read_full { font-weight: bold; color: #4195ea; }
.read_full:hover { color: #ffffff; text-decoration: underline; }

.comments_block { padding: 0px 0px 10px 30px; }

.one_comment { padding: 10px 0px 10px 0px; position: relative; }
.comment_text { background: #051f42; border: #154880 1px solid; padding: 18px; margin-left: 135px; }
.comment_left { width: 23px; height: 23px; background: url(/images/new/bg-comment-left.png) no-repeat; position: absolute; top: 23px; left: 113px; }
.comment_author { width: 115px; position: absolute; top: 10px; left: 0px; }

.need_login { text-align: center; }

.textarea { background: #29548e url(/images/new/bg-textarea.png) repeat-x; border: #3b7dc7 1px solid; color: #ffffff; width: 99%; padding: 5px 0px; height: 100px; overflow: auto; margin-bottom: 10px; }
.button3 { display: block; width: 104px; height: 29px; background: url(/images/new/bg-buttons-3.png) no-repeat left top; border: none; color: #ffffff; font-weight: bold; }
.button3_hover { display: block; width: 104px; height: 29px; background: url(/images/new/bg-buttons-3.png) no-repeat left bottom; border: none; color: #ffffff; font-weight: bold;  }


.club_image { padding: 20px 10px 10px 5px; width: 130px; height: 360px; background: url(/images/new/bg-club-image.jpg) no-repeat 0px 14px; }
.club_image img { border: #2369b4 1px solid; }
.club_description { padding: 20px 10px 10px 0px; margin-left: 160px; margin-top: -395px; }
.about_club { min-height: 390px; height: auto !important; height: 390px; }

.club_photos { padding: 28px 7px 7px 6px; text-align: center; width: 320px; height: 240px; background: url(/images/new/bg-club-photos.jpg) no-repeat 0px 0px; position: relative; }
.club_photos a { display: block; width: 322px; height: 242px; }
.club_photos .plain_text a { display: inline; width: auto; height: auto; }
.club_photos img { border: #2369b4 1px solid; }
.club_list { padding: 20px 10px 10px 0px; margin-left: 340px; margin-top: -285px; }
.club_list ul, .club_list ul li { list-style-type: square; }
.club_list ul li a { text-decoration: none; color: #9ab5da; font-weight: bold; }
.club_list ul li.active, .club_list ul li.active a { color: #ffffff; }
.club_list ul li a:hover { text-decoration: underline; }
.plain_text { font-weight: bold; color: #ffffff; position: absolute; top: 7px; left: 10px; }
.plain_text a { color: #ffffff; }
.photos_club { min-height: 275px; height: auto !important; height: 275px; }
.club_photos a.big_photo { display: block; width: 20px; height: 20px; background: url(/images/new/bg-big-photo.png) no-repeat 0px 0px; position: absolute; top: 4px; right: 6px; }