html {
	height:100%;
	overflow-y: scroll;
}
body {
   margin: 0;
   font-family: Tahoma;
   font-size: 11px;
   color: #2b2b2b;
   background-color: #4F4F4F;
   background-image : url("../imgs/files/background2.png");
   background-repeat: repeat;
   height:100%;
}
.error_center {
	width: 1px;
	height: 1px;
	position: fixed;
	top: 50%;
	left: 50%;
}
.error_center .error {
	position: absolute;
	width:290px;
	background-color: #DFDFDF;
	padding: 8px 16px;
	left:-145px;
	top:-83px;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom:10px;
	margin-top: 0px;
	font-weight: normal;
}
h2 {
	font-size: 18px;
}
h4 {
	font-size: 11px;
}
a {
	text-decoration: none;
	cursor: pointer;
}
img {
	border: 0;
}
#container {
	width: 1186px;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
	min-height:100%;
}
#content {
	width: 836px;
	overflow: hidden;
	float: left;
	margin-left: 176px;
}
#content #header_line {
	height: 16px;
	background-color: #dfdfdf;
}
#header .logo {
	width: 200px;
	height: 50px;
	display: block;
}
#content #header_border {
	background-color: #ffffff;
	padding: 0px 16px 0px 16px;
}
.line {
	float: left;
	width: 100%;
}
#header .line #language_chooser {
	float: right;
	margin-right: 15px;
	margin-top: 55px;
	background-color: #ffffff;	
	padding: 3px 0px; 
}
#header .line #language_chooser .element {
	padding: 3px; 
}
#header .line #language_chooser a:hover   {
	color:#ffffff;
}
#main {
	background-color: #f4f4f4;
	overflow:hidden;
	padding-bottom: 100px;
	position: relative;
}
#content .block {
	background-repeat: repeat-x;
	background-position: bottom;
	float: left;
	padding: 16px;
	margin-bottom: 16px;
}
#content .banner {
	width: 220px;
	margin-bottom: 16px;
	padding: 15px;
	overflow: hidden;
	position: relative;
}
.selector {
	height: 30px;
	width: 5px;
	position:absolute;
	top: 0;
	left: 0;
}
.selector_text {
	height: 31px;
	width: 5px;
	float: left;
}
#content .post {
	background-repeat: repeat-x;
	background-position: bottom;
	float: left;
	padding: 0 16px 16px 16px;
	margin-bottom: 16px;
	margin-bottom: 16px;
	padding: 16px;
	overflow: hidden;
	width: 506px;
	background-color: #dfdfdf;
}
#main #left_column {
	float: left;
	margin: 16px 16px 0 16px;
	width: 250px;
}
#main .news #left_column {
	margin: 0 0 16px 0;
}
#main #right_column {
	width: 506px;
	background-color: #dfdfdf;
	margin: 16px 16px 16px 0px;
	height: 100%;
	padding-top: 16px;
	overflow: hidden;
}
#asp_wanted {
	height: 220px;
	background-image: url("../imgs/files/wanted_baner_ed.png");
}
#asp_wanted_blue {
	height: 220px;
	background-image: url("../imgs/files/asp_wanted_baner_blue.png");
}
#asp_wanted_yellow {
	height: 220px;
	background-image: url("../imgs/files/asp_wanted_banner_ed.png");
}
#goozzy {
	height: 220px;
	background-image: url("../imgs/files/goozzy_banner3.png");
	color: #5b5b5b;
}
#visual_studio_soon {
	height: 220px;
	background-image: url("../imgs/files/Microsoft_Visual_Studio.jpg");
	color: #5b5b5b;
}
#site_under_construction {
	height: 100px;
}
.grey_block {
	background-image: url("../imgs/files/lines_down_gray2.png");
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #dfdfdf;
	height: 230px;
}
.blue_block {
	background-image: url("../imgs/files/lines_blue_blok.png");
	background-color: #446f7f;
}
.bright_block {
	background-color: #d5d5d5;
	color: #5b5b5b;
	height: 100px;
}
.blue_selector {
	background-color: #00abeb;
}
#bottom {
	background-color : #dfdfdf;
	height: 60px;
	color: #3d3c3c;
	position: absolute;
	bottom:0;
	width: 836px;
}
#bottom #text {
	float: right;
	margin-right: 25px;
	margin-top: 25px;
}
#left_column img {
	border: 0;
}
#topic {
	width: 176px;
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	background-image: url("../imgs/files/shadow2_left.png");
	background-repeat: repeat-y;
	background-position: right;
}
#topic #menu {
	float: right;
	margin-top: 79px;	
}
#topic #menu .item {
	background-image: url("../imgs/files/shadow2_left.png");
	background-repeat: repeat-y;
	background-position: right;
	float:left right;
	padding: 9px 14px;
	white-space: nowrap;
}

