/* css style sheet v1.00 for Sasha.inflex.ru V2 site */

/* basic elements */
body	{ 
	margin:0.5em; 
	padding:0;
    background-color: #fff;
	font-size: 12px;
	font-family: Trebuchet MS, verdana, arial;
	color: #333;

	line-height: 1.6em; 
    text-align: center;
	border: none;
	list-style-type: square;
} 
    
a 			{ color: #000; text-decoration: underline; font-weight:normal;} 
a:hover		{ color: #666; text-decoration: none; }

body .flbrk {
	clear: both;
	display: none;
}

/* common page elements */

/* header */
.header	{
	width: 100%;
}

.header img	{
    display: none;
}

.header a span {
	font-size:1.2em;
	font-weight:bold;
	color: #000;
    float: left;
	padding: 20px 0 0 5%;
	text-align: left;
	text-decoration: none;
	width: 60%;
}

/* navigation */
.navigation	{
/*   position: absolute;  
	margin-top: 65%; */
	width: 100%;
	display: block;
/*    bottom: 10em; */
}

.navigation ul {
    margin-left: 27%;	
	padding: 0 0 25px 0;
    list-style: none;
}

.navigation ul li{
	float: left;
	width: 15%;
    margin: 0;
    padding: 0;
}

.navigation li a {
/*	color: #000; */
	text-transform: uppercase;
}

.navigation .current a			{ color: #666; text-decoration: none; }
.navigation .current a:hover	{ color: #666; text-decoration: none; }


/* content */
.content h1	{
	font-size:1.2em;
	font-weight:bold;
	color: #000;
    float: right;
	text-align: right;
	width: 60%;
	padding: 0.4em 5% 0 0 ;
    margin: 0;
}

.content .p1 {
    clear: both;
}

.content .v1 {
    text-align: left;
	padding-left: 10%;
}

/* footer */
.footer	{
/*    position: absolute;  
	margin-top: 5%; 
    bottom: 14em; */
	width: 100%;
	display: block;
	line-height: 1em; 
    clear: both;
	padding-top: 1em;
}

.footer .copyright, .email .p1 {
    display: none;
}

.contact .phone {
	font-size:0.9em;
    margin: 0;
    padding: 0;
}

.contact .email a span{
/*	font-weight:bold; */
    margin: 0;
    padding: 0;
}

/* additions */
#extraDiv1,#extraDiv2,#extraDiv3,
#extraDiv4,#extraDiv5,#extraDiv6 {
    display: none;
}

/* page specific */
/* index. */
#hmcontainer #portfolio p {
    margin: 0;
    padding: 0;
}

#hmcontainer #my p {
    display: inline;
    padding-left: 0.4em;
}

#hmcontainer #me p {
    margin: 0;
    padding: 0;
}
/* n_index version */
#hmcontainer {
	margin: 0.5em auto;
/*		width: 790px;
		width: 100%; */
	text-align: left;
/*		background-color: red;
		border: 1px solid black; */
}
#hmcontainer #header {
	height: 5em;
/*		background-color: fuchsia;
		border: 1px solid black; */
}
#hmcontainer #n_subhd {
	clear: both;
	height: 3em;
/*		background-color: green;
		border: 1px solid black; */
}
#hmcontainer #n_subhd h1	{
	font-size:1.2em;
	font-weight:bold;
	color: #000;
/*    float: right; */
	text-align: right;
/*	width: 60%; */
	padding: 0.4em 5% 0 0 ;
    margin: 0;
}
#hmcontainer #n_suplm {
	float: right;
	width: 30%;
	min-width: 380px;
/*		background-color: yellow;
		border: 1px solid black; */
}
#hmcontainer #n_suplm>img {
	border: 1px solid #666;
	margin: 1em 1em 1em 0;
	padding: 0;
	float: right;	
}
#hmcontainer .content {
	overflow: hidden;
	margin-right: 2em;
	margin-left: 1em; 
/*		background-color: aqua;
		border: 1px solid black; */
}
#hmcontainer .navigation {
	clear: both;
	height: 2em;
	margin: 0;
/*		background-color: lime;
		border: 1px solid black; */
}
#hmcontainer .footer {
	clear: both;
	text-align: center;
	margin: 0;
/*		background-color: grey;
		border: 1px solid black; */
}

/* profile. */
/* #pfcontainer #pic-self {*/
#pfcontainer .content img {
    margin: -1em 0 0 1em;
    padding: 0;
	float: right;
	border:1px solid #666;	
}

#pfcontainer .content p {
	text-align: left;
	margin: 0;
	padding: 0 2em 0 3em;
}

