/* CSS for lib-ray.org Web Pages */

/* Plain tags */

BODY    {    background-color: black;
            font-family: sans-serif;  
            color: #aaffcc;}

A:link          {   color: #ffff00; }
A:visited       {   color: #b07cff; }
A:active        {   color: #ffffff; }

img     {   padding: 0px;
            margin: 0px;
            border: 0px;    }

ul  {   padding-top: 10px; padding-bottom: 20px;
        background-color: transparent; }

ul li { padding-bottom: 8px; }

dt  {   margin: 0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 5px;
        font-size: 18px;
        font-weight: bold;
        font-style: italic;
        }

dd  {   margin: 0px;
        padding-left: 25px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 25px;
        font-size: 15px;
        font-weight: lighter;
        font-family: serif;
        line-height: 150%;
        }

/* Classes */


.bkg_img    {
            position: absolute;
            left: 0px;
            top: 0px;
            z-index: -1;
            }

.std_btn    {
            padding: 1px;
            }

.ad_text    {
            color: #ffffff;
            font-size: 12px;
            font-family: sans-serif;
            font-weight: bold;
            line-height: 14px;
            margin: 2px;
            padding: 0px;
            }

.splash {
   background-image:    url("Images/lib-ray-splash.jpg");
   background-repeat: no-repeat;
   background-position: right top;
   background-color: #88aa88;
   background-attachment: scroll;
   max-width: 960px;
   width: 90%;
   min-width: 120px;
   height: 640px;
   min-height: 640px;
   max-height: 640px;
    }
    
.propositions {
    background-color: rgba(20,20,20,0.5);
    padding: 10px;
    margin-right: auto;
    margin-top: 330px;
    }
    
.content {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    min-width: 200px;
    max-width: 960px;
    }
        

.fine_print {
   font-size: 10px; font-weight: bold; font-family: sans-serif;
   }


.left_icon { 
   float: left; 
   }

.right_icon {
   float: right; 
   }

.banner88block {
  padding: 0px;
  margin: auto;
  min-width: 184px;
  width: 75%;
  border-width: 0px;
  }

.banner88 {
  float: left;
  padding: 0px;
  margin: 2px;
  width: 88px;
  height: 31px;
  border-width: 0px;
  }

h5.banner88hdr {
  clear: both;
  margin-top: 10px;
  margin-bottom: 3px;
  margin-left: auto;
  margin-right: auto;
  }

.table_listing {
   background: black;
   font-size: 18px; font-family: sans-serif; font-weight: bold;
   }

.tr_odd {
   background: #223311;
   }

.tr_even {
   background: #113322;
   }


.cv_odd {
    position: relative; width: 100%; height: auto;
    font-size: 18px; font-family: sans-serif;
    background: #666666;
    color: white;
    }

.cv_even {
    position: relative; width: 100%; height: auto;
    font-size: 18px; font-family: sans-serif;
    background: #333333;
    color: white;
    }

.cv_text {
    position: relative; width: 70%; height: auto;
    padding-left: 200px; padding-right: 200px; min-width: 200px; max-width: 512px;
        font-size: 15px;
        font-weight: lighter;
        font-family: serif;
        line-height: 150%;
    }

.cv_text H3 {
    width: 100%;
    text-align: center;
    }

.cv_image_odd {
    position: absolute; right: 0px;
    }

.cv_image_even {
    position: absolute; left: 0px;
    }

.persona_text_odd {
    position: relative;
    padding-right: 200px;
    padding-left: 0px;
    margin: 5px;
    width: auto;
    font-size: 15px;
    font-weight: lighter;
    font-family: serif;
    line-height: 150%;
    }

.persona_text_even {
    position: relative;
    padding-right: 0px;
    padding-left: 200px;
    margin: 5px;
    width: auto;
    font-size: 15px;
    font-weight: lighter;
    font-family: serif;
    line-height: 150%;
    }
.credits_listing {
   background: black;
   font-size: 14px; font-family: sans-serif; font-weight: bold;
   padding-top: 10px;
   }

.songtitle {
    font-size: 16px; font-weight: bold; font-family: sans-serif;
    padding-top: 20px;
    }

.songcredit {
    font-size: 12px; font-weight: normal; font-family: sans-serif;
    padding-top: 2px;
    }

/* Ids - By Page */

/**** General */

#composition{
    position: relative; width: 95%; margin-left: auto; margin-right: auto;  margin-top: 10px; margin-bottom: 10px;   
    background-color: #071B10; /*  #163128; */
    /* background-image: url(green_gradient_1.jpg); */
    background-repeat: repeat-x;
    }

#header {
    position: absolute; left: 0px; top: 0px; width: 728px; height: 186px;
    background-image:url(libray_logo.png); background-repeat:no-repeat; background-color: transparent;
    }

#navbar {
    position: relative;
    padding: 0px 100px 0px 0px;
    margin: 10px 10px 10px auto;
    /* max-width: 600px; */
    background-color: transparent;
    font-weight: bold;
    font-size: 20px;
    text-align: right;
    word-spacing: 3em;
    }

.navbutton {
    float: center;
    padding: 2px;
    }

#deck {
    background-color: black;
    }

