/************************************************************
Slides design for the Open Media Web project.

Copyright (c) 2010 W3C (MIT, ERCIM, Keio), All Rights Reserved.
W3C liability, trademark, document use and software licensing
rules apply, see:

 http://www.w3.org/Consortium/Legal/copyright-documents
 http://www.w3.org/Consortium/Legal/copyright-software
************************************************************/


/************************************************************
Reset styles
************************************************************/
html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
br, input, button, textarea, h1, h2, h3, h4, h5 {
 margin: 0;
 padding: 0;
 border: 0;
 font-weight: inherit;
 font-style: normal;
 font-size: 100%;
 font-family: Helvetica, Arial, Sans-Serif;
 vertical-align: baseline;
 line-height: normal;
}


/************************************************************
Page layout
************************************************************/
body {
 margin: 0;
 padding: 0;
 width: 100%;
 height: 100%;
 background: #454C67 url('background.jpg');
}

/************************************************************
Slides
************************************************************/
.slide {
 margin: 1em;
 border: medium solid #0B5B9D; 
 border-radius: 2em;
 background: white none;
 display: block;
 padding: 1em;

 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 top: 0;

 overflow: auto;
}

.background {
 z-index: 1;
 position: absolute;
 vertical-align: bottom;
 top: 0.5em;
 right: 0.5em;
 bottom: auto;
 padding: 0 0 0 0.2em;
 margin: 0 0 0 0;
 border-width: 0;
 background-color: transparent;
 display: block;
}


/************************************************************
Text
************************************************************/
h1 {
 font-family: Helvetica, Arial, Sans-Serif;
 font-size: 1.6em;
 font-weight: bold;

 padding-top: 1em;
 padding-bottom: 1em;
 padding-left: 1em;
 background-color: #0B5B9D;
 color: white;

 border-radius: 0.5em 0.5em 0 0;
}

h2 { 
 color: #690;
 font-family: Verdana,Arial,sans-serif;
 background-color: white;
 font-size: 1.3em;
 margin-top: 1em;
 margin-bottom: 1em;    
}

p {
 margin: 1em;
}

ul {
 margin: 1em;
 list-style-type: square;
}

li {
 list-style-type: none;
 background: transparent url('../../../Talks/Tools/Slidy2/graphics/bullet.png') no-repeat 5px 0;
 padding-left: 40px;
 margin-bottom: 0.6em;
}

pre {
 margin-left: 1.5em;
 margin-right: 1.5em;
 border: thin solid #95ABD0;
 border-left-width: 1em;
 background-color: #E4E5E7;
 color: #00428C;
 font-size: 120%;
 font-weight: bold;
 line-height: 120%;
 padding: 0.5em;
}

dt {
 font-weight: bold;
 margin-left: 1em;
}




/************************************************************
Header / Footer
************************************************************/
.header {
 position: absolute;
 top: 0.5em;
 right: 0.5em;
}

.footer {
 position: fixed;
 bottom: 1.5em;
 right: 3em;
}

/************************************************************
Cover slide
************************************************************/
.cover .logo {
 position: absolute;
 right: 1em;
 top: 1em;
}

.cover .html5 {
 float: right;
 margin-right: 1em;
 height: 300px;
}

.cover h1 {
 margin-top: 6em;
 margin-bottom: 1em;
 border-radius: 0;
}

.cover .footer {
 display: none;
}

.indication {
 margin-top: 2em;
}


/************************************************************
Topic slide
************************************************************/
.topic h1 {
 margin-top: 5em;
 border-radius: 0;
}


/************************************************************
Specific styles
************************************************************/
.center {
 text-align: center
}

.ack {
 position: absolute;
 bottom: 1em;
 font-size: smaller;
 min-height: 100px;
 max-width: 600px;
}

.attribution {
 color:gray;
 font-size:0.7em;
 margin-bottom:0;
 margin-top:0.2em;
}


/************************************************************
Print specific adjustments
************************************************************/
@media print {
 .indication { display: none; }
}