/* GLOBAL STYLESHEET FOR oldenwilde.org */

/* OVERALL LAYOUT. */

body {
  width: 100%;
  text-align: center;
  font-family: Book Antiqua, Palatino Linotype, Palatino, serif;
  font-size: 16px;
  background-color: /*rgb(255, 255, 228)*/beige;
  background-image: url(parchment9.gif);
}

body.blog #main, body.single #main {
  text-align: left;
}

body.blog #primary, body.single #primary {
	background: url(pix2/backgrounds/parchment-notepaper.png);
	padding-left: 3px;
}

#bounds, #wrapper.bounds {
  width: 850px; 
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

#big_bounds, #wrapper.big_bounds {
  width: 950px; 
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  padding-top: 0px;
}

#phplist_public #bounds {
  width: 730px; 
}

#home #big_bounds {
	width: 999px;
}

#header {
  margin-bottom: 20px;
}

#header img[float="left"] {
  margin-right: 8px;  
}

#header img[float="right"] {
  margin-left: 8px;  
}

#home td.section_heading {
	text-align: center;
	height: 60px;
}

#home .section_heading h2 {
	/*SHRINK-TO-FIT BOX*/
	background: url(pix2/backgrounds/parchment-notepaper.png);
	border: thick ridge rgb(153, 0, 0);
	margin: auto;
	padding: 3px 30px;
	color: rgb(153, 0, 0);
	display: inline-block;
}

#home .section_heading h2 {
	display: inline;
	/* HACK FOR STUPID BROWSERS -- I.E., IE */
}

html>body #home .section_heading h2 {
	display: inline-block;
}


#footer {
  text-align: left;
  clear: both;
}

#footer img {
  margin-bottom: 8px;
}

#footer hr {
  clear: both;
}

/* TEXT STYLING */

a:link {
  color: #4929ff;
	/* SAME AS color: rgb(73, 41, 255); */
  text-decoration: underline;
}

a:visited {
	color: #551a8b; 
	/* SAME AS color: rgb(85, 26, 139); */
  text-decoration: underline;
}

a:hover {
	  text-decoration: none;
}

a:active {
	color: rgb(153, 0, 0);
	/* SAME AS oldenred */
}

a.dashed {
  text-decoration: none;
  border-bottom: 1px dashed #4929ff;
  /* color: #006666; Oldengreen too confusing, per LP. Stick to default blue */
  color: #4929ff;
}

.announce_heading.red-border a.dashed {
  border-bottom: 1px dashed rgb(153, 0, 0);
  color: rgb(153, 0, 0);
}

a.plain {
  text-decoration: none;
}

.link_emulate {
  text-decoration: underline;
}

.link_emulate:hover {
	text-decoration: none;
}

.sf-menu a {
  text-decoration: none !important;
}

.sf-menu a:hover, .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .g-menu-link, .g-dialog-link {
  color: #51b6ff !important;
}
  
h1 {
  text-align: center;
  font-style: italic; 
  font-size: 42px;
}

h1.hidden {
	text-indent: -9999px;
	font-size: 1px;
}

h2 {
  text-align: center;
  font-style: italic; 
  font-size: 30px;
}

body.pagan_us h1 { /* Default h1 is too large, needs to be reduced for all pages */
  font-size: 30px;
}

body.pagan_us h2 {
  font-size: 25px;
}

#g-content h2 {  /* Gallery 3 style */
  font-size: 1.4em;
}

h3 {
  font-size: 20px;
}

.greenbox h3 {
  font-style: italic;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 8px;
  border: 2px inset rgb(190, 210, 138); 
  background-color: rgb(224, 245, 254);
}

body.blog #primary h3.widget-title, body.single #primary h3.widget-title {
  font-size: 16px;
}

h4 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

caption, .caption {
  font-style: italic;
  font-weight: bold; 
  font-size: 20px;
}

  /** Drop cap **/
#fp:first-letter {
font-size : 300%;
font-weight : bold;
float : left;
margin-right: 3px;
}

ul, ul li.primary {
 list-style-image: url(pix2/bullets/pent_bullet.png);
}

ul ul, ul li.secondary {
 list-style-image: url(pix2/bullets/pent_bullet_hollow2.png);
}

ul ul ul, ul li.tertiary {
 list-style-image: none;
}

.oldenred-brown ul,
.oldenrusty ul {
 list-style-image: url(pix2/bullets/pent_bullet_rust.png);
}

ul.spacelist li {
  margin-bottom: 10px;
}

body.blog #primary ul.xoxo ul, body.single #primary ul.xoxo ul {  
  list-style-image: url(pix2/bullets/pentagram_bullet_oldenwilde-rich-blue.png);
  font-size: 14px;
}

  /** Style of list used in samhain\rite09\upcoming.html to emphasize first word as a kind of title for the list item **/
