html {
   height: 100%;
}

body {
   margin: 0;
   padding: 0;
   background: #c4c3ed;
   font-size: 0.8em; 
   font-family: Arial, Helvetica, Verdana, Lucida, sans-serif;
   font-weight: bold;
   text-align: center;
   height: 100%;
}

body a{
   outline: none;
}

a {
   color: #5b66a3;
}

a:hover {
   color: #22356d;
}



/*--------------------------------  
            Landscaping 
--------------------------------*/ 
 
#background {
   position: fixed;
   left: 0; /* must remain ZERO, else results in undesirable horizontal scrolling */
   top: 0;
   width: 100%;
   height: 754px;
   background: url(scenery/background.jpg) top left repeat-x;
}

#foreground {
   position: relative;
   top: 0;
   width: 100%;
   height: 197px;
   background: transparent url(scenery/foreground.png) top right repeat-x;
   z-index: 5;
}

#foreground_left {
   position: absolute;
   bottom: 0;
   right: 681px;
   width: 628px;
   height: 355px;
   background: transparent url(scenery/fg_top.png) bottom right no-repeat;
}


/*--------------------------------  
        Sperel Population 
--------------------------------*/

#mascot {
   position: absolute;
   background: transparent url(scenery/mascot-stickerstyle.png) no-repeat;
   width: 152px;
   height: 129px;
   top: 0;
   left: 2%;
   z-index: 4;
}

#mascot404 {
   position: relative;
   background: transparent url(scenery/mascot-stickerstyle.png) no-repeat;
   width: 152px;
   height: 129px;
   top: -12px;
   left: -41px;
   z-index: 4;
}

.notfound {
   position: absolute;
   font-weight: bold;
   top: 0;
   left: 132px;
   width: 468px;
}

.inset {
   position: absolute;
   top: 26px;
   left: 146px;
   width: 454px;
}

#flyup {
   position: absolute;
   bottom: 80px;
   right: 5%;
   width: 50px;
   height: 80px;
   background: transparent url(scenery/flyup_arrow.gif) no-repeat;
}

.nonblog {
   border: 0;
   background: none;
   margin: 0;
   padding: 0;
}

#hiddenimages {
   display: none;
}


/*--------------------------------  
       That Which Contains 
--------------------------------*/

#container {
   position: relative;
   width: 960px; /* this setting (when less than 100%) has an impact on layout integrity if the browser window gets too narrow */
   min-height: 100%;
   margin: 0 auto 77px auto; /*** 3rd variable must coincide with height/offset of bottom content border ***/
   padding-left: 10px;
   text-align: left; 
   border: 0px dotted green;
   z-index: 3;
}


/*--------------------------------  
      Header and Navigation 
--------------------------------*/ 

#viewcart_bar {
   position: absolute;
   top: 81px;
   right: 196px;
   width: 302px;
   height: 27px;
   background: url(scenery/contact-cart_bar.png) bottom no-repeat; 
   z-index: 4;  
}

#basket_icon, #contact_icon {
   text-align: left;
   font-size: 0.85em;
   font-style: italic;
   color: #7583ad;
}

#basket_icon a {
   float: right;
   background: transparent url(scenery/cart_icon.png) top right no-repeat;
   width: 87px;
   height: 19px;
   display: block;
   margin: 4px 23px 0 1px;
   text-decoration: none;
}

#basket_icon a:hover, #basket_icon a:active {
   background-position: 64px -19px;
   width: 87px;
   height: 19px;
   color: #2577d4;
}

#contact_icon a {
   float: right;
   background: transparent url(scenery/contact_icon.png) top right no-repeat;
   width: 69px;
   height: 19px;
   display: block;
   margin: 4px 23px 0 1px;
   text-decoration: none;
}

#contact_icon a:hover, #contact_icon a:active {
   background-position: 46px -19px;
   width: 69px;
   height: 19px;
   color: #2577d4;
}

.contact-cart_textlink {
   position: relative;
   top: 5px;
   left: 0;
}

#header {
   position: relative;
   height: 202px; /* this height differs from headergraphic's only to reduce the vertical distance between left-banner.png and top of page */ 
}

