/* file:  albigen.com/uarelove/styles/uarelove.css */

body {  margin: 20px 0px 100px 20px;         
	    font-family: verdana, tahoma, ariel, sans-serif;
	    font-size:18px;
		line-height: 1.7em; }

html, body {background:#fcfeff; height:100%; padding:0px;}

/******  hack for old IE
   http://www.yourhtmlsource.com/stylesheets/csslayout.html#centering  
   Center and left justify the page in the browser window. */
body {text-align:center;}
#mainwrapper {text-align:left; width:780px; margin:0 auto; }
/****** end of IE hack *******/


   
/* columns and panes
"A floated box must have an explicit width..." 

-- contentwrapper --
1. div topcontent (no float) .... div TopPane 
2. div rightcolumn, float = Right, width 200px ... div RightPane 
3. div leftcolumn, float = Left, width 200px... div LeftPane 
4. div centercolumn (no float) ... div ContentPane 
-- end contentwrapper --
followed by:  div clearboth { clear:both; font-size:0px; line-height:0px; }
*/

.clearboth{ clear:both; font-size:0px; line-height:0px; width:500px;}
/*  div.clearboth is needed for Firefox - before and after menu  */
   
    
    
/*** now back to old Albigen.com css ************/    
    
		
div.linetall { line-height: 1.75em;  }		
						
h1 { font-size: 125%;  }
h2 { font-size: 110%;  }
h3 { font-size: 100%;  }
h4 { font-size: 90%;  }


/* These styles are for awa_clarification.htm to mimic h1 & h2 */
/* Deprecated - use the new ones below this (span.header1 etc) */
span.subheaderlarge    { font-size: 135%; font-weight:bold; line-height: 1.45em;   }
span.subheader         { font-size: 110%; font-weight:bold; }

span.header1           { font-size: 135%; font-weight:bold; }
span.header2           { font-size: 110%; font-weight:bold; }
span.header3           { font-size: 100%; font-weight:bold; }

td { vertical-align:top;}



/* padding is the distance between the number and the text */
ol li { padding-left:15px; }


/* the following is required in IE to keep a larger font size
   from collapsing the padding causing a larger number like 100
   not to display fully */
ol li {  margin-left:10px;}  

     
ol.spaced1em li   { margin-top: 1em; margin-bottom: 1em }
ol.spaced3em li { margin-top: 2em; margin-bottom: 1em }

ol.tight { margin-bottom: 0px; margin-top:0px; } 
ol li.roman { list-style-type:lower-roman; }
ul.notcentered  { text-align:left; }

/* deprecate this */
table.toc td { height: 2em; }
table.twoEm td { height: 2em; }

/* for the table in sahaja.htm */
table.sahajachart tr th, table.sahajachart tr td 
              {  background-color:#efefef; font-size:16px; /* body is 18px */
                 padding-left:5px; padding-right:1em;}


/* These styles are for page titles, etc  */
h1.title, h2.title { margin-top:30px; margin-bottom: 0px; }
h1.titletight, h2.titletight, h3.titletight
                   { margin:0;}

span.headernote    { font-size:smaller; font-weight:bold; }
span.rednote       { font-weight:bold; color:red;}
span.note95pct     { font-size:95%;  }
span.note90pct     { font-size:90%;  }
span.note85pct     { font-size:85%;  }
span.note80pct     { font-size:80%;  }
span.note80pct a   { color:Gray;     }
span.note75pct     { font-size:75%;  }
span.note75pct a   { color:Gray;   }
span.note70pct     { font-size:70%;  }

span.bolded        { font-weight:bold; }

div.note75pct { font-size:75%;  }
div.note70pct { font-size:70%;  }

h2 span.comment { font-weight:normal; font-size:80%; }

p.alignright         { font-size:xx-small;  text-align:right; }
p.note, span.note    { font-size:16px; /* NEW. WAS "smaller */  }
p.note90             { font-size:90%;      }
p.note85             { font-size:85%;      }
p.note80             { font-size:80%;      }
p.note75             { font-size:90%; margin:20px 0; /* this is HACKED was 75% */ }
p.note75 a           { color:Blue;    }
p.title              { margin-bottom: 0px; }
p.titletop           { margin-top: 0px; }
p.titletight         { margin-bottom: 0px; margin-top: 0px; }

p.ital {font-style:italic }

/* styles for tables */

table.paddedrow         { margin-left:3px; }
table.paddedrow tr td   { padding-left:1em;  padding-bottom: 0.8em; padding-top: 0.8em; }
table.pad_half_em tr td { padding-left:0.5em; }

table.nisargadatta         {  }
table.nisargadatta tr td   { padding-left:1em;  padding-bottom: 1.2em; }


td { vertical-align:top; padding:5px 0; line-height:1.5em;}
 /* padding and line-height are NEW ; on index page need to replace table cells with divs */

td.notes   { font-size:95%; }
td.width40px  { width:40px;  }
td.width60px  { width:60px;  }
td.width100px { width:100px;  }

/* tables - cont. sets first cell column width - use in top row  */
td.top1of2 { width:40%; }

td.width70pct { width:70%; }
td.width30pct { width:30%; }

/* haven't figured out how to use this yet */
td.nobreak    { display:table-cell;  }

/* these styles are for the Description sections in 
   awa_instructions.htm, abandon_release.htm, muruganar_etc.  */
h3.description     { margin-bottom: 0px;  }
div.instructions p { margin-top:3px; margin-bottom:15px;}
div.widerspace p   { margin-top:3px; margin-bottom:15px;}

/* color test for elements - 
note space between parent and child elements
div.instructions h2 {color:blue }
 */

div.indent50 {margin-left:50px; }
div.indent35 {margin-left:35px; }
div.indent25 {margin-left:25px; }

hr {margin-left:25px; }


/* page width options */
div.width90 {width:90%;}
div.width80 {width:80%;}
div.width75 {width:75%;}
div.width70 {width:70%;}
div.width65 {width:65%; }



div.cancelbreak br {  line-height:0px;  }

/* anchor style */
a:link      { color: blue; text-decoration: none }
a:active    { color: red; text-decoration: none }
a:visited   { color: blue; text-decoration: none }
a:hover     { color: green; text-decoration: underline }