ul.samhain-list li span:first-child {
	font-style: italic;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 20px;
}

ul.samhain-list li br span {
	text-indent: 25px;
}

.signature {
display: block; 
text-align: right; 
}

.title {
	font-style: italic;
}

div.fineprint {
  width: 100%;
  text-align: center;
  font-size: 11px;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.small-caps {
	font-variant: small-caps;
}

.strikeout {
  text-decoration: line-through;
}

.center {
	text-align: center;
}

.center-x {  /* HORIZONTAL. COMBINE WITH PIX.CSS, .center-x.picnameclass, AND MAKE .center-x.picnameclass HAVE MARGIN-LEFT = MINUS 1/2 THE IMAGE OR OTHER ELEMENT'S WIDTH. CF. .next-page.center-x BELOW. */
  position: relative;
  left: 50%;
}

.center-y {  /* VERTICAL. COMBINE WITH PIX.CSS, .center-y.picnameclass, AND MAKE .center-y.picnameclass HAVE MARGIN-TOP = MINUS 1/2 THE IMAGE OR OTHER ELEMENT'S HEIGHT. */
  position: relative;
  top: 50%;
}

.justify {
  text-align: justify;
}

.embiggen {
	font-size: 120%;
}

.beshrink {
  font-size: 80%;
}

.normal {
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 100%;
}

.ellipsis-bold {
  background: url(pix2/backgrounds/ellipsis.png) repeat-x ;
}

.clear {
  clear: both;
}

p.continued {
  font-size: 80%;
  font-style: italic;
  text-align: left;
}

/* TEXT COLORS */

.oldenred {
color: rgb(153, 0, 0);
}

.oldenred-brown, 
.oldenrusty {
color: rgb(123, 46, 0);
}

.silver {
  color: #494949;
}

.oldenbluegreen {
  color: #006666;
}

/***** IMAGES AND BOXES *****/
/* also see pix.css */

.left {
float: left;
margin-right: 8px;
}

.right {
float: right;
margin-left: 8px;
}

.middle {
margin-right: auto;
margin-left: auto;
}

.bullet_icon {
margin-right: 6px;
margin-top: -6px;
}

/* view larger */
.magnify-clip, a.magnify-clip {
  width: 15px;
  height: 11px;
  margin-top: 5px;
}

a.magnify-clip {
  display: block;
  background: url(pix/magnify-clip.png) no-repeat ;
  clear: both;
}

a.next-page, a.prev-page { /* WHEN USED TOGETHER, MAKE next-page WIDTH = 115PX. NOT SURE WHY IT IS SO WIDE HERE. N.B.: WHEN FAST LOADING IS IMPORTANT, DON'T USE THIS. USE img.next-page, img.prev-page. */
  display: block;
  width: 150px;
  height: 25px;
  font-style: italic;
  font-weight: bold;
  font-size: 18px;
  background: url(pix2/hand_right_oldenred.png) no-repeat 100% 5px ;
}

a.prev-page {
  background: url(pix2/hand_left_oldenred.png) no-repeat 0% 5px ;
  text-align: right;
}

a.next-page:hover {
  background-image: url(pix2/hand_right_oldenred-inverse.png);
}

a.prev-page:hover {
  background-image: url(pix2/hand_left_oldenred-inverse.png);
}

a.next-page.center-x {
  width: 124px;
  margin-left: -62px;
}

.credit {
font-size: 10px;
font-style: italic;
text-align: center;
}

.pic_box {
	font-style: italic;
	font-size: 13px;
	text-align: center;
	margin-bottom: 10px;
}

.bordered_box {
border: thick ridge rgb(170, 170, 170); 
background-image: url(pix2/backgrounds/parchment_burlap2.png);
padding: 6px;
}

.scrollbox_left {
float: left;
width: 240px;
height: 950px;
overflow: scroll;
clear: left;
margin: 20px 8px 10px 0px;
padding: 0px 5px 5px 6px;
background-color: rgb(224, 245, 254);
font-size: 13px;
font-style: italic;
border: thin ridge rgb(170, 170, 170); 
}

.bluebox_bordered {
border: thick ridge rgb(170, 170, 170); 
/* same as #aaaaaa */
padding: 4px; 
text-align: center; 
font-weight: bold; 
background-color: rgb(224, 245, 254);
/* same as #e0f5fe */
margin-left: auto; 
margin-right: auto; 
margin-bottom: 20px;
}

.bluebox_thinborder {
border: thin ridge rgb(170, 170, 170); 
background-color: rgb(224, 245, 254); 
padding: 5px;
}

.greenbox {
border: 2px solid rgb(224, 245, 254); 
padding: 8px; 
text-align: left; 
background-color: rgb(190, 210, 138);
margin-bottom: 20px;
}

.yellowbox {
border: 2px solid #031378; 
padding: 8px; 
text-align: left; 
background-color: #fcec87;
}

.greenbox .interviews ul li:first-child {
   margin-bottom: 20px;
   }
   
.greenbox .interviews ul li span {
    margin-left: 20px;
    }
    
.greenbox .interviews ul li.more {
    margin-top: 20px;
    }
    
#home .greenbox {
  width: 750px;
}

