/*** 
the style for un reve nu website
***/

html {
    font-size: 100%;
    margin: 0;
    padding: 0;
    border: none;
}

body, * {
    font-family: Helvetica, "Arial", sans-serif;
    background-color: #111;
    color: #eee;
    text-align: center;
}
header {
    margin-top: 2em;
    margin-bottom: 2em;
}
header h1#title {
    font-weight: bold;
    font-size: 200%;
    font-color: orange;
}
h1#title {
    font-size: 300%;
    font-variant: small-caps;
    letter-spacing: 0.8em;
    color: orange;
}
footer {
    margin-top: 2em;
    font-size: smaller;
}
footer p {
    font-size: smaller;
    color: silver;
}
nav ul {
    text-align: center;
}
nav ul li {
    display:inline;
    padding-right: 2em;
}
nav ul li.selected {
    font-weight: bold;
}
nav ul li.selected a {
    text-decoration: none !important;
    border-bottom: 1px solid transparent !important;
}
main {
    margin-left: 20%;
    margin-right: 20%;
    border: 5px dotted red;
    border-radius: 7px;
}
/*main:hover, main:hover * {
    background-color: #222;
}*/
main #construction {
    font-weight: bold;
    font-size: 300%;
    color: red;
    margin-top: 10%;
}
main img {
    width: 98%;
}
main #oldsite {
    margin-bottom: 1em;
}
main.main p {
    line-height: 3ex;
    text-align: justify;
    padding: 10%;
    padding-top: 0.5em;
    padding-bottom: 1em;
    font-family: serif;
}
introduction {
    display: block;
    margin: 2em;
    margin-left: 25%;
    margin-right: 25%;
    text-align: justify;
    font-size: 125%;
}

/* lists of projects, releases, news & artists display */
main.list iframe,
main.list .sounds,
main.list  sounds,
main.list .videos,
main.list  videos,
main.list .links,
main.list  links,
main.list img.illustration {
    display: none;
}
main#projects project,
main#releases release,
main#artists artist {
    border: none;
    padding: 0;
    margin: 0;
    clear: both;
}
main#releases release {
    /* more space on releases lists */
    margin-bottom: 1em;
}
project,
release,
artist,
new {
    display: block;
    padding: 2em;
    margin-bottom: 1em;
}

/* display of names */
project name,
release reltitle,
artist name {
    display: block;
    font-weight: bolder;
    font-size: 120%;
    line-height: 2.4em;
    letter-spacing: 0.4em;
    margin: 0;
    padding: 0;
}
project name *,
release reltitle *,
artist name * {
    color: red;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}
project name:hover *,
release reltitle:hover *,
artist name:hover * {
    color: white;
    border-bottom: 1px solid red;
}
reltitle subtitle
{
    font-size: smaller;
    font-style: italic;
}

/* more general informations */
project infos,
release reldetails,
artist bio {
    display: block;
    line-height: 1.7em;
    margin: 2em;
}

/* news */
new date {
    font-weight: bold;
    font-size: 120%;
    display: block;
}
new info {
    font-weight: normal;
    font-size: 90%;
    display: block;
}

/* projects list */
main#projects infos {
    display: none;
}

/* project */
project people {
    display: block;
    font-weight: bold;
    font-size: 110%;
}
project short {
    display: block;
    font-style: italic;
    font-size: 100%;
}
project infos {
    font-family: serif;
    text-align: justify;
    font-size: 80%;
    margin: 2em;
    padding-left: 2em;
    padding-right: 2em;
}
project infos p {
    text-align: justify;
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
}

/* release list */
main#releases .pay, 
main#releases .tracklist, 
main#releases credits,
main#releases reldetails,
main#releases subtitle,
main#releases thanks {
    display: none;
}

/* release */
release relartist {
    display: block;
    font-weight: bold;
    font-size: 110%;
}
release relrefs {
    font-size: 90%;
    font-weight: normal;
    text-decoration: underline;
}
.tracklist {
    list-style-type: none;
    font-size: 110%;
    margin-bottom: 1em;
}
.tracklist p /* side infos */ {
    font-weight: bold;
    text-decoration: underline;
}
reldetails p {
    margin-left: 25%;
    margin-right: 25%;
    text-align: justify;
    font-weight: normal;
    font-family: serif;
}
credits,
thanks {
    display: list-item;
    list-style-type: none;
    margin: 2em;
}
credits:before {
    content: "Credits:";
}
thanks:before {
    content: "Thanks:";
}

/* artists list */
main#artists bio {
    display: none;
}

