/* 
    Document   : style
    Created on : 2012-09-25, 12:13:40
    Author     : andrys
    Description:
        Purpose of the stylesheet follows.
*/

body{
    font-family: Verdana;
}

#container{ 
    width: 900px;
    margin: 0 auto;
    font-size: 12px;  
	line-height: 18px;
    color: rgb(121,123,124);
}

#container a, #container a:visited, #container a:active, #container a:hover{
	text-decoration: none;
	color: rgb(0, 102, 168);
}

#container.main{
    background:url(../images/vertical_line.gif) 64px 130px;
    background-repeat:no-repeat;
}

#container.sub {
    background:url(../images/vertical_line_short.gif) 64px 131px;
    background-repeat:no-repeat;
}

.back-div{
	width: 66px;
}

img{
    border: 0;
}

#info-header{
    color: rgb(0, 102, 168);
    height: 238px;
}

#logo{
    float: left;
    width: auto;
}

#contact{
    float: left;
    margin: 50px 0 0 20px;
}

#contact .dotted-line{
    width: 139px;
    margin: 0 0 0 -20px;
}

#contact-name{
    font-size: 30px;
}

#contact-info{
    margin-top: 10px; 
}

#picture{
    width: auto;
    float: right;
}


#content{
    padding: 15px 0 0 0;
    display: block;
}

#work-info{
    text-align: left;
    width: 500px;
    float: right;
    font-size: 12px;    
    color: rgb(121,123,124);
    margin: 25px 0 0 0;
}

#links{
    margin: 120px 0 0 0;
}

.link{
    display: inline-table;
    margin: 30px 0 0 0;
    float: right;
    width: 830px;
}

.link img.arrow_magazines {
    width:296px;
    height:35px;
    background:url(../images/main/arrow.gif) 0 0;
}

.link img.arrow_books {
    width:241px;
    height:35px;
    background:url(../images/main/arrow.gif) -55px 0;
}

.link img.arrow_adverts {
    width:82px;
    height:35px;
    background:url(../images/main/arrow.gif) -214px 0;
}

.link .explanation{
    padding: 0 0 0 337px;
    color: rgb(121,123,124);
}

.link a, .link a:active, .link a:hover, .link a:visited, .link a:link{
    /*float: right;*/
    color: rgb(121,123,124) !important;
    text-decoration: none !important;  
    /*padding: 7px 0 0 0; */
}

.link a span{
	float: right;
	padding: 7px 0 0 0;
}

#title{
    margin: 20px 70px 0 0;
    font-size: 18px;
    float: right;
}

#title .name{
    color: rgb(0, 102, 168);
    font-weight: bold;
}

#title .explanation{
    color: rgb(121,123,124);
}

#items{
    margin-top: 80px;
    display: table;
    width: 100%;
    table-layout: fixed;
}

#items .item{
    margin-right: auto;
    cursor: pointer;
    display: table-cell;
    text-align: center;
}

#items .item .description{
    text-align: left;
    margin-left: 30px;
}

#items .item .advert-description{
    text-align: left;
    margin: 10px 0 0 150px;
}

#items .item .description .years{
     color: rgb(233, 61, 51);
}

#show-all-items{
    color: rgb(121,123,124);
    margin: 10px 0 0 50px;
    cursor: pointer;
}

.expand{
    margin: 0 0 -31px 0;
}

#collapse{
    margin: -20px 0 0 -1px;
    z-index: 50;
    overflow: hidden;
}

#collapse map area, #collapse div{
    cursor: pointer;
}

#collapse img{
	border: 0;
}

#books-list{
    margin: 50px 0 0 0;
    color: rgb(121,123,124);
    display: none;
    font-size: 13px;
}

.year-books{
    display:table;
}

#books-list .separator, #magazines-list .separator{
    padding: 4px 4px;
    background: url("../images/books/separator.gif") 60px 0;
    background-repeat:no-repeat;
    margin-left: -20px;
}

.year-books .year{
   float: left;    
   padding: 5px 20px 0 0;
   color: rgb(233, 61, 51);
   font-weight: bold;
}

.year-books .books{
    float: right;
    padding-left: 5px;
    position: relative;
	width: 820px;
}

.year-books .books .book{
    padding: 5px 0 5px 0;
}

.year-books .books .book .book-title{
    font-weight: bold;
}

.year-books .books .book .book-notes-bottom{
    margin-left: 200px;
}