.greenbox .interviews ul li.fox-carolina {
  margin-bottom: 0px;
}

/* Silver metallic box. See oldenwilde\members\pass\consult_lady_passion.html for layout structure.  */
.silverbox {
  width: 248px;
  font-size: 12px;
  color: #494949;
}

.silverbox-top {
  width: 100%;
  height: 13px;
  background: url(pix2/backgrounds/silver-panel-top.png);
}

.silverbox-middle {
  width: 100%;
  background: url(pix2/backgrounds/silver-panel-middle.png) repeat-y ;
}

.silverbox-middle .content {
  width: 225px;
  margin-left: 8px;
  text-align: justify;
}

.silverbox-middle .content p:first-child {
  margin-top: 0px;
}
  
#consult_lady_passion .silverbox-middle .content p:first-child {
  font-weight: bold;
}

.silverbox-middle .content p.last {
  margin-bottom: 0px;
}

.silverbox-bottom {
  width: 100%;
  height: 21px;
  background: url(pix2/backgrounds/silver-panel-bottom.png);
}

.silverbox.wide {
  width: 500px;
}

.silverbox.wide .silverbox-top {
  background: url(pix2/backgrounds/silver-panel-top-500px.png);
}

.silverbox.wide .silverbox-middle {
  background: url(pix2/backgrounds/silver-panel-middle-500px.png);
}

.silverbox.wide .silverbox-middle .content {
  width: 460px;
  margin-left: 12px;
}

.silverbox.wide .silverbox-bottom {
  background: url(pix2/backgrounds/silver-panel-bottom-500px.png);
}

.notepaperbox {
	background: url(pix2/backgrounds/parchment-notepaper.png);
	border: thick ridge silver;
	margin: auto;
}

.info-box {
	padding: 8px; 
	width: 240px; 
	margin-bottom: 10px;
	font-family: Helvetica,Arial,sans-serif;
}

.blackbox_bordered {
border: thick ridge rgb(170, 170, 170); 
padding: 4px; 
text-align: center; 
font-weight: bold;
font-size: 15px; 
color: rgb(246, 101, 10);
background-color: black;
margin-left: auto; 
margin-right: auto; 
margin-top: 50px;
}

.donate-to-oldenwilde-box { /* CONTAINS orange_donate_button */
  width: 160px;
  height: 96px;
  padding: 5px 5px 4px 5px;
  color: #004444;
  text-align: center;
}

.donate-to-oldenwilde-box div.orange_donate_button {
	height: 49px;
	padding-top: 1px;
}
.donate-to-oldenwilde-box div.orange_donate_button:hover {
	background-color: #016a5b;
}

.donate-to-oldenwilde-box h5 {
  font-size: 11px;
  margin-top: 3px;
  margin-bottom: 4px;
}
#right_sidebar .donate-to-oldenwilde-box {
  border-bottom: 2px groove #004444 ;
  float: left;
  margin-left: -6px;
  margin-bottom: 13px;
}
.donate-to-oldenwilde-box.keep-samhain-free {
  border: 2px groove #004444 ;
  float: right;
/* ALSO SEE samhain.css */
}

#samhain_intro .donate-to-oldenwilde-box h4 {
  margin: 0px auto ;
}

.test {
  border: 1px solid red;
}  

/*** CSS TOOLTIP ***/
/** Specify background, border, font color, and span position and size separately, per home.css and samhain.css. Span is just before closing \a. If a dummy link, using "#", for sake of tooltip only, add class "dashed" to a href for dashed green underline. **/
a.tooltip {
  position: relative;
}

a.tooltip span, a.tooltip div.main {
  display: none;
  }
 
a.tooltip:hover {
  background-color: transparent;
  /*background-color: rgb(224, 245, 254);*/
  border-bottom: 0px;
  }
/* The above hover change defeats the
  IE/Win display changing bug */
 
a.tooltip:hover span, a.tooltip:hover div.main {
  position: absolute;
  display: block;
  background-color: transparent;
  /*background: rgb(224, 245, 254);
  border: 1px solid #4929ff;*/
	padding: 4px;
	font-size: 11px;
	font-style: normal;
	/*color: rgb(123, 46, 0);*/
	text-align: justify;
	z-index: 999;
  }

a.tooltip:hover span.blue {
  background-color: rgb(224, 245, 254);
  color: rgb(153, 0, 0);
}

/*a.tooltip:hover span.astro {
  top: -315px;
  left: 80px;
}*/

