*{ font-size:12px; font-family:"Arial", "Verdana"; color:#000000; outline:none;}
.clear{ clear:both; height:0px; line-height:0px; margin:0px; padding:0px; font-size:0; }
body, html{ padding:0px; margin:0; background: url(/images/bgr.jpg) center top no-repeat #171717; }
#wraper{ width:900px; margin:0 auto;}
#header{ position:relative; height:138px; width:900px;}
#header #Logo{ position:absolute; top:58px; left:31px; width:249px; height:53px; }
#header #menu{ position:absolute; top:0px; right:0px; height:138px; width:623px;}
#header #menu #menu_home{ position:absolute; top:60px; right:377px; width:75px; height:44px;}
#header #menu #menu_projects{ position:absolute; top:60px; right:224px; width:114px; height:44px;}
#header #menu #menu_blog{ position:absolute; top:60px; right:111px; width:75px; height:44px;}
#header #menu #menu_code{ position:absolute; top:60px; right:0px; width:75px; height:44px;}
#header #menu #menu_login{ position:absolute; bottom:2px; right:2px; width:120px; height:22px; text-align:right;}
#header #menu #menu_login a{ font-size:12px; font-weight:bold; color:#171717; text-decoration:none; }
#content{ border:solid #2c2c2c 1px; background-color:#1c1c1c;}
#footer{ border-top:solid #2c2c2c 1px; border-left:solid #2c2c2c 1px; border-right:solid #2c2c2c 1px; margin:10px 0px 0px 0px; background-color:#1c1c1c; height:28px;}
#footer .left{ float:left; width:50%; padding:5px 0px 0px 0px;}
#footer .left span{ padding:0px 0px 0px 10px; }
#footer .left span a{ color:#FFFFFF; font-size:13px; }
#footer .right{ float:left; width:50%; text-align:right; padding:5px 0px 0px 0px;}
#footer .right span{ color:#FFFFFF; font-size:13px; padding:0px 10px 0px 0px;}
#left_side{ float:left; width:658px; }
#left_side .content{ margin:5px 0px 5px 5px; background-color:#222222; }
#right_side{ float:left; width:240px;}
#right_side .content{ margin:5px 5px 5px 5px;}
.light_bgr{background-color:#222222;}
#BlackDiv{ position:absolute; filter:alpha(opacity=75); opacity: 0.75; -moz-opacity:0.75; background:#000000; z-index: 5000;}
#OverBlackDiv{ position:absolute; z-index: 5010;}
#OverBlackDiv .center_center{ margin:auto; text-align:center;}

#ConfirmDialog{ height:180px; width:800px; border:solid #000000 1px; background-color:#ffffff;}
#ConfirmDialog .question{ font-size:16px; font-weight:bold; }
#ConfirmDialog .left{ float:left; width:50%; text-align:right; position:relative; background-color:red; height:50px;}
#ConfirmDialog .right{ float:left; width:50%; text-align:left; position:relative; background-color:green; height:50px;}
#ConfirmDialog #ConfirmDialog_YES{ width:32px; height:32px; display:block; background:url(/images/ok32.png) 0px -32px no-repeat; position:absolute; right:20px; bottom:5px;}
#ConfirmDialog #ConfirmDialog_YES:hover{ background:url(/images/ok32.png) 0px 0px no-repeat; }
#ConfirmDialog #ConfirmDialog_NO{ width:32px; height:32px; display:block; background:url(/images/not_ok32.png) 0px -32px no-repeat; position:absolute; left:20px; bottom:5px; }
#ConfirmDialog #ConfirmDialog_NO:hover{ background:url(/images/not_ok32.png) 0px 0px no-repeat; }

#LoginDialog{ height:200px; width:350px; border:solid #9e9e9e 1px; background-color:#FFFFFF; }

#ViewSharePanel{ display:none; }
#ViewSharePanel .share_twitter{ width:30px; height:30px; display:block; float:left; margin:0px 2px 0px 0px; background:url(/images/share_panel.jpg) 0px 0px no-repeat; }
#ViewSharePanel .share_twitter:hover{ background:url(/images/share_panel.jpg) 0px -30px no-repeat; }
#ViewSharePanel .share_facebook{ width:30px; height:30px; display:block; float:left; margin:0px 2px 0px 0px; background:url(/images/share_panel.jpg) -35px 0px no-repeat; }
#ViewSharePanel .share_facebook:hover{ background:url(/images/share_panel.jpg) -35px -30px no-repeat; }
#ViewSharePanel .share_myspace{ width:30px; height:30px; display:block; float:left; margin:0px 2px 0px 0px; background:url(/images/share_panel.jpg) -69px 0px no-repeat; }
#ViewSharePanel .share_myspace:hover{ background:url(/images/share_panel.jpg) -69px -30px no-repeat; }
#ViewSharePanel .share_googlebuzz{ width:30px; height:30px; display:block; float:left; margin:0px 2px 0px 0px; background:url(/images/share_panel.jpg) -104px 0px no-repeat; }
#ViewSharePanel .share_googlebuzz:hover{ background:url(/images/share_panel.jpg) -104px -30px no-repeat; }

#ProjectsList{}
#ProjectsList .row{ background: url(/images/content_blog_bottom.jpg) bottom right no-repeat #2d2d2d; position:relative; height:227px; border:solid #373737 1px; border-bottom:0; margin:0px 5px 18px 5px;}
#ProjectsList .row .img_conteiner{ width:316px; float:left; height:227px; text-align:right;}
#ProjectsList .row .img_conteiner .img{ border:solid #444444 1px; background-color:#242424; height:191px; width:302px; overflow:hidden; margin:11px 0px 0px 11px;}
#ProjectsList .row .text_conteiner{ width:316px; float:left; height:227px;}
#ProjectsList .row .text_conteiner .text_box{height:191px; width:302px; margin:11px 0px 0px 11px; }
#ProjectsList .row .text_conteiner .text_box .title a{ font-size:20px; color:#20a9c8; text-decoration:none;}
#ProjectsList .row .text_conteiner .text_box .text *{ font-size:13px; color:#acacac; text-decoration:none;}
#ProjectsList .row .bottom_border{ position:absolute; bottom:-3px; left:0px; height:3px; width:642px; background:url(/images/list_bottom_border.jpg) bottom left repeat-x #2d2d2d; }
#ProjectsList .row .edit{ position:absolute; top:1px; right:2px; width:100px; text-align:right; height:11px;}
#ProjectsList .row .edit a{ text-decoration:none; font-size:10px; color:#acacac;}
#ProjectsList .row .edit .not_visible{ width:11px; height:11px; background-color:red; border:solid #000000 1px; position:absolute; left:0px; top:0px; }
#ProjectsList .row .edit .visible{ width:11px; height:11px; background-color:green; border:solid #000000 1px; position:absolute; left:0px; top:0px; }
#ProjectsList .pager{ position:relative; height:15px; }
#ProjectsList .pager .projects_prev_link{ position:absolute; left:0px; top:0px; width:150px; height:8px; background: url(/images/projects_list_prev_link.jpg) top left no-repeat; }
#ProjectsList .pager .projects_next_link{ position:absolute; right:0px; top:0px; width:153px; height:8px; background: url(/images/projects_list_next_link.jpg) top left no-repeat;}


#Friends{ border:solid #373737 1px; background-color:#2d2d2d; padding:5px; color:#acacac;}

#About{ border:solid #373737 1px; background-color:#2d2d2d; padding:5px; color:#acacac;}
#About a{ color:#20a9c8; text-decoration:none; }
#About a:hover{ text-decoration:underline; }
#About .ImgConteiner{ float:left; margin:0px 10px 10px 0px; height:333px; width:250px; position:relative;}
#About .ImgConteiner .ballon{ width:137px; height:87px; position:absolute; top:22px; left:53px; background: url(/images/about_buble.png) center center no-repeat; }
#About .ImgConteiner .ballon .text{ position:absolute; bottom:10px; left:60px; font-size:14px; font-weight:bold; color:#d6d6d6;}
#About .ImgConteiner .Image{ }

#ProjectView{ border:solid #373737 1px; background-color:#2d2d2d;}
#ProjectView .Title{ font-size:20px; color:#20a9c8; margin:10px auto; width:540px;}
#ProjectView #SlideConteiner { position:relative; width:650px; height:400px;}
#ProjectView #SlideConteiner .prev{ position:absolute; left:0px; top:0px; height:375px; width:45px;}
#ProjectView #SlideConteiner .prev a{ background:url(/images/projectsview_left_arrow.jpg) top left no-repeat; width:38px; height:58px; display:block; margin:155px 0px 0px 4px;}
#ProjectView #SlideConteiner .next{ position:absolute; right:0px; top:0px; height:375px; width:45px;}
#ProjectView #SlideConteiner .next a{ background:url(/images/projectsview_right_arrow.jpg) top left no-repeat; width:38px; height:58px; display:block; margin:155px 0px 0px 4px;}
#ProjectView #SlideConteiner #SlideFrame{ height:397px; display:block; position:absolute; left:55px; top:0px; width:542px;}
#ProjectView #SlideConteiner #SlideFrame #Slide{ height:377px; display:block; position:absolute; left:0px; top:0px; width:542px; }
#ProjectView #SlideConteiner #SlideFrame #Slide .Block{ width:542px; height:377px; position:relative;}
#ProjectView #SlideConteiner #SlideFrame #Slide .Block .Img{ text-align:center; width:542px; border:solid #3e3e3e 1px; position:relative;}
#ProjectView #SlideConteiner #SlideFrame #Slide .Block .Img img{ margin:0 auto; }
#ProjectView #SlideConteiner #SlideFrame #Slide .Block .Img .Text{ overflow:hidden; position:absolute; z-index:20; height:33px; width:542px; display:block; bottom:0px; left:0px; background-color:#222222;}
#ProjectView #SlideConteiner #SlideFrame #Slide .Block .Img .Text .PictureTitle{ text-align:left; padding:0px 0px 0px 2px; line-height:33px; color:#25b7d8; font-size:14px; margin:0px 0px 0px 0px;}
#ProjectView #SlideConteiner #SlideFrame #Slide .Block .Img .Text .PictureText{ text-align:left; padding:0px 0px 0px 2px; color:#25b7d8; font-size:12px; margin:0px 0px 0px 0px;}
#ProjectView .ShareBlock{ width:540px; margin:0px auto; }
#ProjectView .ShareBlock .options{ display:none; }
#ProjectView .ProjectContent{ }
#ProjectView .ProjectContent .TitleHeader{ background:url(/images/projects_for_project.jpg) top left no-repeat; height:10px; width:540px; margin:5px auto;}
#ProjectView .ProjectContent .Text{ font-size:13px; color:#acacac; width:540px; margin:0 auto;}
#ProjectView .ProjectContent .Text *{ font-size:13px; color:#acacac; }
#ProjectView .ProjectContent .Spacer{ background:url(/images/projectview_main_bottom_border.jpg) bottom left repeat-x; height:23px; width:540px; margin:0 auto;}

#BlogCategories{ padding:15px 5px 5px 15px; display:block; }
#BlogCategories .main_category .Title, #BlogCategories .main_category .Title a{ color:#20a9c8; text-decoration:none; font-size:14px; }
#BlogCategories .main_category .child_categorys{ padding:2px 0px 2px 40px; }
#BlogCategories .main_category .child_categorys .child{ padding:2px 0px 2px 0px;}
#BlogCategories .main_category .child_categorys .child a{ color:#acacac; text-decoration:none; }

#BlogList{}
#BlogList .row{ background: url(/images/content_blog_bottom.jpg) bottom right no-repeat #2d2d2d; position:relative; height:227px; border:solid #373737 1px; border-bottom:0; margin:0px 5px 18px 5px;}
#BlogList .row .img_conteiner{ width:190px; float:left; height:227px; text-align:right; }
#BlogList .row .img_conteiner .img{ border:solid #444444 1px; background-color:#242424; height:191px; width:188px; overflow:hidden; margin:11px 0px 0px 11px;}
#BlogList .row .text_conteiner{ width:420px; float:left; height:227px; }
#BlogList .row .text_conteiner .text_box{ height:191px; width:410px; margin:11px 0px 0px 20px; }
#BlogList .row .text_conteiner .text_box .title a{ font-size:20px; color:#20a9c8; text-decoration:none;}
#BlogList .row .text_conteiner .text_box .text *{ font-size:13px; color:#acacac; text-decoration:none;}
#BlogList .row .text_conteiner .text_box .text .more{ color:#18b3d6; text-decoration:underline; }

#BlogList .row .full_text_conteiner{ height:227px; }
#BlogList .row .full_text_conteiner .text_box{ height:191px; margin:11px 0px 0px 20px; }
#BlogList .row .full_text_conteiner .text_box .title a{ font-size:20px; color:#20a9c8; text-decoration:none;}
#BlogList .row .full_text_conteiner .text_box .text *{ font-size:13px; color:#acacac; text-decoration:none;}
#BlogList .row .full_text_conteiner .text_box .text .more{ color:#18b3d6; text-decoration:underline; }

#BlogList .row .bottom_border{ position:absolute; bottom:-3px; left:0px; height:3px; width:642px; background:url(/images/list_bottom_border.jpg) bottom left repeat-x #2d2d2d; }
#BlogList .row .edit{ position:absolute; top:1px; right:2px; width:100px; text-align:right; height:11px;}
#BlogList .row .edit a{ text-decoration:none; font-size:10px; color:#acacac;}
#BlogList .row .edit .not_visible{ width:11px; height:11px; background-color:red; border:solid #000000 1px; position:absolute; left:0px; top:0px; }
#BlogList .row .edit .visible{ width:11px; height:11px; background-color:green; border:solid #000000 1px; position:absolute; left:0px; top:0px; }
#BlogList .pager{ position:relative; height:15px; }
#BlogList .pager .blog_prev_link{ position:absolute; left:0px; top:0px; width:150px; height:8px; background: url(/images/projects_list_prev_link.jpg) top left no-repeat; }
#BlogList .pager .blog_next_link{ position:absolute; right:0px; top:0px; width:153px; height:8px; background: url(/images/projects_list_next_link.jpg) top left no-repeat; }
#BlogList .no_results{ background-color:#242424; color:#20a9c8; font-size:16px; text-align:center;}

#BlogView{ border:solid #373737 1px; background-color:#2d2d2d;}
#BlogView .Title{ font-size:20px; color:#20a9c8; margin:10px auto; width:540px;}
#BlogView .ImageConteiner{ margin:0 auto; width:540px; }
#BlogView .ImageConteiner img{ border:solid #373737 1px; }
#BlogView .ShareBlock{ width:540px; margin:0px auto; }
#BlogView .ShareBlock .options{ display:none; }
#BlogView .BlogContent{ }
#BlogView .BlogContent .Text{ font-size:13px; color:#acacac; width:540px; margin:0 auto;}
#BlogView .BlogContent .Text *{ font-size:13px; color:#acacac; }
#BlogView .BlogContent .Spacer{ background:url(/images/projectview_main_bottom_border.jpg) bottom left repeat-x; height:23px; width:540px; margin:0 auto;}

#HomeList{}
#HomeList .row{  background: url(/images/content_blog_bottom.jpg) bottom right no-repeat #2d2d2d; position:relative;  border-bottom:0; margin:0px 10px 18px 10px;}
#HomeList .row .text_conteiner{ width:600px; }
#HomeList .row .text_conteiner .text_box{ width:410px; margin:11px 0px 11px 20px; }
#HomeList .row .text_conteiner .text_box .title{ padding:5px 0px 10px 0px;}
#HomeList .row .text_conteiner .text_box .title a{ font-size:20px; color:#20a9c8; text-decoration:none;}
#HomeList .row .text_conteiner .text_box .text{}
#HomeList .row .text_conteiner .text_box .text *{ font-size:13px; color:#acacac; text-decoration:none;}
#HomeList .row .text_conteiner .text_box .text .more{ color:#18b3d6; text-decoration:underline; }
#HomeList .row .bottom_border{ position:absolute; bottom:-3px; left:0px; height:3px; width:634px; background:url(/images/list_bottom_border.jpg) bottom left repeat-x #2d2d2d; }
#HomeList .row .text_conteiner .date{color:#555555; font-size:12px; padding:0px 10px 10px 20px;}
#HomeList .row .edit{ position:absolute; top:1px; right:2px; width:100px; text-align:right; height:11px;}
#HomeList .row .edit a{ text-decoration:none; font-size:10px; color:#acacac;}
#HomeList .row .edit .not_visible{ width:11px; height:11px; background-color:red; border:solid #000000 1px; position:absolute; left:0px; top:0px; }
#HomeList .row .edit .visible{ width:11px; height:11px; background-color:green; border:solid #000000 1px; position:absolute; left:0px; top:0px; }

.comment_list { margin:0px auto; width:540px;}
.comment_list .commetn_list_title{ margin:8px 0px 8px 0px; height:11px; background:url(/images/comment_list_title.jpg) top left no-repeat; }
.comment_list .comment_list_row{ background-color:#323232; padding:15px; position:relative;}
.comment_list .comment_list_row .remove_div{ position:absolute; top:0px; right:0px; width:15px; height:15px; background-color:#1b1b1b; border:solid #2d2d2d 1px;}
.comment_list .comment_list_row:hover{ background-color:#3a3a3a;}
.comment_list .comment_list_row .comment_list_user{ color:#20a9c8; font-size:14px; }
.comment_list .comment_list_row .comment_list_message{ padding:2px 0px 0px 20px;  color:#acacac; font-size:13px; }

.comment_form{ margin:15px auto;}
.comment_form input, .comment_form textarea{ color:#585858; font-size:13px; }
.comment_form .comment_error{ padding:5px 0px 5px 0px; color:#c60000; font-weight:bold; }
.comment_form .nickname{ width:138px; height:20px; border:solid #434343 1px; background:url(/images/comment_form_nickname.jpg) 0px 0px no-repeat; }
.comment_form .nickname_focus{ width:138px; height:20px; border:solid #434343 1px; background:url(/images/comment_form_nickname.jpg) 0px -22px no-repeat;  }
.comment_form .nickname:focus{ background:url(/images/comment_form_nickname.jpg) 0px -22px no-repeat; }
.comment_form .usermail{ width:188px; height:20px; border:solid #434343 1px; background:url(/images/comment_form_email.jpg) 0px 0px no-repeat;}
.comment_form .usermail:focus{ width:188px; height:20px; border:solid #434343 1px; background:url(/images/comment_form_email.jpg) 0px -22px no-repeat;}
.comment_form .usermail_focus{ width:188px; height:20px; border:solid #434343 1px; background:url(/images/comment_form_email.jpg) 0px -22px no-repeat;}
.comment_form .comment_field{ width:459px; height:69px; border:solid #434343 1px; margin-top:15px; background:url(/images/comment_form_textarea.jpg) 0px 0px no-repeat;}
.comment_form .comment_field:focus{ width:459px; height:69px; border:solid #434343 1px; margin-top:15px; background:url(/images/comment_form_textarea.jpg) 0px -69px no-repeat;}
.comment_form .comment_field_focus{ width:459px; height:69px; border:solid #434343 1px; margin-top:15px; background:url(/images/comment_form_textarea.jpg) 0px -69px no-repeat;}
.comment_form .cinput{ width:88px; height:20px; border:solid #434343 1px; background:url(/images/comment_form_enter_code.jpg) 0px 0px no-repeat;}
.comment_form .cinput_focus{ width:88px; height:20px; border:solid #434343 1px;  background:url(/images/comment_form_enter_code.jpg) 0px -22px no-repeat;}
.comment_form .cinput:focus{ background:url(/images/comment_form_enter_code.jpg) 0px -22px no-repeat;}
.comment_form .comment_submit{ height:73px; width:73px; border:0px; background:url(/images/comment_form_send.jpg) top left no-repeat; margin:15px 0px 0px 6px;}

.right_side_block{}
.right_side_block .share{ margin:0px 0px 10px 5px; }
.right_side_block .share .twitter{ float:left; width:40px; height:30px; display:block; text-align:left;}
.right_side_block .share .feed{ float:left; width:40px; height:30px; display:block; text-align:left;}
.right_side_block .main_info{ background-color:#222222; width:220px; margin:5px 5px 5px 5px; padding:0px 0px 5px 0px;}
.right_side_block .main_info .main_title{ padding:5px 5px 5px 5px; }
.right_side_block .main_info .avatar{ margin:0 auto; width:210px;  border:solid #313131 1px; background-color:#171717; text-align:center; }
.right_side_block .description{ color:#5e5e5e; font-size:12px; width:220px; margin:0px 5px 5px 5px;}
.right_side_block .last_project{ background-color:#222222; width:220px; margin:0px 5px 5px 5px;}
.right_side_block .last_project .title{ margin:10px 5px 5px 5px;}
.right_side_block .last_project a{}
.right_side_block .last_project .img{ margin:0px 0px 5px 5px;}
.right_side_block .last_project .img img{ width:210px; }

#ImagePager{ height:30px; margin:10px 0px 10px 55px;}
#ImagePager a{ display:block; height:30px; width:30px; line-height:30px; font-size:16px; text-align:center; text-decoration:none; float:left; background-color:#212121; color:#FFFFFF; margin-right:5px;}
#ImagePager .active{ background-color:#3C3C3A; color:#FFFFFF;}
#ImageConteiner{ position:relative; width:648px; height:375px; }
#ImageConteiner .picture_conteiner{ display:none; position:absolute; top:0px; left:0px; width:648px; height:375px; text-align:center;}
#ImageConteiner .picture_conteiner img{ border:solid #C9C9C9 1px; }