/*
 * 26C3 Fahrplan Stylesheet
 */
 
body {
  background-color: white;
  color: #333;
  font-family: "Lucida Grande", "Arial", sans-serif;
}
.feedback a{
  color: white;
}
@media print {
  .noprint {
    display: none;
  }
}
#content {
  position: absolute;
  top: 20px;
  left: 175px;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 20px;
  clear:  both;
  right: 2em;
  border-style: solid;
  border-width: 1px;
  border-color: #049000;
  border-top-width: 5px;
 
  background-color: #ddd;
}
:link, :visited {
  text-decoration: none;
  color: black;
}
:link:hover, :visited:hover {
  text-decoration: underline;
}
div.section {
  clear:  both;
  margin: 20px;
}
/* TEXT */
p.release {
  margin: 0;
  margin-bottom: 10px;
  padding: 5px 10px 5px 10px;
  float: right;
  color: white;
  font-weight: bold;
  background-color: #049000;
  font-size: 100%;
  display: none;  /* "PREVIEW" :( */
}
p.intro {
  color: #444;
  font-size: 150%;
  margin-left: 20px;
}
p.intro em {
  font-family: "Times", serif;
}
/* IMAGES */
img {
	border-style: none;
}
#event img.event-image,
#speaker img.speaker-image {
  height: 128px;
  float: right;
  margin-left: 20px;
  margin-bottom: 10px;
  padding: 0;
  border: 1px solid #047000;
}
#speaker img.event-image,
#event img.speaker-image {
	height: 48px;
}
#event-index img.event-image,
#speaker-index img.speaker-image {
  float: left;
  margin-right: 10px;
  height: 48px;
  width: 48px;
}
#event-index td.event p,
#speaker-index td.speaker p {
  margin-left: 60px;
}
/* INFOBOXES */
#infobox {
  float: right;
  margin-left: 20px;
  margin-bottom: 10px;
  width: 250px;
  min-width: 250px;
  background-color: #047000;
  border: 1px solid #047000;
  padding: 0px;
}
#infobox table {
  width: 100%;
  border-spacing: 1px;
}
#infobox tr {
  margin: 0;
}
#infobox td.keyword {
  text-align: right;
  padding-right: 5px;
  width: 25%;
}
#infobox td.value {
  font-weight: bold;
  text-align: left;
  padding-left: 5px;
}
#infobox td.feedback {
  background-color: #090;
  color: white;
  text-align: center;
  padding-left: 2px;
  padding-right: 2px;
}
#infobox span.person-name,
#infobox span.event-title {
  font-weight: bold;
  font-size: 120%;
}
/* TABLES */
table {
  border-collapse: seperate;
  border-spacing: 2px;
}
th {
  background-color: #047000;
  color: white;
  text-align: center;
  font-variant: small-caps;
  padding-left: 2px;
  padding-right: 2px;
}
td {
  padding: 2px;
  vertical-align: top;
  text-align: left;
}
/* EVENT */
h1 { 
  text-shadow: white 0 1px 1px;
}
#event h1.title {
  margin-bottom: 5px;
}
#event p.subtitle {
  font-family: "Times", serif;
  text-shadow: white 0 1px 0;
  font-size: 120%;
  margin-top: 5px;
}
#event div.abstract {
}
#event div.description {
}
/* EVENT NAVIGATION */
#navigation {
	clear: both;
	margin-top: 50px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: -20px;
	padding: 0;
}
#navigation span {
	padding: 5px;
	background-color: #049000;
	color: white;
	font-weight: bold;
	border: 2px solid black;
	border-bottom: none;
}
#navigation span.previous {
	float: left;
}
#navigation span.next {
	float: right;
}
/*
#navigation span.previous:before {
	content: "<<<  ";
}
#navigation span.next:after {
	content: "  >>>";
}
*/
#navigation a {
	color: white;
}
#navigation a:hover {
	text-decoration: underline;
}
#navigation a:hover {
	color: white;
	text-decoration: underline;
}
/* EVENT INDEX */
#event-index p.title {
	font-weight: bold;
	font-size: 150%;
	margin: 0;
}
#event-index p.subtitle {
  font-family: "Times", serif;
  font-style: italic;
  font-size: 140%;
  margin-top: 5px;
}
/* COLOURS: EVENT INDEX, SPEAKER INDEX, EVENT DETAIL */
#event-index th, #speaker-index th, #infobox th {
	background-color: #047000;
}
#event-index td, #speaker-index td {
  -webkit-box-shadow: #777 3px 4px 0;
  -moz-box-shadow: #777 3px 4px 0;
  background-color: #ccc;
}
#infobox td {
  background-color: #f7f7f7;
  padding: 2px;