#pentagrams_us a.tooltip:hover span {
  background-color: rgb(224, 245, 254);
  color: rgb(153, 0, 0);
  position: absolute;
  left: 0px;
}

.announce_text a.tooltip:hover span {
  width: 600px;
}

.announce_text a.tooltip:hover span h4 {
  margin-top: 5px;
  margin-bottom: 5px;
}

a.tooltip:hover span.speakingofstrange {
  height: 130px;
  top: -137px;
  left: -30px;
}

a.tooltip:hover span.haunted-history-museum {
  height: 155px;
  top: -165px;
  left: -170px;
  overflow: scroll;
}

a.tooltip:hover span.simply-savory {
  width: 300px;
  height: 135px;
	font-size: 12px;
	top: -145px;
  left: -155px;
  padding-left: 15px;
  padding-right: 15px;
}

a.tooltip:hover span.webportal {
	top: -150px;
  left: -170px;
  width: 615px;
  height: 138px;
  padding-left: 25px;
  padding-top: 10px;
  overflow: scroll;
}

a.tooltip:hover span.webportal h4 {
  margin-top: 20px;
}

a.tooltip:hover span.webportal p {
  width: 530px;
  margin-left: 50px;
}

a.tooltip:hover span.magical-mentor {
  height: 155px;
  top: -165px;
  left: -170px;
  overflow: scroll;
}

a.tooltip:hover span.good-cheer {
  width: 220px;
  height: 35px; /* good height for 2 lines of text */
  top: 30px;
  left: 0px;
}

/* HERE IS CLEAN EXAMPLE OF HOW TO DO img HOVER WITHOUT USING BACKGROUNDS. SEE srasmus/oldentext/manygods.html, WHICH ALSO HAS THIS WITH AN UNUSUAL "SPLIT" CSS TOOLTIP. */

div.eye-pyramid {
  position: relative; 
  height: 130px;
}
div.eye-pyramid a img {
  width: 120px;
  height: 120px;
  position: absolute;
  top: 0;
  left: 415px; /* img MUST BE ABSOLUTELY POSITIONed SO .link AND .hover STAY PERFECTLY SUPERIMPOSED. LEFT = big_bounds WIDTH, 950PX, DIVIDED BY 2 = 475, THEN MINUS ONE-HALF THE IMAGE WIDTH = 475-60 = 415. */
}
div.eye-pyramid a, div.eye-pyramid a:hover {
  display: block;
}
div.eye-pyramid a img.hover, div.eye-pyramid a:hover img.link {
  visibility: hidden;
}
div.eye-pyramid a img.link, div.eye-pyramid a:hover img.hover {
  visibility: visible;
  border: 0;
}
div.eye-pyramid a.tooltip div.main {
  top: 0px; 
  left: 95px; 
  width: 750px;
}
div.eye-pyramid a.tooltip div.main div {
  width: 300px;
}


.popup_narrative {
font-size: 13px;
width: 450px;
padding: 0 5px;
text-align: justify;
overflow: scroll;
}
/* USE THESE PARAMETERS FOR JAVASCRIPT POPUP:
'width=490, height=450, scrollbars=1'
*/

.popup_narrative.center-x {
  margin-left: -225px;
}

.newsletter_sub {
  width: 275px;
  height: 365px;
  text-align: left;
}

/* Olden golden is rgb(254, 224, 74). A little garish; try #ffff99, a yellow pixel in parchment.gif. */
.newsletter_sub input:focus,
.newsletter_sub select:focus,
.newsletter_sub textarea:focus,
body#phplist_public input:focus,
body#phplist_public select:focus,
body#phplist_public textarea:focus {
  background-color: #ffff99;
} 

.newsletter_sub .formfield,
.newsletter_sub .formselect,
body#phplist_public input,
body#phplist_public select,
body#phplist_public textarea {
  color: #011fb5;
}

.newsletter_sub .submit_button {
  margin: 10px 0 0 15px ;
}

body#phplist_public .required,
body#phplist_public .attributename,
body#phplist_public .attributeinput {
  font-family: Book Antiqua, Palatino Linotype, Palatino, serif;
  font-size: 14px;
  font-weight: bold;
}

body#phplist_public input.button_red {
  background: url(pix2/backgrounds/bkg_button_red.gif) no-repeat 50% 50% ;
  color: rgb(254, 224, 74);
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
}

body#phplist_public input.button_red:hover {
  /*color: rgb(81, 182, 255); OW light blue, inverse of oldenred */
  color: #60ff52; /* light green related to ow light blue */
}

/* Subscribe button and text on home page, links to phplist subscribe page styled above. Same colors in button. Home-page positioning in home.css */

div.subscribe-box {
  font-style: italic;
  width: 275px;
  height: 60px;
}

div.subscribe-box span.subscribe-text {
  display: block;
  margin-top: 7px;
	/*color: rgb(153, 0, 0);*/
  font-weight: bold;
}

