@import url("style.css");

body { color: #000000;
       background-color: #dddddd;
       padding: 0px;
       margin: 0px;
text-align: left;
line-height: 115%;
    }

.cover #container { 
border-width: 0;
margin: 0;
padding: 0;
background: none;
           }

.page-header {
border-width: 0;
background: none;
margin: 0;
padding: 0;
}

.cover #content {
position: absolute;
width: 340px;
left: 20px;
top: 110px;

}

.cover #primary {
padding-top: 3em;
}

.cover p {
padding: 0;
margin: 1em 0;
}

.cover .page-title span { display: none; }
.cover .page-title { background-image: url("images/legion-rose-main-image.gif"); 
         background-repeat: no-repeat; 
         background-position: top left;    
         width: 750px;
         height: 450px; 
         position: absolute;
         top: 0px;
         left: 0px;
       }

img { border-color: #cc0077; 
    }

a { font-weight: bold; 
background-color: transparent;
}
a:link { color: #cc0077; font-weight: bold; 
background-color: transparent;
}
a:hover { color: #770044; font-weight: bold; 
background-color: transparent;
}
a:visited { color: #770044; font-weight: bold; 
background-color: transparent;
}

h2 { color: #000000;
     clear: both;
   }
h3 { color: #000000;
     clear: both;
   }

/* Layout for the story pages */
div.graphic-story { position: absolute;
                    top: 5px;
                    left: 5px;
                    width: 150px;
                  }

div.pages { position: absolute;
            top: 5px;
            left: 155px;
            width: 600px;
            text-align: center;
          }

.site-navigation { text-align: center;
                }

#secondary {
background-color: transparent;
border: none;
}

/*******************************/
/*** Breadcrumb navigation ***/
/* Uses borders to make vertical bars between items. Depends on having first and last items in the list so classed. */

.breadcrumb-navigation {
font-size: 90%;
background-color: transparent;
}

.breadcrumb-navigation .navigation li {
background-color: transparent;
color: #000;
margin: 0;
border: 1px solid #c07;
border-width: 0 1px 0 0;
padding: 0 0.4em;
}
.breadcrumb-navigation .navigation li.last {
border-width: 0; /* No bar after last item */
}
.breadcrumb-navigation .navigation li.first {
padding-left: 0; /* If needed, shove back to left from centered spacing between items */
}

.breadcrumb-navigation .navigation li:hover {
background-color: transparent;
}

.breadcrumb-navigation .navigation li a:link { color: #c07; 
background-color: transparent;
       }

.breadcrumb-navigation .navigation li a:visited { color: #704; 
background-color: transparent;
          }

.breadcrumb-navigation .navigation li a:hover { color: #704;
background-color: transparent;
        }

.cover .breadcrumb-navigation {
position: absolute;
top: 0; left: 0;
}

/*******************************/
/*** Story navigation ***/

.story-navigation {
font-size: 90%;
background-color: transparent;
}

.story-navigation .navigation li {
background-color: transparent;
color: #000;
margin: 0;
border: 1px solid #c07;
border-width: 0 1px 0 0;
padding: 0 0.4em;
}
.story-navigation .navigation li.last {
border-width: 0; /* No bar after last item */
}
.story-navigation .navigation li.first {
padding-left: 0; /* If needed, shove back to left from centered spacing between items */
} 

.cover .story-navigation {
position: absolute;
top: 1.4em; left: 0;
}

.history { border-color: #cc0077;
         }

span.this-page { font-weight: bold;
              }

ul { margin: 0px;
     padding: 0em 0em 0em 0em;
     text-align: left;
     list-style: none;
   }

li { margin: 0px 0px 5px 2em;
     padding: 0em 0em 0em 0em;
     list-style: none; 
     text-align: left;
     display: block;
   }

.under-construction { color: #ff0077;
                     }

.profile-pic { float: right; 
             }

.page-info { width: 100%;
           }

/* Restructuring page, probably don't need #lorGalleryTitle, select otherwise */
.lor-gallery .page-title span, .lor-profiles .page-title span { display: none; }
.lor-gallery h1.page-title, .lor-profiles h1.page-title { 
                 background-repeat: no-repeat;
                 background-position: top center;
                 /*width: 444px;*/
                 height: 30px; 
                 margin-top: 10px;
                 margin-bottom: 10px;
padding: 0;
               }
.lor-gallery h1.page-title {
background-image: url(images/lor-gallery.gif); 
}
.lor-profiles h1.page-title {
background-image: url(images/lor-profiles.gif); 
}


.gallery #container { position: absolute;
                      width: 80%;
                      margin-left: 10%;
background: none;
border-width: 0;
padding: 0;
           }

.gallery #content {
border: none;
}

.gallery .images {
background-color: inherit;
border-width: 0;
}

.gallery .thumbnail a img { 
               border-color: #cc0077; 
             }

.gallery .thumbnail a:hover img { border-color: #770044;
                   }

.gallery .thumbnail a:visited img { border-color: #770044;
                     }

.gallery .image-entry {
border-width: 0;
}

.gallery #secondary {
background-color: transparent;
border: none;
}

.gallery .breadcrumb-navigation, .lor-profiles .breadcrumb-navigation {
position: absolute;
top: 0;
width: 200%;
left: -50%;
font-size: 90%;
}

.gallery .breadcrumb-navigation .navigation, .lor-profiles .breadcrumb-navigation .navigation {
position: absolute;
left: 50%;
}
.gallery .breadcrumb-navigation .navigation li, .lor-profiles .breadcrumb-navigation .navigation li {
position: relative;
left: -50%;
}

/*********************************/
/* Profiles page is now .general */

.lor-profiles #container, .lor-profiles #content, .lor-profiles #secondary {
background: none;
border: none;
}

.lor-profiles h1, .lor-profiles h2, .lor-profiles h3 {
border-width: 0;
background-color: transparent;
line-height: 110%;
padding: 0;
margin: 0.5em 0;
font-weight: bold;
text-align: left;
}

.lor-profiles h2 {
font-size: 120%;
margin-top: 1.3em;
margin-bottom: 1em;
text-align: center;
}

.lor-profiles h3 {
font-size: 100%;
}

p.prose-small {
border-width: 0;
background-color: transparent;
}

.lor-profiles p {
border-width: 0;
background-color: transparent;
}

.history {
border: 1px solid #770044;
border-width: 1px 0 0 0;
background-color: transparent;
margin-top: 1em;
padding-top: 0.5em;
}