﻿/* IMPORT */
@import url('normalize.css');
@import url('menu.css');
@import url('form.css');
@import url('foot_right.css');
@import url('comments.css');
/* END import */

body {
	font: 90%/160%  Arial, Helvetica, sans-serif; /* 90/160 размер шрифта и межстрочный интервал */
	color: #555; /* color font */
	width: 96%;
	max-width: 900px;
	height: auto;
	margin: 0 auto 5%; /* верх с боков снизу */
	background: #efefef url(images/noise.png) repeat 0 0;
}


p { margin: 0 0 20px; }

a {
	color: #69C;
	text-decoration: none;
}

a:hover { color: #F60; }

h1, h2, h3 {
	color: #333;
	font-family: Courier New;
	font-weight: 700;
	line-height: 110%; /*высота строки текста - ведёт к увеличению межстрочного интервала*/
	margin: 70px 10px 20px 30px;
}

h1 { font-size: 150%; }

h2 { font-size: 140%; }

h3 { font-size: 130%; }

pre{
    color: #333;
    background-color: #dde4ec;
    border: 1px solid #ccd0d8;
    padding: 0.2em;
	margin: 0;
    white-space: pre-wrap;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-clip: padding-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
}

p.note{
	color: #333;
	font: 90%/110% Courier New;
	font-weight: 700;
}
.siteName{
    margin: 20px 10px 10px 30px;
}

#hrMiddle{ width: 100%; border: 1px solid #bdbdbd; }

#hrEdge{ width: 100%; border: 3px solid #b5b5b5; }