#header h1 {
   position: absolute;
   background: transparent url(scenery/header_boom.png) no-repeat;
   width: 951px;
   height: 202px;
   top: 0;
   left: 139px;
   margin: 0;
}

#header span {
   display: none;
}

#navigation {
   position: absolute;
   top: 118px;
   left: 355px;
   width: 403px;
   height: 38px;
   margin: 0;
}

#navigation ul {
   margin: 0;
   padding: 0;
   display: inline;
}

#navigation li {
   float: left;
   height: 38px;
   display: block;
   padding: 0 10px;
   list-style: none;
}

#journal a {
   display: block;
   background: transparent url(scenery/journal.png) top no-repeat;
   width: 64px;
   height: 38px;
}

#journal a:hover, #journal a:active {
   display: block;
   background-position: 0 -38px;
   width: 64px;
   height: 38px;
}

#j_current {
   display: block;
   background: transparent url(scenery/journal.png) 0 -76px no-repeat;
   width: 64px;
   height: 38px;
}

#plight a {
   display: block;
   background: transparent url(scenery/story.png) top no-repeat;
   width: 109px;
   height: 38px;
}

#plight a:hover, #plight a:active {
   display: block;
   background-position: 0 -38px;
   width: 109px;
   height: 38px;
}

#p_current {
   display: block;
   background: transparent url(scenery/story.png) 0 -76px no-repeat;
   width: 109px;
   height: 38px;
}

#shop a {
   display: block;
   background: transparent url(scenery/shop.png) top no-repeat;
   width: 99px;
   height: 38px;
}

#shop a:hover, #shop a:active {
   display: block;
   background-position: 0 -38px;
   width: 99px;
   height: 38px;
}

#s_current {
   display: block;
   background: transparent url(scenery/shop.png) 0 -76px no-repeat;
   width: 99px;
   height: 38px;
}

#faqs a {
   display: block;
   background: transparent url(scenery/faqs.png) top no-repeat;
   width: 48px;
   height: 38px;
}

#faqs a:hover, #faqs a:active {
   display: block;
   background-position: 0 -38px;
   width: 48px;
   height: 38px;
}

#f_current {
   display: block;
   background: transparent url(scenery/faqs.png) 0 -76px no-repeat;
   width: 48px;
   height: 38px;
}

#navigation b {
   display: none;
}


/*--------------------------------  
    Category and Cart Columns 
--------------------------------*/ 

#categorycolumn {
   position: absolute;
   left: 10px; /* to coincide with left padding of container */ 
   top: 0;
   width: 140px;
   margin-top: 0;
   background: url(scenery/ribbon.png) repeat-y;
}

.categorymenu {
   position: relative;
   margin: 8px;
   padding: 0px 4px 10px 4px;
}

#categorycolumn h1 {
   margin: 0 27px 0 -27px;
   padding: 0 8px 0 8px;
   text-align: center;
}

#categorycolumn h1 a {
   display: block;
   background: transparent url(scenery/adopt.png) top no-repeat;
   height: 151px;
   width: 154px;
}

#categorycolumn h1 a:hover, #categorycolumn h4 a:active {
   background-position: 0 -151px;
   height: 151px;
   width: 154px;
}

#categorycolumn h2 {
   margin: 12px 29px 0 -29px;
   padding: 0 8px 0 8px;
   text-align: center;
}

#categorycolumn h2 a {
   display: block;
   background: transparent url(scenery/apparel.png) top no-repeat;
   height: 42px;
   width: 157px;
}

#categorycolumn h2 a:hover, #categorycolumn h2 a:active {
   background-position: 0 -42px;
   height: 42px;
   width: 157px;
}

#categorycolumn h3 {
   background: url(scenery/ribbon_decoration.png) top no-repeat;
   height: 247px;   
   font-size: 1.0em;
   color: #bcc3ce;
   margin: 0 0 -14px 0;
}

#categorycolumn h4 {
   margin: 12px 29px 0 -29px;
   padding: 0 8px 0 8px;
   text-align: center;
}