a.subscribe-button {
  color: rgb(254, 224, 74);
  width: 95px;
  text-decoration: none;
}

a.subscribe-button:hover {
  color: #60ff52;
}

/* Generic button. Legend is inline text, not graphic, so SEO-friendly. Button image changes to pressed-button image when clicked. Trick for this uses img instead of background sprite, so loads quickly. Both img's load together, but only one is visible at a given time, viz., .link as default vs. .active when pressed. 
DOES NOT SEEM TO WORK IN IE8 */

a.text-button {
  position: relative;
  text-align: center;
}

a.text-button:active {
  color: #66ffff;
}

a.text-button img.link {
  visibility: visible;
} 

a.text-button:active img.link {
  visibility: hidden;
} 

a.text-button img.active {
  visibility: hidden;
  position: absolute;
  left: 0;
} 

a.text-button:active img.active {
  visibility: visible;
} 

a.text-button span {
  z-index: 999;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: -3px;
  top: 0px;
  font-weight: bold;
}

.mano-pantea-wallpaper {
  background-image: url(../srasmus/oldenpix/TGS/mano_pantea_sm_grey5.gif);
}

.vitarka-gesture-wallpaper {
  background-image: url(pix2/backgrounds/vitarka-gesture.png);
  height: 100%;
}

/* DIVIDERS */

.green_rule {
  border: thick ridge rgb(170, 170, 170); 
  background-color: rgb(0, 85, 0); 
  width: 850px; 
  height: 5px;
}

#mid_separator {
background-image: url(separator1.gif);
background-repeat: repeat-x;
clear: both;
height: 24px;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}

#end_separator {
background-image: url(separator2.gif);
background-repeat: repeat-x;
clear: both;
height: 24px;
width: 100%;
margin-top: 12px;
}

.bkgnd_notepaper,
.notepaper {
  background: url(pix2/backgrounds/parchment-notepaper.png);
}

div.notepaper {
	 border-style: solid;
	 border-width: 1px;
	 border-color: #fff #d9d9d9 #d9d9d9 #fff;
}

.divider-pentagram {
  background: url(pix2/divider-pentagram.png) 50% 0 no-repeat;
  height: 17px;
}  

/* FORMS */

/* ANTI-SPAM. SEE sendmail.php */
input.my-url {
  display: none;
}


/* START GLOBAL HEADER */

#header.global {
	width: 850px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 11px; /* THIS PREVENTS OVERLAP OF SIDEBAR BACKGROUND. Z-INDEX DOES NOT WORK -- MAY BE THE "SCOPING PROBLEM", MAY NEED TO DECLARE AN APPROPRIATE PARENT AS POSITION:RELATIVE OR ABSOLUTE. WHEN YOU ADD HORIZONTAL LINKS TO COLORED BAR IN LINKS-SECTION FOR SOME SECTIONS AND EXPAND IT FROM 9 TO 24 PX, YOU WILL HAVE TO FIGURE OUT HOW TO INCREASE THIS MARGIN IN THOSE SECTIONS BUT NOT OTHERS. MAYBE THE HEIGHT NEEDS TO BE CHANGED INSTEAD OF MARGIN-BOTTOM. */
	margin-top: -3px;
	padding: 0px;
	/*
	border: 1px solid #45eee2 ;
  border-left-color: #42796e; 
  border-top-color: #45eee2; 
  border-right-color: #042f2f; 
  border-bottom-color: #042f2f;
  */ 
}

#phplist_public #bounds #header.global {
	width: 100%;
	margin-right: -10px;
}

/* USING oldenwilde_logo7-140x156.png */
#header.global .oldenwilde_logo {
  width: 140px;
  height: 150px;
  float: left;
  margin-right: 8px;
  margin-bottom: 2px;
}

#header.global .header-text {
  position: relative;
	line-height: .63;
	text-align: center;
	padding-top: 13px;
	width: 315px;
	float: left;
	/*color: #2c43a3;  OW Blue, used at Oldenworks, derived from TGS cover. Too light for header. */
	color: #1c1a89; /* A complement of our visited-link color. Nice rich royal-midnight blue. */
}

/* DEFAULT HEADING SIZES 
h1 42px
h2 30
h3 20
*/

#phplist_public #bounds #header.global .header-text {
	right: -50px;
}

#header.global .header-text .coven-oldenwilde-top-heading, #header.global .header-text .blog-witchenwilde-top-heading {
  width: 296px;
  height: 28px;
  position: absolute;
  left: 10px;
  top: 24px;
}

#header.global .header-text .blog-witchenwilde-top-heading {
  width: 223px;
  left: 46px;
}

#header.global .header-text h2 {
  font-size: 20px;
}

#header.global .header-text h2.blogblurb {
  line-height: 1;
}

#header.global .header-text h2.coven-oldenwilde-name {
  text-indent: -3333px;
  margin-bottom: 28px;
}

