/* zheleznov.info
Будь проще, и люди к тебе потянутся */

*,
body {
margin: 0;
padding: 0;
}

/* 2 колонки */

.main {
position: absolute;
border-left-width: 250px;
top: 0;
left: 0;
padding: 0 30px;
}

.side {
position: absolute;
width: 160px;
top: 30px;
left: 30px;
padding: 20px 30px;
}

/* размер */

.head,
.foot {
padding: 20px 30px;
}

.body {
padding: 20px 0;
}

p,
ul,
ol,
dd,
h4 {
padding: 10px 0;
line-height: 1.4;
}

h2,
h3 {
margin-top: 10px;
padding: 10px 30px;
}

ul,
ol,
dd {
padding-left: 30px;
}

pre {
margin: 10px 0;
padding: 10px 20px;
overflow: hidden;
}

table,
tr,
td,
th {
padding: 8px;
margin: 0;
}

.stop,
.note,
.info {
padding: 10px 30px;
margin: 20px 30px;
}

input,
select,
textarea {
padding: 4px;
}

/* шрифт */

body,
textarea {
font-family: Arial, Helvetica, sans-serif;
}

body {
font-size: 90%;
text-align: left;
}

h1 {
font-size: 1.8em;
}

h2 {
font-size: 1.4em;
}

h3,
h4 {
font-size: 1.2em;
}

input,
select,
textarea,
.nav strong,
.stop,
.note,
.info {
font-size: 1.1em;
}

small {
font-size: 0.9em;
}

h1,
h2,
.side li a {
font-weight: normal;
}

h3,
h4,
dt,
.side li,
.note a {
font-weight: bold;
}

/* цвет */

body {
background: #fff;
color: #000;
}

a { 
color: #095;
}

a:hover,
a:active {
color: #f00;
text-decoration: none;
}

.main {
border-left-color: #ddd;
border-left-style: solid;
}

.side {
background-color: #fff;
border-bottom: 30px solid #ddd;
}

.head,
.foot,
h2 {
background-color: #ddf;
}

h3 {
color: #55e;
background-color: #eee;
}

h4 {
border-top: 1px solid #eee;
}

h4,
dt,
th,
small,
strong {
color: #777;
}

table,
tr,
td,
th {
border: 1px solid #777;
}

pre {
border-left: 1px solid #009;
}

pre,
code {
color: #009;
}

.stop {
border: 1px solid #f00;
color: #f00;
}

.note {
border: 1px solid #009;
color: #009;
}

.info {
border: 1px solid #777;
color: #777;
}

/* прочее */

.center {
text-align: center;
}

.scroll {
overflow: scroll;
height: 160px;
width: 80%;
border: dotted 1px #777;
padding: 10px 20px;
} 

ul {
list-style-type: square;
}

table {
border-collapse: collapse;
}

hr {
display: none;
}