/* text styles */
.pn-normal {
color:#FFFFFF;
text-decoration:none;
text-align:justify;
}
a.pn-normal:link {
color:#FFFFFF;
text-decoration:underline;
}
a.pn-normal:active {
color:#FFFFFF;
text-decoration:underline;
}
a.pn-normal:visited {
color:#EEEEEE;
text-decoration:underline;
}
a.pn-normal:hover {
color:#FFCC00;
text-decoration:none;
}
select.pn-normal { 
color:#000000; 
background-color:#EEEEEE; 
}

a.pn-title, a.h2 {
color: #FFCC00;
font: bold 1.2em Arial, Helvetica, sans-serif;
text-decoration: none;
background: none;
}
a.pn-title:active, A.h2:active {
color: #FFCC00;
font: bold 1.2em Arial, Helvetica, sans-serif;
text-decoration: none;
background: none;
}
a.pn-title:visited, A.h2:visited {
color: #FFCC00;
font: bold 1.2em Arial, Helvetica, sans-serif;
text-decoration: none;
background: none;
}
a.pn-title:hover, A.h2:hover {
color: #FFCC00;
font: bold 1.2em Arial, Helvetica, sans-serif;
text-decoration: underline;
background: none;
}
.pn-title, h2 {
color: #EEEEEE;
font: bold 1.2em Arial, Helvetica, sans-serif;
text-decoration: none;
}
.pn-sub {
color: #DDDDDD;
font: .9em Arial, Helvetica, sans-serif;
text-decoration: none;
background: none;
}
a.pn-sub:link {
color: #DDDDDD;
font: .9em Arial, Helvetica, sans-serif;
text-decoration: none;
background: none;
}
a.pn-sub:active {
color: #DDDDDD;
font: .9em Arial, Helvetica, sans-serif;
text-decoration: none;
background: none;
}
a.pn-sub:visited {
color: #DDDDDD;
font: .9em Arial, Helvetica, sans-serif;
text-decoration: none;
background: none;
}
a.pn-sub:hover {
color: #DDDDDD;
font: .9em Arial, Helvetica, sans-serif;
text-decoration: underline;
background: none;
}