#header.global .header-text h3 {
  font-size: 10px;
}

#header.global h3 {
	line-height: 1;
}

/** SECTION LOGO A. FOR INDIVIDUAL SECTION LOGO BACKGROUNDS, SEE pix.css **/
#header.global a.section_logo {
  display: block;
  width: 145px;
  height: 145px;
  float: right;
  margin-left: 8px;
  background-repeat: no-repeat;
}

/*
#header.global .section_logo img {
  width: 145px;
  height: 145px;
} 
*/

/** LINKS BLOCK POSITIONING. FOR LINKS STYLES, SEE global-menu.css **/

#header.global #header-linksblock {
  width: 220px;
  float: left;
}

#header.global #links-top {
  width: 220px;
  float: right;
  text-align: left;
  margin-top: 20px;
}

#header.global .addthis {
  float: right;
  font-size: 12px;
  font-weight: bold;
  width: 60px;
}

/*** END GLOBAL HEADER ***/

/*** PAGES WITH SIDEBARS ***/
#bounds div.sidebar-page, #big_bounds div.sidebar-page {
  position: relative;
  border-bottom: 2px groove #474747 ;
}

#bounds div.sidebar-page.two-sidebars { clear: both; background: url(pix2/backgrounds/sidebars_lr_notepaper.png) repeat-y; }
#big_bounds div.sidebar-page.two-sidebars { clear: both; background: url(pix2/backgrounds/sidebars_lr_notepaper_big-bounds.png) repeat-y; }
.sidebar-page #left_sidebar, 
.sidebar-page #right_sidebar { width: 163px; text-align: center; position: absolute; top: 0px; }
.sidebar-page #left_sidebar { float: left; font-size: 80%; padding: 3px; color: #004444;/*<< CHANGE OR OMIT THIS??*/ }
.sidebar-page #left_sidebar h3, .sidebar-page #right_sidebar h3 { margin-bottom: 6px; margin-top: 6px; }
.sidebar-page #left_sidebar h4 { font-size: 16px; font-style: italic; margin: 6px auto; }
.sidebar-page #right_sidebar { font-size: 80%; padding: 3px; clear: both; right: 0px; }
.sidebar-page #middle_content { margin: auto; padding: 10px; }
#bounds .sidebar-page #middle_content { width: 480px; }
#big_bounds .sidebar-page #middle_content { width: 580px; }
.sidebar-page #middle_content h1 { margin-top: 0px; }

#left_sidebar.sidebar-menu, #left_sidebar.sidebar-menu a {  
  color: #2c43a3; /* OW RICH BLUE LIKE OLDENWILDE TITLE LOGO */
}

body.blog #primary h3.widget-title, body.single #primary h3.widget-title { 
  color: #1c1a89
}

#right_sidebar.sidebar-menu, #right_sidebar.sidebar-menu a {  
  color: #004444; /* BLUE-GREEN LIKE OLDENWORKS TITLE LOGO. IDEA IS, MORE GREEN FOR OLDENWORKS STUFF, MORE BLUE FOR OLDENWILDE STUFF. */
 }
 
.sidebar-menu ul li {  /*****/
  text-align: left;
  width: 120%;
  margin-bottom: 5px;
}

#left_sidebar.sidebar-menu ul li {  
  list-style-image: url(pix2/bullets/pentagram_bullet_oldenwilde-rich-blue.png);
  margin-left: -20px;
}

#right_sidebar.sidebar-menu ul li {
  list-style-image: url(pix2/bullets/pentagram_bullet_oldenworks-bluegreen.png);
  margin-left: -22px;
}

#left_sidebar.sidebar-menu a span {
  display: none;
 }

#left_sidebar.sidebar-menu a:hover { /*****/
  color: #0080ff;
 }

#right_sidebar.sidebar-menu a:hover {
  /*color: #51b6ff;*/
  color: #00753b;
} 
#right_sidebar.sidebar-menu a.plain:hover {
  color: #004444;
  cursor: help;
}

 
#left_sidebar.sidebar-menu a:hover span {
  position: absolute;
  display: inline-block;
  background: url(pix2/backgrounds/parchment-notepaper.png) repeat ;
  border: none/*1px solid #004444*/;
	padding: 4px;
	font-size: 13px;
	font-style: bold;
	color: #004444;
	text-align: left;
	top: 60px;
	left: 175px;
	width: 200px;
  }

#left_sidebar.sidebar-menu a:hover span {
  display: block;
}

html>body #left_sidebar.sidebar-menu a:hover span {
  display: inline-block;
}

.sidebar-menu.wrapped { /* Partial sidebar, to insert Adsense on page without full-length sidebar. Also used in blog. */
  width: 175px;
  height: 770px;
  background: url(pix2/backgrounds/parchment-notepaper.png) repeat ;
  padding-left: 15px;
  border: 1px solid #004444;
}