#topic #menu .item_background {
	background-image: url("../imgs/files/shadow_tab_left.png");
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0px 0px 8px 10px;	
	margin-bottom: -6px;
	float:right;
}

#topic #menu .unselected_item {
	background-color: #ffffff;
}
#topic #menu .selected_item {
	background-color: #00abeb;
}
#topic #menu .unselected_item h2 {
	margin: 0;
	text-align:left;
	color: #5b5b5b;	
}
#topic #menu .selected_item h2 {
	margin: 0;
	text-align:left;
	color: white;	
}
#subtopic {
	width: 176px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	background-image: url("../imgs/files/shadow2_right.png");
	background-repeat: repeat-y;
	background-position: left;
}
#subtopic #menu {
	float: left;
	margin-top: 79px;	
}
#subtopic #menu .item {
	background-image: url("../imgs/files/shadow2_right.png");
	background-repeat: repeat-y;
	background-position: left;
	float:left right;
	padding: 9px 14px;
	white-space: nowrap;
}

#subtopic #menu .item_background2 {
	background-image: url("../imgs/files/shadow_tab_right.png");
	background-position: right top;
	background-repeat: no-repeat;
	padding: 0px 10px 8px 0px;
	margin-bottom: -6px;
	margin-right: -10px;	
	float:left;
}

#subtopic #menu .selected_item {
	background-color: #ffffff;
}
#subtopic #menu .selected_item h2 {
	margin: 0;
	text-align:right;
	color: #5b5b5b;
}
#subtopic #menu .selector_text {
	height: 40px;
	width: 5px;
	float: left;
}

/* Porfolio */
.line #logo img {
	display: block;
	position: relative;
	border: 0px;
	height: 54px;
	width: 168px;
}
/* Themes */
.work #header {
	background-image : url("../imgs/files/shapka_work.png");
	height: 145px;
	width: 804px;
}
.work #topic #menu .selected_item {
	background-color: #00abeb;
}
.work h1 a, .work h2 a, .work h3 a,.work h4 a,.work h5 a,.work h6 a {
	color: #30c7fc;
}
.work a {
	color: #2cb4e4;
}
.work #header .line #language_chooser {
	color:#2cb4e4;
}
.work #header .line #language_chooser a:hover   {
	background-color:#00abeb;
}
.work #header .line #language_chooser .passive {
	color:#66cdf3;
}
.work .selector_color {
	background-color: #00abeb;
}
.work .header_text {
	color: #00abeb;
}
.work .pagination table .current {
	background-color: #00abeb;
	color: #ffffff;
}
.work .pagination table .page_column a:hover {
	background-color: #66cdf3;
	color: #ffffff;
}
.work .pagination table .prev {
	background-image: url("../imgs/files/arrows/work_arrow_left.png");
}
.work .pagination table .next {
	background-image: url("../imgs/files/arrows/work_arrow_right.png");
}
.work .pagination table .prev_column a:hover {
	background-image: url("../imgs/files/arrows/work_arrow_left_highlighted.png");
}
.work .pagination table .next_column a:hover {
	background-image: url("../imgs/files/arrows/work_arrow_right_highlighted.png");
}
.work .twitter .author {
	cursor: pointer;
	color: #00abeb;
}

.life #header {
	background-image : url("../imgs/files/shapka_life.png");
	height: 145px;
	width: 804px;
}
.life #header .line #logo_image {
	background-image : url("../imgs/files/logo_green.png");
	height: 60px;
	width: 128px;
}
.life #topic #menu .selected_item {
	background-color: #32d352;
}
.life h1 a, .life h2 a, .life h3 a, .life h4 a, .life h5 a, .life h6 a {
	color: #2bbf49;
}
.life a {
	color: #1cb53c;
}
.life #header .line #language_chooser {
	color:#00fb55;
}
.life #header .line #language_chooser a:hover   {
	background-color:#32d352;
}
.life #header .line #language_chooser .passive {
	color:#32d352;
}
.life .selector_color {
	background-color: #2fd050;
}
.life .header_text {
	color: #2fd050;
}
.life .twitter .author {
	cursor: pointer;
	color: #32d352;
}

