/* CSS */
/*********************************************************
*  Fundim -                                              *
*  Fundamentals of Computing and Discrete Mathematics    *
*                                                        *
*  Department of Mathematics                             *
*  University of Turku                                   *
*                                                        *
*  style.css                                             *
*                                                        *
*  Petri Salmela - 2009-06-03                            *
**********************************************************/

/**********************************************************************************/
/* Menu stuff - current menuitem */

body#page-front a#menu-front,
body#page-nuts a#menu-nuts,
body#page-staff a#menu-staff,
body#page-funding a#menu-funding,
body#page-phd a#menu-phd,
body#page-postdoc a#menu-postdoc,
body#page-future a#menu-future,
body#page-past a#menu-past,
body#page-pub a#menu-pub,
body#page-visitor a#menu-visitor,
body#page-wa a#menu-wa,
body#page-at a#menu-at,
body#page-cow a#menu-cow,
body#page-wapub a#menu-wapub,
body#page-wastaff a#menu-wastaff,
body#page-ct a#menu-ct,
body#page-ctstaff a#menu-ctstaff,
body#page-algebra a#menu-algebra,
bodu#page-finite a#menu-finite,
body#page-cover a#menu-cover,
body#page-ident a#menu-ident,
body#page-stcode a#menu-stcode,
body#page-z4code a#menu-z4code,
body#page-ctpub a#menu-ctpub,
body#page-ctfund a#menu-ctfund,
body#page-nmc a#menu-nmc,
body#page-nmcstaff a#menu-nmcstaff,
body#page-nmcpub a#menu-nmcpub,
body#page-ca a#menu-ca,
body#page-qc a#menu-qc,
body#page-mc a#menu-mc,
body#page-sa a#menu-sa,
body#page-fidipro a#menu-fidipro
 { background-color: #DFD1DF; color:#480048; }


/**********************************************************************************/
/* Background and top */
body
 {
   background: #f7eaf7 url('../images/f-gradient.png') repeat-y top left;
 }

#mainbox
 {
   width: 980px;
   margin-left: auto;
   margin-right: auto;
 }
 
/* Shadow for top+main and menus */
#top,
#main {
   box-shadow: 10px 10px 20px #888;
   -moz-box-shadow: 10px 10px 20px #888;
   -webkit-box-shadow: 10px 10px 20px #888;
}

#main {
   border-radius: 0 0 10px 10px;
   -moz-border-radius: 0 0 10px 10px;
   -webkit-border-radius: 0 0 10px 10px;
}

#menu div {
   border-radius: 20px;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   box-shadow: 5px 5px 15px #888;
   -moz-box-shadow: 5px 5px 15px #888;
   -webkit-box-shadow: 5px 5px 15px #888;
}

/* Top heading - Image, don't show h1 */
#top
 {
   width: 900px;
   height: 267px;
   border: none;
   margin-left: 80px;
   background: transparent url('../images/fundim-top-light.png') no-repeat top left;
   border-radius: 40px 40px 0 0;
   -moz-border-radius: 40px 40px 0 0;
   -webkit-border-radius: 40px 40px 0 0;
 }

#top h1
 { display: none; font-family: "MgOpen Cosmetica", Times, TimesNR, serif; }



/**********************************************************************************/
/* Bread crump */
#breadc
 {
   padding: 0.2em 1em 0.2em 200px;
   color: #480048;
 }

#breadc a
 {
   color: #480048;
 }

#breadc a:visited
 {
   color: #906490;
 }






/**********************************************************************************/
/* Menus - Float boxes on the left side */
#menu
 {
   width: 260px;
   float: left;
   margin-left: -80px;
   font-family: arial, sans, helvetica;
 }

#menu .menu-violet
 {
   background: transparent url('../images/menu-top.png') no-repeat top left;
   padding-top: 41px;
   margin-top: 0em;
   margin-bottom: 2em;
 }

#menu .menu-violet ul
 {
   list-style: none;
   margin: 0;
   padding: 0;
   font-weight: bold;
   color: white;
   background: transparent url('../images/menu-bottom.png') no-repeat bottom left;
   padding-bottom: 41px;
 }