body.blog #primary h3.widget-title, body.single #primary h3.widget-title {
  /*float: right;*/
  clear: right;
  margin: 15px 30px 15px 10px;
} 

body.blog #right_sidebar.sidebar-menu.wrapped.donate-button-only, body.single #right_sidebar.sidebar-menu.wrapped.donate-button-only {
  height: 110px;
  float: right;
  margin: 10px 40px auto auto;
}

body.blog #right_sidebar.donate-button-only .donate-to-oldenwilde-box, body.single #right_sidebar.donate-button-only .donate-to-oldenwilde-box {
  border-bottom: 0px;
} 


#lp-articles-oracle2020-01 div#oracle2020 {
  border-top: 2px groove #474747 ;
  margin-top: -8px;
}

#lp-articles-oracle2020-01 #middle_content h3 {
  text-align: center;
}

#lp-articles-oracle2020-01 #middle_content h5 {
  text-align: center;
  margin-top: -20px;
}

#lp-articles-oracle2020-01 #middle_content blockquote {
  font-style: italic;
}

#lp-articles-oracle2020-01.intro #middle_content h2 {
  margin: 15px auto;
}

#lp-articles-oracle2020-01.intro #middle_content img.oracle-cover {
  width: 100px;
  height: 130px;
  float: left;
  margin-top: 20px;
}

#lp-articles-oracle2020-01.intro #middle_content ul {
  font-weight: bold;
  font-size: 16px;
  float: right;
  width: 450px;
  padding: 0px;
  margin-bottom: -10px;
}

#lp-articles-oracle2020-01.intro #middle_content ul span {
  font-style: italic;
}

#lp-articles-oracle2020-01.intro #middle_content ul li blockquote {
  font-style: normal;
  font-weight: normal;
  font-size: 80%;
  width: 90%;
  margin-left: 15px;
}

#content.header-pushdown {
  padding-top: 22px;
}

body#phplist_public #content.header-pushdown {
  padding-top: 0px;
}

body.pagan_us #content.header-pushdown {
  padding-top: 10px;
}

body.pagan_us .img-box { /* SAME AS pic-box IN pentagrams_us.html */
	font-size: 10px; 
	font-family: arial, geneva, sans-serif; 
	text-align: center;
}

body.pagan_us .img-box img {
	margin-bottom: 5px;
	margin-top: 8px;
}

body.pagan_us .img-box blockquote, body.pagan_us .img-box span.legend {
	text-align: left;
	font-style: normal;
}

body.pagan_us#temples_us .img-box blockquote {
	text-align: justify;
}

body.pagan_us .spell-tips {
  font-style: italic;
}

#pagan_us_navlinks_footer { /* pic_array, pic_row, pic_box ARE ALL PART OF THIS FOOTER */
  clear: both;
}

#intro_us .pic_array {
  width: 570px;
	height: 375px;
  margin: 20px auto 10px 200px;
}

#intro_us .pic_array, body.pagan_us .pic_array.small {
  padding: 10px 0 0 10px;
	background: url(pix2/backgrounds/parchment-notepaper.png);
	border: 1px groove gray;
}

body.pagan_us .pic_array.small {
  padding-top: 5px;
  width: 100%;
	height: 50px;
  margin: 20px auto 10px auto;
}

body.pagan_us .pic_box {
  font-family: arial, geneva, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	float: left;
}

#intro_us .pic_box {
	margin-right: 20px;
	margin-bottom: 10px;
	width: 170px;
	font-size: 13px;
}

.pic_array.small .pic_box {
	margin-right: 10px;
	margin-bottom: 5px;
	width: 94px;
	font-size: 11px;
}

.pic_array.small .pic_box:first-child {
	margin-right: 3px;
}

.pic_array.small .pic_box.adjust {
	width: 101px;
}

#intro_us .pic_array .pic_row.row_1 .adjust {
	margin-left: -5px;
}

#intro_us .pic_array .pic_row.row_2 .pic_box {
	width: 170px;
}

#intro_us .pic_array .pic_row.row_3 {
	padding-left: 70px;
}

#intro_us .pic_array .pic_row.row_3 .pic_box {
	width: 180px;
  margin-top: 10px;
}


body.pagan_us .pic_box a img, body.pagan_us a img.pagan_us_icon {
  border-color: transparent;
  border-style: ridge;
  border-width: 3px;
}

body.pagan_us .pic_array.small .pic_box a img, body.pagan_us a img.pagan_us_icon {
  border-width: 2px;
}

body.pagan_us .pic_box a:hover img, body.pagan_us a:hover img.pagan_us_icon {
  border-top-color: #1602b0;
  border-right-color: #b00216;
  border-bottom-color: #b00216;
  border-left-color: #1602b0;
}

