/* Formatting standard tags colours sizes */

body {
    background-color: black;
}

body,th,td,p {
    font-family: Georgia, "Georgia Ref", Tahoma, "Palatino Linotype", Palatino, serif;
    font-size: 1.0em  !important;
    line-height: 1.6em;
    text-align: justify;
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Palatino Linotype", Palatino, Georgia, "Georgia Ref", Tahoma, serif;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    clear:both;
}

h1 {
    background-color: #74AA50;
    color: white;
    font-size: 2.0em;
    line-height: 2.2em;
    margin-top: 1.5em;
	margin-bottom: 0.2em;
}

h1:nth-of-type(1), h2:nth-of-type(1), h3:nth-of-type(1) {
    margin-top: 0em;
	margin-bottom: 0em;
}

h2 {
    background-color: #6787B7;
    color: white;
    font-size: 1.6em;
    line-height: 1.8em;
    margin-top: 1.5em;
	margin-bottom: 0.2em;
}

h3 {
    background-color: #426DA9;
    color: white;
    font-size: 1.4em;
    line-height: 1.6em;
    margin-top: 0.5em;
	margin-bottom: 0.2em;
}

h4 {
    color: black;
    font-size: 1.2em;
    font-style: italic;
    font-weight: 900;
    line-height: 1.8em;
}

noscript {
    clear:both;
    color: black;
    padding: 1.5em;
    font-size: 2.5em;
    line-height: 2.5em;
}

em {
    font-style: italic;
}

strong {
    font-weight: 900; 
}

ul, ol {
    padding-left: 1.4em;
    margin-left: 15px;
    margin-right: 15px;
}

ol {
    list-style: decimal;
}

ul {
    list-style: square;
}

blockquote {
    margin-left: 12px;
}

::selection {
    background-color: purple;
    color: yellow;
}

::-moz-selection {
    background-color: purple;
    color: yellow;
}





/* Special image-backgrounds & content wrapper */

body {
    background-image: url("cssimages/black_wallpaper_background.jpg");
    background-repeat: repeat;
}

div#lower_black_shadow {
    background-image: url("cssimages/lower_black_shadow.png");
    background-repeat: repeat-x;
    background-position: left bottom;
}

div#upper_black_shadow {
    background-image: url("cssimages/upper_black_shadow.png");
    background-repeat: repeat-x;
    background-position: left top;
}

div#pre-banner-space {
    width: 1200px;
    margin: 0 auto;
}

div#white_box_with_shadows {
    background-image: url("cssimages/white_box_with_shadows.png");
    background-repeat: repeat-y;
    background-position: center top;
    width: 1220px;
    margin: 0 auto;
}

div#whole_page_content_wrapper {
    background-color: white;
    width: 1200px;
    margin: 0 auto;
}

div#banner{
    line-height: 0;
}

div#post-copyright-reflection {
    width: 1200px;
    margin: 0 auto;
}

div#post-copyright-reflection img {
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transition: 2s ease-in-out;
    transition: 2s ease-in-out;
}

div#post-copyright-reflection:hover img {
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}





/* General paragraphs settings on pages */