.deckhdr {
    margin: 0px;
    padding: 3px;
    font-weight: bold;
    color: #ffff00;
    }

/**** Home */


/**** Video Block */
#video  { 
    float: left; width: 400px; height: 400px;
    left: 0px; top: 0px;
    background-color: transparent;
    }

#video_feed  {
    position: relative; width: 400px; height: 300px;
    left: 0px; top: 0px;
    background-color: #ffff00;
    }

#video_actions  {
    position: relative; margin-top: 10px;
    color: #8800ff;
    }

#video_license  {
    position: absolute; width: 90px;
    left: 0px; top: 0px;
    }

#video_downloads {
    position: absolute; width: 80px;
    left: 120px; top: 0px;
    }

#video_flattr {
    position: absolute; width:50px;
    right: 0px; top: 0px;
    }

/**** Action Block */


/**** Text Block */






/**** Characters */


/**** FAQ */

#main   {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #000000;
    }


#actions {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: right;
    background-color: transparent;
    width: 270px; height: 640px;
    }

#support { 
    position: relative;
    background-image: url(tryitout-bkg.png);
    width: 261px; height: 446px;
    margin-left: auto; margin-right: auto;
    }

#support_box {
    position: absolute;
    background-color: transparent;
    width: 240px; height:400px;
    left: 8px; top: 40px;
    }


#dvd_preorder {
    position: absolute;
    right: 0px; top: 0px;
    width: 140px;
    text-align: right;
    }

#merchandise_box {
    position: absolute;
    left: 0px; top: 0px;
    width: 207px; height: 116px;
    }

#creator_endorsed {
    position: absolute;
    left: 0px; bottom: 0px;
    width: 87px; height: 87px;
    text-align: left;
    }

#donations {
    position: absolute;
    left: 120px; bottom: 0px;
    width: 105px;
    }


#socialblock {
    padding: 5px;
    text-align: center;
    }

#lowernav {
    position: relative;
    background-color: transparent;
    width: auto;
    text-align: center;
    margin-left: auto; margin-right: auto;
    }

#news   {
    background-color: #110022;
    clear: left;
    padding-left: 24px; padding-right: 24px;
    }

#news h1, #news h2, #news h3, #news h4  {
    color: #ffff00;
    }

#footer {
    clear: both;
    position: relative;
    background-color: #222222; 
    text-align: center;
    }                         

#the_rules {
    clear: both;
    position: relative;
    text-align: justify;
    color: #aa9900;
    font-size: 12px;
    padding: 20px;
    }

/* Alternate Media */

@media screen {
        .print_only { display: none; }
        }

@media print {
        body {font: 12pt "Times New Roman", "TimesNR", Times, serif;}
        * {color: black !important; background: white !important; }
        #news   { page-break-inside: avoid;}
        #navbar { display: none; }
        #video { display: none; }
        #actions { display: none; }
        #footer { 
                page-break-before: always;
                page-break-inside: avoid;
                }
        }