body.pagan_us .pic_box a.legend {
  display: block;
  margin-top: 5px;
}

#matriotism #liberty-tree-poem {
	width: 350px;
  margin-left: 340px;
  clear: none;
}

.silverbox.qr-code-carousel .carousel.center-x {
  width: 140px;
  margin-left: -70px;
  text-align: center;
  margin-bottom: -15px;
}

.silverbox.qr-code-carousel .carousel #simplegallery1 {
  border: 2px inset #f5f6f6 ;
}

.silverbox.qr-code-carousel .silverbox-bottom {
  margin-top: -25px;
}

/********************************************/

/* ROUNDED CORNERS (for any box background against parchment). Needs more work.


.bl {
  background: url(pix2/backgrounds/round-bl.png) 0 100% no-repeat;
}
.br {
  background: url(pix2/backgrounds/round-br.png) 100% 100% no-repeat;
}
.tl {
  background: url(pix2/backgrounds/round-tl.png) 0 0 no-repeat;
}
.tr {
  background: url(pix2/backgrounds/round-tr.png) 100% 0 no-repeat;
}
.clear {
  font-size: 1px; height: 1px
} 
 */

/* OLD BOTTOM LINKS */
.bottom_links_old {
  clear: both;
  margin-top: 20px;
}


/* DONATE FOOTER 
N,B,: USE DONATE_FOOTER_BIGBOUNDS IN ALL big_bounds PAGES. SEE CODE IN gen_info/blk_rib/winfreedom.html. REPLACE DONATE_FOOTER (index.html) & DONATE_FOOTER_CENTERED (members/pass/consult_lady_passion.html) WITH THIS IN ALL PAGES AND RETIRE THOSE TWO. 
MADE THIS INTO A CLASS, NOT ID -- THIS SOMETIMES NEEDS REPEATING ON A PAGE!!! SEE samhain/rite09/samhain09.css AND samhain/rite09/upcoming09.html; CODE VERY SIMILAR, BUT ID NAMES HAD TO BE CHANGED. */


/* RETIRE THESE ASAP */

#donate_footer {
text-align: left; 
margin-top: 12px; 
width: 800px; 
height: 92px; 
margin-bottom: 7px;
}

.donate_now_button {
width: 166px; 
height: 72px; 
float: left; 
margin-top: 12px; 
margin-right: 24px;
}

.donate_now_button-right {
width: 166px; 
height: 72px; 
float: right; 
margin-left: 0px;
}

.hera-zeus-olden_button {
width: 81px; 
height: 92px; 
float: left; 
margin-right: 12px;
}

#donate_footer #text {
font-weight: bold; 
font-style: italic; 
font-size: 24px; 
color: rgb(102, 51, 51); 
}

#donate_footer_centered {
text-align: center; 
margin-top: 12px; 
width: 100%; 
height: 92px; 
margin-bottom: 7px;
clear: left;
}

#donate_footer_centered .hera-zeus-olden_button {
/* width: 82px; */ 
/* height: 93px; */ 
float: left; 
}

#donate_footer_centered .donate_now_button {
/* width: 167px; */ 
/* height: 73px; */ 
float: right; 
margin-top: -18px; 
margin-right: 20px;
}

#donate_footer_centered #text {
text-align: center;
margin-right: 190px;
position: relative;
top: 30px;
font-weight: bold; 
font-style: italic; 
font-size: 24px; 
/* color: rgb(102, 51, 51); USE OLDENRED-BROWN: */
color: rgb(123, 46, 0); 
}

#donate_footer_centered #text2 {
text-align: center;
float: left;
font-weight: bold; 
font-style: italic; 
font-size: 24px; 
/* color: rgb(102, 51, 51); USE OLDENRED-BROWN: */
color: rgb(123, 46, 0); 
}

#donate_footer_centered #text .smaller {
font-size: 12px;
}

/* USE THIS */

.donate_footer_bigbounds {
text-align: center; 
width: 100%; 
height: 92px; 
clear: left;
}

.donate_footer_bigbounds .hera-zeus-olden_button {
/* width: 82px; */ 
/* height: 93px; */ 
float: left; 
}

.donate_footer_bigbounds .donate_now_button {
/* width: 167px; */ 
/* height: 73px; */ 
float: right;
margin-top: 9px;
margin-right: 4px; 
}

.donate_footer_bigbounds #text {
text-align: center;
float: left;
font-weight: bold; 
font-style: italic; 
font-size: 24px; 
color: rgb(123, 46, 0); 
width: 670px;
/* SPECIFY margin-top IN IN-LINE STYLE TAG TO FIT SPECIFIC TEXT. FOR 1 LARGE, 24PX LINE, USE NNpx. FOR 1 LARGE LINE AND 1 SMALLER, 12PX LINE, USE 22px. */
}

.donate_footer_bigbounds #text .smaller {
font-size: 12px;
}