/* Blog section */
.blog #header {
	background-image : url("../imgs/files/shapka_blog.png");
	height: 145px;
	width: 804px;
}
.blog #header .line #logo_image {
	background-image : url("../imgs/files/logo_yellow.png");
	height: 60px;
	width: 128px;
}
.blog #topic #menu .selected_item {
	background-color: #ff3054;
}
.blog h1 a, .blog h2 a, .blog h3 a, .blog h4 a, .blog h5 a, .blog h6 a {
	color: #ff3054;
}
.blog a {
	color: #ff3054;
}
.blog #header .line #language_chooser {
	color:#ff3054;
}
.blog #header .line #language_chooser a:hover   {
	background-color:#ff3054;
}
.blog #header .line #language_chooser .passive {
	color:#ffacbb;
}
.blog .selector_color {
	background-color: #ff3054;
}
.blog .header_text {
	color: #ff3054;
}
.blog .twitter .author {
	cursor: pointer;
	color: #ff3054;
}
.blog .pagination table .current {
	background-color: #ff3054;
	color: #ffffff;
}
.blog .pagination table .page_column a:hover {
	background-color: #ffacbb;
	color: #ffffff;
}
.blog .pagination table .prev {
	background-image: url("../imgs/files/arrows/blog_arrow_left.png");
}
.blog .pagination table .next {
	background-image: url("../imgs/files/arrows/blog_arrow_right.png");
}
.blog .pagination table .prev_column a:hover {
	background-image: url("../imgs/files/arrows/blog_arrow_left_highlighted.png");
}
.blog .pagination table .next_column a:hover {
	background-image: url("../imgs/files/arrows/blog_arrow_right_highlighted.png");
}

/* Date navigation*/
.blog #date_navigation {
	margin-top: 30px;
}
.blog #date_navigation #left_side {
	float: left;
	width:165px;
}
.blog #date_navigation #left_side h2, .blog #date_navigation #left_side h3, .blog #date_navigation #left_side h4 {
	border-bottom: 1px solid #5b5b5b;
	margin: 0;
}
.blog #date_navigation #right_side{
	float: left;
	margin-left: 15px;
}
.blog #date_navigation a {
	text-decoration: none;
}
.blog #date_navigation .passive {
	color:#666666;
}
.blog #date_navigation .active {
	color:#ff3054;
}
.blog #date_navigation .selected {
	color:#ff3054;
}
#post_list {
	margin-top: 16px;
	height: 100%;
	overflow: hidden;
}
.blog .post .photo {
	float:left;
	height:80px;
	width: 53px;
	cursor: pointer;
}
.blog .post .title {
	float:left;
	margin-left: 16px;
	width: 437px;
	line-height: 18px;
}
.blog .post .header {
	background-color: #f4f4f4;
	padding: 0px 3px;
}
.blog .post .header .author {
	cursor: pointer;
	color: #FF3054;
}
.blog .post .header .publish_date {
	float: right;
}
.blog .header h1, .blog .header h2, .blog .header h3, .blog .header h4, .blog .header h5, .blog .header h6 {
	margin: 0;
}
.blog .post .post_title {
	margin-top: 5px;
}
.blog .post .post_body {
	float: left;
	width: 100%;
	margin-top: 10px;
}
.blog .post .tags {
	margin-top: 32px;
	float: left;
	width: 500px;
	padding: 3px;
}
.blog .tag {
	color: #2b2b2b;
	text-decoration: none;
	padding: 3px;
}
.blog .chosen_tag {
	background-color: #ff8398;
}
.blog .post .tags a:hover {
	color: #ffffff;
	background-color: #FF3054;
}
.blog .deslimiter {
	color: #4a4849;
}
.blog .post .tags .comments_count {
	float: right;
}

.blog .post .comments_title {
	text-align: center;
	font-size: 18px;
	margin-bottom: 16px; 
}
.blog .post .comments {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
.blog .post .comments .comment {
	padding-top:10px;
	border-top: 1px solid #F4F4F4;
}
.blog .post .comments .first_comment {
	border-top: 0;
}
.blog .post .comments .text {
	margin-bottom: 10px;
}
.blog .post .comment_field {
	margin-bottom: 10px;
	overflow: hidden;
}
.blog .post .comment_field .label {
	margin-left: 5px;
}
.blog .post .comment_field .label .required {
	color:#FF3054;
}
.blog .post .comment_field .field {
	overflow: hidden;
}
.blog .post .comment_field .field input {
	float:left;
}
.blog .post .comment_field .field label.error {
	color:#FF3054;
	margin-left: 5px;
	margin-top: 5px;
	float: left;
	width:100%;
}
.blog .post .comment_field .field .captcha {
	margin: 10px 16px 10px 0;
	float: left;
}
.blog .post .comment_field .field #id_captcha_1 {
	height: 21px;
	margin-top: 10px;
	font-size: 18px;
	width: 50px;
}