#pfcontainer .content h4 {
	padding: 0 0 0 3em;
	text-align: left;
	margin: 0.3em 0 0.3em 0;
    font-variant: small-caps;
	letter-spacing: .1em;
    text-transform: lowercase;
}

#pfcontainer .content ol {
	text-align: left;
	padding: 0 2em 0 4em;
	margin: 0;
}

#pfcontainer .content ul {
	list-style: none;
	text-align: left;
	padding: 0 2em 0 3em;
	margin: 0;
}

#pfcontainer .content ul li,
#pfcontainer .content ol li {
	margin: 0;
	padding: 0;
}

#pfcontainer #ps,
#pfcontainer #resume {
	padding-top: 2em;
}

#pfcontainer #resume p.p1 {
	display: none;
}

#pfcontainer #resume a {
	font-size: 1.2em;
	padding-right: 80%;
}

/* photo. */
#phcontainer .v1 .p1 {
    margin: 0;
    padding-left: 1em;
	display: inline;
}

/* txt. prose. poem. */
#txcontainer #prose ul {
    margin-left: 15%;
}

#txcontainer .prslst li {
    width: 30%;
	float: left;
	list-style: none;
	text-align: left;
	padding: 0 2em 0 3em;
	margin: 0;

}

#txcontainer #poem {
    clear: both; 
    margin-top: 2em;
} 

#txcontainer .pmslst {
	clear: both;
    list-style-type: none;
	min-width: 46em;
    width: 70%;
	margin-left: 15%;
	text-align: center;
	height:30em; 
	overflow: auto;
	padding: 0.5em 1em 0.5em 1em;
	border:1px solid #666;	
}

#txcontainer .pmslst li {
/*	position: relative; 
	left:50%;
	width:38em;
	margin-left:-19em;	*/
	margin:1em 10% 1em 10%;
}

#txcontainer .pmslst p {
    margin-top: 0;
    margin-bottom: 0;
	text-align: left;
/*	padding-left: 1.5em; */
	padding-left: 5%; 
}
#txcontainer #poem>a,
#txcontainer #prose>a {
    padding-right: 80%;
	font-size: 1.2em;
}

#txcontainer .pmslst h5 {
	font-size: 1.2em;
    font-variant: small-caps;
    letter-spacing: .1em;
    text-transform: lowercase;
    margin-bottom: 0;
	margin-top: 0;
	color: #666;
	text-align:right;
}
 
#txcontainer .pmsen {
	padding-top: 0.7em;	
	margin-top: 0.5em;	
	background: url(../cmn-images/3star.gif) no-repeat top center; 	
	margin-bottom:0.5em;
    padding-bottom: 1em;
    border-bottom:solid 1px #666;
} 

#proscont .content {
	margin: 0;
	padding: 1em 2em 1em 2em;
	text-align: left;
	line-height: 1.4em; 
}

#proscont .content h3 {
/*	display: inline;
	text-decoration: none;
	font-weight:normal;
	font-size: 1em;
    font-variant: small-caps;
    text-transform: lowercase; */
	display: none;
}

#proscont .content .prsru {
    border-bottom:solid 1px #666;
	margin-bottom: 0.8em;
	padding-bottom: 0.8em;
}

#proscont .content p {
	margin: 0;
	padding: 0;
}

#proscont .content .p1 {
	display: inline;
}

#proscont #pros01 .p8,
#proscont #pros01 .p10 {
	font-style: italic; 
}
#proscont #pros01 .p13 {
	padding-top: 1em; 
}

#proscont #pros02 .p5 {
	padding-top: 1em; 
	font-style: italic;
	text-align: center;
}

#proscont #pros04 .p3 {
	padding-top: 1em;
	padding-bottom: 1em;	
	font-style: italic;
}
#proscont #pros04 .p7 {
	padding-top: 1em;
	padding-bottom: 1em;	
}

#proscont #pros05 .p9 {
	padding-top: 1em;
	padding-bottom: 1em;		
}
#proscont #pros05 .p10,
#proscont #pros05 .p11,
#proscont #pros05 .p12,
#proscont #pros05 .p13,
#proscont #pros05 .p14 {
	font-style: italic; 
}
/*
#proscont #pros07 .p8 {
	padding-bottom: 0.5em;	
	margin-bottom: 0.5em;	
    border-bottom: dotted 1px #666;
} */
#proscont #pros07 .p8,
#proscont #pros07 .p9,
#proscont #pros07 .p19 {
	padding-bottom: 0.7em;	
	margin-bottom: 0.5em;	
