/* clear
---------------------------------------------------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;} 
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
/* -------------------------------------------------------------------------------------------------------------------------------- */


/* globals
-------------------------------------- */
body {background: #312b2a url(bg_shadow.gif) repeat-y center; font-family: Tahoma, Arial, sans-serif; font-size: 12px; line-height: 120%; color: #000;}
a {color: #000; text-decoration: none;}
a:hover {text-decoration: underline;}
.white_spacer {height: 3px; font-size: 0%; clear: both; background-color: #fff;}
.clear {height: 0px; font-size: 0%; clear: both;}
.fl {float: left;}
.fr {float: right;}
.text {border-bottom: 1px solid #c2c2c2; padding: 10px 15px; overflow: hidden;}
.text img {margin: 2px 10px 5px 0; float: left;}
.ground {border-bottom: 1px solid #c2c2c2; margin-bottom: 5px;}
.photo_info {color: #ebebeb; padding: 5px;}
.bold {font-weight: bold;}
.more_info {color: #fff; text-decoration: none; line-height: 1.2em;}
.center {text-align: center;}
.center img {margin: 5px 0;}
a.text_more {float: right;; font-weight: bold; margin-bottom: 5px; color: #4576b9;}
#main_menu, #left_menu, .more_info, .header_blue, .header_gray, .header {font-family: Arial Narrow, Tahoma, Arial, sans-serif;}
.full { width: 100% !important; }
.const {width: 100%; background: #c6c6c6;}

/* header
-------------------------------------- */
#header {}
.head_def        {background: #201C1C url(bg_def.jpg) no-repeat top center; height: 330px;}
.head_roller     {background: #201C1C url(bg_roller.jpg) no-repeat 0 0; height: 330px;}
.head_skate      {background: #201C1C url(bg_skate.jpg) no-repeat 0 0; height: 330px;}
.head_parkour    {background: #201C1C url(bg_parkour.jpg) no-repeat 0 0; height: 330px;}
.head_football   {background: #201C1C url(bg_football.jpg) no-repeat 0 0; height: 330px;}
.head_basketball {background: #201C1C url(bg_basketball.jpg) no-repeat 0 0; height: 330px;}
.head_bicycle    {background: #201C1C url(bg_bicycle.jpg) no-repeat 0 0; height: 330px;}
.head_snowboard  {background: #201C1C url(bg_snowboard.jpg) no-repeat 0 0; height: 330px;}

/* Containers
-------------------------------------- */
#container {background-color: #fff;}

/* content
-------------------------------------- */
#content {}
#left_col, #right_col, #center_col {overflow: hidden;}
#left_col {background-color: #a6a6a6; width: 190px;}
#right_col {background-color: #404040; width: 300px;}
#center_col {}
.header_blue, .header_gray, .header {font-size: 14px; color: #fff; padding: 0 25px; line-height: 25px; border-bottom: 1px solid #000;}
.header_blue {background: #161616 url(bg_header_blue.gif) no-repeat right; text-transform: uppercase;}
.header_gray {background: #161616 url(bg_header_gray.gif) no-repeat right; text-transform: uppercase;}
.header {background-color: #676767;}
.header a {color: #fff; text-decoration: none;}
.header a:hover {color: #a2badc; text-decoration: none;}
#left_col .items {background: url(bg_item_shad.gif) repeat-x top;}

/* main_menu
-------------------------------------- */
#main_menu {background-color: #4576b9; border-bottom: 4px solid #000; font-size: 16px; color: #fff; line-height: 23px; text-align: center; font-weight: bold }
#main_menu span {padding: 0 15px;}
#main_menu span a {color: #a2badc;}
#main_menu span a:hover {color: #fff;}
#main_menu span a.current {text-decoration: none; color: #fff;}
#main_menu span a.current:hover {}

/* left_menu
-------------------------------------- */
#left_menu {font-size: 16px; line-height: 22px;}
#left_menu ul {}
#left_menu ul li {margin: 0px; padding: 0px;}
#left_menu ul li a {text-decoration: none; color: #000;}
#left_menu ul li a:hover {}
#left_menu ul li a span {padding-left: 15px;}
#left_menu ul li a:hover span {padding-left: 15px;}
#left_menu ul li.current {border: 1px dashed #c0c0c0; border-width: 1px 0;}
#left_menu ul li.current div {padding-left: 30px; font-size: 16px;}

/* test
-------------------------------------- */
.testtable {border: 1px solid #c6c6c6; background: #fff;}
.testtable td {padding: 5px;}
.page_dater {font-size: 30px; color: #cc0000;}
.current_lm {color: #fff !important;}
table.photo_pw {margin: 18px auto; width: auto; background: url(bg_table_border.gif); text-align: center; border-collapse: separate; border-spacing: 1px;}
table.photo_pw td {background: #c6c6c6; width: 210px; vertical-align: middle; height: 210px;}
table.photo_pw img {border: 1px solid #676767; padding: 5px; background: white; margin: 5px;
	box-shadow: 0 0 7px 3px #A6A6A6;
	-webkit-box-shadow: 0 0 7px 3px #A6A6A6;
	-moz-box-shadow: 0 0 7px 3px #A6A6A6;
}
table.photo_pw img:hover {
	box-shadow: 0 0 7px 3px #676767;
	-webkit-box-shadow: 0 0 7px 3px #676767;
	-moz-box-shadow: 0 0 7px 3px #676767;
}

div.cmm {color: #676767; font-size: 10px; margin: -5px 0;}
* div.cmm {margin: 0;}


/* tab developers
-------------------------------------- */
#wrapper {margin: 10px;}
ul.tabs li a:hover {color: #4576b9; padding: 0 13px; background: #e9ecf4; border: 1px solid #b7c9dc;}
ul.tabs li.tab-current a, ul.tabs li.tab-current a:hover {color: #444; background: #efefef; padding: 0px 13px 2px; border: 1px solid #676767; border-bottom: 1px solid #efefef;}
div.t2, div.t3, div.t4 {display: none; padding: 10px;}
div.t1, div.t2, div.t3, div.t4 {border: 1px solid #676767; background: #efefef; padding: 0 12px; padding-bottom: 10px;}

/* tab
-------------------------------------- */
.usual {margin: 10px;}
ul.tabs {height: 25px; line-height: 25px; margin: 0 0 3px; list-style: none;}
* html ul.tabs {margin-bottom: 0;}
ul.tabs li {float: left; margin-right: 1px;}
ul.tabs li a {display: block; padding: 0 13px 1px; margin-bottom: -1px; color: #444; text-decoration: none;	cursor: pointer; background: #F9F9F9; border: 1px solid #efefef; border-bottom: 1px solid #F9F9F9; position: relative;}
* html ul.tabs li a {float: left}
*+html ul.tabs li a {float: left}
ul.tabs li a:hover {color: #4576b9; padding: 0 13px; background: #e9ecf4; border: 1px solid #b7c9dc;}
ul.tabs li a.selected {color: #444; background: #efefef; padding: 0px 13px 2px; border: 1px solid #676767; border-bottom: 1px solid #efefef;}
.usual #tab1, .usual #tab2, .usual #tab3, .usual #tab4 {border: 1px solid #676767; background: #efefef; padding: 0 12px; padding-bottom: 10px;}



.dev_photo {width: 150px; overflow: hidden; float: left; margin-right: 10px;}
.dev_photo img {width: 150px;}
.dev_info {}
span.nick {color: #69B656;}
hr {border: 1px solid #676767; border-bottom: 0; height: 0;}

.f_sts  {color: #4576B9;}
.f_blue {color: #006699;}
.f_gray {color: #676767;}

/* event block
-------------------------------------- */
div.event {width: 49.9%; float: left;}
div.event ul li {line-height: 140%}
div.event a {}
div.event a:hover {color: #006699;}
div.event div.body {margin: 5px; border: 1px solid #676767; padding: 5px; background-color: #efefef}
div.event div.title {border: 1px solid #676767; padding: 5px; margin-bottom: 3px; }
div.event img {width: 100px; height: 100px; float: left; border: 1px solid #676767; margin: 0 5px 0 0}
div.event li.photo {color: #676767; font-size: 11px; margin-top: 10px;}

/* event block v.2
-------------------------------------- */
.ev {width: 49.9%; float: left;}
.ev div.body {margin: 5px; border: 1px solid #676767; padding: 5px; background-color: #efefef}
.ev h2 {display: block; border: 1px solid #676767; padding: 3px 5px; font-weight: normal; height: 14px; overflow: hidden;}
.ev a {}
.ev a:hover {color: #006699;}	
.ev a img {border: 1px solid #676767; float: left; dispay: block; margin-right: 5px; width: 100px; height: 100px; margin-top: 5px;}
.ev ul {display: block;}
.ev ul li {display: block; overflow: hidden; line-height: 15px;}
.ev ul li.plate {height: 20px;}
.ev ul li.author {height: 55px;}
.ev ul li.stat {color: #676767; font-size: 11px; height: 15px;}

/* plate block
-------------------------------------- */
.plate {margin: 5px;}  
.plate a {}
.plate a:hover {color: #006699;}
.plate .body {margin: 5px; border: 1px solid #676767; padding: 5px; background-color: #efefef}
.plate .title {border: 1px solid #676767; padding: 5px; margin-bottom: 5px; }
.plate .metro {float: right; padding-left: 15px; background: url(bg_metro.gif) no-repeat left;}
.plate .photo {width: 848px; height: 200px; border: 1px solid #676767; overflow: hidden; padding: 0px;}
.plate .photo img {width: 850px; height: 200px;}
.plate .plate_info {margin: 10px 5px 5px 5px;}
.plate .plate_info .map {height:350px; width: 450px; float: left; z-index: 5; margin-right: 10px;}
.plate .plate_info img.preview {width: 160px; padding: 4px; background-color: #fff; border: 1px solid #999; margin: 0 10px 20px 10px;}

/* tooltip
-------------------------------------- */
#tt {position:absolute; display:block; text-align: center; padding: 5px; background-color: #fff; border: 1px solid #999; z-index: 10;}
#tt img {margin: 0 auto;}
#tt div {}

/* portal info
-------------------------------------- */
.portal_info {}
.portal_info ul.blog a {color: #4576B9;}
.portal_info span {color: #4576B9;}
.portal_info strong {color: #4576B9;}
.portal_info p {margin: 15px 0;}
.portal_info .big {}
.portal_info ul.text_info li {margin: 3px 0 ; padding-left: 15px; background: transparent url(gray_pointer.gif) no-repeat 3px 3px;}
.portal_info ul.list li {margin: 3px 0 ; padding-left: 15px;}

/* partners
-------------------------------------- */
.partners {padding: 4px; margin-bottom: 50px;}
.partners img {border: 2px solid #4576B9; margin: 2px; height: 50px; width: 50px; float: none;}

/* banners
--------------------------------------*/
.eia_bp {border-top: 2px solid #201c1c; border-bottom: 2px solid #201c1c; background: #161616; padding: 9px 7px 3px;}

/* footer
-------------------------------------- */
#footer {background: #fff;}
#footer .link {background-color: #4576b9; border-bottom: 1px solid #375e93; color: #fff; padding: 3px;}
#footer a {color: #fff;}

/* vkontakte
-------------------------------------- */
#vkontakte_link {width: 22px; height: 130px; position: fixed; left: 0; top: 110px; z-index: 3; background: #1C3254 url(tab_vkont.gif) no-repeat 0 0; cursor: pointer;}
* html #vkontakte_link {position:absolute;}

/* albums_cmm
-------------------------------------- */
.comments {border-top: 1px solid #676767; margin: 5px; margin-bottom: 10px; border-bottom: 1px solid #A6A6A6; background: #fff;}
.comments .cmm_info {padding: 5px; margin: 0 5px 5px 0; border: 1px solid #676767; border-top: 0px; color: #676767; background: #efefef;}
.comments .cmm_text {padding-left: 10px; margin-top: 5px;}
.comments img.cmm_img {float: right; padding: 5px; background: #fff;}

/* blog
--------------------------------------*/ 
.post_meta a {color: #4576B9; text-decoration: none;}
.post_meta a:hover {color: #676767; text-decoration: underline;}
.post_meta h2 a {color: #000 !important;}
ul.blog {}
ul.blog li {margin-bottom: 15px;}
.post_meta {border: 1px solid #676767; padding: 5px; margin-bottom: 10px;}
.post_meta h1 {}
.post_meta h4 {float: right;}
ul.post_actions li {float: left;}
h2.comm_header {background: #c6c6c6; border: 1px solid #676767; border-bottom: 0px; padding: 5px;}
ul.comm_list {}
ul.comm_list li {border: 1px solid #676767; padding: 5px; margin-bottom: 5px;}
ul.comm_list small {float: right;}.page_number {margin: 10px 10px 0 10px; font-size:1em; line-height:25px; font-family: Tahoma;}

.tagarea {padding: 10px; font-size: 20px; line-height: 24px;}
.tagarea .tag a {color: #336699; margin-right: 15px;}

/* albums
--------------------------------------*/ 
.page_number span {}
.page_number a {color: #4576B9; padding: 5px;}
.page_number a.current {color: #161616;}
.page_number a:hover {text-decoration: underline;}
#pg {height: 800px;}

#ARBoxLinkSm img {margin: 0 5px;}
#ARBoxMenu img {margin: 0 5px;}

/* calendar
--------------------------------------*/
.calendar .nav {text-align: center; width: 398px; margin-bottom: 5px; margin: 0 auto;}
.calendar .nav a {border: 1px solid #676767; padding: 0px; display: block; vertical-align: middle; margin: 0 5px; height: 27px; width: 40px; background-position: center; background-repeat: no-repeat;}
.calendar .nav a:hover {background-color: #efefef; background-position: center; background-repeat: no-repeat;}
.calendar .nav a.prev {float: left; background-image: url(bg_nav_prev.gif);}
.calendar .nav a.next {float: right; background-image: url(bg_nav_next.gif);}
.calendar .nav span {vertical-align: middle; font-weight: bold; line-height: 29px;}

.calendar table {width: 398px; text-align: center; border: 1px solid #676767; border-bottom: 0px; background: #efefef; margin: 0 auto;}
.calendar th {font-weight: bold; background: #676767; padding: 5px; border-bottom: 1px solid #000;}
.calendar th span {color: white;}
.calendar td {}
.calendar a {display: block; padding: 10px; border-bottom: 1px solid #676767; text-decoration: none; color: #4576B9;}
.calendar a:hover {background: #fff;}
.calendar a.event {background: #fff url(bg_calendar_event.gif) center;}
.calendar a.event span {color: #000;}

.calendar span.prev, .calendar span.next {color: #c6c6c6;}
.calendar tr.current a {background: #789CCD; color: #fff;}
.calendar tr.current a:hover {background-color: #A2BADC;}
.calendar tr.current a.event {background: #789CCD url(bg_calendar_event_week.gif) center; color: #fff;}

.calendar td.today {background: #000;}
.calendar td.today a {color: #fff;}
.calendar td.today a:hover {background: black;}
.calendar td.today a.event {background: #000 url(bg_calendar_event_today.gif) center;}

/* post main
------------------------------------*/
.last_post {}
.last_post p {margin: 10px 0;}
.last_post a:hover {color: #006699;}
.last_post .body a {color: #4576B9;}
.last_post .body strong {color: #4576B9;}
.last_post .content {margin: 5px; border: 1px solid #676767; padding: 5px; background-color: #efefef}
.last_post .post {margin: 0 5px;}
.last_post .title {border: 1px solid #676767; padding: 5px; margin-bottom: 5px;}
.last_post .tag {margin: 5px; color: #4576B9;}