#menu .menu-violet ul li
 {
   background-color: #906490;
   border-left: 2px solid black;
   border-right: 2px solid black;
 }

#menu .menu-violet ul ul
 {
   margin: 0;
   padding: 0;
   border: none;
 }

#menu .menu-violet ul ul li
 {
   margin: 0;
   padding: 2px 0;
   border: none;
 }

#menu .menu-violet a, #menu .menu-violet .fakea
 {
   display: block;
   color: white;
   font-weight: bold;
   text-decoration: none;
   padding: 0 1em;
 }

#menu .menu-violet ul ul a, #menu .menu-violet ul ul .fakea
 {
   padding: 0 2em;
 }

#menu .menu-violet a:hover
 {
   background-color: #FAF9FA;
   color: black;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
 }

#menu .menu-violet li:hover
 {
   color: black;
 }
/**********************************************************************************/
/* White menubox */
#menu .menu-white
 {
   background: transparent url('../images/menu-top.png') no-repeat top left;
   padding-top: 41px;
   margin-top: 1em;
   margin-bottom: 2em;
 }

#menu .menu-white div
 {
   margin: 0;
   padding: 0;
   font-weight: bold;
   color: black;
   background: transparent url('../images/menu-bottom.png') no-repeat bottom left;
   padding-bottom: 41px;
 }

#menu .menu-white div a
 {
   display: block;
   background-color: white;
   border-left: 2px solid black;
   border-right: 2px solid black;
   text-align: center;
   padding: 10px;
 }

#menu .menu-white div a img
 {
   margin-left: auto;
   margin-right: auto;
   border: none;
 }







/**********************************************************************************/
/* Main content area */
#main
 {
   border: 2px solid black;
   background-color: white;
   margin-left: 80px;
 }

#content
 {
   margin: 1em 2em 0.5em 200px;
 }

.clearer
 {
   clear: both;
   text-align: right;
   color: #480048;
   margin-top: 3em;
   margin-bottom: 0;
 }

#content h1, #content h2, #content h3, #content h4, #content h5
 {
   color: #480048;
   border-bottom: 1px solid #480048;
   text-align: right;
   font-family: "MgOpen Cosmetica", Times, TimesNR, serif;
 }

#content h1
 {
   border-bottom: 2px solid #480048;
 }

#content #leader
 {
   width: 17em;
   margin-right: 1em;
   margin-left: auto;
 }

#content a
 {
   color: #480048;
 }

#content a:visited
 {
   color: #906490;
 }

#content .quote
 {
   margin: 0 0 0 1em;
   padding: 0.3em 0 0.3em 1em;
   font-style: italic;
   background-color: #DFD1DF;
 }

#footer
 {
   padding-top: 1.5em;
   padding-bottom: 5em;
   color: #480048;
   font-family: serif;
   font-size: 95%;
   margin-left: 180px;
 }

#footer ul
 {
   float: left;
   list-style-type: none;
   margin: 0em 3em;
   width: 15em;
 }


.footnotes {
    margin-top: 5em;
    font-size: 80%;
}

.footnotes dt {
    font-weight: bold;
}


/**********************************************************************************/
/* Images, tables, lists, etc. */

img.right { float: right; width: 50%; }
p.center { text-align: center; }
p.right { text-align: right; }
td { padding: 0.5em 0.5em 0.5em; width: 7em; vertical-align: top; border: 1px solid #480048; }
table { width: 100%; border-collapse: collapse;}
td.text { width: auto; }
div.qlinks { margin: 0 0 0 4em; }
ul.horiz { text-align: left; }
ul.horiz li
 {
   display: inline;
   border-left-style: double;
   padding-left: 0.2em;
   padding-right: 0.2em;
 }
ul.horiz li:first-child {  border-left-style: none; }
span.currently {display: block; margin-left: 2em; font-style: italic;}


/**********************************************************************************/
/* Debug alkaa 
div { border: 1px solid red; }*/
#mainbox, #menu, #menu .menu-violet, #breadc, .menu-white, .menu-white div, #leader { border: none; }
/* Debug päättyy */