/* keyline around page_bkgnd_src */
#pageFrame {
	border: solid #000 1px;
	width: 699px;
	height: 499px;
	position: absolute;
}
/* 
.page_bkgnd_src {
	border: solid #f00 1px;
	z-index: 1;
	margin-left: -344px;
	visibility: visible;
	width: 700px;
	width: 500px;
}
 */

/* all body containers */
#bodyLayout {
	position: absolute;
	overflow: auto;
}

/* full_page */
.full_page {
	margin-top:10px;
	margin-left:10px;
	width:680px;
	height:420px;
}

/* popup_effect */
.popup_effect {
	margin-top:25px;
	margin-left:160px;
	width:380px;
	height:390px;
}

/* popup_effect_tall */
.popup_effect_tall {
	margin-top:0px;
	margin-left:160px;
	width:380px;
	height:475px;
}

/* left_low */
.left_low {
	margin-top:300px;
	margin-left:35px;
	width:220px;
	height:155px;
}

.left_low_7x5 {
	margin-top:300px;
	margin-left:27px;
	width:230px;
	height:155px;
}

.left_low_wide_7x5 {
	margin-top:300px;
	margin-left:27px;
	width:350px;
	height:155px;
}

.left_bottom_7x5 {
	margin-top:355px;
	margin-left:27px;
	width:230px;
	height:100px;
}

/* left_low_edge */
.left_low_edge {
	margin-top:305px;
	margin-left:20px;
	width:230px;
	height:150px;
}
/* left_short */
.left_short {
	margin-top:200px;
	margin-left:27px;
	width:280px;
	height:265px;
}

/* left_short_up */
.left_short_up {
	margin-top:115px;
	margin-left:18px;
	width:300px;
	height:265px;
}

/* left_short_wide */
.left_short_wide {
	margin-top:240px;
	margin-left:27px;
	width:350px;
	height:225px;
}

/* midleft_short */
.midleft_short {
	margin-top:205px;
	margin-left:100px;
	width:300px;
	height:250px;
}

/* left_medium */
.left_medium {
	margin-top:150px;
	margin-left:27px;
	width:230px;
	height:305px;
}

.left_medium_7x5 {
	margin-top:150px;
	margin-left:27px;
	width:240px;
	height:305px;
}

.left_half_7x5 {
	margin-top:120px;
	margin-left:27px;
	width:240px;
	height:260px;
}

/* left_medium_up */
.left_medium_up {
	margin-top:140px;
	margin-left:27px;
	width:230px;
	height:315px;
}

/* left_medium_narrow_noscroll */
.left_medium_narrow_noscroll {
	margin-top:215px;
	margin-left:18px;
	width:210px;
	height:240px;
	overflow:hidden !important; 
}

/* left_tall */
.left_tall {
	margin-top:70px;
	margin-left:27px;
	width:240px;
	height:385px;
}

.left_tall_7x5 {
	margin-top:100px;
	margin-left:27px;
	width:240px;
	height:355px;
}

.left_wide_7x5 {
	margin-top:130px;
	margin-left:27px;
	width:350px;
	height:325px;
}

.left_tall_narrow_7x5 {
	margin-top:100px;
	margin-left:27px;
	width:210px;
	height:355px;
}

/* left_tall_narrow_noscroll */
.left_tall_narrow_noscroll {
	margin-top:115px;
	margin-left:27px;
	width:210px;
	height:340px;
	overflow:hidden !important; 
}

/* left_full */
.left_full {
	margin-top:20px;
	margin-left:20px;
	width:250px;
	height:435px;
}

/* left_full_edge */
.left_full_edge {
	margin-top:20px;
	margin-left:0px;
	width:250px;
	height:435px;
}

/* right_wide */
.right_wide {
	margin-top:175px;
	margin-left:280px;
	width:400px;
	height:130px;
}

/* right_low_wide */
.right_low_wide {
	margin-top:245px;
	margin-left:300px;
	width:380px;
	height:190px;
}

.right_low_rr_noscroll_7x5 {
	overflow:hidden !important; 
	text-align:right;
	margin-top:350px;
	margin-left:419px;
	width:260px;
	height:105px;
}

.right_low_wide_rr_7x5 {
	text-align:right;
	margin-top:300px;
	margin-left:330px;
	width:350px;
	height:155px;
}