#categorycolumn h4 a {
   display: block;
   background: transparent url(scenery/promote.png) top no-repeat;
   height: 42px;
   width: 157px;
}

#categorycolumn h4 a:hover, #categorycolumn h2 a:active {
   background-position: 0 -42px;
   height: 42px;
   width: 157px;
}

#categorycolumn p { /* primary work-around to address the dashed border glitch in IE */
   font-size: 1px;
   color: #646d85;
   margin: 0;
   padding: 0 0 2px 0;
   border-bottom: 0px dotted #646d85;
}

#categorycolumn h5 { /* secondary work-around to address the dashed border glitch in IE */
   margin: 0 0 -24px 0;
   padding: 20px 8px 0 8px;
}

#categorycolumn ul {
   font-size: 13px;
   font-weight: normal;
   color: #bcc3ce;
   margin: -8px 0 0 0;
   padding: 0;
   list-style: none;
}

#categorycolumn ul p {
   font-size: 13px;
   font-weight: bold;
   color: #bac3d9;
   margin: 0;
   padding-top: 18px;
   border-bottom: 2px solid #8492b0;
}

#categorycolumn li a:link, #categorycolumn li a:visited {
   display: block;
   padding: 12px 0 3px 0;
   color: #9c96a1;
   text-decoration: none;
   border-bottom: 1px dashed #646d85;
}

#categorycolumn li a:hover {
   display: block;
   background: url(scenery/ribbon_rollover.png) bottom no-repeat;
   color: #cfddfc;
   text-decoration: none;
   border-bottom: 1px dashed #8aa1d3;
}

#categorycolumn li p {
   display: block;
   font-weight: normal;
   padding: 12px 0 3px 0;
   color: #9c96a1;
   text-decoration: none;
   border-bottom: 1px dashed #646d85;
}

#ribbontail {
   position: absolute;
   bottom: -152px;
   background: transparent url(scenery/ribbon_tail.png) top no-repeat;
   width: 140px;
   height: 152px;
}


#trackercolumn {
   position: absolute;
   right: 0;
   top: 181px;
   width: 170px;
   margin: 0;
   background: url(scenery/cart_bg.png) repeat-y;
}

#cloudtop {
   position: absolute;
   width: 209px;
   height: 166px;
   left: 0px;
   top: -166px; 
   background: transparent url(scenery/cloud_top.png) top left no-repeat;
}

#trackercontent {
   position: relative;
   top: 0;
   width: 170px;
   padding-top: 4px;
   background: url(scenery/sunray.png) top center no-repeat;
}

#email_list {
   margin: 10px 16px 30px 16px;
   font-size: 10px;
   font-weight: bold;
   color: #323e5a;
   width: 134px;
   padding-top: 15px;
   border-top: 1px dashed #edf1f8;
}

#email_field {
   margin: 2px 0px 4px 0px;
   width: 128px;
   color: #667194;
   background-color: #e7ecf5; 
}

#email_submit_button {
   float: right;
}

#social_containment {
   height: 153px;
   padding: 0 0 2px 0;
}

.social_link {
   float: left;
   width: 86px;
   padding: 8px 3px 0 15px;
   border: 0px solid red;
   text-align: right;
}

.social_link a {
   font-size: 10px;
   font-weight: bold;
   color: #323e5a;
   margin: 0;
   text-decoration: none;
}

.social_link a:hover, .social_link a:active {
   color: #5f687e;
}

#facebookicon, #twittericon, #tumblricon, #instaicon {
   float: left;
   width: 46px;
   padding: 2px 0; 
}

#facebookicon a {
   display: block;
   width: 46px;
   height: 48px; 
   background: transparent url(scenery/sperelbook.png) no-repeat;
}

#twittericon a {
   display: block;
   width: 46px;
   height: 48px; 
   background: transparent url(scenery/spereltweet.png) no-repeat;
}

#tumblricon a {
   display: block;
   width: 46px;
   height: 48px; 
   background: transparent url(scenery/spereltumbl.png) no-repeat;
}