p {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.PageContent img {
    margin: 1px;
    padding: 0px;
	max-width: 100%;
	height: auto;
}





/* Boxes */

.Box100pp {
    border: 0;
    padding: 0;
    margin: 0 15px 10px 15px;
    width: 1170px;
    clear: both;
    float: left;
}

.Box100pp img {
    border: 1px solid black;
    float: left;
}

.Box100pp img.BioPicture, .Box100pp img.BookPicture, .Box100pp img.VideoPicture, .Box100pp img.RecordPicture, .Box100pp img.NoBorderPicture {
	border: 0px; 
}

.MovieCaption {
    padding-left: 300px;
    min-height: 125px;
}

.NewLine {clear: left;}

.FirstBox {clear: both;}

.Box10pp, .Box15pp, .Box20pp, .Box25pp, .Box30pp, .Box33pp, .Box40pp, .Box50pp, .Box60pp, .Box66pp, .Box70pp, .Box75pp, .Box80pp, .Box85pp, .Box90pp {float: left;}
.Box10pp {width: 10%;}
.Box15pp {width: 15%;}
.Box20pp {width: 20%;}
.Box25pp {width: 25%;}
.Box30pp {width: 30%;}
.Box33pp {width: 33.333333%;}
.Box40pp {width: 40%;}
.Box50pp {width: 50%;}
.Box60pp {width: 60%;}
.Box66pp {width: 66.666666%;}
.Box70pp {width: 70%;}
.Box75pp {width: 75%;}
.Box80pp {width: 80%;}
.Box85pp {width: 85%;}
.Box90pp {width: 90%;}





/* Animations */

.PicAnim1 {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.PicAnim1:hover {
    transform: scale(1.01,1.01) rotate(-0.5deg);
    box-shadow: 10px 10px 50px black;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.PicAnim2 {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.PicAnim2:hover {
    transform: scale(1.01,1.01) rotate(0.5deg);
    box-shadow: 10px 10px 50px black;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.EPPic {
   -webkit-filter: none;
   -moz-filter: none;
   -ms-filter: none;
   filter: none;
   -webkit-transition: all 1s ease-in-out;
   transition: all 1s ease-in-out;
}

.EPPic:hover {
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray; /* IE 6-9 */
   -webkit-transition: all 1s ease-in-out;
   transition: all 1s ease-in-out;
}





/* Copyright section */

div#copyright {
    background-color: #5D4777; /* Purple */
    width: 1200px;
    margin: 0 auto;
    margin-top: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
}

div#copyright p {
    text-align: center;
    color: white;
    font-size: 0.8em;
    line-height: 1.2em;
    margin: 0;
}

div#copyright p a {
    color: white;
    text-decoration: none;
    padding: 0px 5px 0px 5px;
    margin: 0px 5px 0px 5px;
}

div#copyright p a:link {
    background-color: #5D4777; /* Purple */
}

div#copyright p a:visited {
    background-color: #5D4777; /* Purple */
}

div#copyright p a:hover {
    background-color: #7C7FAB; /* Light Purple */
}

div#copyright p a:active {
    background-color: #7C7FAB; /* Light Purple */
}





/* Navigation Menu */

#nav_menu {
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    list-style: none;
    border-left: 1px solid white;
    overflow: hidden;
    zoom: 1;
}

#nav_menu li {
    float: left;
}

#nav_menu li #MovieLink       { width: 090px; }
#nav_menu li #MagsLink        { width: 176px; }
#nav_menu li #BooksLink       { width: 107px; }
#nav_menu li #VideosLink      { width: 092px; }
#nav_menu li #TheHouseLink    { width: 125px; }
#nav_menu li #PromoLink       { width: 091px; }
#nav_menu li #ParanormalLink  { width: 131px; }
#nav_menu li #PeopleLink      { width: 091px; }
#nav_menu li #JournalLink     { width: 107px; }

#nav_menu li a {
    color: white;
    font-size: 1.0em;
    line-height: 1.2em;
    text-align: center;
    text-decoration: none;
    border: 1px solid white;
    border-left: none;
    padding: 5px 10px 5px 10px;
    display: block;
    background-color: #5D4777; /* Purple */
    zoom: 1;
}

#nav_menu a:link {
    background-color: #5D4777; /* Purple */
    transition: all 1.0s ease-in-out;
}

#nav_menu a:visited {
    background-color: #5D4777; /* Purple */
    transition: all 1.0s ease-in-out;
}

#nav_menu a:hover {
    background-color: #7C7FAB; /* Light Purple */
    transition: all 0.5s ease-in-out;
}

#nav_menu a:active {
    background-color: #7C7FAB; /* Light Purple */
    transition: all 0.5s ease-in-out;
}