/* right_medium_wide_rr */
.right_medium_wide_rr {
	text-align:right;
	margin-top:105px;
	margin-left:365px;
	width:310px;
	height:310px;
}

.right_medium_7x5 {
	margin-top:150px;
	margin-left:450px;
	width:240px;
	height:305px;
}

/* right_wide_rr */
.right_wide_rr {
	text-align:right;
	margin-top:175px;
	margin-left:300px;
	width:400px;
	height:250px;
}

.right_tall_rr_7x5 {
	margin-top:100px;
	margin-left:433px;
	width:240px;
	height:355px;
	text-align:right;
}

/* special for James Brown story1 */
.right_short_top_rr_7x5 {
	margin-top:20px;
	margin-left:473px;
	width:220px;
	height:150px;
	text-align:right;
}

/* right_tall */
.right_tall {
	margin-top:50px;
	margin-left:420px;
	width:270px;
	height:405px;
}
/* centered_wide */
.centered_wide {
	margin-top:365px;
	margin-left:15px;
	width:670px;
	height:100px;
	text-align: center;
}

/* special_9_to_5 */
.special_9_to_5 {
	margin-top:450px;
	margin-left:10px;
	width:470px;
	height:40px;
	border: solid 2px #f90;
	overflow:hidden !important; 
}
.special_9_to_5 * {
	line-height:10px !important;	
	padding-top:2px;	
}


/* all body styles */
#bodyTheme * { display:inline; }
#bodyTheme h1 { display:none; } /* <h1> tags are used as page-dividers */
#bodyTheme h4 { text-decoration: underline; } /* page sell */
#bodyTheme h5, #bodyTheme h5 i { font-weight: bold; } /* x-head */
#bodyTheme i { position:relative; left:-.4em; } /* each word (allows background-color area to extend at line-ends) */
#bodyTheme a.anchor { display:block !important; margin-top: 500px; } /* used by 'click to reveal' text boxes */
#bodyTheme img { float:left; padding: 0px 4px; } /* inline images */

