/* andreas03 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given to the original author.

Version: 1.2
(Nov 28, 2005)

Past 2005, plenty of modifs from me (Pascal Giard). See git history.

Screen layout: */

body{
    margin:0;
    padding:20px 0;
    font-family:verdana, sans-serif;
    background:#047 url(images/bodybg.png) repeat-x fixed;
    color:#222;
    text-align: justify;
}

#thetop{
    margin:0;
}

#container{
    /*width:720px;*/
    width:960px;
    margin:0 auto;
    padding:20px 20px 0 20px;
    background:#fff url(images/contbg.png) no-repeat;
    color:#222;
}

a{
    text-decoration:none;
    background-color:inherit;
    color:#26c;
}

a:hover {
    text-decoration:underline;
}

a img{
    border:0;
}

p{
    margin:0 0 15px 0;
    line-height:1.5rem;
}

#main p,#sidebar p{
    padding:0 0 0 10px;
}

#logo{
    float:left;
    width:155px;
    height:187px;
    margin:10px 10px 10px 0;
    padding:2px 0 0 0;
    background:#eee;
    border:4px solid #dde;
    text-align:center;
    color:#555;
    overflow:auto;
}

#logo h1{
    margin:50px 5px 1px 5px;
    letter-spacing:-3px;
}

#logo a{
    background-color:inherit;
    color:#26a;
    text-decoration:none;
}

#logo a:hover{
    background-color:inherit;
    color:#69e;
}

#main{
    float:left;
    /*width:530px;*/
    width:770px;
    margin-right:20px;
    padding:0;
}

#main h2 {
    display:block;
    margin:10px 0 10px 0;
    padding:5px 0 5px 8px;
    background:#eee url(images/gradient2.png) repeat-x;
    color:#222;
    border-top:1px solid #ddd;
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;
    border-left:1px solid #ddd;
    text-decoration:none;
}

table.publications {
    display:table;
    width:100%;
}

table.publications td:nth-of-type(1) {
    vertical-align:top;
    width:4%;
    padding-right:5px;
    display:table-cell;
}

table.publications td:nth-of-type(2) {
    vertical-align:top;
    width:96%;
    display:table-cell;
}

table.c80-20 {
    display:table;
    width:100%;
}

table.c80-20 td:nth-of-type(2) {
    width:20%;
    text-align:right;
}

table.partners {
    display:table;
    width:80%;
}

table.funding td:nth-of-type(2) {
    width:100px;
    text-align:right;
}

table.awards td:nth-of-type(2) {
    width:45px;
    text-align:right;
}

#sidebar{
    width:155px;
    float:right;
    margin-top:20px;
    font-size:0.9rem;
    line-height:1.1rem;
}

#sidebar p, #sidebar .linklist {
    font-size:0.9rem;
}

#sidebar ul.linklist {
    list-style-type: none;
    margin: 0px;
    padding: 5px 0px 5px 8px;
}

#sidebar #menu ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#sidebar #menu li a, #sidebar #menu li span, .sidelink{
    display:block;
    width:140px;
    margin:3px 3px 2px 0;
    padding:5px 5px 5px 8px;
    font-size:1rem;
    text-align:left;
    background:#eee url(images/gradient1.png) repeat-x;
    color:#26c;
    border-top:1px solid #ddd;
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;
    border-left:1px solid #ddd;
}

#sidebar #menu li a:hover, #sidebar li.webgen-menu-item-selected a, #sidebar li.webgen-menu-item-selected span, .sidelink:hover, .menuheader {
    background:#fff url(images/gradient2.png) repeat-x;
    color:#222;
    border-top:1px solid #ddd;
    border-right:1px solid #888;
    border-bottom:1px solid #888;
    border-left:1px solid #ddd;
    text-decoration:none;
}

#footer{
    margin:0 auto 20px auto;
    /*width:760px;*/
    width:1000px;
    background:#fff url(images/footerbg.png) bottom left no-repeat;
    padding:0 0 5px 0;
    font-size:0.9rem;
    color:#888;
    text-align:center;
}

h1,h2,h3,h4{
    margin:0 0 10px 0;
    font-weight:normal;
}

h1{
    font-size:2.8rem;
}

h2{
    margin:0 0 4px 0;
    font-size:1.8rem;
}

h3{
    margin:10px 0 8px 0;
    font-size:1.4rem;
}

h4{
    margin:10px 0 5px 0;
    font-size:1.2rem;
}

.clear{
    clear:both;
    margin:0;
}

.right{
    text-align:right;
}

.hide{
    display:none;
}

/* Original open source design by Andreas Viklund - http://andreasviklund.com
Released through OSWD.org */

@media (max-width : 820px){
    #container {width:auto; margin:5px auto 0; padding:5px;}
    #main {width:100%; margin:5px auto 0;}
    #sidebar{width:100%; margin:20px auto 5px auto;}
    #footer{width:100%; margin:0 auto 5px auto;}
}