#instaicon a {
   display: block;
   width: 46px;
   height: 48px; 
   background: transparent url(scenery/sperelgram.png) no-repeat;
}

#facebookicon a:hover, #facebookicon a:active, #twittericon a:hover, #twittericon a:active, #tumblricon a:hover, #tumblricon a:active, #instaicon a:hover, #instaicon a:active {
   background-position: 0 -48px;
   width: 46px;
   height: 48px; 
}

#event_containment {
   padding-bottom: 15px;
}

#events {
   width: 170px;
   margin-top: 76px;
   background: transparent url(scenery/events_dormant.png) no-repeat;
}

.event_details {
   margin: 0 16px 0 16px;
   font-size: 10px;
   color: #323e5a;
}

.more_events {
   margin: 8px 16px 0 16px;
   font-size: 12px;
   font-weight: bold;
   line-height: 1.5em; 
   color: #495166;
}

#trackercolumn h2 {
   height: 16px;
   margin: 0px;
}

#trackercolumn p {
   font-size: 12px;
   font-weight: bold;
   line-height: 1.5em; 
   color: #495166;
   margin: 0;
   padding: 22px 16px 0 16px;
}

#cloudtail {
   position: absolute;
   bottom: -22px;
   background: transparent url(scenery/cloud_tail.png) top no-repeat;
   width: 170px;
   height: 22px;
}

#categorycolumn b, #trackercolumn b {
   display: none;
}

#trackercolumn h6 {
   position: relative;
   top: 0;
   height: 30px;
   font-size: 14px;
   font-weight: bold;
   color: #192a4d;
   margin: 0 0 -6px 0;
   padding: 6px 18px 0 16px;
   background: url(scenery/subtotal_bar.png) top center no-repeat;
}


/*--------------------------------  
          Main Content 
--------------------------------*/ 

#maincontentscreen {
   margin: 0 180px 0 150px;
}

#border_mid {
   position: absolute;
   top: 0;
   left: 0;
   background: transparent url(scenery/middle_c_border2.png) top left repeat-y; 
   width: 630px;
   height: 100%; 
}

#border_top {  /* This selector may end up getting removed since the header can fulfill this selector's duty instead */
   position: absolute;
   top: -77px;
   left: 0;
   background: transparent url(scenery/top_c_border.png) top left no-repeat; 
   width: 630px;
   height: 77px;
   display: none; 
}

#border_low {
   position: absolute;
   bottom: -77px;
   left: 0;
   background: transparent url(scenery/bottom_c_border2.png) bottom left no-repeat; 
   width: 630px;
   height: 77px; 
}

#border_low a {
   outline: none;
}

#maincontent {   /* necessary for getting text in front of multiple bg images*/
   position: relative;
   width: 100%;
   height: 100%;
   text-align: left; 
}

#main_text_content {   /* necessary for getting text in front of multiple bg images*/
   position: relative;
   width: 100%;
   height: 100%;
   text-align: left; 
}

#static_content {
   color: #22356d;
   line-height: 1.5em;
   font-weight: normal;
   margin: 0;
   padding: 0 30px 30px 30px;
}

#static_content p {
   margin: 0;
   padding: 0;
}

#static_content img {
   margin: 0;
   padding: 0;
}

#pagecontent { /* rename this selector to wp_content */
   color: #22356d;
   line-height: 1.5em;
   font-weight: normal;
   margin: 0;
   padding: 0 30px 30px 30px;
}

.story_list {
   margin: 0;
}

.story_list li {
   margin: 6px 5px 0 0;
}

.annotation {
   position: relative;
   bottom: 0.5em;
   left: -1px;
   font-size: 0.8em;
   font-weight: normal;
   color: #704a4a;
   line-height: 1.2em;
}

.annotation a, .annotation a:visited {
   color: #a98e96;
   text-decoration: none;
}

.annotation a:hover {
   color: #704a4a;
   text-decoration: underline;
}

.footnote {
   font-size: 0.8em;
   font-weight: normal;
   color: #704a4a;
   line-height: 1.2em;
   text-decoration: none;
}

