/* August 21, 2004 CSS  for Himalayan Academy Publications Books */
/* Created with the kind assistence of Sean Powell, Toronto, Canada */



/* standard elements  at the top*/
/* can delete later when these pages take the new site wide css design*/

body
{
 font-family: "Times New Roman", Arial;
background: #fff url(/images/main-pages-lower-right-bg.jpg) no-repeat bottom right;
margin: 0px;
margin-right: 10 px;
padding: 0px; 
}

p
{
     font-size: 120%;  
     margin-top: 0px;
     line-height:1.1em;
}

p img {   
     margin: 0px 10px 10px 0px;
     float: left;
}

/* for subheads above inline text sections */
p.subhead
{
     font-weight: bold;
     margin-top: 4em;
     margin-bottom: 0px;     
}
     
p.hangingIndent
{
     margin-top: 4em;
     padding-left: 1em;
     text-indent: -1.1em
}
     

h1
{
     /*color: rgb(116,1,4);*/
     font-size: 175%;
     font-weight: bold;
     text-align: center;
clear: left;
}

h2
{
     font-size: 150%;
    /* color: rgb(116,1,4);*/
     font-weight: bold;
     text-align: center;
clear: left;
}


h3
{
     font-size: 135%;
     font-weight: normal;
     text-align: center;
     clear: left;
}

h4
{
     /*color: rgb(116,1,4);*/
     font-size: 120%;
     font-weight: bold;
     text-align: center;
}

h4.left 
{
text-align: left;
}



.bi {
font-weight: bold;
font-style: italic; }

hr.centered
{
     text-align: center;
margin: 10px auto 10px auto;
     width: 50%;
     height: 2px;
     clear: both;
 }

.centered
{
text-align: center;
margin: auto;
}

blockquote { font-size: 120%; }

.indent {
padding: 0px 40px 0px 40px; }

.outdent {
text-indent: -2em;
padding-left: 2em;}

.dropcap {
font-size: 2.2em;
float: left;
padding-right: 2 px;
}

hr
{
     color: #2a6523;
     background-color: #363;
     z-index: 3;
     width: 100%;
     height: 2px;
     float: left;
     clear: left;
}

/* custom classes and ID's follow*/
/* for book content pages, in order of appearance*/
/* beginning to end of book, top to bottom of page */

#container 
{
/*position: absolute;*/
height: 1%;
position: relative;
padding: 82px 175px 0px 118px;
margin: 0px;
top: 0px;
left: 0px;
max-width: 810px;
background: url(/images/main_pages_bg.jpg) no-repeat; 
}

/* for table of contents page */


table.toc
{
     margin-left: 25px;
     left: 15px;
    clear: both;
}

.heading1
{
     color: #600;
     font-size: 115%;
     font-weight: bold;
     line-height: 1.5em;
     text-align: center;
}

.heading2
{
     color: #6a1304;
     font-size: 90%;
     font-weight: bolder;
     line-height: 2em;
     margin-bottom: 8px;
}

.toc-verses { margin-bottom: 20px; }
.centered { text-align: center; }

/* for very top small section-chapter headers */
/* and top navigation */


#container
{
     width:580px;
margin: auto;
}


.runningHeaderLeft
{
    
     font-size: 80%;
     font-style: italic;
     font-weight: bold;
     margin: 0 0 2px 0;
     float: left;
}

.runningHeaderRight
{
    
     font-size: 80%;
     font-weight: bold;
     margin-top: 0px;
     margin: 0 0 2px 0;
     float: right;
}

#headerNav
{
     clear:both;
     margin:4px 0;
}

#headerNav img
{
     display:block;
}

/* opening spreads */
/* There are two variations in the books: one for front and back matter */
/* and one for main content section, mandalas in this case*/
/* the css attempts to serve both */

#opening_background_art
{
     width: 580px;
    /* margin: 8px 0;*/
     height: 417px;
}

.toc-art
{
     background: url(../resources/books/dws/images/Bkgrd-T-of-contents-woman.jpg) no-repeat top left;
}

#openingSpreadLeft
{
     width: 290px;
     float:left;
     /*text-align: center;*/
}

/* adjust the margins for these h tags only */

