/* 
    Document   : style
    Created on : 5 june 2012, 13:41:12
    Author     : olexandr
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#breadcrumb {
    color: #909090;
    margin-top: 16px;
    font-style: italic;
    font-size: 15px;
    text-decoration: none;
}

#breadcrumb a {
    color: #909090;
    text-decoration: none;
}

#breadcrumb a:hover {
    text-decoration: underline;
}

section.article {
    margin-top: 35px;
}

section.article header {
    margin-bottom: 10px;
    width: 490px;
}

section.article header h1 {
    color: #404040;
    font-size: 24px;
    text-align: left;
}

section.article section.text {
    width: 490px;
    color: #767676;
    font-size: 18px;
    line-height: 160%;
    text-align: left;
    float: left;
}

section.article section.image {
    float: right;
}

/* left menu */
aside {
    display: block;
    width: 250px;
    min-height: 200px;
    position: fixed;
    top: 250px;
    left: -230px;
	text-align: left;
}

/*aside:hover {
    left: -30px;
}*/

.r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10 {
    display: block;
    height: 1px;
}

.r10 { margin: 0 10px; }
.r9 { margin: 0 9px; }
.r8 { margin: 0 8px; }
.r7 { margin: 0 7px; }
.r6 { margin: 0 6px; }
.r5 { margin: 0 5px; }
.r4 { margin: 0 4px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }

aside  b {
    background-color: #536C8B;
}

aside #left_menu {
    /*padding: 1em;*/
    background-color: #536C8B;
}

aside #left_menu #navigation {
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 40px;
}

aside #left_menu a {
    color: #FFF;
    text-decoration: none;
    line-height: 160%;
    display: block;
    padding-left: 40px;
    padding-right: 20px;
	margin-top: 15px;
}

aside #left_menu li {
   
}

aside #left_menu a:hover {
    background-color: #637B97;
}

aside #left_menu #left_menu_block {

}

#articles-of-cat {
	margin: 30px 0 0 0;
	padding-left: 0px !important;
}

.article-of-cat {
	font-size: 16px;
	line-height: 100%;
	overflow: hidden;
	height: 23px;
	display: block;
	line-height: 22px;
}

.article-of-cat:hover {
	height: auto;
}