body {
margin:0; /* - отступ от внешних границ - */
padding:0; /* - отступ внутри блока - */
}
#container{
width:100%; /* - ширина блока - */
background: url(bg.png) repeat-y; /* - фоновая картинка, повторяется по вертикали - */
padding : 0;margin: 0; /* - отступы - */
}
#header,#menu,#content,#sub-section,#footer {
overflow:hidden; /* - отображается только область внутри элемента, остальное будет обрезано - */
display:inline-block; /* - обтекание другими элементами - */
}
#header,#footer {width:100%} /* - ширина блока - */
#header {
border-bottom:2px solid #805C1E; /* - цвет нижней границы блока - */
}
#menu,#content,#sub-section {float:left} /* - выравнивание по левому краю - */
#menu {width:20.5%;} /* - ширина блока - */
#content {
width:59.5%; /* - ширина блока --- */
background-color:#fff; /* - цвет фона блока - */
padding : 0 0 20px 0; /* - отступ снизу, чтобы текст не лепился к нижней части блока - */
}
#content p {
font:12px verdana, helvetica, sans-serif;color:#333; /* - размер шрифта, шрифты, цвет текста в блоке - */
padding : 0 9px 0 9px; line-height:1.5; /* - отступ текста в блоке справа и слева, межстрочный интервал - */
}
#sub-section {width:20%;} /* - ширина блока -*/
#sub-section p {
font:10px verdana, helvetica, sans-serif;color:#EDD9AF; /* - размер шрифта, шрифты, цвет текста в блоке - */
padding : 0 7px 0 7px; line-height:1.5; /* - отступ текста в боке справа и слева, межстрочный интервал - */
}
#footer {
clear:left; /* - отмена обтекания с левого края элемента -*/
background-color:#44330F; /* - цвет фона блока - */
padding : 10px 0 10px 0; /* - отступ сверху и снизу - */
text-align:center; /* - равнение по центру - */
}
#footer p{
font:10px verdana, helvetica, sans-serif;color:#9C7523; /* - размер шрифта, шрифты, цвет текста в блоке - */
}