.footnote b {
   line-height: 2.0em;
   color: #704a4a;
   text-decoration: none;
}

.footnote a, .footnote a:visited {
   color: #704a4a;
   text-decoration: none;
}

.footnote a:hover {
   color: #a98e96;
}

.f_indent {
   display: block;
   margin: -1.2em 0 -1.2em 1.2em;
   padding: 0 12px 12px 0;
}

.breathingroom {
   height: 48px;
   width: 1px;
}

.mailto_form {
   background-color: #e7ecf5; 
   font-family: Arial, Helvetica, Verdana, Lucida, sans-serif;
   color: #22356d;
   font-weight: normal; 
   margin-bottom: 12px;
}

textarea {
   width: 558px;
}

#mailto_button {
   float: right;
   margin-right: 6px;
}

#sitemap {
   position: relative;
   left: 20px;
   top: -6px;
}

#sitemap h4 {
   font-size: 1.2em;
   color: #5b66a3;
   margin: 24px 0 0 0;
}

#sitemap ul {
   list-style: none;
   margin: 0;
   padding-left: 16px;
}

.chart {
   text-align: center;
   margin: 6px 0 0 35px;
}

.chart_exp {
   padding: 0 6px 4px 6px;
   text-align: left;
   margin: 0 0 12px 35px;
}

.chart_title {  
   color: #e0e5f7;
   letter-spacing: 1px;
   background-color: #5a6488;
   padding: 2px 0;
}

.chart_measurements {
   text-align: center;
   margin: 0 0 12px 35px;
   border: 2px solid #5a6488;
}

.chart_measurements td {
   width: 90px;
}

.left_floating_image {
   padding: 6px 6px 12px 0;
   float: left;
}

#sperel_says_thanks {
   background: transparent url(storepages/sperel_thanks.png) no-repeat;
   margin: -36px auto 0 auto;
   width: 485px;
   height: 420px;
}


/*--------------------------------  
      WordPress Styling
--------------------------------*/ 

#pagecontent h2, #static_content h2 {
   margin: 0;
   padding: 0;
   font-variant: small-caps;
}

#pagecontent h2 a {
   text-decoration: none;
}

#pagecontent h3, #static_content h3 {
   margin: 34px 0 10px 0;
}

#pagecontent a, #blogtext a:visited {
   color: #22356d;
}

#pagecontent a:hover, #blogtext h2 a:active {
   color: #5b66a3;
}

#pagecontent small {
   color: #3f4a8d;
}

img {
   margin: 5px auto 15px auto;
   padding: 1px;
   border: 3px solid #22356d;
   background: #bac9e0;
}

object {
   display: block;
   margin: 5px auto 15px auto;
   padding: 1px;
   border: 3px solid #22356d;
   background: #bac9e0;
}

.postmetadata {
   width: 590px;
   margin: 0 12px 6px -12px;
   padding-bottom: 48px;
   border-bottom: 1px dashed #8d93a7;
}

.hidetags {
   display: none;
}

.history a {
   font-weight: bold;
   font-variant: small-caps;
   text-decoration: none;
}

.nextpage {
   margin: 28px 0 0 30px;
   float: right;
}

.previouspage {
   margin-top: 28px;
   float: right;
}

#archive_containment {
   position: relative;
   padding: 0;
   margin: 0;
}

#blogarchives {
   margin: 0 18px 20px 16px;
   padding-bottom: 8px;
   border-bottom: 1px dashed #edf1f8;
}

#blogarchives ul {
   list-style: none;
   display: inline;
   margin: 0;
   padding-bottom: 6px;
   color: #22356d;
   font-variant: small-caps;
}

#blogarchives li {
   padding-bottom: 6px;
}

#blogarchives select {
   background-color: #e7ecf5; 
   color: #667194;
   font-size: 13px;
   width: 134px;
}

#blogarchives option {
   background-color: #e7ecf5; 
   color: #22356d;
}

#s {   /* This selector affects the appearance of the WP 'Search' field */
   background-color: #e7ecf5; 
   color: #22356d;
   font-weight: bold;  
}

