/*
	NOTE: FOR THIS TO WORK ON MAC, THIS FILE NEEDS TO BE AT APACHE SERVER ROOT LEVEL:
	/Library/WebServer/Documents/style.css
*/

body 
{
	margin: 10px;
	font-family: "Times New Roman","Gil Sans",Verdana,Tahoma,Optima,Arial,Helvetica,"Comic Sans MS",sans-serif;
}

body.comicbookreligion
{
	margin: 0;
	background-image: url(img_misc/ComBkRel_Bkgnd.jpg);
}

body.comicbookreligion_panels
{
	margin: 0;
	background-image: url(img_misc/comic_panels.jpg);
}

img
{
	border: 0;
}

.Psmaller
{
	font-size:85%;
}

table 
{
	empty-cells: show;
	border-collapse: collapse;
	font-size:90%;
}  

.comicPanelBackground
{
	background-image: url(img_misc/comic_panels.jpg);
	background-attachment: fixed;
}

table th
{
	font-size: 120%;
	background-color: rgb(225,225,255);
}

.ColumnSubHead
{
	font-size: 85%;
	font-weight: normal;
	color: green;
}

.indexLinks
{
	font-size: .7em;
 	line-height: 100%;
}

.indexLinksMedium
{
	font-size: .91em;
}

.indexLinks p
{
 	margin-top: 0;
 	margin-bottom: 0;
}

.indexLetter { font-size: 300%;
		color: red;
		line-height: 70%;
}

.fullIndexLinks p
{
	font-size: .9em;
 	line-height: 100%;
 	margin-top: 0;
 	margin-bottom: .1em;
    margin-left: 1em;
}


h1 {
	font-size: 270%;
	text-align: center;
	margin-top: 0; 
	margin-bottom: .3em; 
	line-height: 90%;
	}

.fullIndexLinks h1
{
	text-align: left;
}


.sub1 { 
	font-size: 50%;
	line-height: 50%;
	margin-top: 0em; 
	margin-bottom: 0em; 
	padding: 0em;
	border: 0em;
}


.sub2 { font-style: italic;
	font-size: 50%;
	color: green;
	margin-top: 0; 
}

.sub3 {
	font-size: 60%;
	color: green;
}

.smallerGray {
	font-size: 85%;
	color: rgb(70,70,70);
}


.listing p {
	font-size: 85%;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 110%;
}


p.subhead {
	font-size: 110%;
	color: red;
	margin-top: .4em;
	margin-bottom: 0;
}
    
a:link {text-decoration:none;} 
a:visited {text-decoration:none;}
a:hover{text-decoration:underline;} 


.footer {
    font-family: Tahoma,Arial,sans-serif;
    font-size: 85%;
    color: rgb(0,0,100);
  }



/* "dia" is short for "dialogue": these are lines spoken by characters */
.dia {
    font-family: monospace;
    line-height: 150%;
    margin-left: 9em;
    margin-right: 4em;
    text-indent: -7em;
  }

/* "tc" is short for "timecode" */
.tc {
    color: white;
    background-color: black;
    font-family: monospace;
    font-weight: normal;
    font-size: 115%;
  }

p.tc  {
	width: 20em;
    padding: 2px;
  }


/* "sp" is short for "speaker", and is used in dialog transcripts to identify the character speaking a line */
.dia b {
    color: black;
    background-color: rgb(220,220,220);
    font-family: monospace;
    font-size: 125%;
    font-variant: small-caps;
    font-weight: bold;
  }

/* "sn" is short for "stage notes", and is used to describe non-spoken action, or used for other comments, within dialog script.*/
.sn {
    color: gray;
    font-family: monospace;
    font-weight: normal;
  }

/* "scn" is short for "screenshot" These settings cause images to be centered*/
.scn {
	border: 0;
	display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
  }

.highlights {
	color: rgb(0,170,0);
	font-size: 115%;
}

.keywords {
	color: rgb(0,140,0);
	font-size: 90%;
	text-align: center;
}

p.keywords {
	margin-left: auto;
	margin-right: auto;
}

/* comic book panels and pages */
.panel {
	border: 0;
	display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;

    font-family: Tahoma,Arial,sans-serif;
    color: rgb(0,0,100);
    font-weight: bold;

    margin-bottom: 15px;
    clear: both;
  }

.panel p {
    margin-bottom: 0;
    margin-top: 0;
}

/* comic book panels and pages */
.panel_img {
	border: 0;
	display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
  }

.panel_desc {
    font-weight: normal;
    font-size: 95%;
  }

.comic_credits {
    font-weight: normal;
    font-size: 70%;
  }

.cover {
    float: right;
    padding: 5px;
}


/* This pertain to key facts about the source, such as writer, air date, publication date, etc. */
.credit_box {
    float: left;
    padding: 5px;
}

.credit_box p {
    margin-left: 1em;
    margin-right: auto;
    padding: 0;
    color: rgb(0,0,100);
    font-family: Tahoma,Arial,sans-serif;
    line-height: 107%;
    margin-top: 0;
    margin-bottom: 0;
    
  }

.article {
	font-size: 90%;
	line-height: 110%;
	text-indent: 2em;
	margin-bottom: .3em;
	margin-top: 0;
	background-color: rgb(255,255,255);
}

.greatest_headline {
    line-height: 200%;
	background-color: rgb(255,130,130);
	padding: .25em
}

.hero_headline {
    line-height: 25%;
	font-size: 115%;
	background-color: rgb(255,80,80);
	padding: .65em
}


.hero_pic {
	padding: .25em;
	float: right;
}

.hero_pic_left {
	padding: .5em;
	float: left;
}