/********* pn-normalplus ***********/
.pn-normalplus {
color: #EEEEEE;
font: bold 1em Arial, Helvetica, sans-serif;
text-align: justify;
background: none;
}
.pn-normalplus a:link {
color: #FFCC00;
font: bold 1em Arial, Helvetica, sans-serif;
text-decoration:none;
background: none;
}
.pn-normalplus a:active {
color: #FFCC00;
font: bold 1em Arial, Helvetica, sans-serif;
text-decoration:none;
background: none;
}
.pn-normalplus a:visited {
color: #FFCC00;
font: bold 1em Arial, Helvetica, sans-serif;
text-decoration:none;
background: none;
}
.pn-normalplus a:hover {
color: #FFCC00;
font: bold 1em Arial, Helvetica, sans-serif;
text-decoration: underline;
background: none;
}
.pn-normalpluscolor {
color: #FFCC00;
font: bold 1em Arial, Helvetica, sans-serif;
background: none;
}
.pn-titleplus {
color: #EEEEEE;
font: bold 1.3em Arial, Helvetica, sans-serif;
}
.pn-titlepluscolor {
color: #FFCC00;
font: bold 1.2em Arial, Helvetica, sans-serif;
}
.pn-normalbigboldcolor {
color: #EEEEEE;
font: bold 1.1em Arial, Helvetica, sans-serif;
}
.pn-normalbigboldcolor a:link {
color: #FFCC00;
font: bold 1.1em Arial, Helvetica, sans-serif;
text-decoration:none;
}
.pn-normalbigboldcolor a:active {
color: #FFCC00;
font: bold 1.1em Arial, Helvetica, sans-serif;
text-decoration:none;
}
.pn-normalbigboldcolor a:visited {
color: #FFCC00;
font: bold 1.1em Arial, Helvetica, sans-serif;
text-decoration:none;
}
.pn-normalbigboldcolor a:hover {
color: #FFCC00;
font: bold 1.1em Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.promoblock {
width:180px;
border:1px solid #CCCCCC;
background-color: #444444;
margin:4px 0px 4px 8px;
padding:4px 8px 8px 8px;
font-size:.9em;
line-height:1.0;
}
.promoblock a:link {
text-decoration:none;
color:#EEEEEE;
}
.promoblock a:active {
text-decoration:none;
color:#EEEEEE;
}
.promoblock a:visited {
text-decoration:none;
color:#EEEEEE;
}
.promoblock a:hover {
color:#EEEEEE;
text-decoration:underline;
}
.listblock {
width:180px;
color: #EEEEEE;
margin:10px 0px 4px 6px;
padding:4px 4px 4px 4px;
background-color: #555555;
text-align:left;
border:1px solid #CCCCCC;
font-size:.9em;
}
.listblock a:link {
text-decoration:none;
color:#EEEEEE;
}
.listblock a:active {
text-decoration:none;
color:#EEEEEE;
}
.listblock a:visited {
text-decoration:none;
color:#EEEEEE;
}
.listblock a:hover {
color:#EEEEEE;
text-decoration:underline;
}
.listblock_title {
background-color: #555555;
font-size:1.2em;
font-weight: bold;
color:#FFCC00;
text-align:center;
padding:0px 2px 6px 2px;
margin:0px 3px 0px 2px;
}
.list_divider {
text-align:center;
margin:0px 3px 0px 2px;
color:#EEEEEE;
font-weight:bold;
background-color:#555555;
}
#story_table {
border-top: 1px #D9CAD9 solid;
border-left: 1px #D9CAD9 solid;
padding:0px 0px 0px 0px;
}
.commentarea {
text-align:center;
margin:20px 0px 4px 0px;
width:500px;
}
.module_output_ps {
float:left;
padding:10px 0px 6px 0px;
margin:3px 0px 0px 8px;
}
.hhlogo {
float:left;
margin:0px 10px 4px 0px;
}
.graphic_r {
float:right;
clear:right;
margin:0px 8px 10px 6px;
display:block;
}
.graphic_l {
float:left;
clear:left;
margin:1px 10px 4px 0px;
}
.fwidthlistA {
width:130px;
vertical-align:top;
display:block;
float:left;
clear:left;
}
.fwidthlistB {
width:250px;
vertical-align:top;
}
#titlebar {
font-weight:bold;
padding:0px 0px 4px 6px;
color:#EEEEEE;
}
#contactus {
float:left;
margin:0px 4px 0px 4px;
width:400px;
background-color:#333333;
}
#flashchat {
width:600px;
margin:0px 6px 6px 6px;
padding:10px 8px 4px 8px;
background-color:#FFEEFF;
border:1px solid #5C246E;
float:left;
}
#member {
border:1px solid #5C246E;
}
#signup {
width:100%;
}
/************* news story styles *************/
.storytitle {
margin-bottom:4px;
text-align:left;
font-size:1.1em;
}
.story_topic8 {
font-weight:600;
font-size:1.1em;
background-color:#990000;
padding:2px 6px 2px 6px;
margin:0px 0px 6px 0px;
}
.story_topic7 {
font-weight:600;
font-size:1.1em;
background-color:#990000;
padding:2px 6px 2px 6px;
margin:0px 0px 6px 0px;
}
.story_topic4 {
font-weight:600;
font-size:1.1em;
background-color:#660099;
padding:2px 6px 2px 6px;
margin:0px 0px 6px 0px;
}
.story_topic3 {
font-weight:600;
font-size:1.1em;
background-color:#660099;
padding:2px 6px 2px 6px;
margin:0px 0px 6px 0px;
}
.story_topic2 {
font-weight:600;
font-size:1.1em;
background-color:#990000;
padding:2px 6px 2px 6px;
margin:0px 0px 6px 0px;
}
.story_topic1 {
font-weight:600;
font-size:1.1em;
background-color:#3366FF;
padding:2px 6px 2px 6px;
margin:0px 0px 6px 0px;
}
.storytimage img {
margin:0px 12px 6px 0px;
border:1px solid #5C246E;
float:left;
}
.storypic {
float: right;
margin:6px 6px 6px 8px;
border:1px solid #CCCCCC;
text-align:center;
}
.storypic_l {
float: left;
margin:6px 16px 8px 4px;
border:0px solid #CCCCCC;
text-align:center;
}
.storypic_caption {
color: #EEEEEE;
padding: 2px 4px 6px 6px;
background-color: #666666;
text-align:left;
font-size:.9em;
line-height:1.2;
}
.storyblock {
clear:right;
float:right;
width:25%;
margin: 12px 2px 12px 18px;
border:1px #CCCCCC solid;
padding:8px 10px 10px 10px;
background-color:#444444;
text-align:center;
}
.storyblock_title {
font: bold 1.1em Arial, Helvetica, sans-serif;
margin-bottom:8px;
}
.storyblock_text {
text-align:left;
font: normal .9em Arial, Helvetica, sans-serif;
color:#EEEEEE;
line-height:1.3;
}
#fullstory {
padding:0px 4px 0px 8px;
margin:0px 0px 0px 0px;
width:auto;
line-height:1.4;
}
#fullstory p {
padding:0px 4px 0px 4px;
}