/* getting text to wrap around images */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

.end_image_row {
   float: left;
   margin-right: 0;
   margin-top: 0;
   text-align: center; 
}

.musicbox { /* in case Amazon music widget is ever used */
   float:right; 
   margin: 5px 0 15px 8px; 
   padding: 1px; 
   border: 3px solid #22356d; 
   background: #bac9e0;
}

#pagecontent iframe { /* for YouTube Videos, Bandcamp, and other iframe embeds */
   margin: 5px auto 15px auto;
   padding: 1px;
   border: 3px solid #22356d;
   background: #bac9e0;
}

.shareandfollow {height: 16px; margin: 2px 0 4px 0;}

.shareandfollow ul {display: inline;}

.shareandfollow img, .shareandfollow li {
   float: left;
   border: none;
   list-style: none;
   padding-right: 8px;
   font-weight: bold; 
}



/*--------------------------------  
             Footer 
--------------------------------*/ 

#footer {
   position: relative;
   width: 760px; /* this setting (when less than 100%) has an impact on layout integrity if the browser window gets too narrow */
   top: 120px;
   margin: 0 auto 0 168px;
   text-align: left;
   font-size: 11px;
   font-weight: normal;
   font-family: Arial, Helvetica, Verdana, Lucida, sans-serif; 
   z-index: 8;
}

#footer li {
   float: left;
   color: #d8d1fb;
   padding-right: 18px;
   list-style: none;
}

#footer a {
   float: left;
   padding-left: 18px;
   color: #d8d1fb;
   border-left: 1px solid #cfc6fb;
}

#footer a:hover {
   color: #a69cfb;
}


/*--------------------------------  
         PayPal Shopping 
--------------------------------*/

.breadcrumbs a {
   text-decoration: none;
}

.breadcrumbs a:hover {
   text-decoration: underline;
}

.product_thumbnails {
   width: 100%;
   height: 248px;
   margin-top: 5px;
   font-weight: bold;
   color: #5a6488;
}

.product_thumbnails a {
   float: left;
   margin-right: 13px;
   font-size: 12px;
   text-align: center;
   text-decoration: none; 
   line-height: 1.4em;
}

.product_thumbnails a.end_product_row {
   float: left;
   margin-right: 0;
   text-align: center; 
}

#product_image {
   float: left;
}

#product_details {
   padding-left: 290px;
}


#height_control {
   width: 100%;
   height: 6px;
   display: inline-block;
}

#more_img {
   width: 100%;
   font-weight: bold;
   color: #5a6488;
}

#more_img a {
   float: left;
   margin-right: 8px; 
}

#product_details h2 {
   font-size: 1.8em;
   margin-bottom: 10px;
}

.extra_details {
   font-size: 0.5em;
   font-weight: bold;
   color: #5a6488;
}

#price {
   position: relative;
   top: 20px;
   right: 15px;
   font-weight: bold;
   text-align: right;
   color: #5a6488;
   line-height: 1.1em;
}

.dollar_amount {
   font-size: 2.2em;
   font-weight: bold;
}

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

#add_to_cart {
   position: relative;
   top: 26px;
   right: 12px;
   font-weight: bold;
   color: #ffbc55;
   line-height: 1.8em;
   margin-left: 15px;
   padding: 6px 10px 12px 10px;
   background-color: #5a6488; 
}

#add_to_cart select {
   background-color: #e7ecf5; 
   color: #667194;
   font-size: 13px;
   width: 130px;
}

#add_to_cart option {
   background-color: #e7ecf5; 
   color: #22356d;
}

#button_graphic {
   position: relative;
   top: 6px;
   margin-left: 12px;
}

#via_paypal {
   position: relative;
   top: 10px;
   right: 15px;
   font-weight: bold;
   text-align: right;
   color: #5a6488;
   line-height: 0.8em;
}


/*--------------------------------  
            Tracking 
--------------------------------*/ 

#twitbox {
   float: right;
   margin-right: 2px;
}

#twitbox img {
   background: #313d59;
}



/*--------------------------------  
           Affiliating 
--------------------------------*/ 