/* blue_steel */
.blue_steel * { color:#000 }
.blue_steel > * { background-color: #fff; border-top: solid 2pt #fff; } /* avoids selecting '<i>' */
.blue_steel { border-left: solid #fff 8pt;}
.blue_steel a > * { font-style: italic; }
.blue_steel a:hover { background-color: #fff !important; color: #f30 !important; }
.blue_steel h4, .blue_steel h4 * { color: #009; background-color: transparent; border-top: none; }

/* purple_people_eater */
.purple_people_eater * { color:#606 }
.purple_people_eater > * { background-color: #fff; border-top: solid 2pt #fff; } /* avoids selecting '<i>' */
.purple_people_eater { border-left: solid #fff 8pt;}
.purple_people_eater a > * { font-style: italic; }
.purple_people_eater a:hover { background-color: #ccc !important; color: #000 !important; }

/* blue_thunder */
.blue_thunder * { color:#009 }
.blue_thunder > * { background-color: #fff; border-top: solid 2pt #fff; }
.blue_thunder { border-left: solid #fff 8pt;}
.blue_thunder a > * { font-style: italic; }
.blue_thunder a:hover { background-color: #fff !important; color: #f30 !important; }
.blue_thunder h4, .blue_thunder h4 * { font-weight: bold; font-size: 9pt; text-decoration: none !important; }

/* black_russian */
.black_russian * { color:#000; }
.black_russian h4, .black_russian h4 * { color:#f30; }
.black_russian a { font-style: italic; text-decoration: underline; }
.black_russian a:hover { background-color: #f30 !important; }
.black_russian i { left: 0em !important; } /* remove default 'w' placement */

/* white_russian */
.white_russian *  { color:#fff; }
.white_russian i { left: 0em !important; }

/* lady_danger (push for 'ferarri', in later editions) */
.lady_danger * { color:#fff; }
.lady_danger > * { background-color:#b62a1d; border-top: solid 2pt #b62a1d; }
.lady_danger { border-left: solid #b62a1d 8pt;}
.lady_danger p * { font-weight:normal; }
.lady_danger a:hover { background-color:#000; }

/* ferarri */
.ferarri * { color:#000; }
.ferarri > *  { background-color: #fff; border-top: solid 2pt #fff; }
.ferarri { border-left: solid #fff 8pt; }
.ferarri a:hover { background-color:#c00; }
.ferarri h5, .ferarri h5 * { color: #c00 !important; }

/* ferarri_rr */
.ferarri_rr * { color:#000; }
.ferarri_rr > *  { background-color: #fff; border-top: solid 2pt #fff; }
.ferarri_rr { border-right: solid #fff 8pt; }
.ferarri_rr i { left:.4em !important; }
.ferarri_rr a:hover { background-color:#000; }
.ferarri_rr h4, .ferarri_rr h4 * { color: #c00;  background-color: transparent; border-top: none;}

/* tropical_heat */
.tropical_heat * { color:#fff; }
.tropical_heat > * { background-color:#dc0891; border-top: solid 2pt #dc0891; }
.tropical_heat { border-left: solid #dc0891 8pt; }

/* the_black_lung */
.the_black_lung * { color:#fff; }
.the_black_lung > * { background-color:#000; border-top: solid 2pt #000; }
.the_black_lung { border-left: solid #000 8pt; }
.the_black_lung a:hover, .the_black_lung a:hover * { color: #c00 !important; background-color: #000 !important; }

/* le_tigre */
.le_tigre * { color:#fff; }
.le_tigre > * { background-color:#f30; border-top: solid 2pt #f30; }
.le_tigre { border-left: solid #f30 8pt;}
.le_tigre a:hover { background-color: #000 !important; }

/* pink_panther */
.pink_panther * { color:#fff; }
.pink_panther > * { background-color:#c55295; border-top: solid 2pt #c55295; }
.pink_panther { border-left: solid #c55295 8pt;}
.pink_panther a:hover { background-color: #000 !important; }

/* pink_lady */
.pink_lady * { color:#000; }
.pink_lady h4, .pink_lady h4 * { color:#f09; }
.pink_lady a { font-style: italic; text-decoration: underline; }
.pink_lady a:hover { background-color: #999 !important; }
.pink_lady i { left: 0em !important; } /* remove default 'w' placement */

/* thunderhawk */
.thunderhawk * { color:#fff; }
.thunderhawk > * { background-color:#162881; border-top: solid 2pt #162881; }
.thunderhawk { border-left: solid #162881 8pt;}

/* skywalker */
.skywalker * { color:#000; }
.skywalker > * { background-color:#64a4c8; border-top: solid 2pt #64a4c8; }
.skywalker { border-left: solid #64a4c8 8pt;}

/* green_goodness */
.green_goodness * { color:#000; }
.green_goodness > * { background-color:#9c9; border-top: solid 2pt #9c9; }
.green_goodness { border-left: solid #9c9 8pt;}

/* bluejay */
.bluejay * { color:#000; text-decoration: none !important; }
.bluejay > * { background-color:#678df6; border-top: solid 2pt #678df6; }
.bluejay { border-left: solid #678df6 8pt;}
.bluejay h4, .bluejay h4 * { font-weight: bold; }

/* creme_anglaise_rr */
.creme_anglaise_rr * { color:#000; }
.creme_anglaise_rr > * { background-color:#fffa90; border-top: solid 2pt #fffa90; }
.creme_anglaise_rr { border-right: solid #fffa90 8pt;}
.creme_anglaise_rr i { left:.4em !important; }
.creme_anglaise_rr h4, .creme_anglaise_rr h4 * { font-size: 14px; color: #000; background-color: #fffa90; text-decoration:none !important; }

/* forbidden_fruit -- this adds huge amounts of space before and after <br /> elements, for anchor-jumpable lists */
/*.forbidden_fruit * { color:#000; background-color: #fff; border-top: solid 2pt #fff; }*/
/* .forbidden_fruit { border-left: solid #fff 4pt; margin-right: -8pt;}*/
/* .forbidden_fruit { padding: 0em .4em; } /* helps the background-color strips display properly???? */
.forbidden_fruit * { color:#000 }
.forbidden_fruit > * { background-color: #fff; border-top: solid 2pt #fff; } /* avoids selecting '<i>' */
.forbidden_fruit { border-left: solid #fff 8pt;}
.forbidden_fruit a > * { font-style: italic; }
.forbidden_fruit a:hover { background-color: #fff !important; color: #f30 !important; }
.forbidden_fruit h4 * { color: #009; }