@charset "windows-1251";

/* titles */
.cat-title {
	font-size: 16px;
	margin-bottom: 10px; 
	color: #777A89;
	font-weight: normal;
}
.article h1 {
	color: #b4282e;
	font-size: 28px;
	font-weight: normal;
    width: 68%;
}
.article h3 {
	font-size: 18px;
	margin-bottom: 5px;
}
.article h2 {
	font-size: 22px;
	color: #000;
	margin-bottom: 10px;
}

.article p {font-size: 14px;}
.article .align-right {text-align: right;}
.article em, .article i {font-family: arial, helvetica, tahoma;}

/* art-info */
.art-info {
	font-size: 12px;
	color: #777a89;
	margin: 10px 0 15px 0;
}
.art-info li {
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	border-left: 1px solid #e0e0e0;
	padding: 1px 2px 1px 7px;
}
.art-info li:first-child, .art-info li.first-child {
	border: none;
	padding-left: 0;
}
.art-info em {font-style: normal;}

/* article */
.article {
    color: #484848;
	margin-bottom: 20px;
}
.article .anons {
	color: #000;
	font-weight: bold;
}
.article p {
	margin-bottom: 15px;
	line-height: 1.3em;
}
.article p + ol {
	margin-top: -8px;
}
.article p.tags {
	color: #777a89;
	font-size: 12px;
}
.article p.tags a {color: #b4282e;}

.article .artlist {
	font-size: 14px;
	margin: 0 0 10px 20px;
}
.article .artlist li {
	list-style: disc;
	padding: 3px 0 5px 0;
}
.pl {
	/*background: #f7f8fa;
	border: 1px solid #e8ebee;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1.3em;	*/

    padding-bottom: 11px;
    border-bottom: 1px solid #ababab;
    margin-bottom: 23px;
}

.pl a {
    font-size: 20px;
    font-family: Georgia;

}

.pl h1 {color: #000;}

h1.margin1 {margin-bottom: 20px;}

.article img {
	max-width: 720px;
	margin-right: 10px;	
}
.article .right-aligned img, .article .left-aligned img {margin-bottom: 5px;}
.article .right-aligned small, .article .left-aligned small {
	display: block;	
	font: 12px/16px tahoma, Helvetica, sans-serif;	
	margin-bottom: 10px;
}
.art {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 10px;
}
.art td {
	vertical-align: top;
	padding: 0 11px 10px 0;
	text-align: center;
	font-size: 12px;
}
.art td span {
	font: 12px/16px tahoma, Helvetica, sans-serif;	
	display: block;
	padding-top: 5px;
}
.art td a {	color: #505050; font-size: 12px;}
.art h3 a {font-size: 18px;}

.art td a img { margin: 0 !important; }
.art td a br { display: block; }
.art td .comment {font-weight: normal;}

blockquote {
	margin-bottom: 10px;
	color: #b4282e;
	font-weight: bold;
}
.article dl {font-size: 14px;	}
.article dt {font-weight: bold;}
.article dd {line-height: 1.3em; margin-bottom: 10px;}

.longest {width: 90%;}
.long {width: 70%;}
.normal {width: 50%!important;}
.slim {width: 30%;}

.nomargin {margin-bottom: 0;}

h3.interview {
	font-size: 14px;
	font-weight: bold;
	color: #484848;
}
.interview strong {color: #B4282E;}
p.interview .bullet {padding-left: 13px; background: url(/i/interview-bullet.png) no-repeat 0 4px;}

.pl:after, 
.pages:after,
.photo-inline:after,
.gallery ul:after,
.item:after,
blockquote:after,
.pl:after
 {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.article ol {margin-bottom: 20px;}
.article ol li {margin: 0 0 8px 20px;}

/** other-articles */
.other-articles {
    background: #f7f8fa;
    border: 1px solid #e8ebee;
    margin: 15px 0;
    overflow: hidden;
    padding: 15px;
    width: 688px;
}
.other-articles-header {
    font-size: 14px;
    font-weight: bold;
}
.other-articles-header a, .other-articles li a:hover {
    color: #b4282e;
    text-decoration: underline;    
}
.other-articles table {
    margin-top: 15px;
    overflow: hidden;
    width: 100%;
}
.other-articles td {
    padding: 0 1% 15px 0;
    width: 49%;
}
.other-articles td span {
    clear: left;
    display: block;
    margin-left: 14px;    
}
.other-articles td a {
    background: url("/i/artlist-bullet.png") no-repeat scroll 0 7px transparent;
    color: #484848;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 1px 14px;
    text-decoration: none;    
}
.other-articles td a:hover {
    color: #b4282e;
    text-decoration: underline;    
}
.article-wrap {
    border: 2px solid #E2D9CE;
    border-top: none;
    margin: -8px 0 15px 0;
    padding: 0 0 15px 10px;
    position: relative;
}
.article-tab {
    overflow: hidden;
    position: relative;
    width: 720px;
    z-index: 30;
}
.article-tab li {
    float: left;
    margin-left: -15px;
    padding-right: 12px;
    width: 223px;
    z-index: 10;
}
.article-tab li:last-child {
    background-position: 100% -84px;     
}
.article-tab li, .article-tab li a {
    background: url("/i/block/tab-bg.png") 100% -84px no-repeat;
}
.article-tab li a {
    background-position: 0 0;
    color: #b4282e;
    display: block;
    font-weight: bold;
    padding: 11px 0 12px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
.article-tab li a:hover {
    text-decoration: underline;
}
.article-tab li.active {
    background: url("/i/block/tab-active-bg-big.png") 100% -43px no-repeat;
    margin-left: -2px;
    position: relative;
    width: 490px;
    z-index: 20px;
}
.article-tab li.active span {
    background: url("/i/block/tab-active-bg-big.png") 2px 0 no-repeat;
    display: block;
    padding: 10px 12px;
    width: 95%;
}
*+html .pager-centered {
    padding: 0;
}
*html .pager-centered {
    padding: 0;
}
/** end other-article */

/* ==================== ������ ==================== */
#questionnaire {
	font: 12px Tahoma,Verdana,sans-serif;
	clear: both;
}
#questionnaire div {margin-bottom: 10px;}

#questionnaire .inputlike {
	display: block;
	float: left;
	margin-top: 3px;
}
#questionnaire input, #questionnaire select {
	padding: 2px;
	border: 1px solid #B6B2B4;
	font: 12px Tahoma,Verdana,sans-serif;
	background: #fff;	
	color: #505050;
}
#questionnaire input {
	line-height: 16px;
	height: 16px;
	width: 137px;
}
#questionnaire input.radio {
	width: auto;
	height: auto;
	float: none;
	border: none;
	vertical-align: middle;
}
#questionnaire select {
 	height: 20px;
	margin-right: 10px;
}
#questionnaire textarea {
	padding: 2px;
	font: 12px Tahoma,Verdana,sans-serif;
	background: #fff;
	border: 1px solid #b6b2b4;
	width: 592px;	
}
#questionnaire .note {
	padding: 8px 0 0 112px;
	margin-bottom: 8px;
	font: 12px Tahoma,Verdana,sans-serif;
	color: #b6b2b4;
	clear: both;
}
#questionnaire input#realname {width: 300px;}
#questionnaire select#bday {width: 73px; }
#questionnaire select#bmonth {width: 127px; margin-right: 10px;}
#questionnaire select#byear {width: 86px;}
#questionnaire .place .labellike {margin-top: 21px;}
#questionnaire .place label {
	margin: 0 20px 0 0;
	color: #b6b2b4;
	width: 143px;
}
#questionnaire .quiz p {
	overflow: hidden;
	font: 12px tahoma, verdana, sans-serif;
	display: inline-block;
}

form#questionnaire div {
	clear: left;
	margin-bottom: 10px;
}

#questionnaire label {
	display: block;
	margin-bottom: 3px;
}
#questionnaire .labellike {margin-right: 5px;}

/* data table */
.data {
	margin-bottom: 20px;
	border-collapse: collapse;
}
.data th {font-weight: bold;}
.data th, .data td {
	color: #000;
	text-align: left;
	padding: 10px;
	border-right: 5px solid #fff;
}
.data td {background: #eec9c5;}
.data th, .data .even td {
	background: #f7e2df;
}

/** article end */
.article-end {
    background: url(/i/psy-end.png) 0 0 no-repeat transparent;
    display: inline-block;
    height: 11px;
    margin: -3px 0 0 2px;
    vertical-align: middle;
    width: 20px;
}