/* Blue version 
light blue #80BDDA
dark blue #1D90D2
grey #7D958D
*/

/* Yellow version
Yellow: RGB 255/201/0, CMYK 0/20/95/0
Light Orange: RGB 249/178/51, CMYK 0/35/85/0
Orange: RGB 239/124/0, CMYK 0/60/100/0
Blue: RGB 0/90/156, CMYK 90/60/0/0
*/

a, h1, h2, h3, th {color:rgb(0,90,156)}
h4, h5, h6 { color:rgb(239, 124,0)}

aside h1, aside h2, aside h3 {color:white}
aside h2.smallHead {font-size:1.2em}

body {
  background-color: rgb(255,201,0);
  font-family: sans-serif;
}

div#wrapper {
  max-width:56em;
  margin: 0 auto;
}

.withSub {
  margin-bottom: 0
}
.subhead {
  margin-top: 0;
  font-style:italic;
}

header {
  background-color: white;
  padding: 0.2em 1em;
  border-bottom: medium solid rgb(249, 178,51);
}

nav#primaryNav {
  display:block;
  background-color: rgb(239, 124,0);
  padding: 0.1em 0;
  margin: 0.5em 0;
}

nav#primaryNav ul li {
  display:inline;
}

nav#primaryNav ul li a {
  color:white;
  border-right: thin solid rgb(249, 178,51);
  padding: 0 0.5em;

}

nav#primaryNav ul li.first a {
  border-left: thin solid rgb(249, 178,51);
}

main {
  background-color: white;
  display:block;
  max-width:40em;
  padding: 1em;
  border-left: thick solid rgb(249, 178,51);
  border-right: thick solid rgb(249, 178,51);
  border-radius: 0.2em;
  float:left;
  margin-bottom: 1em
}

main p  {
  text-align:justify;
}

.caption {
  text-align: center;
  font-size: smaller;
}

ol.noJustify li, ul.noJustify li {
  text-align: left;
}

main td {
  font-family: sans-serif;
}

aside {
  background-color: rgb(239, 124,0);
  color:white;
  padding: 0.5em;
  border-radius: 0.5em;
  border: thin solid rgb(249,178,51);
  width:11em;
  float:left;
  margin-left:1em;
}

aside a {
  color:white;
}
/*
aside#importantDates p {
  text-align:right;
}
*/
aside.wsLinks ul {
  list-style:none;
  padding: 0;
}

aside.wsLinks ul li {
  margin-bottom:0.4em;
  color:rgb(0,90,156);
}

nav.sideNav li {
  background-color: rgb(255,201,0);
  border-left: medium solid white;
  padding: 0.2em;
  border-radius: .5em;
}

nav.sideNav li a {
  color:rgb(0,90,156);
  text-decoration: none;
}


footer {
  display:block;
  clear:both;
  font-size: smaller;
}

footer img {
  float: left;
  margin-right: 1em;
}

footer p {
  text-align: justify;
}

p.autoId {font-size:small; text-align:right; font-style:italic}

.gone {
  text-decoration:line-through;
}

div.video iframe {
  display:block;
  margin:0 auto;
}

div.video p {
  font-size:smaller;
  text-align:center;
  font-style:italic;
}

@media screen and (min-width: 800px) {
  main section.columns {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count:2;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
  }
}


# Numbered headings

body {counter-reset: h2}
h2 {counter-reset: h3}
h3 {counter-reset: h4}
h4 {counter-reset: h5}
h5 {counter-reset: h6}
.numberHeadings h2:before {counter-increment: h2; content: counter(h2) ". "}
.numberHeadings h3:before {counter-increment: h3; content: counter(h2) "." counter(h3) ". "}
.numberHeadings h4:before {counter-increment: h4; content: counter(h2) "." counter(h3) "." counter(h4) ". "}
.numberHeadings h5:before {counter-increment: h5; content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". "}
.numberHeadings h6:before {counter-increment: h6; content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". "}
h2.nocount:before, h3.nocount:before, h4.nocount:before, h5.nocount:before, h6.nocount:before {content: ""; counter-increment: none} 

th, td {border: 1px solid black; padding:0.5em}
table caption {caption-side: bottom; font-style:italic; margin-top: 1em;}
table {border-collapse:collapse}
table.fullWidth {
  clear:both;
}

dl#partnerList dt {
  margin-top:1em;
}

dl#partnerList dd.country {
  font-style:italic;
  font-weight:bold;
  font-size:smaller;
}

dl#partnerList dd.description img, img.rightImg {float:right; margin-left: 0.2em}

/* External projects page (Lisbon */

figure.extProj {
  clear:both;
  margin-bottom:1em;
}

figure.extProj img.float {
  float:right;
  margin-left: 0.2em;
}

/* Elemetns page */

dl#elementList dt {
  font-weight: bold;
  margin-top: 1em;
}

dl#elementList dt.first {
  margin-top: 0em;
}

dl#elementList dt span.identifier {
  font-family: monospace;
  font-size:smaller;
}

dl#elementList dt span.identifier a {
  text-decoration: none;
  color: rgb(239, 124,0);
}

li.w3c, li.share-psi {
  padding: .2em;
}

li.share-psi {
  list-style-image: url(/2013/share-psi/spsiicon.png);
}

li.w3c {
  list-style-image: url(/2013/share-psi/w3icon.png);
}

dd.expansion {
  font-style:italic;
}

/* --- ISSUES/NOTES --- */

.note {
    border-color: #52e052;
    background: #e9fbe9;
    margin:1em 0;
    padding: .5em;
    border-left-width: .5em;
    border-left-style: solid;
}