.comments  {
		text-indent: -1em;
	    margin-top: 2em;
	    margin-left: 3.5em;
	    margin-right: 2em;
	    padding-left: 2em;
	    padding-right: .5em;
	    font-size: 90%;
	    font-family: Georgia,Times New Roman,New York,serif;
    	color: rgb(80,80,80);
    	border: 4;
    	border-style: outset;
		display: block;

  background-color: #FFFFFF;
  /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
  /* for Mozilla */
  -moz-opacity:0.7;

  }


.discuss
{
	font-family: "Times New Roman",Palatino,"New York",serif;
	font-size: 90%;
    line-height: 95%;
	background-color: rgb(225,225,255);
	margin-left: 5%;
	margin-right: 5%;
	padding: 1em;
    border: 4;
    border-style: outset;
	margin-bottom: 0.5em;
}

.discuss p
{
    text-indent: 1.5em;
    margin-top: 0em;
    margin-bottom: .3em;

}

p.dw /* dw = Discussion Writer  */
{
    color: rgb(100,100,255);
    text-indent: 0em;
    margin-left: -0.5em;
    font-weight: bold;
    margin-top: 1.5em;
 	line-height: 95%;
	background-image: url(img_misc/corner.gif);
	background-repeat: no-repeat;
	padding-top: 12px;
	padding-left: 13px;
}

p.noindent
{
   text-indent: 0em;
}

p.tight_spacing
{
    color: rgb(75,75,75);
    margin-top: 0em;
    margin-bottom: .1em;
	font-size: 90%;
 	line-height: 60%;
	text-align: center;
}

p.ds /* dw = Discussion Source  */
{
    font-family: Tahoma,Arial,sans-serif;
	font-size: 115%;
    text-indent: 0;
 	line-height: 100%;
}

.ed
{
	color: gray;
	font-family: Tahoma,Arial,sans-serif;
}

p.ed
{
    margin-top: 1.7em;
}


.char p
{
 	line-height: 100%;
    margin-top: 0em;
    margin-bottom: .2em;
}

p.char_article
{
 	line-height: 105%;
	font-size: 90%;
    margin-top: 1em;
    text-indent: 3em;
    margin-bottom: .2em;
}


td.col_char_img
{
	width: 50px;
	text-align: center;
	margin-right: 2px;
}

td.col_char_type
{
	width: 13px;
}

td.col_CBR
{
	width: 17px;
	text-align: right;
}


#article_greatest {
	position: absolute;
	margin-right: 5%;
	margin-left: 5%;
	width: 90%;
	padding: 1em;
}


/* BELOW: "Intro" and "Lists" were used on the now-defunct "source.php" page and NOW used on src.php */
/* Can not continue to leave these intact, because conflict with "greatest" page */

#Intro p {
	font-size: 85%;
	line-height: 110%;
	text-indent: 1.5em;
	margin-bottom: .3em;
	margin-top: 0;
}

#Intro {
	position: absolute;
	margin-right: .5em;
	left: 45.5%;
	padding: .5em;
 background-color: rgb(200,255,180);
}

#Lists {
 position: relative;
 margin-left: .3em;
 width: 65%;
}



img.floatRight {
    float: right;
    display: block;
    clear: right;
    padding-top: 0px;
}

#floatCenter {
	top: 2px; 
    margin-left: 45%;
	position: absolute;
	text-align: center;
}


#Prev {
 position: absolute;
 top: 0px;
 left: 0px;
 padding-left: 4px;
 padding-top: 0px;
}


/* STYLES FOR ComicsResearch.com pages */

.bodytext
{
font-family:sans-serif;
color:black;
}

.subhead
{
font-family:sans-serif;
font-size:115%;
color:darkred;
}

.storytitle
{
font-family:Impact,Gadget,Textile,Verdana,Arial Black,sans-serif;
font-size:125%;
color:red;
font-weight:normal;
}

.headline
{
font-family:Impact,Gadget,Textile,Verdana,Arial Black,sans-serif;
font-size:90%;
color:red;
font-weight:normal;
}

.smalltext
{
font-size:75%;
color:black;
}

.subtle
{
font-family:sans-serif;
font-size:65%;
color:gray;
}




/* SECTION-POSITIONING STYLES SPECIFICALLY FOR index.php pages */

#PageRight {
 position: absolute;
 top: 0;
 left: 10em;
}

#LeftMenu {
 position: absolute;
 top: 0;
 left: 0;
 padding-left: 5px;
 padding-top: 0px;
 width: 10em;
}


#SideLists {
 position: relative;
 top: 5px;
 background-color: #FFFFFF;
  /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
  /* for Mozilla */
  -moz-opacity:0.7;
}


#MainHeader p {
 text-align: center;
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0;
 margin-bottom: 0;
}

#MainTable {
 margin: auto; /*puts the table in the center with space on both left and right margins*/
 width: 95%;
 clear: right;
}

#CharacterTypeLegend {
 float: right;
}

#SearchBoxes {
 text-align: right;
 margin-top: 4px;
}

#noteSection {
	margin: auto;
	width: 90%;
	text-align: left;
	text-indent: 2em;
}

#AllReligionsIndex {
 position: relative;
 top: 0.1em;
 left: 0.2em;
 width: 97%;
 padding: 2px 2px;

 background-color: #FFFFFF;
  /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
  /* for Mozilla */
  -moz-opacity:0.7;

}


	.suggestion_list
	{
	background: white;
	border: 1px solid;
	padding: 4px;
	}
	
	.suggestion_list ul
	{
	padding: 0;
	margin: 0;
	list-style-type: none;
	}
	
	.suggestion_list a
	{
	text-decoration: none;
	color: navy;
	}
	
	.suggestion_list .selected
	{
	background: navy;
	color: white;
	}
	
	.suggestion_list .selected a
	{
	color: white;
	}

	#autosuggest
	{
	display: none;
	}