#Movie #MovieLink,
#Mags #MagsLink,
#Books #BooksLink,
#Videos #VideosLink,
#TheHouse #TheHouseLink,
#Promo #PromoLink,
#Paranormal #ParanormalLink,
#People #PeopleLink,
#Journal #JournalLink
{
    color: black;
    font-weight: bold;
    background-color: white;
    padding: 5px 10px 5px 10px;
}










/* Sub-Navigation Menu */

p.SubMenu a {
	color: #AAAAAA;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

p.SubMenu a:link { background-color: white; }
p.SubMenu a:visited { background-color: white; }
p.SubMenu a:hover { color: black; }
p.SubMenu a:active { color: black; }





/* Special styles implemented by classes */

.actor_name {
    font-size: 1.0em;
    line-height: 1.2em;
    font-weight: 900;
}

.actor_role {
    font-size: 0.8em;
    line-height: 1.2em;
    font-style: italic;
}

.DownloadLink, .MailLink, .URLLink, .InternalLink { padding-right: 20px; }
.DownloadLink {	background: transparent url("cssimages/download_link.png") no-repeat center right; }
.MailLink     { background: transparent url("cssimages/mail_link.png")     no-repeat center right; } /* UNUSED */
.URLLink      { background: transparent url("cssimages/external_link.png") no-repeat center right; }
.InternalLink { background: transparent url("cssimages/internal_link.png") no-repeat center right; }





/* Handling quotes */

.CreditOrCaption {
    font-size: 0.8em;
    font-style: italic;
}

.Quote {
    padding: 0 5px 0 10px;
    margin: 0 15px 10px 30px;
	font-family: "Ubuntu", serif;
    width: 1110px; /* used for quotes as large as the white window, in 100% boxes */
    clear: both;
    float: left;
}

.QuoteLight {
    padding: 0 5px 0 10px;
    margin: 0 10px 10px 10px;
	font-family: "Ubuntu", serif;
    width: 97%; /* used for book quotes and video quotes, sharing boxes with picture, in 85% boxes */
    clear: both;
    float: left;
}

.QSpeaker {
    background-color: rgb(155,175,200); /* Blue */
    border-left: 15px solid rgb(55,75,100); /* Dark Blue */
}

.QBook {
    background-color: rgb(155,195,180); /* Green */
    border-left: 15px solid rgb(55,95,80); /* Dark Green */
}

.QBookLight {
    background-color: rgb(225,237,232); /* Green light ultra 1 */
    border-left: 5px solid rgb(55,95,80); /* Dark Green */
}

.QMovie {
    background-color: rgb(255,255,128); /* Yellow */
    border-left: 15px solid rgb(155,155,28); /* Dark Yellow */
}

.QMovieLight {
    background-color: rgb(255,255,210); /* Yellow light ultra 1 */
    border-left: 5px solid rgb(155,155,28); /* Dark Yellow */
}


.QJournal { border-left: 15px solid rgb(64,64,64); }
.QJournalCol01 { background-color: #C7522A; }
.QJournalCol02 { background-color: #CB6036; }
.QJournalCol03 { background-color: #CF6E41; }
.QJournalCol04 { background-color: #D68A58; }
.QJournalCol05 { background-color: #DEA66F; }
.QJournalCol06 { background-color: #E5C185; }
.QJournalCol07 { background-color: #F0DAA5; }
.QJournalCol08 { background-color: #FBF2C4; }
.QJournalCol09 { background-color: #DAE0B8; }
.QJournalCol10 { background-color: #B8CDAB; }
.QJournalCol11 { background-color: #DAE0B8; }
.QJournalCol12 { background-color: #FBF2C4; }
.QJournalCol13 { background-color: #F0DAA5; }
.QJournalCol14 { background-color: #E5C185; }
.QJournalCol15 { background-color: #DEA66F; }
.QJournalCol16 { background-color: #D68A58; }
.QJournalCol17 { background-color: #CF6E41; }
.QJournalCol18 { background-color: #CB6036; }
.QJournalCol19 { background-color: #C7522A; }
.QJournalCol20 { background-color: #A54423; }

.QJournalSpecial    { border-left: 15px solid #9B9B1C; /* Dark yellow */ }
.QJournalColSpecial { background-color: #FFFF80;       /* Yellow */ }





/* Social Networks */

.socialbox {
    text-align: center;
    padding: 10px;
    position: fixed;
    width: 30px;
    height: 30px;
    left: 0px;
    opacity: 0.75;
    transition: all 1s ease;
}

.socialbox:hover { opacity: 1; width: 60px; transition: all 0.2s ease; }

.sociallink { font-size: 200%; text-decoration: none; color: white; }

.facebook   { bottom: 180px; background-color: rgb(59,89,152); } /* 10px padding + 30px + 10px padding = 50 */
.twitter    { bottom: 130px; background-color: rgb(0,172,237); }
.emailme    { bottom: 080px; background-color: rgb(206,200,2); }
.blogger    { bottom: 030px; background-color: rgb(244,147,63); }
/* .pinterest   { bottom: 80px;  background-color: rgb(189,8,28); } DELETED */
/* .tumblr		{ bottom: 30px;  background-color: rgb(54,70,93); } DELETED */





/* Sous-titres des videos caché, montré avec mouse hove */
.tooltip { color: rgb(0,0,0); }
.tooltip .tooltiptext { display: none; }
.tooltip .tooltiptext .tooltipdialog { color: rgb(0,150,0); }
.tooltip:hover .tooltiptext { display: inline; }






/* Print */
.showonlyforprint {display:none;}

@media print {
	body,div,div#lower_black_shadow,div#upper_black_shadow,div#white_box_with_shadows,h1,h2,h3,h4 {background-color:white; background-image:none; color:black;}
	body,th,td,p,li,.Quote,.QuoteLight {font-size: 1.1em !important; line-height: 1.6em; text-align: justify;}
    h2 {page-break-before: always;}
	h2:first-of-type {page-break-before: avoid;}
	.hideforprint {display:none;}
	.showonlyforprint {display:inline;}
	div#pre-banner-space,div#white_box_with_shadows,div#whole_page_content_wrapper,div#post-copyright-reflection,div#copyright {width:100%;}
	.Box100pp {width:100%;}
	.Quote {width:90%;}
	a::after{content: " (" attr(href) ") ";} /* Imprime l'URL de chaque balise <a> */
	/* div#banner > img {width:100%;} UNUSED, DEBUG NEEDED */
}

@page {margin-left: 2cm;}



/* Colours

+------------------------------------------------+
|H1                     #74AA50 rgb(116,170,080) |
|H2                     #6787B7 rgb(103,135,183) |
|H3                     #426DA9 rgb(066,109,169) |
+------------------------------------------------+
|Light Purple           #7C7FAB rgb(124,127,171) |
|Purple                 #5D4777 rgb(093,071,119) |
|Used in: Navigation Menu                        |
|         Copyright                              |
+------------------------------------------------+
|Dark Blue              #374B64 rgb(055,075,100) |
|Blue                   #9BAFC8 rgb(155,175,200) |
|Used in: Quotes                                 |
+------------------------------------------------+
|Dark Green             #375F50 rgb(055,095,080) |
|Green                  #9BC3B4 rgb(155,195,180) |
|Used in: Quotes                                 |
|         Tables                                 |
|                                                |
|Green light ultra 1    #E1EDE8 rgb(225,237,232) |
|Green light ultra 2    #EBF7F2 rgb(235,247,242) |
|Used in: Tables                                 |
|         QBookLight (ultra 1)                   |
+------------------------------------------------+
|Dark Yellow            #9B9B1C rgb(155,155,028) |
|Yellow                 #FFFF80 rgb(255,255,128) |
|Used in: Quotes                                 |
|         Tables                                 |
|                                                |
|Yellow light ultra 1   #FFFFD2 rgb(255,255,210) |
|Yellow light ultra 2   #FFFFF5 rgb(255,255,245) |
|Used in: Tables                                 |
|         QBookLight (ultra 1)                   |
+------------------------------------------------+

*/