/* portfolio section */

.technology_navigation {	
	margin-bottom: 15px;
	padding-bottom: 15px;
	float: left top;
	background-color:#dfdfdf;
	position:relative;
}

.technology_navigation .header {
	padding: 10px;
	font-weight:bold;
}

.technology_navigation .item {
	padding-left: 15px;
	margin-bottom: -10px;
}

.technology_navigation h2 {
	margin-bottom: 0px;
}

.technology_navigation a {
	padding-left: 15px;
	margin-bottom: 0px;
}

.technology_navigation .item_selected h2 a{
	font-weight:bold;
}

.technology_navigation .item_unselected h2 a{
	color: #5b5b5b;
}

.project {
	background-color: #ffffff;
	padding: 16px;
	position: relative;
	overflow: hidden;
}
.project .line_space {
	margin-top: 20px;
}
.project #logo {
	float:left;
}
.project .part {
	float:left;	
	padding: 9px;
}
.project #title {
	float:left;
	margin-left: 16px;
	width: 290px;
}
.project #title h2 {
	margin: 0;
}
.project .technologies {
	float:left;	
	width: 229px;
}
.project .technologies #name {
	background-color: #DFDFDF;
	padding-left: 4px;
}
.project .technologies #list {
	background-color: #DFDFDF;
	width: 211px;
}
#list ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
#list ul li {
	margin-bottom:5px;
}
.project .team {
	float:left;	
	margin-left:16px;
	width: 229px;
}
.project .team #name {
	background-color: #DFDFDF;
	padding-left: 4px;
}
.project .team #list {
	background-color: #DFDFDF;
	width: 211px;
}
.project .team #list ul {
	color: #00a3e0;
}
.project .team #list ul li {
	cursor: pointer;
}
.project .screenshot {
	float:left;
	margin-top: 16px;
	cursor: pointer;
	margin-left: 16px;
}
.project .screenshot.first_screenshot {
	margin-left: 0;
}
.project .screenshot.vertical {
	height: 140px;
	width: 106px;
}
.project .screenshot.horizontal {
	height: 78px;
	width: 106px;
}
.project .screenshot img {
	width: 100%;
	height: 100%;
}

.pagination {
	width: 522px;
	float: left;
	text-align: center;
	padding: 0px 0px 16px 16px;
}
.pagination table {
	float: right;
}
.pagination table td .element {
	height:16px;
	width: 16px;
	display:table-cell; 
	vertical-align:middle;
}