#openingSpreadLeft h1, #openingSpreadLeft h2
{
     margin:30px 0px;
     text-align: center
}

#openingSpreadRight h1, #openingSpreadRight h2
{
   /*  margin: 20px 0;*/
     text-align: center
}

/* center the block illustrations */

#upanishad_head_art
{
      margin-top:100px; text-align: center
}
#mandala_head_art
{
     text-align: center
}

#openingVerse
{
    width: 260px;
     float: right;
    margin-top:100px;
}

#longOpeningVerse
{
     font-size: 90%;
width: 260px;
     float: right;
    margin-top: 45px;
}

/* now we give the text some right padding */

#openingVerse p, #longOpeningVerse p
{
     padding-right:40px;
}


#openingSpreadRight
{
     font-size: 90%;
     width: 285px;
     float: right;
     text-align: center;
     margin-top:45px;
}

#chapterPreface
{
     font-size: 105%;
    font-family: papyrus, serif, fantasy;
line-height: 120%;
padding: 24px;
 
}

.spacer
{
	/* a good all purpose div */
	/* in this case, we're using it to pull the bottom of the div down that holds the left and right opening div's */
	/* we need to do this so that the opening_background_art div actually has some height to it */
	/* and we can apply the background image successfully */

	clear:both;
	line-height:0;
	height:8px;
	font-size:0;
}

.artisticRule
{
margin: 20px 0px 20px 0px;
background: url(/resources/images/Verse_Break_Border.jpg)
no-repeat top center;
height:12px; width:580px;}

#pageContent
{
     /* we need to now clear the 2 floated div's */
     clear:both;
     padding-top:5px;
     margin-top: 12px;
}

#pageContent li {
font-size: 120%;  
     margin-top: 0px;
     line-height:1.1em;
}

#pageContent p
{
     margin: 10px 0;
}

.slokaNumber
{
     font-variant: small-caps;
     font-size: 85%;
     text-align: center;
     margin-bottom: -.75em;
}

.artAndCaption
{   
     margin-right: 12px;
     width: 290px;
     float: left;
     clear: left;
}

.artAndCaption img
{ 
margin-top: 24px;
}


.artCaption
{    
font-size: 100%;
     font-style: italic;
     text-align:left;
}

.openingArtCaption
{
     font-size: 100%;
     font-style: italic;
     margin-top: 45px;
     text-align:left;
display: inline-block; }


.citation
{
     font-size: 85%;
     text-align: right;
}

.plainText { font-style: normal; }




/* bottom of the page,  takes relative position by default */

#footer_nav {position:relative; }

/* Unique elements. Create sparingly! */

table.worldPopulation
{
     width:580px;
     margin-bottom: 30 px;
}

td.religion
{
     width: 120px;
}

td.noBelievers
{
     width: 170px;
}

/*The following are specific to Dancing with Siva*/

.sloka
{
     font-size: 135%;
     font-weight: 500;
     padding-left: 30px;
     padding-right: 30px;
     padding-bottom: 20px;
}

.slokaImage
{
     width: 290px;
     height: 417px;
     border: solid black 1px;
}

.leftCompare {
margin-top: 12px;
width: 270px;
padding-right: 10px;
text-align: right;
float: left;
}

.rightCompare {
margin-top: 12px;
width: 270px;
text-align: left;
padding-right: 10px;
float: right;
 }

p img {   
     margin-right: 10px;
     float: left;     
}

.imageLeft {   
     margin-right: 14px;
     float: left;     
}

.imageRight {   
     margin-left: 14px;
     float: right;     
}

.primerUnitBlock {
clear: both;
padding-top: 24px;
width: 580px;
}

.primerUnitBlock p {
font-size: 1.5em;
line-height: 1.3em;
}

.leftAlphaBlock {
margin-top: 18px;
font: italic  2.4em Times, "Times New Roman", serif;
width: 270px;
padding-right: 10px;
text-align: right;
float: left;
}

.rightAlphaBlock {
margin-top: 18px;
font: italic  2.4em Times, "Times New Roman", serif;
width: 270px;
text-align: left;
padding-left: 10px;
float: right;
}

.bigLetter {
font-style: bolder;
font-size:  1.70em;
line-height: .75em;
{