/** =======================================================================
 *  Erik Dahlström , Vincent Hardy
 *  License terms: see svg-wow.org
 *  CC0 http://creativecommons.org/publicdomain/zero/1.0/
 *  ======================================================================= */
* {
    padding: 0px;
    margin: 0px;
    font-family: Tahoma, Arial;
    color: white;
}

*:focus {
    outline: none;
}

p {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

body, html {
    background-color: black;
    padding: 0px;
    margin: 0px;
    height: 100%;
    width: 100%;
}

#demoContent {
    background-color: rgb(23,23,23);
    display:block;
    height:auto;
    margin:0 auto;
    overflow:hidden;
    width:800px;
    padding-bottom: 50px;
}

a {
    color: rgb(247, 171, 21);
    text-decoration: none;
}

a:hover {
    color: crimson;
}

#header a {
    color: white;
}

#header h1 {
    padding: 20px;
}

#demo {
    padding: 20px;
}

#demo h2 {
    padding-bottom: 30px;
    color: rgb(247, 171, 21);
    display: inline;
}

.demoDate {
    font-size: 12px;
    font-weight: normal;
    color: #808080;
    font-style: italic;
}

.author {
    font-size: 12px;
    color: white;
    padding-top: 10px;
    padding-bottom: 15px;
}

#demoThumbs {
    float: left;
    width: 700px;
    overflow: hidden;
    padding-bottom: 10px;
    height: auto;
}

.demoEntry {
    float: left;
    width: 200px;
    height: 95px;
}

.demoThumb img {
    border: none;
    float: left;
}

.demoTitle a {
    color: rgb(247, 171, 21);
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 5px;
}

#demoThumbs {
    padding-left: 20px;
    padding-top: 80px;
}


.demoAuthor a {
    color: rgb(250,250,250);
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    padding-left: 5px;
}

ul {
    list-style: square outside;
    padding-left: 15px;
}

ol {
    padding-top: 5px;
    list-style: decimal inside;
}

.code {
    font-family: monospace;
    font-size: larger;
    color: #BBBBBB;
}

#description {
    padding-top: 20px;
}

#demoLaunch {
    font-size: 14px;
    font-weight: normal;
    float: right;
}

.note {
    font-size: 10px;
    font-weight: normal;
    color: #888888;
}

#description h3 {
    padding-top: 20px;
    padding-bottom: 10px;
    font-weight: normal;
    color: #666666;
}

.resourcetype {
  padding: 20px;
}

.resourcetype ul {
  margin-left: 20px;
}

.workName {
    font-style: italic;
    font-weight: normal;
    color: #8f8f8f;
}

.fullSupport {
    font-size: 10px;
    color: white
}

.partialSupport {
    font-size: 10px;
    color: #808080;
}