#fullstory_paged {
border:1px solid #CCCCCC;
margin:0px 2px 0px 6px;
padding:0px 8px 2px 9px;
line-height:1.4;
float:left;
}
#previewtext {
margin:0px 0px 0px 0px;
}
#previewtext p {
line-height:1.3;
padding:0px 6px 0px 6px;
}
/*********** story items list *************/
.itemslist {
margin:4px 8px 0px 10px;
/*white-space:nowrap; */
line-height:20px;
padding:0px 0px 0px 0px;
}
.storyitem {
text-align:center;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#000000;
border:1px solid #990000;
background-color:#EEEEEE;
font: bold .9em Arial, Helvetica, sans-serif;
width:0%;
}
.storyitem a {
padding:0px 4px 0px 4px;
margin:0px 0px 0px 0px;
color:#000000;
text-decoration:none;
}
.storyitem a:link {
color:#000000;
background-color:#EEEEEE;
text-decoration:none;
}
.storyitem a:active {
color:#000000;
background-color:#EEEEEE;
text-decoration:none;
}
.storyitem a:visited {
color:#000000;
background-color:#EEEEEE;
text-decoration:none;
}
.storyitem a:hover {
color:#EEEEEE;
background-color:#333333;
text-decoration:none;
}
.summary1 {
background-color:#555555;
padding:6px 6px 6px 6px;
border:1px solid #CCCCCC;
float:left;
clear:left;
width:98%;
}
.summary2 {
background-color:#333333;
padding:6px 6px 6px 6px;
border:1px solid #CCCCCC;
float:left;
clear:left;
width:98%;
}
.summary_paged {
background-color:#444444;
border:1px solid #CCCCCC;
margin-bottom:6px;
padding:6px 6px 6px 6px;
}
.layercontent {
text-align:left;
border-bottom:1px solid #FFCC00;
border-left:1px solid #FFCC00;
border-right:1px solid #FFCC00;
background-color:#555555;
font-size:.9em;
padding:2px 4px 4px 4px;
white-space:normal;
}
.layertitlebar {
background-color:#333333;
color:#EEEEEE;
font-weight:bold;
padding:2px 4px 2px 4px;
border-top:1px solid #FFCC00;
border-left:1px solid #FFCC00;
border-right:1px solid #FFCC00;
text-align:center;
}
.layertitlebar a {
color:#EEEEEE;
font-weight:bold;
padding:0px 2px 0px 2px;
border:1px solid #990000;
text-decoration:none;
}
.layertitlebar a:link {
color:#FFEEFF;
border:1px solid #990000;
text-decoration:none;
}
.layertitlebar a:active {
color:#FFEEFF;
border:1px solid #990000;
text-decoration:none;
}
.layertitlebar a:visited {
color:#FFEEFF;
border:1px solid #990000;
text-decoration:none;
}
.layertitlebar a:hover {
color:#000000;
background-color:#EEEEEE;
border:1px solid #990000;
text-decoration:none;
}
.pn-button {
font-weight:bold;
font-size:.9em;
}
.searchform {
margin:6px 0px 10px 0px;
}
.postwrap-content {
width:400px;
}
A.helplink:link {
font-size:.9em;
color:#EEEEEE;
text-decoration:underline;
}
A.helplink:visited {
font-size:.9em;
color:#EEEEEE;
text-decoration:underline;
}
A.helplink:active {
font-size:.9em;
color:#EEEEEE;
text-decoration:underline;
}
A.helplink:hover {
font-size:.9em;
color:#FFCC00;
text-decoration:none;
}
#titleBar {
color:#FFEEFF;
padding:0px 0px 4px 4px;
}
#titleBar_link {
color:#FFEEFF;
}
#titleBar_link a {
color:#FFCC00;
font-size:.9em;
padding:0px 2px 0px 2px;
}
#titleBar_link a:hover {
color:#5C246E;
background-color:#FFEEFF;
text-decoration:none;
}
.warning_message {
text-align:center;
font-weight:bold;
}
#storymenu {
float:right;
text-align:center;
padding:10px 4px 6px 6px;
margin:0px 0px 0px 0px;
}
.section_header_juliejensen {
font-weight:600;
font-size:1.1em;
background-color:#990000;
padding:2px 6px 2px 6px;
margin:0px 0px 6px 0px;
display:block;
border-bottom:1px solid #CCCCCC;
}
.section_header_reminiscences {
font-weight:600;
font-size:1.1em;
background-color:#990000;
padding:2px 6px 2px 6px;
margin:0px 0px 6px 0px;
display:block;
border-bottom:1px solid #CCCCCC;
}
.section_header_storyoverviews {
font-weight:600;
font-size:1.1em;
background-color:#3366ff;
padding:2px 6px 2px 6px;
margin:0px 0px 6px 0px;
display:block;
border-bottom:1px solid #CCCCCC;
}
.section_header_bonusalbums {
font-weight:600;
font-size:1.1em;
background-color:#660099;
padding:2px 6px 2px 6px;
margin:0px 0px 6px 0px;
display:block;
border-bottom:1px solid #CCCCCC;
}
.section_header_bonusvideos {
font-weight:600;
font-size:1.1em;
background-color:#660099;
padding:2px 6px 2px 6px;
margin:0px 0px 6px 0px;
display:block;
border-bottom:1px solid #CCCCCC;
}
.section_header_juliesebooks {
font-weight:600;
font-size:1.1em;
background-color:#990000;
padding:2px 6px 2px 6px;
margin:0px 0px 6px 0px;
display:block;
border-bottom:1px solid #CCCCCC;
}
.section_header {
font-weight:600;
font-size:1.1em;
background-color:#990000;
padding:2px 6px 2px 6px;
margin:0px 0px 0px 0px;
display:block;
border-bottom:1px solid #CCCCCC;
}
.block_style_A {
border:1px solid #CCCCCC;
background-color:#333333;
width:230px;
height:210px;
padding:4px 4px 4px 6px;
margin:2px 10px 8px 0px;
vertical-align:top;
text-align:center;
}
.block_style_B {
border:1px solid #CCCCCC;
background-color:#333333;
width:230px;
height:210px;
padding:4px 4px 4px 6px;
margin:2px 10px 8px 0px;
vertical-align:top;
}
.helpnote_r {
font: italic normal 1.0em "Times New Roman", Times, serif;
text-align:left;
background-color:#444444;
float:right;
border:1px dotted #CCCCCC;
padding:6px 6px 6px 8px;
margin:4px 0px 4px 8px;
width:25%;
display:block;
}
.helpnote_story {
text-align:left;
font-size: .9em;
background-color:#444444;
float:right;
border:1px dotted #CCCCCC;
width:25%;
padding:3px 3px 3px 4px;
margin:0px 8px 6px 4px;
display:block;
}
.helpnote {
font: italic normal 1.1em "Times New Roman", Times, serif;
text-align:left;
border:2px dotted #FFCC00;
padding:6px 6px 6px 8px;
margin:4px 10px 0px 0px;
width:60%;
display:block;
}
#videocontainer {
float:left;
clear:left;
margin:18px 10px 0px 0px;
padding:0px 0px 10px 0px;
}
#flashalternate {
border:1px solid #FFCC00;
background-color:#EEEEEE;
color:red;
width:400px;
padding:8px 8px 8px 8px;
}