/*
  border-color: black;
  border-style: solid;
  border-width: 1px;
*/
}
#event-index td.track-community {
  background-color: khaki;
}
#event-index td.track-culture {
  background-color: plum;
}
#event-index td.track-hacking {
  background-color: lightgreen;
}
#event-index td.track-making {
  background-color: skyblue;
}
#event-index td.track-science {
  background-color: silver;
}
#event-index td.track-society {
  background-color: moccasin;
}
/* SCHEDULE */
#schedule th {
  padding: 2px;
  background-color: #049000;
  color: white;
  font-weight: bold;
  font-size: 135%;
}
#schedule th.time {
  background-color: rgba(0, 0, 0, 0);
}
#schedule td {
  padding: 4px;
}
#schedule td.time {
  vertical-align: top;
  background-color: black;
  color: white;
  font-weight: bold;
}
#schedule td.empty {
}
#schedule td.event {
  background-color: #ccc;
  padding: 2px;
/*
  border-color: black;
  border-style: solid;
  border-width: 1px;
*/
  -webkit-box-shadow: #777 3px 4px 0;
  -moz-box-shadow: #777 3px 4px 0;
}
#schedule td.conflict {
  background-color: red;
  border-color: black;
  border-style: solid;
  border-width: 0.01cm;
}
#schedule td.track-community {
  background-color: khaki;
}
#schedule td.track-culture {
  background-color: plum;
}
#schedule td.track-hacking {
  background-color: lightgreen;
}
#schedule td.track-making {
  background-color: skyblue;
}
#schedule td.track-science {
  background-color: silver;
}
#schedule td.track-society {
  background-color: moccasin;
}
ul.speakers { margin: 0; padding: 0; display: inline; font-weight: bold; }
ul.speakers li { margin: 0; padding: 0; display: inline; }
ul.speakers li+li:before { content: ", "; }
#schedule span.language {
  font-weight: bold;
}
#schedule span.track {
  font-weight: bold;
}
#schedule span.type {
  font-weight: bold;
}
#schedule p.abstract {
  border-top: black dotted 1px;
  font-size: 90%;
  padding: 8px 2px 0px 2px;
}
#schedule span.event-id {
  display: block;
  color: white;
  background-color: black;
  text-align: center;
  padding: 2px;
  width: 3em;
}
#schedule p.title {
  text-shadow: white 0 1px 1px;
  font-weight: bold;
  font-size: 125%;
  margin-bottom: 0;
  padding-bottom: 0;
}
#schedule p.subtitle {
  font-family: "Times", serif;
  font-size: 110%;
  margin-top: 0;
  color: #555;
}
/* LINKS */
#conference-logo {
	position: absolute;
	
	left: 20px;
	top: 20px;
	width: 135px;
	text-align: center;
}
#menu {
	position: absolute;
	left: 20px;
	top: 170px;
	width: 135px;
}
#menu ul {
	margin: 0;
	padding: 0;
}
#menu ul.track {
  font-size: 0.9em;
  margin-left: 15px;
  width: 120px;
}
#menu li {
	margin:  0;
	padding: 0;
	display: block;
}
#menu li span {
	display:  block;
	
	padding: 4px;
	font-size: 110%;
	line-height: 120%;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
	
	border-style: solid;
	border-width: 1px;
	border-color: #049000;
}
#menu :link,
#menu :visited {
	text-decoration: none;
	color: black;
}
#menu span.normal {
	background-color: #e1e1e1;
}
#menu span.normal:hover {
	background-color: #c1c1c1;
}
#menu span.normal:active {
	background-color: #e1e1e1;
}
#menu span.selected {
	background-color: #999;
	color: #fff;
	font-weight: bold;
}
#menu span.active {
	background-color: #999;
	color: black;
	font-weight: bold;
}
#menu span.active:hover {
	color: #ccc;
}
@media tty {
  table {
    border: medium solid;
  }
}
