/** * style_desktop.css - styles for desktop version * author Oleg V. Lubarsky aka Dr.LOV * Copyright (c) 2007-2010 Plastilin Studio (http://plastilins.com.ua/) */ @import "/style_desktop_cont.css"; @import "/media/colorbox/colorbox.css"; /** Common */ html, body {height:100%; margin:0px; padding:0px; } body {background:#fff repeat-x;} html {} body {background-image:url(none); background-attachment:fixed;} .m_5px {margin:5px;} .m_10px {margin:10px;} .m_15px {margin:15px;} .m_20px {margin:20px;} .p_5px {padding:5px;} .p_10px {padding:10px;} .p_15px {padding:10px;} .p_20px {padding:10px;} .d_block {display:block;} .d_inline {display:inline;} .d_none {display:none;} .f_left {float:left;} .f_right {float:right;} .a_left {text-align:left;} .a_right {text-align:right;} .a_center {text-align:center;} .a_justify {text-align:justify;} .clear {clear:both;} /** loading */ #loading {position:absolute; top:0px; left:0px; width:22px; height:22px; z-index:1000;} #loading .anim {position:absolute; left:0px; top:0px;} /** document layout */ #lay_site {position:relative; min-width:970px;} #lay_header {position:fixed; left:0px; top:0px; width:100%; height:282px; background-color:#000; overflow:hidden; padding:0px; z-index:100;} #lay_header .decor {position:relative; height:28px; background:url(/media/header.jpg) no-repeat bottom left; width:100%;} #lay_header .decor .bg_right {position:absolute; z-index:1; top:0px; left:0px; height:15px; width:100%; background-color:#ED018C; } #lay_header .decor .bg_center {position:absolute; z-index:2; top:0px; left:0px; height:28px; width:100%; background:url(/media/header.jpg) no-repeat bottom left;} #lay_header .bottom {position:absolute; width:100%; height:10px; background-color:#fff; bottom:-1px;} table.wrap {width:100%;} table.wrap td.row0 {width:45px;} table.wrap td.rowm {min-width:970px;} table.wrap td.space {width:30px;} table.wrap td.thd {width:30%;} table.wrap td.thd2 {width:61%;} table.wrap td.panel_aa {} table.wrap td.panel_ab {width:200px;} #lay_header .row1 {width:14%; min-width:130px;} #lay_header .row2 {width:14%; min-width:135px;} #lay_header .row3 {width:14%; min-width:130px;} #lay_header .row4 {width:14%; min-width:130px;} #lay_header .row5 {width:12%; min-width:130px;} #lay_header .row6 {width:6%; min-width:35px;} #lay_header .row7 {width:185px; min-width:185px;} #lay_header .menu_main {margin-top:1px;} #lay_header .menu_main a {color:#C8C8C8; font-size:17px; font-family:Georgia; text-decoration:none;} #lay_header .menu_main a:hover {color:#F37054;} #lay_header .menu_main .active {color:#F37054;} #lay_header .menu_main .upper {padding-bottom:2px;} #lay_header .menu_sub {margin-top:17px;} #lay_header .menu_sub a {display:block; color:#99b2be; font-size:14px; font-family:"Trebuchet MS"; padding:2px; text-decoration:none;} #lay_header .menu_sub a:hover {color:#99b2be; text-decoration:underline;} #lay_header a.logo {display:block; background-image:url(/media/logo.jpg); padding:0px; width:145px; height:44px; text-decoration:none;} #lay_header a.logo:hover {background-position:0px -44px;} #lay_header .logo_icon {display:block; background-image:url(/media/logo_icon.jpg); padding:0px; width:141px; height:144px;} #lay_header a.btn_blog_icon {display:block; background-image:url(/media/btn_blog_icon.jpg); padding:0px; width:22px; height:22px; text-decoration:none;} #lay_header a.btn_blog_icon:hover {background-position:0px -22px;} #lay_header a.btn_blog {display:block; background:url(/media/btn_blog.jpg) no-repeat; padding:0px; width:20px; height:158px; text-decoration:none; margin-left:0px;} #lay_header a.btn_blog:hover {background-position:0px -158px;} #lay_middle {padding:282px 0px 20px 0px;} #lay_footer {background:#000 url(/media/footer_bg.jpg) repeat; padding:0px 0px 30px 0px; color:#838F93; font-family:"Times New Roman"; font-size:15px;} #lay_footer .title0 {font-size:14px; font-family:"Trebuchet MS"; color:#C8C8C8; letter-spacing:normal;} #lay_footer .title1 {font-size:21px; font-family:"Times New Roman"; color:#C8C8C8; letter-spacing:normal; margin-bottom:5px;} #lay_footer .under0 {border-bottom:1px solid #C8C8C8; margin:35px 0px;} #lay_footer .under1 {padding-left:2px; padding-bottom:2px; background: url(/media/cutline_h.gif) repeat-x bottom; margin-top:35px;} #lay_footer a {color:#838F93; font-family:"Times New Roman"; font-size:15px;} #lay_footer a.map {width:100px; height:19px; padding:21px 0px 0px 17px; background:url(/media/contact_flag.jpg) no-repeat; border:none; color:#838F93; font-family:"Times New Roman"; font-size:15px;} #lay_footer a.map:hover {background-position:0px -42px;} #lay_footer .counter {opacity:0.4;} #lay_content {opacity: 0} /** Content common */ div.contentbody {margin:20px 0px 80px 0px;} .pages {padding:0px 35px 0px 35px; height:35px; line-height:35px; border-top:1px solid #d0d0d0; font-family:"Trebuchet MS";} .pages span {padding:10px 5px; } .pages a {padding:9px 5px; margin-right:5px; line-height:35px; text-decoration:none; font-size:13px;} .pages a:hover {text-decoration:underline; color:#f76e2b;} .pages a.active {background-color:#d0d0d0; color:#F37054;} a.preview {display:block; padding:0px; } a.preview:hover {} a.preview img {border:none;} span.ok {color:#007F00; display:none; font-size:10px;} span.error {color:#E54040; display:inline; font-size:10px;} span.success {color:#009F00;} span.capcha {color:#E54040;} .portfolio .title_img {background-position:50% 50%; background-repeat:no-repeat; height:200px; margin:0;} .portfolio .title_name {background-color:#000000; padding:3px; color:#c8c8c8;} .portfolio a.pl {text-decoration:none;} .portfolio a:hover.pl .title_name {color:#fff; background-color:#222d30; text-decoration:none;} .portfolio .tags {text-align:right; padding:0px; margin:-25px 0px 20px 0px;} .portfolio .tags a {font-size:14px; font-family:"Trebuchet MS"; color:#66787E; letter-spacing:normal; text-decoration:none;} .portfolio .tags a:hover {color:#f76e2b; text-decoration:underline;} .portfolio .tags .cut {} .portfolio a.tag {font-size:14px; font-family:"Trebuchet MS"; line-height:20px; color:#66787E; letter-spacing:normal; text-decoration:none;} .portfolio a:hover.tag {color:#f76e2b; text-decoration:underline;} .portfolio .shadow {margin-bottom:30px;} .portfolio .status {font-size:13px; font-family:"Trebuchet MS"; color:#46585E;} .portfolio .count {font-size:13px; font-family:"Trebuchet MS"; color:#333;} #lay_content .shadow {font-size:1px; height:8px;} #lay_content a:hover .shadow {background:url(/media/shadow.jpg) center top no-repeat;} a.btn_back {position:absolute; top:0px; right:0px; width:31px; height:31px; background:url(/media/btn_back.jpg) no-repeat; text-decoration:none;} a.btn_back:hover {background-position:0px -31px; text-decoration:none;} /** Contact */ #contact_form input.fld {display:block; color:#A9A9A9; padding:5px 5px 3px 5px; font-family:"Times New Roman"; border:1px solid #121718; font-size:15px; width:99%; height:27px; background:#121718; margin-bottom:5px;} #contact_form input.fld_focus {background:#222; color:#fff; border:1px solid #777;} #contact_form textarea.fld {display:block; color:#A9A9A9; padding:5px 5px 3px 5px; font-family:"Times New Roman"; border:1px solid #121718; font-size:15px; width:98%; height:89px; background:#121718; margin-bottom:25px; overflow:hidden;} #contact_form textarea.fld_focus {background:#222; color:#fff; border:1px solid #777; overflow:auto;} #contact_form input.btn {display:block; width:46%; height:44px; border:none; background:#12171A url(/media/btn_contact.jpg) 50% top ; cursor:pointer;} #contact_form input.btn_over {background-position:50% -44px; border:none;} #contact_form #contact_status {position:relative; top:-38px; left:55%; font-family:"Trebuchet MS";} #contact_form #contact_status span {font-size:12px;} #contact_form div.err_msg {display:block; line-height:20px; height:20px; font-family:"Trebuchet MS";} #contact_form div.err_msg span {font-size:12px;}