/* Common (begin) */
	*
	{
		margin: 0;
		padding: 0;   
	}

    body
	{
        font-size: 0.9em;
        height: 100%;
		background: #f0f0f0;
	}
    a
    {
        color: #003bc0;
    }
	
	a:hover
	{
         color: #6083d3;
	}

    .g-line:after
    {
        font-size: 0;

        display: block;
        visibility: hidden;
        clear: both;

        height: 0;

        content: ".";
        line-height: 0;
    }

    .page, .foot
    {
		max-width: 1350px;
		min-width: 770px;
		width: 100%;
	}

	.r
	{
		width: 37%;
		float: right;
	}

	.l
	{
		width: 62%;
	}

	.l .cnt
	{
		position: relative;

		width: 58%;
		margin-left: 24%;
		margin-right: 20%;
		border: 1px solid #f0f0f0;
	}
	
	.cnt .lang
	{

		position: absolute;
		top: 4.75em;
		right: 0;
		
		
		/*
		float: right;
		margin-top: 5em;
		*/
		font-size: 75%;
	}

/* Common (end) */

/* Page (begin) */
    #page
    {
        padding-top: 115px;
    }

    /* Page Left (begin) */
        #page .l
        {
            font-family: serif;
        }
        #page .l h2
        {
            font-size: 150%;

            margin-top: 2.1em;
            margin-bottom: 1em;
        }
        #page .l p
        {
            margin-bottom: 1.4em;
        }
		    /* Resume text style (begin) */

				#actions a
				{
					position: relative;
					
					display: block;
					float: right;
					
					width: 20px;
					height: 24px;
					
					border-right: 1px solid #f0f0f0;

				}
				
				#actions a:hover
				{
					background: #d0d0d0;
				}
				
				#actions a.active
				{
					background: #d0d0d0;
				}
				
				#actions img
				{
					position: absolute;
					top: 5px;
					left: 4px;
					
					border: none;
				}
				
				#resume-text h3
				{
					font-size: 130%;
					font-weight: normal;
					
					margin-bottom: 0.5em;
				}
		
				#js #resume-text h3 a
				{
					display: block;
					
					text-decoration: none;
				}
				
				#js #resume-text h3 a em
				{
					border-bottom: 1px dashed #003bc0;

					font-style: normal;
				}
				
				#js #resume-text h3 a:hover em
				{
					border-bottom: 1px dashed #6083d3;
				}
				
				#js #resume-text .active h3 a em
				{
					border: none;
				}
		
				#js #resume-text h3 a:hover, #actions a
				{
					cursor: pointer;
				}
				
				#js #resume-text h3 a:hover
				{
					color: #6083d3;
				}
				
				#js #resume-text .active h3 a
				{
					display: block;
					color: #000;
					width: 100%;
					
					background: #d0d0d0 url(i/icon-collapse.gif) 0.4em 50% no-repeat;	
					
					padding-left: 1.2em;
				}
				
				#js #resume-text .active h3 a:hover
				{
					background-color: #c9c9c9;
					color: #000;
				}

				#js #resume-text .resume-chapter-text
				{
					display: none;
				}
		
				#js #resume-text .active .resume-chapter-text
				, #js #resume-text div.vitaly
				{
					display: block;
					
					margin-bottom: 1.5em;
					
					line-height: 1.3em;
				}
				
				#js #resume-text div.vitaly dl dt
				, #js #resume-text div.resume-chapter-text dl.personal dt
				{
					float: left;
				}
					
				#js #resume-text dl.personal dt
				{
					text-decoration: none;
				}
				
				.personal dd, #js #resume-text dl.personal dd
				{
					margin-left: 7.5em;
				}

				#js #resume-text .resume-chapter-text h4
				{
					margin-top: 1.5em;
				}
				
				#js #resume-text .resume-chapter-text h5
				{
					font-size: 0.9em;
					text-transform: uppercase;
					font-weight: normal;
				}
				
				#js #resume-text .resume-chapter-text ol
				{
					margin-left: 0.5em;
				}
				
				#js #resume-text .resume-chapter-text dt
				{
					text-decoration: underline;
				}
				#js #resume-text .resume-chapter-text dd
				, #js #resume-text .resume-chapter-text div
				, #js #resume-text dl.personal
				{
					margin-left: 1.5em;
				}
				
				/* email begin */
				.at
				{
					content: "@";
				}
				
				.dot
				{
					content: ".";
				}
				/* email end */
				
				/* mdash in lists begin */
				
					.resume-chapter-text li
					{
						margin: 0.5em 0 0.5em 1.5em;
					}
					.resume-chapter-text ul
					{
						list-style-type: none;
						//list-style-image: url('i/li.gif');
					}
					.resume-chapter-text ul li
					{
						padding: 0;
						behavior: expression( !this.before && parentNode && parentNode.tagName == 'UL' ? this.before = ( 1
								| ( parentNode.style.listStyleImage = 'none' )
								| ( this.firstChild && this.firstChild.nodeType != 3
									? ( 1 | ( this.firstChild.style.marginTop = '-1.2em' ) | ( this.firstChild.style.position = 'relative' ) ) : 1 )
								| ( this.innerHTML = '<nobr style="position: relative; width: 1.25em; left: -1.25em; margin: 0 -1.25em 0 0;">&mdash;&nbsp;</nobr>'
									+ this.innerHTML ) ) : '' );
					}
					.resume-chapter-text ul>li:before
					{
						content: '\2014\a0';
						float: left;
						margin-left: -1.25em;
					}
					.resume-chapter-text ul>li>*:first-child:-moz-first-node
					{
						margin-top: -1.2em;
					}
					.resume-chapter-text ul>li>*
					{
						text-indent: 0;
					}

				
				/* mdash in lists end */
				
			/* Resume text style (end) */
		
    /* Page Left (end) */

    /* Page Right (begin) */
        #page .r
        {
            font-family: Arial, sans-serif;

            position: relative;
        }
		
		#page .r i
		{
			font-style: normal;
			
			background: url(i/select-resume.png) 50% 50% no-repeat;

			position: absolute;
			top: 11.5em;
			left: -0.5em;
				

			width: 7em;
			height: 1.5em;
		}
		
        h1
        {
            font-size: 125%;
            font-weight: normal;

			margin-left: 2.2em;

			color: #424242;
		}
        h1 b
        {
            font-size: 270%;
            font-weight: bold;

            letter-spacing: -2px;

			margin-left: 0.8em;

			display: block;

            color: #a9a9aa;
        }
		h1 a, h1 a:hover
        {
            color: #424242;
		}
		h1 b a, h1 b a:hover
        {
            color: #a9a9aa;
		}		
		.visual
		{
			height: 41.5em;

			position: relative;
		}
		.visual p
		{
			font-size: 90%;
			font-family: serif;
			font-style: italic;

			position: absolute;
			bottom: 0;
			left: 5em;

			color: #5e5e5e;
		}
		.visual p b
		{
			font-weight: normal;
			font-style: normal;

			color: #a5a5a5;
		}

		#index .visual
		{
			background: transparent url(i/vitaly.jpg) 1em 3.8em no-repeat;
		}
		
		#resume .visual
		{
			background: transparent url(i/brain-nuts.jpg) 9.25em 2em no-repeat;
		}
	/* Page Right (end) */

    /* Menu (begin) */
        #menu
        {
            list-style:  none;

            position: absolute;
            top: 9.5em;
            left: 0;

            width: 17em;
        }
        #menu .examples a
        {
            color: #3c3c3c;
        }
        #menu .resume a
        {
            color: #777;
        }
        #menu .poems a
        {
            color: #606060;
        }
        #menu a
        {
            text-decoration: underline;
        }

        #menu .examples
        {
            font-weight: bold;
            font-size: 125%;
        }

        #menu .resume
        {
            margin: 0.7em 0 0 0.5em;
        }
		
        #menu .poems
        {
            font-size: 110%;
            font-weight: bold;
            margin: 0.7em 0 0 4em;
        }
        #menu .poems a:hover,
        #menu .examples a:hover,
        #menu .resume a:hover
        {
            color: #6083d3;
        }
    /* Menu (end) */
/* Page (end) */

/* Foot (begin) */
	#foot
	{
		padding-top: 100px;
		padding-bottom: 2em;
	}

    #foot p
	{
		color: #a5a5a5;
	}
	#foot p.f
	{
		color: #5e5e5e;
	}
	#foot a
	{
		color: #a5a5a5;
	}
/* Foot (end) */

/* Bugfix for Opera (begin) */
	@media all and (min-width: 0px) {
		body
		{
			font-size: 0.95em;
		}
	}
/* Bugfix for Opera (begin) */