.b { font-weight: bold; }
.u { text-decoration: underline; }

.light-blue { color: #437FDB; } /* цвет - от старого .nuserlink */

div.stopfloat {
	clear: both;
	font-size: 0px;
		/* 	
		прекращаем floating; 
		пустого div style="clear:both" 
		в некоторых версиях IE не хватает
		нужен &nbsp внутри и поэтому - 0px
		*/
	
	}

span.username, span.username a, a.username { color: #437FDB; text-decoration: none; }
span.username.deleted, span.username .deleted { 
	color: black; 
	border: 1px solid black;
	padding: 0 0.2em;
	}

a.close-x { /* ссылка-крестик "Закрыть" */ 
	font-weight: bold; 
	text-decoration:none;
	font-size: ;
	color: inherit;
	float:right;
	}
	
span.arrow {
	font-size: 120%;
	font-weight: bold;
	}	
/* 	Стили для кнопок */
	/* .newbutton - каркас для стиля
	в чистом виде представляет собой
	обычную серую кнопку.
	
	newbutton.red, newbutton.light-blue и др. - 
	расширения для более ярких кнопок.
	
	Стили применимы только к inline-элементам -
	из-за необходимости выставлять display:inline-block
	для включения hasLayout в IE */
	.newbutton {
		text-decoration: none !important;
		font-weight: bold !important; /* important - для старых страниц, где стили пересекаются */
		font-style: normal;
		font-family: Arial;
		font-size: 12px;
		line-height: 1.4em;
		white-space:nowrap;
		padding: 0.25em 0.75em;
		
		border-width: 1px;
		border-style: solid;
		border-radius: 0.4em ;
		-moz-border-radius: 0.4em;
		-webkit-border-radius: 0.4em;
		-khtml-border-radius: 0.4em;
		
		display:inline-block; 	/* включаем hasLayout */
								/* без него в IE не работает градиент */
		/* далее - индивидуальные свойства для этого стиля */
		color: #6C6C6C;
		border-color: #E5E5E5;
		background-color: white; /* для старых браузеров */
		
		background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cdefs%3E%0A%20%20%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%0A%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22white%22%20%2F%3E%0A%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23EFEFEF%22%20%2F%3E%0A%20%20%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20style%3D%22fill%3Aurl%28%23grad%29%22%20%2F%3E%0A%3C%2Fsvg%3E");
		/*
    	Вышеуказанное правило CSS-валидно.
		Но пока его поддерживают только Opera и Chrome;
		остальные поддерживают, но ничего не понимают,
		в результате это затирает предыдущие,
		но само не работает, поэтому правила для остальных 
		нужно объявлять после.
		*/
		
    	/* Firefox 3.6+ */
		background-image:-moz-linear-gradient(
    		top, 
    		white,
    		#EFEFEF
    		);
		/* Webkit */
    	background-image: -webkit-gradient(
    		linear, 
    		left top, 
    		left bottom,  
    		from(white),
    		to(#EFEFEF)
    		);
    		
		/* Все, что дальше - для IE */
        
        filter: progid:DXImageTransform.Microsoft.gradient(
            GradientType=0,
            startColorstr='white',
            endColorstr='#EFEFEF'
            );
		/* Для семейства IE в будущем ( сейчас не нужно) */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(
            GradientType=0,
            startColorstr='white',
            endColorstr='#EFEFEF'
            )"; 
		
		}
	.newbutton:hover {
		/* color: #444444; - пока используем без усиления цвета */
		color: #6C6C6C;
		border-color: #808080;
		
		background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cdefs%3E%0A%20%20%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%0A%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22white%22%20%2F%3E%0A%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23DFDFDF%22%20%2F%3E%0A%20%20%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20style%3D%22fill%3Aurl%28%23grad%29%22%20%2F%3E%0A%3C%2Fsvg%3E");

		background-image:-moz-linear-gradient(
    		top, 
    		white,
    		#DFDFDF
    		);
    	background-image: -webkit-gradient(
    		linear, 
    		left top, 
    		left bottom,  
    		from(white),
    		to(#DFDFDF)
    		);
		filter: progid:DXImageTransform.Microsoft.gradient(
            GradientType=0,
            startColorstr='white',
            endColorstr='#DFDFDF'
            );
		/* Для семейства IE в будущем ( сейчас не нужно) */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(
            GradientType=0,
            startColorstr='white',
            endColorstr='#DFDFDF'
            )"; 
		}
	
    .newbutton.red,
    .newbutton.red-for-old {
    	color: white;
    	border-color: #FF5050;
    	background-color: #FF1010; /* для старых браузеров */
    	
		background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cdefs%3E%0A%20%20%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%0A%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23FF9090%22%20%2F%3E%0A%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF1010%22%20%2F%3E%0A%20%20%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20style%3D%22fill%3Aurl%28%23grad%29%22%20%2F%3E%0A%3C%2Fsvg%3E");
		background-image:-moz-linear-gradient(
			top, 
			#FF9090,
			#FF1010
			);
		background-image: -webkit-gradient(
			linear, 
			left top, 
			left bottom,  
			from(#FF9090),
			to(#FF1010)
			);
		filter: progid:DXImageTransform.Microsoft.gradient(
			GradientType=0,
			startColorstr='#FF9090',
			endColorstr='#FF1010'
			);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(
			GradientType=0,
			startColorstr='#FF9090',
			endColorstr='#FF1010'
			)"; 
    	}
    	
	.newbutton.red:hover,
	.newbutton.red-for-old:hover {
		border-color:red;
		
    	background-color: #F80000; /* для старых браузеров */
		
		background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cdefs%3E%0A%20%20%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%0A%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23FF7878%22%20%2F%3E%0A%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F80000%22%20%2F%3E%0A%20%20%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20style%3D%22fill%3Aurl%28%23grad%29%22%20%2F%3E%0A%3C%2Fsvg%3E");
		background-image:-moz-linear-gradient(
			top, 
			#FF7878,
			#F80000
			);
		background-image: -webkit-gradient(
			linear, 
			left top, 
			left bottom,  
			from(#FF7878),
			to(#F80000)
			);
		filter: progid:DXImageTransform.Microsoft.gradient(
			GradientType=0,
			startColorstr='#FF7878',
			endColorstr='#F80000'
			);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(
			GradientType=0,
			startColorstr='#FF7878',
			endColorstr='#F80000'
			)";
    	}
    
    	
    	
	.newbutton.light-blue {
		color: white;
		border-color: #7AA0DB;
		
		background-color: #437FDB; /* для старых браузеров */
		
		background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cdefs%3E%0A%20%20%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%0A%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239CB5DB%22%20%2F%3E%0A%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23437FDB%22%20%2F%3E%0A%20%20%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20style%3D%22fill%3Aurl%28%23grad%29%22%20%2F%3E%0A%3C%2Fsvg%3E");
		background-image:-moz-linear-gradient(
			top, 
			#9CB5DB,
			#437FDB
			);
		background-image: -webkit-gradient(
			linear, 
			left top, 
			left bottom,  
			from(#9CB5DB),
			to(#437FDB)
			);
		filter: progid:DXImageTransform.Microsoft.gradient(
			GradientType=0,
			startColorstr='#9CB5DB',
			endColorstr='#437FDB'
			);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(
			GradientType=0,
			startColorstr='#9CB5DB',
			endColorstr='#437FDB'
			)";
		}
	.newbutton.light-blue:hover {
		border-color: #6C97DB;
		background-color: #3576DB; /* для старых браузеров */
		
		background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cdefs%3E%0A%20%20%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%0A%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%238FACDB%22%20%2F%3E%0A%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233576DB%22%20%2F%3E%0A%20%20%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20style%3D%22fill%3Aurl%28%23grad%29%22%20%2F%3E%0A%3C%2Fsvg%3E");
		background-image:-moz-linear-gradient(
			top, 
			#8FACDB,
			#3576DB
			);
		background-image: -webkit-gradient(
			linear, 
			left top, 
			left bottom,  
			from(#8FACDB),
			to(#3576DB)
			);
		filter: progid:DXImageTransform.Microsoft.gradient(
			GradientType=0,
			startColorstr='#8FACDB',
			endColorstr='#3576DB'
			);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(
			GradientType=0,
			startColorstr='#8FACDB',
			endColorstr='#3576DB'
			)";
		}
		
	
	.newbutton.orange {
		color: white;
		border-color: #FFA800;
		
		background-color: #FF9800; /* для старых браузеров */
		
		background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cdefs%3E%0A%20%20%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%0A%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23FFBA00%22%20%2F%3E%0A%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF9800%22%20%2F%3E%0A%20%20%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20style%3D%22fill%3Aurl%28%23grad%29%22%20%2F%3E%0A%3C%2Fsvg%3E");
		background-image:-moz-linear-gradient(
			top, 
			#FFBA00,
			#FF9800
			);
		background-image: -webkit-gradient(
			linear, 
			left top, 
			left bottom,  
			from(#FFBA00),
			to(#FF9800)
			);
		filter: progid:DXImageTransform.Microsoft.gradient(
			GradientType=0,
			startColorstr='#FFBA00',
			endColorstr='#FF9800'
			);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(
			GradientType=0,
			startColorstr='#FFBA00',
			endColorstr='#FF9800'
			)";
		}
		
	.newbutton.orange:hover {
		border-color: #FF9800;
    			background-color: #FF8800; /* для старых браузеров */
		
		background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cdefs%3E%0A%20%20%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%0A%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23FFAA00%22%20%2F%3E%0A%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF8800%22%20%2F%3E%0A%20%20%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20style%3D%22fill%3Aurl%28%23grad%29%22%20%2F%3E%0A%3C%2Fsvg%3E");
		background-image:-moz-linear-gradient(
			top, 
			#FFAA00,
			#FF8800
			);
		background-image: -webkit-gradient(
			linear, 
			left top, 
			left bottom,  
			from(#FFAA00),
			to(#FF8800)
			);
		filter: progid:DXImageTransform.Microsoft.gradient(
			GradientType=0,
			startColorstr='#FFAA00',
			endColorstr='#FF8800'
			);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(
			GradientType=0,
			startColorstr='#FFAA00',
			endColorstr='#FF8800'
			)";
		}
	
	/* "хлебные крошки" */
	div.crumbs { margin-bottom: 7px; font-weight: bold; }
	div.crumbs, div.crumbs a { color: #AAAAAA; text-decoration: none; }
	div.crumbs a { font-weight: normal; }
	div.crumbs a:first-child { font-weight: bold; }

	/* список страниц */
	div.pagelist{
		width: 90%;
		text-align: center;
		margin: 15px auto 40px;
	}
	
	/* строка навигации внизу */
	div.bottomnav{
		margin: 20px auto;
		text-align: center;
	}
	div.bottomnav a { text-decoration: none; }
	
	div.begun { margin: 15px 0; }
	
	div.yandex { margin: 15px 0; }
	
	/* таблица с "тёмно-золотой" шапкой */
	table.with-header {
        width: 98%; 
		border-collapse: collapse;
		color: #444444;
		}
	table.with-header th {
		background-color: #F6F3E4;
		border: 2px solid white;
		}
	table.with-header a { text-decoration: underline; }
	table.with-header th a { color: #6C6C6C; }
	table.with-header td a { color: #594FBF; }
    table.with-header span.links { font-weight:bold; }
    table.with-header span.links a { font-weight:normal;} 

	table.with-header td { 
        color: #444444; 
        padding: 0.3em;
        text-align: center;
        vertical-align: top;
    } 
	table.with-header th { 
        color: #6C6C6C;
		text-align: center;
        font-weight: normal;
		vertical-align: middle; 
		padding: 0.5em;
        white-space: nowrap;
		}
    table.with-header td.align-left { text-align: left; } 
/*    table.with-header td.long { width: 300px; } */
	table.with-header th.align-left { text-align: left; } 
	
/* таблица с превьюшками композиций (как картинок, так и других) */
	table.preview-compositions { width: 100%; }
	
	table.preview-compositions h2{
		color: #437FDB;
		font-weight: bold;
		padding-left: 3px;
		padding:0;
		margin:0 0 15px 0;
	}
	table.preview-compositions > tbody > tr > td{
		width: 25%;
		text-align: left;
		padding: 10px 10px 10px 0;
		vertical-align: top;
		font-size: 11px;
	}
	table.preview-compositions div{
		margin: 1px;
		padding: 0px;
	}
	table.preview-compositions div.title a {
		font-weight: bold;
		font-size: 12px;
	}
	table.preview-compositions div.link{
		font-size: 11px;
		margin:0;
	}
	table.preview-compositions div.link, table.preview-compositions div.link a{
		color: #6C6C6D;	
	}
	table.preview-compositions div.link a{
		font-style: italic;
	}
	
/* таблица-контейнер для изображения - с рамкой */
	table.preview-container{
		border-collapse: collapse;
		margin: 2px 0 5px 0;
	}
	table.preview-container td{
		text-align: center;
		vertical-align: middle;
		padding: 0;
		border: 1px solid #EEEEEE;
		height: 146px;
		width: 146px;
	}
	table.preview-container td a{
		margin: 0;
		padding: 0;
	}

/* рамка для больших изображений */
	div.image-item-big {
		margin: 15px auto 20px;
		text-align: center;
		}
	div.image-item-big img {
		border: 3px solid #EEEEEE;
		padding: 15px;
		}
	
/* форма добавления/редактирования комментария */

	/* 	для первого комментария на странице произведения
		нужен отступ снизу
	*/
	div.for-first-comment {
		margin-bottom: 20px;
		}
	
	div#comment_form .newbutton {
		font-size: 12px;
		}
	

/* комментарии */
	table.comment { 
		margin: 20px 2% 10px 0;
		border-top: 1px solid #E5E5E5;
		border-collapse: collapse;
		}
	table.comment.child {
		/* дочерний комментарий */
		margin-left: 5%; 
		}
	table.comment.zatravka {
		/* комментарий на главной странице произведения */
		border-top: 0; 
		margin-top: 15px;
		}
	table.comment.aggregated { 
		/* все комментарии раздела */
		}
	
	table.comment td { padding: 0; }
	table.comment td.avatar { vertical-align: top; } 
		
	table.comment td.avatar table { 
		border: 1px solid #E5E5E5;
		border-top-width: 0;
		width: 88px;
		height: 88px;
		border-collapse: collapse;
		}
	table.comment.zatravka td.avatar table {
		border-top-width: 1px;
	}
	table.comment td.avatar table td {
		padding: 0;
		bтуackground: white;
		vertical-align:middle;
		text-align: center;
		}
	table.comment.child td.avatar table td {
		background: #F7F7F7;
		}
	
	table.comment td.content { 
		text-align: left; 
		vertical-align: top; 
		width: 100%;
		padding-bottom: 5px; padding-left: 10px; 
		}
	table.comment.child td.content { 
		background-color: #F7F7F7; 
		border-left: 10px solid white; 
		}
	
	table.comment .attention { color: red; }
	table.comment .attention a { text-decoration: underline; }
	
	table.comment div.ago {
		background-color: #F7F7F7; 
		float: right; 
		color: #808080;
		border: 1px solid #F0F0F0;
		border-top: 0;
		font-size: 11px; 
		padding: 0 5px 2px 6px; 
		margin: 0 0 5px 15px; 
		}
	table.comment.child div.ago {
		color: #808080;
		background-color: white;
		}
		
	table.comment.zatravka span.ago { 
		color: #AAAAAA;
		padding-left: 0.3em;
		}
	table.comment div.text { 
		text-align: justify; 
		margin: 5px 10px 1em 0; 
		}
	table.comment.zatravka div.text {
		margin-top: 0;
		}
	table.comment div.add { 
		font-size: 11px; 
		}
	table.comment div.add a { text-decoration: underline; }
	
	table.comment.aggregated div.info { 
		font-size: 11px;
		}
	table.comment.aggregated div.info a { 
		text-decoration: underline;
		}
	table.comment.aggregated div.info span.what,
	table.comment.aggregated div.info span.razdel {
		color: #6C6C6C;
		}
	div#comment_form {
		display:none;
		margin-top: 20px; 
		text-align: left;
		width: 453px; 
		}
	div#comment_form div.title { 
		margin-bottom: 10px;  
		color: #6C6C6C; 
		font-weight: bold; 
		}
	div#comment_form div.title a { 
		text-decoration: underline; 
		color: inherit;
		}
	div#comment_form div.title a:hover { color: red; }
	div#comment_form div.title a.close { 
		float: right;
		text-decoration: none;
		}
	
	div#comment_form div.note { margin: 1em 0; }
	
	div#comment_form textarea { 
		width: 450px; 
		height: 150px; 
		border: 1px solid #808080; 
		overflow: auto;
		}
	div#comment_form .newbutton-grey { font-size: 12px; }