/* CSS reset */
html{}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;	padding:0;}
table {	border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select {*font-size:100%;}
legend {color:#000;}
a, button, * {outline:none;}
textarea { resize: none; overflow: auto }

/* ClearFix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height:0; height: 0; }
.clearfix { display: inline-block; }
.clear {clear:both;}

body {padding:0; margin:0; font-size:16px; font-family:"Trebuchet MS"; min-width:1200px;}
a/*, #nav-cont */{color:#335e89;}
.butt {display:block; height:39px; position:relative; cursor:pointer; z-index:99;}
.butt i {background:url('../img/butt-out.png') no-repeat 0 0; width:18px; height:39px; display:block; position:absolute; top:0;}
.butt .l {left:-18px;}
.butt .r {right:-18px; background-position:-18px;}
.butt span {display:block; background:url('../img/butt-in.png') repeat-x 0 0; height:39px; line-height:37px; color:#fff; font-weight:bold; text-shadow:#450001 1px 1px 1px;}
#hellyeah {position:relative; z-index:200;}
#wrapper {overflow:hidden; position:fixed;}
#dragme {cursor:move; width:5000px; height:6400px; position:absolute; top:0; left:0;}
#logo {position:fixed; top:20px; left:20px;	z-index:100; width:342px; height:53px; background:url('../img/logo-txt-2.png') no-repeat 0 0;}
#logo-p {position:fixed; top:10px; right:20px; z-index:100; width:53px; height:91px; background:url('../img/logo-pic-color-3.png') no-repeat 0 0;}
#captainb {width:676px; position:absolute; left:0; top:30px;}
#captainb .bb {position:absolute; top:48px; left:153px;}
#captainb .balloon {background:url('../img/balloon3.png') no-repeat top left; width:275px; height:140px; position:absolute; top:101px; left:43px; z-index:101;}
#captainb .balloon div {margin:21px 15px;}
#captainb .balloon p {position:absolute; bottom:18px; right:39px; font-size:11px; margin:0;}
#captainb .balloon p a, #captainb .balloon p {color:#aaa;}
#newsb {width:800px; height:591px; position:absolute; top:1500px; left:0;}
#on {position:absolute; top:-45px; left:370px;}
#newsb .balloon {background:url('../img/balloon4.png') no-repeat top left; width:275px; height:192px; position:absolute; left:-101px; top:201px; z-index:101;}
#newsb .balloon .inside div {margin:21px 15px; width:225px;}
#newsb .balloon p {position:absolute; bottom:9px; right:41px; font-size:11px; margin:0;}
#newsb .balloon p a, #newsb .balloon p {color:#999;}
#tv {background:url('../img/tv-rapist.jpg') no-repeat 63px 103px; width:800px; height:583px; position:relative;}
#tv.noise {background:url('../img/tv-noise.gif') repeat;}
#tv.noise span {display:none;}
#tv span {position:absolute; top:135px; left:500px; font-family:Impact; color:#06ff00; font-size:30px; text-shadow:#450001 1px 1px 1px;}
#channel-l {position:absolute; top:130px; left:603px;}
#channel-r {position:absolute; top:130px; left:692px;}
#channel-l, #channel-r {font-family:Arial; padding:5px 10px; border:none; color:#06ff00; background:none;}
.nav {position:fixed; top:100px; left:10px;	z-index:100; padding:10px; list-style:none; margin:0;}
/*.nav {position:fixed; top:10px; left:400px;	z-index:100; padding:10px; list-style:none; margin:0;}*/
.nav span/*, .bb*/ {display:inline-block; background:#2a2829; color:#fff; padding:5px 10px; /*border-bottom:1px dashed;*/ font-size:25px; cursor:pointer; /*text-shadow:#999 1px 1px 1px;*/}
.nav li {margin-bottom:15px;/* float:left;*/}
.bb {display:inline-block; font-size:25px; cursor:pointer; z-index:99; background:#2a2829; color:#fff; padding:5px 10px;}
#prof {width:250px; height:246px; background:url(../img/prof.png) no-repeat; position:fixed; right:0; bottom:-246px; z-index:100;}
#prof .balloon {position:absolute; top:-239px; left:-424px; display:none; width:406px; height:292px; background:url(../img/balloon5.png) no-repeat; z-index:102; padding:20px 38px 38px 20px;}
.in input, .in textarea {font-family:Georgia; border:1px solid #999; border-radius:5px; width:400px; font-size:22px; color:#555; padding:3px; font-weight:normal;}
.in textarea {height:85px;}
.in {margin-bottom:15px;}
#prof .bb {float:right;}
.ph {font-style: italic; color:#ccc !important;}
#soc {background:#ff0000 url('../img/ussr.png') repeat 0 0; position:absolute; left:0; top:3000px;}
.guys {width:425px; height:243px; margin:100px auto 0 auto; background:url('../img/guys.png') no-repeat 0 0;}
#captainb .q {position:absolute; width:500px; right:-57%; top:450px;}
#captainb .q span {font-family:Georgia; font-size:20px; font-style:italic;}
#captainb .q p, #captainb .q p a {color:#aaa; font-size:12px;}
.bl {width:49%; float:left;}
/*.bl.tw {display:none;}*/
.blocks {width:60%; margin:20px auto 0 auto;}
.bl h2 {cursor:pointer; margin-bottom:15px;}
.bl.tw h2 {background:url('../img/soviet-twitter.png') no-repeat center 0; height:42px;}
.bl.jj h2 {background:url('../img/soviet-lj.png') no-repeat center 0; height:43px;}
.entry {text-align:center; color:#fff; width:80%; font-size:12px; margin:0 auto; line-height:14px;}
.error {border-color:#ff0000 !important;}
.cc {position:fixed; width:100%; bottom:3px; left:0; text-align:center; font-size:10px; color:#aaa;}
/*.klukwa .nav span {color:#fff !important;}*/
#nav-soc {background:#ff0000 url('../img/ussr-small.png') repeat -3px -4px;}
/*.klukwa #nav-soc {background:none;}*/

#cvb {position:absolute; left:0; top:4400px;}

.hidden {display:none;}
.timeline {width:75%; height:220px; margin:200px 0 0 250px;}
.line {height:50px; background:#ccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:10px;}
.line.work {background:#ccc;}
.period {cursor:pointer; float:left; height:100%;}
.period.child {background:#00aeff; width:21%; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.period.school {background:#004CFF; width:30%;}
.period.uni {background:#E0D902; width:12%;}
.period.freelance {background:#02E063; width:9%; margin-left:54%;}
.period.mart {background:#E00202; width:3%;}
.period.cooper {background:#E08B02; width:3%;}
.ver {writing-mode:tb-rl; filter:flipv fliph; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);}
.years {position:relative;}
.years div {position:absolute; top:0; width:10px; margin:36px 0 0 -6px; cursor:pointer; white-space:nowrap;} 
.years div span {background:#000; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 3px;}
.years.top div {margin-top:-22px; color:#ccc;}
.years.top div span {background: #ccc;}
.y1988 {left:0;}
.y1995 {left:21%;}
.y2000 {left:36%;}
.y2002 {left:42%;}
.y2005 {left:51%;}
.y2009 {left:63%;}
.y2010 {left:66%;}

.iuse {float:left; width:16%; margin-left:5%;}
.iuse h2 {font-size:28px; margin-bottom:20px;}
.iuse span {color:#9f0000; padding:0 3px;}
.iuse p {font-size:11px;}
.iuse p span {padding-left:0;}

.logos {margin:0 0 0 25%; width:70%;}
.logos li {float:left; margin:0 25px 25px 0;}
.logos div {background:url('../img/logos-bw.jpg') no-repeat 0 0; height:50px; cursor:pointer;}
.logos div:hover {background-image:url('../img/logos.jpg');}
.logos .php {background-position:0px -1px; width:100px;}
.logos .mysql {background-position:-205px -132px; width:100px;}
.logos .jquery {background-position:0px -65px; width:206px;}
.logos .yii {background-position:-3px -265px; width:233px;}
.logos .kohana {background-position:-218px -66px; width:157px;}
.logos .ci {background-position:-271px -3px; width:38px;}
.logos .zf {background-position:-443px -210px; width:168px;}
.logos .smarty {background-position:-427px -139px; width:136px;}
.logos .twig {background-position:-10px -198px; width:107px;}
.logos .googlemaps {background-position:-384px -2px; width:40px;}
.logos .yandexmaps {background-position:-372px -206px; width:60px;}
.logos .html {background-position:-444px -5px; width:37px;}
.logos .modx {background-position:-105px 2px; width:155px;}
.logos .drupal {background-position:-324px -2px; width:45px;}
.logos .wp {background-position:-314px -205px; width:48px;}
.logos .hostcms {background-position:-7px -140px; width:187px;}
.logos .joomla {background-position:-507px -6px; width:50px;}
.logos .vb {background-position:-157px -202px; width:144px;}
.logos .ipb {background-position:-391px -77px; width:165px;}
.logos .phpbb {background-position:-323px -140px; width:95px;}

.iuse.b {margin-top:20px;}
.logos.b {margin-top:30px; font-size:13px;}

#ui-tooltip-contact {max-width:426px; border:5px solid #800734;}
#ui-tooltip-contact .balloon {padding:3px 0;}
#ui-tooltip-contact .bb {padding:10px 5px; font-weight:normal;}
#ui-tooltip-contact .ui-tooltip-content {background:#fff;}
#ui-tooltip-contact input[type=button] {width:409px; font-size:16px; padding:6px 0 3px 0;}