@tailwind base;
@tailwind components;
@tailwind utilities;

body { 
background: url(../images/bg.png);
}

.exec img {
border: solid thin #334;
}

#menu li {
margin: 5pt 5pt 5pt -15pt;
}


#menu li {
list-style: none;
background: #ecd071;
border: solid thin #dab047;
padding: 2pt 10pt 2pt 40pt;
font:normal bold 20pt/24pt Arial;
text-align: right;
}

header {
background: #b5111b url(images/sfulogo.png) no-repeat right;
font: italic bold 30pt/24pt Arial;
color: white;
padding: 20pt 0 5pt 30pt;
margin: -6pt 15pt 3pt -6pt;
border-right: solid thin #dab047;
border-bottom: solid thin #dab047;
}

#menu {
float: left;
margin-top: 30pt;
width: 14em;
}

#menu li#currentpage {
color: white;
background: #b5111b;
margin-right:-10pt ! important;
}

.postcontent {
padding: 1em;
margin: 0 15pt 0 15em;
}

.postcontent li{
list-style-type: lower-roman;
}

.topic {
margin: 1em 1em 1em 12em;
font: normal bold 15pt/15pt Arial;
position:relative;
left:10pt;
top:13pt;
display: block;
}

#footer {
clear: both;
text-align: justify;
margin-top: 5em;
margin-left: 15pt;
width: 50em;
font: normal normal 9pt/9pt Arial;
}

#menu li A:link, #menu li A:visited,#menu li A:active, #menu li A:hover, .topic, .postcontent, #footer, .exec {
text-decoration: none;
color: #334;
}

#menu li#currentpage A:link, #menu li#currentpage A:visited, #menu li#currentpage A:active, #menu li#currentpage A:hover {
text-decoration: none;
color: white;
}

#menu li A:hover {
color: #b5111b;
}

.postcontent, .exec {
background: #ecd071;
border: solid thin #dab047;
}

.execcontent {
margin: 45pt 15pt 0 15em;
}

.exec {
vertical-align: top;
width: 140pt;
height: 270pt;
margin-right: 30pt;
margin-bottom: 30pt;
display: inline-block;
text-align: center;
}

.postcontent {
font: normal normal 12pt/12pt Arial;
}

.exec .title {
font:normal bold 18pt/10pt Arial;
}

.exec .title2 {
font:normal bold 13pt/10pt Arial;
}

.exec .name, .exec .year {
font: normal normal 14pt/14pt Arial;
}

.exec .mail {
font: normal normal 10pt/10pt Arial;
}

.exec .term, .exec .position {
font: normal normal 8pt/5pt Arial;
}

/* Temperary style rules for Christmas */

#CHRISTMAS2{
color: red;
}