/************ xstory styles ************/

.xstory_table {
float:left;
clear:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.xstory_title a {
font-size:1.2em;
font-weight:bold;
margin:6px 0px 2px 0px;
color:#FFCC00;
text-decoration:none;
}
.xstory_title a:link {
font-size:1.1em;
font-weight:bold;
margin:6px 0px 2px 0px;
color:#FFCC00;
text-decoration:none;
}
.xstory_title a:active {
font-size:1.1em;
font-weight:bold;
margin:6px 0px 2px 0px;
color:#FFCC00;
text-decoration:none;
}
.xstory_title a:visited {
font-size:1.1em;
font-weight:bold;
margin:6px 0px 2px 0px;
color:#FFCC00;
text-decoration:none;
}
.xstory_title a:hover {
font-size:1.1em;
font-weight:bold;
margin:6px 0px 2px 0px;
color:#FFCC00;
text-decoration:underline;
}
.xstory_data {
font-size:.9em;
margin:2px 0px 6px 0px;
text-align:left;
}
.xstory_data a {
font-size:1em;
}
.xstory_text {
margin:4px 10px 4px 4px;
line-height:1.4;
float:left;
}
.xstory_more {
text-align:right;
margin:6px 20px 6px 0px;
white-space:nowrap;
}

#weeklypic {
width:120px;
float:right;
clear:right;
border:1px solid #CCCCCC;
margin:0px 1px 4px 8px;
}
#weeklypic_title {
width:120px;
text-align:center;
padding:0px 0px 0px 0px;
color:#EEEEEE;
font-weight:bold;
background-color:#990000;
}
#operationsblock {
text-align:center;
background-color:#333333;
margin:0px 0px 0px 0px;
padding:1px 2px 1px 2px;
font-size:1em;
}
#operationsblock_title {
background-color:#444444;
text-align:center;
font-weight:bold;
}
#operationsblock.input {
font-size:.9em;
font-weight:bold;
}
#pagedpagelinks {
text-align:center;
border:1px solid #FFCC00;
padding:0px 10px 0px 10px;
width:auto;
white-space:nowrap;
}
#pagedpagelinks a {
text-decoration:none;
}
#pagedpagelinks a:hover {
text-decoration:underline;
}
#ps-random-block-right {
font-size:.9em;
color: #EEEEEE;
font-weight:bold;
text-align: center;
margin:0px 0px 0px 0px;
padding:8px 4px 0px 4px;
}
#ps-random-block-right img {
border: 1px solid #CCCCCC;
margin:0px 0px 0px 0px;
}
#ps-random-block-right a {
color:#EEEEEE;
text-decoration: underline;
font-weight:normal;
}
#ps-random-block-right a:hover {
text-decoration: none;
font-weight:bold;
}
#julienote {
font:italic normal 1.1em "Times New Roman", Times, serif;
margin:0px 0px 0px 0px;
padding:0px 4px 0px 4px;
line-height:1.2;
}
#julienote a {
text-decoration:underline;
}
.ebookblock {
margin:2px 0px 4px 10px;
padding:10px 8px 10px 8px;
font-size:.9em;
line-height:1.0;
text-align:center;
width:160px;
border:1px solid #FFCC00;
background-color:#333333;
}
.ebookblockleft {
margin:10px 0px 10px 10px;
padding:10px 10px 10px 10px;
font-size:.9em;
line-height:1.0;
text-align:center;
width:170px;
border:1px solid #CCCCCC;
}
.ebookblockleft_title {
font-size:1.1em;
font-weight: bold;
color:#FFCC00;
text-align:center;
padding:0px 0px 6px 0px;
margin:0px 0px 0px 0px;
}
.ebookblockleft a:link {
text-decoration:none;
color:#EEEEEE;
}
.ebookblockleft a:active {
text-decoration:none;
color:#EEEEEE;
}
.ebookblockleft a:visited {
text-decoration:none;
color:#EEEEEE;
}
.ebookblockleft a:hover {
color:#EEEEEE;
text-decoration:underline;
}
.ebookblockright {
margin:10px 10px 6px 0px;
padding:10px 10px 10px 10px;
font-size:.9em;
line-height:1.0;
text-align:center;
width:150px;
border:1px solid #CCCCCC;
}
.ebookblockright_title {
font-size:1.0em;
font-weight: bold;
color:#EEEEEE;
text-align:center;
padding:0px 0px 6px 0px;
margin:0px 0px 0px 0px;
}
.ebookblockhoriz {
padding:10px 10px 10px 10px;
font-size:1.0em;
line-height:1.0;
text-align:left;
border:0px solid #CCCCCC;
}
#ebookbottom {
font-size:.9em;
}
.ebookblockcenter {
margin:0px 6px 6px 0px;
padding:10px 10px 6px 10px;
font-size:.9em;
line-height:1.0;
text-align:left;

}
.ebookblockcenter ul {
margin:0px 0px 0px 4px;
}
/*********** online items list *************/
.onlineitemslist {
margin:4px 0px 8px 10px;
padding:8px 8px 8px 0px;
border:1px solid #FFCC00;
text-align:left;
}
.onlineitem {
margin:0px 0px 0px 0px;
padding:0px 0px 6px 0px;
color:#EEEEEE;
font: normal .9em Arial, Helvetica, sans-serif;
}
.notes {
font: normal normal 1.1em "Times New Roman", Times, serif;
padding:0px 20px 20px 20px;
width:75%
float:left;
}
#ps-random-articleblock {
float:left;
clear:left;
font-size:.9em;
color: #EEEEEE;
font-weight:bold;
text-align: center;
margin:4px 10px 4px 2px;
padding:10px 10px 10px 10px;
border: 0px solid #CCCCCC;
}
#ps-random-articleblock img {
border: 1px solid #CCCCCC;
margin:0px 0px 6px 0px;
}
#ps-random-articleblock a {
color:#EEEEEE;
text-decoration:underline;
font-weight:normal;
}
#ps-random-articleblock a:hover {
text-decoration:none;
color:#FFCC00;
}