#wallpapers {
   position: relative;
   margin-top: 6px;
   height: 254px;
   width:562px;
   text-align: center;
}

#facebookcovers {
   position: relative;
   margin-top: 6px;
   height: 160px;
   width:560px;
   font-size: 0.8em;
   text-align: center;
   border: 1px red solid;
}

.themes_leftthumb {
   float: left;
   font-size: 0.8em;
}

.themes_rightthumb {
   float: right;
   margin-top: 26px;
   font-size: 0.8em;
}

.themes_rightthumb b{
   font-size: 1.1em;
}

.music_cover_up {
   position: relative;
   width: 570px;
   height: 113px;
   margin: -11px auto 19px auto;
   left: 0;
}

.music_skin {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 165px;
   height: 108px;
   background: transparent url(scenery/music_skin.png) bottom right no-repeat;
   z-index: 99;   
}

.affiliates h4 {
   font-size: 12px;
   font-weight: bold; 
   color: #d1e1fe;
   margin: 6px 0 0 14px;   
}

#pagecontent .affiliates a {
   font-size: 12px;
   font-weight: normal; 
   color: #d1e1fe;
   text-decoration: none;
}

#pagecontent .affiliates a:hover {
   color: #8893ad;
   text-decoration: underline;
}

.affiliates ul {
   font-size: 12px;
   font-weight: normal; 
   color: #d1e1fe;
   margin-top: 5px;
   list-style-type:none;   
}

.affiliates li {
   margin: 4px 0;   
}

.music_cover {
   position: absolute;
   bottom: 5px;
   left: 110px;
   width: 87px;
   height: 22px;
   background: transparent url(scenery/music_cover.png) bottom left no-repeat;
   z-index: 98;   
}



/*--------------------------------  
  1440x2560 Wallpaper Downloads 
--------------------------------*/

.wallpaper_thumbnails {
   width: 100%;
   height: 283px;
   margin-top: 5px;
   font-weight: bold;
   color: #5a6488;
}

.wallpaper_thumbnails a {
   float: left;
   margin-right: 13px;
   font-size: 12px;
   text-align: center;
   text-decoration: none; 
   line-height: 1.4em;
}

.wallpaper_thumbnails a.end_product_row {
   float: left;
   margin-right: 0;
   text-align: center; 
}


/*--------------------------------  
        Lightbox Effects 
--------------------------------*/ 

#lightbox {
position: absolute; 
left: 0;
 width: 100%;
 z-index: 100;
 text-align: center;
 line-height: 0;
}


#lightbox a img {border: none;}


#outerImageContainer {
position: relative; background-color: #1d212e;
 width: 250px;
 height: 250px;
 margin: 0 auto;
}


#imageContainer {
padding: 1px 0 0 0;
}


#loading {
position: absolute;
 top: 40%;
 left: 0%;
 height: 25%;
 width: 100%;
 text-align: center;
 line-height: 0;
}

#hoverNav {
position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 z-index: 90;
}

#imageContainer>#hoverNav { left: 0;}

#hoverNav a { outline: none;}


#prevLink, #nextLink{
width: 49%;
 height: 100%;
 background: transparent url(storepages/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
 display: block;
}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(storepages/lightbox/prevlabel2.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(storepages/lightbox/nextlabel2.gif) right 15% no-repeat; }

#imageDataContainer {
font: 10px Verdana, Helvetica, sans-serif;
 background-color: #1d212e;
 margin: 0 auto;
 line-height: 1.4em;
 overflow: auto;
 width: 100%	
}


#imageData {padding:0 15px; color: #bac9e0; }

#imageData #imageDetails { width: 70%; float: left; text-align: left; }	

#imageData #caption { font-weight: bold;}

#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;}	
#imageData #bottomNavClose{width: 70px; float: right;}	
		

#overlay{
position: absolute;
 top: 0;
 left: 0;
 z-index: 90;
 width: 100%;
	height: 500px;
 background-color: #333;
}

/*--------------------------------  
      bug fix for journal category 
      titles appearing twice
--------------------------------*/ 
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}