/* GLOBAL STYLESHEET FOR oldenwilde.org */

/* OVERALL LAYOUT. (bounds = THE CONVENTIONAL wrapper) */

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

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

#big_bounds {
  width: 950px; 
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

#home #big_bounds {
	width: 999px;
}

#header {
  margin-bottom: 20px;
}

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

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

	/** HOMEPAGE HEADER. Need to move to home.css **/

#home #header {
	line-height: .63;
	text-align: center;
	width: 945px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}

#home #header .header-text {
	padding-top: 3px;
	width: 500px;
	float: left;
}

#home #header span.x-large {
	font-size: 24px;
	font-weight: bold;
}

#home #header h3 {
	line-height: 1;
}

#home #header .large {
	font-size: 19px;
	font-weight: bold;
	line-height: 1;
}

#home #header ul {
	text-align: left;
/* NOT WORKING FOR SOME REASON -- HAD TO PUT IN PAGE
	list-style-image: url(oldenwilde/pent_ball.gif);
*/
	line-height: 1.6;
	margin-left: 30px;
}


#home #header span.large img {
	vertical-align: middle;
	margin: 0px 5px;
}

#home #header #oldenwilde_chant {
	clear: both;
	margin-top: 8px;
	margin-bottom: 8px;
}


	/** END HOMEPAGE HEADER **/

#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;
}

#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;
}

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;
}

h3 {
  font-size: 20px;
}

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 {
 list-style-image: url(pix2/bullets/pent_bullet.png);
}

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

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

  /** 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;
}

.center {
	text-align: center;
}

.justify {
  text-align: justify;
}

.embiggen {
	font-size: 120%;
}

.beshrink {
  font-size: 80%;
}

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

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

/* TEXT COLORS */

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

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

.silver {
  color: #494949;
}

/***** 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;
}

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

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

.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-bottom: 56px;
    }
    
#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;
}

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

a.tooltip span {
  display: none;
  }
 
a.tooltip:hover {
  background-color: transparent;
  }
/* The above hover change defeats the
  IE/Win display changing bug */
 
a.tooltip:hover span {
  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.astro {
  top: -315px;
  left: 80px;
}*/

.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'
*/

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

/* Olden golden */
.newsletter_sub input:focus,
.newsletter_sub select:focus,
.newsletter_sub textarea:focus {
  background-color: rgb(254, 224, 74);
} 

.newsletter_sub .formfield,
.newsletter_sub .formselect {
  color: #011fb5;
}

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

.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: 12px;
}

#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;
}


/* 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;
}