/* Initially designed by John Paul Rabanal and placed in the public domain;
 * found at http://www.openwebdesign.org/ with the name Falling Leaves.
 * Modified by Antonis Christofides, anthony@itia.ntua.gr, for Itia web site,
 * 2007.
 * Copyright (C) 2007 National Technical University of Athens
 */

html { margin:0; padding:0; }

@media screen {
    body { font-family: Verdana; font-size: 11px; }
}

/*-------------- Header ----------------------*/

#header { 
        background-image: url(logo.png);
        background-position: top left;
        background-repeat: no-repeat;
	background-color: white;
	height: 60px;
	color: white;
	padding: 5px;
}

#parents {
        vertical-align: top;
        margin-top: 0;
        padding: 0;
        text-align: right;
        font-size: smaller;
}
#parents a { color: #0080AA; text-decoration: none; }
#parents a:hover { text-decoration: underline; }

#language-switcher { color: #808080; text-align: right; }
#language-switcher a { color: #0080AA; text-decoration: none; }
#language-switcher a:hover { text-decoration: underline; }
.active-language {color: #0080AA; font-weight: bold; }

#separator {
        background-image: url(wave.png);
        height: 13px;
        border-top: 5px;
}
    
/*-------------- Breadcrumbs ----------------------*/

@media screen {
    #breadcrumbs {
        color: #808080;
        font-size: 9px;
        margin-top: 2px;
        text-transform: lowercase;
        height: 1.6em;
        line-height: 1.6em;
    }
    #breadcrumbs p { margin-top: 0; }
    #breadcrumbs ul { display: inline; padding-left: 0;}
    #breadcrumbs li { display: inline; white-space: nowrap; }
    #breadcrumbs a { color: #0080AA; text-decoration: none; }
    .breadcrumb-separator { font-size: 150%; }
}

@media print {
    #breadcrumbs { display: none; }
}

/*------------------------*/

@media screen {
    #content-wrapper {
        font-family: Verdana;
        font-size: 11px;
    }
}

@media print {
    #content-wrapper { font-family: serif; font-size: 9pt; }
}


#content-wrapper tr {
    vertical-align: top;
}

/*-------------- Content ----------------------*/

@media screen {
    #content { 
            padding-right: 11px;
            padding-bottom: 20px;
            font-family:  Verdana;
            margin: 0 0 0 17em;
    }
}

#content table { 
        font-size: 11px;
}

th.heading-on-left { text-align: right; }

th { text-align: left; }

@media screen {
    #content {
        font-family: tahoma,arial,helvetica,sans-serif;
        font-size: 13px;
    }
    #content h1 {
        font-family: Verdana;
        font-size: 14px; 
        padding-top: 5px;
        border-bottom: 1px solid #008080;
        color: #008080;
    }
    .epigraph p em {
        font-family: DejaVu Serif,arial,helvetica,sans-serif;
        font-size: 12px;
    }
}

/*--------------- Sidepane -----------------*/

@media screen {
    td#sidepane { width: 14em; }

    #sidepane h1 {
            padding-top: 5px;
            border-bottom: 1px solid #008080;
            font-weight: bold;
            font-size: 11px;
            color: #008080;
    }

    #sidepane ul {
            padding: 0;
            margin-left: 0;
            list-style-type: none;
            text-decoration: none;
            font-family:  Verdana, Georgia;
            color: #008080;
    }

    #sidepane ul li {
            padding-left: 0;
            margin-left: 0;
    }

    #sidepane li a {
            color: #0080AA;
            text-decoration: none;
    }

    #sidepane li a.on {
            border-bottom: 1px dashed #008080;
    }

    #sidenote {
            float: left;
            width: 150px; 
            padding: 2px;
    }

    #sidenote h3 {
            border-bottom: 1px solid #BCE27F;
            color:  #008080;
            font-family:  Verdana;
            font-weight: bold;
    }
}

@media print {
    #sidepane { display: none; }
}

/*------------------ Other ----------------*/

input {
	border-style: solid;
	border-width: 1px;
	font-family: Verdana;
	border-color: #008080;
	background-color: #FFFFFF;
}

#footer { 
	clear: both;
	text-align: center;
        color: #808080;
        font-size: xx-small;
}

#footer a {
	text-decoration: none;
}

div.figure {
    border-top:solid 1px;
    border-bottom: solid 1px;
    padding-top: 8px;
}
.caption { font-weight: bold; }

.admonition { border: double; margin: 0.2cm; padding: 0.2cm; background-color: #e8f8ff; }
.admonition-title { font-weight: bold; }

table.hk { border: none; width: 100%; text-align: center; }
table.hk td { border: none; }
td.photo { width: 100px; }