/* artist page */
artist infos {
    margin: 0;
    padding: 0;
    font-size: smaller;
}
artist bio {
    font-family: serif;
    text-align: justify;
    font-size: 80%;
    margin: 2em;
    padding-left: 2em;
    padding-right: 2em;
}
artist bio p {
    text-align: justify;
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
}

/* references */
artist  ul.references,
project ul.references {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 120%;
}
main#artists  ul.references *,
main#projects ul.references * {
    font-size: 80%;
}
artist  ul.references:before,
project ul.references:before {
    content: "References: ";
}
/* no display in global list */
main#artists  artist  ul.references:before,
main#projects project ul.references:before {
    content: "";
}
artist  ul.references li,
project ul.references li {
    display: inline;
}
artist  ul.references li:after,
project ul.references li:after {
    content: " - ";
}
artist  ul.references li:last-of-type:after,
project ul.references li:last-of-type:after {
    content: "";
}

/* images */
img {
    border: 1px solid black;
}
img.photo {
    max-width: 400px;
    border: 1px solid black;
}
main#artists img.photo {
    width: 40px;
    float: right;
    /*display: none;*/
}
img.cover {
}
main#releases img.cover {
    width: 100px;
    float: right;
}
img.illustration {
    max-width: 200px;
    border: 1px solid black;
}
img.visual {
}
main#projects img.visual {
    width: 100px;
    float: right;
}

/* misc */
.twocolumns {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  margin-bottom: 1ex;
  overflow: hidden;
  vertical-align: top;
}
.twocolumns .leftcolumn,
.twocolumns .rightcolumn
{ 
  float: left;
  position: relative;
  width: 45%;
  margin: 0;
  padding: 1em;
 }
.twocolumns .leftcolumn
{ 
  border-right: 1px dotted;
 }
.twocolumns .rightcolumn
{ 
 }
.twocolumns p {
    margin-left: 10%;
    margin-right: 10%;
}

.pay {
    padding: 1%;
    margin: 2%;
    border: 1px, dotted;
}

videos, div.videos,
sounds, div.sounds,
links,  div.links {
    display: block;
    margin: 0;
    padding: 0;
    margin-top: 2em;
    font-size: smaller;
}
dl#press {
    margin-left: 10%;
    margin-right: 10%;
}
dl#press * {
    font-size: 90%;
    text-align: justify;
    font-family: serif;
    color: silver;
    line-height: 2.5ex;
}
poetry {
    display: block;
    font-family: Calligraffitti, "Zapf Chancery", cursive;
    color: gray;
}
poetry .signature {
    font-family: serif;
    color: gray;
}
.signature, signature {
    font-size: 90%;
    text-align: right;
    margin-right: 2em;
    font-style: italic;
    font-variant: small-caps;
}
address {
    color: darkgrey;
}
a[href^="mailto:"], email, .email {
    font-family: code;
    color: silver;
}

/* misc classes */
.important,
.important * {
    font-weight: bolder;
    font-size: 110%;
    background-color: inherit;
    color: yellow;
}
.important:hover,
.important:hover * {
    color: red;
}
.big { font-size: 120%; }
.small, .smaller { font-size: 80%; }
.strong { font-weight: bolder; }
.em { font-style: italic; }
.clear, clear { clear: both; }
.strike { text-decoration: line-through; }

p[lang="fr"]:before { content: "((fr)) "; }
p[lang="en"]:before { content: "((en)) "; }

/* links */
a { 
    text-decoration: none;
    border-bottom: 1px dotted;
}
a:hover { 
    color: white;
    border-bottom: 1px solid;
}
a.hidden {
    text-decoration: none;
    border: 0;
    color: inherit;
    border-bottom: 1px solid transparent;
}
a.hidden:hover { 
    border-bottom: 1px solid;
}
a.artist,
artist a.home {
    font-style: oblique;
    text-decoration: none;
    border-bottom: 1px dotted red;
}
a.artist:hover,
artist a.home:hover {
    border-bottom: 1px solid red;
}
/* inside anchor */
a[href^="#"] {
}
/* external link */
a[href^="http"]:after {
    content: "°";
}
/*
a[href^="../projects"]:after {
    content: " /+/";
}
a[href^="../artists"]:after {
    content: " /-/";
}
a[href^="../label"]:after {
    content: " /o/";
}
a[href^="../netlabel"]:after {
    content: " /x/";
}
a[href^="../about"]:after {
    content: " /?/";
}
*/

/*** style.css end here ***/