/*  border-bottom: dashed 1px #666; */
	background: url(../cmn-images/3star.gif) no-repeat bottom center; 
}

#proscont #pros08 .p5 {
	padding-bottom: 0.7em;	
	margin-bottom: 0.5em;	
/*  border-bottom: dashed 1px #666; */
	background: url(../cmn-images/3star.gif) no-repeat bottom center; 
}

#proscont #pros11 .p1,
#proscont #pros11 .p4,
#proscont #pros11 .p18 {
	font-style: italic; 
}
#proscont #pros11 .p2,
#proscont #pros11 .p16 {
	padding-top: 1em; 
}

#proscont #pros14 .p2 {
	padding-top: 1em; 
}
#proscont #pros14 .p6 {
/*	padding-bottom: 0.5em;	
	margin-bottom: 0.5em;	
    border-bottom: dotted 1px #666; */
	padding-bottom: 0.7em;	
	margin-bottom: 0.5em;	
	background: url(../cmn-images/3star.gif) no-repeat bottom center; 
}
#proscont #pros14 .p11 em,
#proscont #pros14 .p13 {
	font-style: italic; 
}
#proscont #pros14 .p14 {
	padding-top: 1em;
	text-align: right;	
}

#proscont #pros15 .p111,
#proscont #pros15 .p2,
#proscont #pros15 .p3,
#proscont #pros15 .p4,
#proscont #pros15 .p5 {
	font-style: italic; 
	text-align: right;
}
#proscont #pros15 .p6 {
	padding-top: 1em; 
}
#proscont #pros15 .p7,
#proscont #pros15 .p10 {
	font-style: italic; 
}

#proscont #pros18 .p15 {
	padding-top: 1em;
	text-align: right;	
	font-style: italic; 
}

#proscont #pros19 .p10,
#proscont #pros19 .p17 {
	padding-top: 1em; 
}
#proscont #pros19 .p20 {
	padding-top: 1em;
	font-style: italic;
}

#proscont #pros20 .p8 {
	padding-top: 1em; 
}
#proscont #pros20 .p10 {
	padding-top: 1em;
	font-style: italic;
	text-align: center;	
}

#proscont #pros21 .p7,
#proscont #pros21 .p12 {
	font-style: italic; 
}
#proscont #pros21 .p16 {
/*	padding-top: 1em; */
	font-style: italic;
	text-align: right;	
}

#proscont #pros22 .p3 {
	padding-top: 1em; 
}
#proscont #pros22 .p6 {
	font-style: italic; 
}
#proscont #pros22 .p13,
#proscont #pros22 .p14,
#proscont #pros22 .p15 {
	font-style: italic;
	text-align: right;	
}

#proscont #pros24 .p111,
#proscont #pros24 .p19,
#proscont #pros24 .p20 {
	font-style: italic; 
	text-align: right;
}
#proscont #pros24 .p2 {
	padding-top: 1em; 
}

#proscont #pros25 .p4,
#proscont #pros25 .p7,
#proscont #pros25 .p12 {
	font-style: italic; 
}

#proscont #pros26 .p8 {
	padding-bottom: 1em;		
}
#proscont #pros26 .p9,
#proscont #pros26 .p10 {
	font-style: italic;
	text-align: right;	
}

#proscont #pros27 .p1 {
	font-style: italic; 
}
#proscont #pros27 .p7 {
	padding-top: 1em; 
}

#proscont #pros28 .p5 {
	padding-top: 1em; 
}
#proscont #pros28 .p7 {
	padding-bottom: 0.7em;	
	margin-bottom: 0.5em;	
/*  border-bottom: dashed 1px #666; */
	background: url(../cmn-images/3star.gif) no-repeat bottom center; 
}

#proscont #pros29 .p6,
#proscont #pros29 .p9,
#proscont #pros29 .p10,
#proscont #pros29 .p12,
#proscont #pros29 .p14,
#proscont #pros29 .p17,
#proscont #pros29 .p21 {
	padding-top: 1em; 
}

#proscont #pros30 .p111,
#proscont #pros30 .p2,
#proscont #pros30 .p3,
#proscont #pros30 .p11 {
	font-style: italic;
	text-align: right;	
}
#proscont #pros30 .p4 {
	font-style: italic;
	text-align: right;	
	font-weight:bold;
	padding-bottom: 1em;	
}
#proscont #pros30 .p6,
#proscont #pros30 .p8,
#proscont #pros30 .p10 {
	font-style: italic;
	padding-bottom: 1em;	
}