/* legioners section */
.legioners .department {
	width: 506px;
	overflow: hidden;
	margin-bottom: 16px;
}
.legioners .department .line {
	width: 100%;
}
.legioners .department .part {
	background-color: #ffffff;
	float: left;
}
.legioners .department .title {
	padding: 9px;
}
.legioners .department .list {
	padding: 0 0 16px 16px;
}
.legioners .profile {
	float:left;
	position: relative;
	margin-right:16px;
	margin-top:16px;
	width:82px;
	height:176px;
	background-color: #DFDFDF;
	font-size: 10px;
}
.legioners .profile .photo {
	width:100%;
	height:123px;
	cursor: pointer;
}
.legioners .profile .person_info {
	padding: 1px 4px 4px 4px;
	line-height: 16px;
	position: absolute;
	background-color: #DFDFDF;
	bottom:0;
	left:0;
	width: 74px;
}
.legioners .profile .position {
	color: #676767;
}
#center_block {
	height:1px;
	width:1px;
	position: fixed;
	top:50%;
	left:50%;
	z-index: 2;
}
#legioner {
	position:absolute;
	height: 369px;
	width:772px;
	top: -199px;
	left: -401px;
	padding: 16px;
	background-color: #FFFFFF;
	
	display: none;
}
#legioner .photo {
	margin-right: 16px;
	position: relative;
	overflow: hidden;
	height: 100%;
	width: 246px;
	float: left;
}
#legioner .photo img {
	width: 100%;
	height: 100%;
}
#legioner .info {
	float: left;
	width: 510px;
	height: 100%;
	position: relative;
}
#legioner .info .header {
	width: 501px;
	height:38px;
	padding-left:4px; 
	float: left;
}
#legioner .info .header h2 {
	margin: 0;
	line-height: 16px;
}
#legioner .info .header .position {
	line-height: 100%;
}
#legioner .info #close {
	width:31px;
	height:31px;
	position:absolute;
	top:0;
	right:0;
	cursor: pointer;
	background-image: url("../imgs/files/close.png");
}
#legioner .info #close:hover {
	background-image: url("../imgs/files/close2.png");
}
#legioner .info .about {
	padding:10px; 
	margin-bottom: 16px;
	height: 66px;
	width: 492px;
	float: left;
}
#legioner .info .extra_info {
	width: 100%;
	height: 232px;
	float: left;
}
#legioner .info .extra_info .projects {
	float:left;	
	width: 247px;
	height: 100%;
}
#legioner .info .extra_info .links {
	margin-left: 16px;
}
#legioner .info .extra_info .links ul li {
	overflow: hidden;
}
#legioner .info .extra_info .links img {
	height: 16px;
	width: 16px;
	float: left;
}
#legioner .info .extra_info .links .link {
	margin-left: 10px;
}
#legioner .info .extra_info .part {
	float:left;	
	padding: 9px;
}
#legioner .info .extra_info #name {
	background-color: #dfdfdf;
	color:#2B2B2B;
	height: 13px;
}
#legioner .info .extra_info #list {
	background-color: #dfdfdf;
	width: 225px;
	height: 182px;
	padding-left: 11px;
	padding-right: 11px;
}
#legioner .info .extra_info .links {
	margin-left: 16px;
}
/*Main page section*/
#main .news {
	float:left;
	margin:16px 16px 0;
	width:250px;
}
#main .main_news  {
	background-color: #FFFFFF;	
	float: left;
	width: 100%;
	margin-bottom: 16px;
}
#main .main_news .last_news {
	padding: 10px 16px 16px 16px;
}
#main .main_news .last_news .header {
	color: #00ABEB;
	font-weight: bold;
}
#main .main_news .last_news .fact {
	margin-top: 18px;
}
#main .main_news .last_news .fact .title {
	color: #00ABEB;
}
#main .main_news .last_news .fact .publish_date {
	color: grey;
}
#main .main_news .last_news .fact img {
	display: none;
}
#main .main_news .twitter {
	background-color: #DFDFDF;
}
#main .index .twitter {
	background-color: #ffffff;
}
#main .main_news .twitter .name {
	padding: 10px 16px;
}
#main .main_news .twitter .twit {
	border-top: 1px solid #C3C3C3;
	padding: 14px 16px;
}
#main .index .twitter .twit {
	border-color: #E6E6E6;
}
#main .main_news .twitter .first_twit {
	border: 0;
	padding-top: 12px;
}
#main .main_news .twitter .last_twit {
	padding-bottom: 24px;
}
#main .main_news .twitter .twit .author {
	margin-bottom: 6px;
}
#main .main_news .twitter .twit .created_at {
	color: #827E7D;
}
.main_page {
	width: 506px;
	background-color: #FFFFFF;
	margin: 16px 16px 16px 0px;
	padding-top: 16px;
	overflow: hidden;
}
.main_page .title {
	width: 392px;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 60px;
	overflow: hidden;
}
.main_page .title .title_text {
	width: 382px;
	float: left;
	margin: 3px 0 0 5px;
	font-size: 12px;
}
.main_page .content {
	width: 100%;
	overflow: hidden;
	margin-bottom: 40px;
}
.main_page .content .block_info {
	float: left;
	width:50%;
	height:130px;
}
.main_page .content .block_info .description {
	float: right;
	margin-left: 10px;
	width:120px;
	color: #00abeb;
}
.main_page .content .block_info .block_title {
	width:100%;
	margin-top: 10px;
}
.main_page .content .block_info .block_title .selector_color {
	background-color:#66CDF3;
}
.main_page .content .block_info .block_title h2 {
	margin-left: 7px;
	line-height: 16px;
}
.main_page ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}
.main_page .content .block_info .page_logo {
	width: 123px;
	height: 100%;
	text-align:center;
}
.main_page .etc {
	width:100%;
	overflow: hidden;
	margin-bottom: 10px;
}
.main_page .etc .block_info {
	width:120px;
	margin-left:7px;
	float: right;
	color: #00abeb;
}
.main_page .etc .first_block {
	width:83px;
	padding-top: 35px;
	padding-left: 35px;
}
.main_page .etc .first_block .selector_color {
	background-color:#66CDF3;
	height: 16px;
	margin-top: 3px;
	margin-right: 3px;
}
