/*
	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: "Utopia Standard", Optima,Cochin, "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);*/
	background-color: rgb(255, 242, 143);
}

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



img
{
	border: 0;
}


#collage_image_table
{
	 margin: auto; /*puts the table in the center with space on both left and right margins*/
	 width: 1200px;
}


#LeftMenu .fb-like iframe {
width: 11.5em !important;
} 


fieldset.tight
{
	display: inline-block;
}

.Psmaller
{
	font-size:85%;
}


.Top_Page_Link
{
	margin-bottom: 0px;
}

.Bottom_Next_Page_Link
{
	font-size:85%;
	text-align: right;
	margin-top: 0px;
}



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

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

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

.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%;
    font-family: Arial,Tahoma,sans-serif;
}

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


.panel blockquote {
    font-weight: normal;
    font-family: Times New Roman,New York,serif;
	text-indent:2em;
    font-size: 115%;
}

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

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

.label_and_value
{
    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;

}

.character_list {
}



.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, 250, 205);
	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-width:4px;
    	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;

  }

.centerline {
	text-align: center;
}

.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-width:4px;
    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: 107%;
	font-size: 97%;
    margin-top: 0.5em;
    text-indent: 2em;
    margin-bottom: .2em;
    margin-left: 2%;
    margin-right: 2%;
}


td.center
{
	text-align: center;
}


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

td.col_char_type
{
	width: 13px;
}

td.col_CBR
{
	text-align: right;
}

td.align_right
{
	text-align: right;
}

td.align_top
{
	vertical-align: top;
}

td.align_top_right
{
	text-align: right;
	vertical-align: top;
}


#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: 3px;
 padding-top: 0px;
}

#Next {
 position: absolute;
 top: 0px;
 right: 0px;
 padding-right: 3px;
 padding-top: 0px;
 text-align: right;
}


.PrevNext
{
	font-size: .70em;
 	line-height: 100%;
 	margin-top: 0;
 	margin-bottom: 0;
}

.source_headline
{
 	margin-top: 20px;
 	line-height: 103%;
}

.source_headline_sub {
	font-size: 60%;
	color: green;
 	line-height: 60%;
}



/* STYLES FOR ComicsResearch.com pages */

.old_style
{
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: 11.6em;
}

#FooterSection {
 position: relative;
 left: 5px;
}



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


#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: 97%;
 clear: right;
}

#Character_Type_Legend {
 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;
	white-space:nowrap;
	padding: 4px;
	}
	
	.suggestion_list li
	{
	white-space:nowrap;
	}
	
	
	.suggestion_list ul
	{
	padding: 0;
	margin: 0;
	overflow:auto;
	width:200px;
	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;
	}

tr.rowhighlight td, tr.rowhighlight th{
    background-color:#FFFFE0;
}


td.cellhighlight{
    background-color:rgb(255,255,0);
}

tr.rowhighlight td.cellhighlight{
    background-color:rgb(255,255,0);
}




/*send email page: */

label.emailform{
float: left;
width: 9em;
font-weight: bold;
}


#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

.boxes{
width: 1em;
}

input:not([type=submit]):not([type=file]):not([type=button]), textarea{
	background-color: #FFFFE0;
}

input.emailform, textarea.emailform{
width: 20em;
margin-bottom: 5px;
}


textarea.emailform{
width: 80%;
height: 150px;
}





#right_side {
	float:right;
	right: 0px;
	top: 0px;
}


#left_side {
	position: absolute;
	left: 0px;
	top: 0px;
}

#message_at_top {
	position: relative;
	font-size: 85%;
}

.note {
	font-size: 90%;
	font-family: Courier, "Courier New", Monaco, monospace, serif;
	color: rgb(100,100,100);
}

.messages {
	font-size: 100%;
	font-family: Courier, "Courier New", Monaco, monospace, serif;
	color: rgb(250,0,0);
}

.positive_message {
	color: rgb(0,180,0);
}



table.creator_page_table {
	font-size: 103%;
	width: 98%;
	border: 0px;
}

td.creator_page_table {
    vertical-align: top;
}


.red_letter
{
	color:rgb(255,0,0);
}

.non_wrapping
{
    white-space:nowrap
}

.headline_sub
{
	font-size: 80%;
	color:rgb(150,150,150);
}

/* BELOW; Special positioning for "Most Popular Searches " page: */
#Religion {
	position: absolute;
	left: 0%;
	top: 1.8em;
	width: 30%;
	padding: .5em;
}

#Team {
	position: absolute;
	left: 31%;
	top: 1.8em;
	width: 30%;
	padding: .5em;
}


#Character_Name {
	position: absolute;
	left: 65%;
	top: 1.8em;
	width: 30%;
	padding: .5em;
}




ul.leaders {
    max-width: 40em;
    padding: 0;
	overflow-x: hidden;
    list-style: none}
ul.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "}
ul.leaders span:first-child {
    padding-right: 0.33em;
    background: white}
ul.leaders span + span {
    float: right;
    padding-left: 0.33em;
    background: white}


.author_name
{
	font-size:108%;
	display:inline-block;
	white-space:nowrap;
}

.text_area_compact
{
	font-size:85%;

}

form.no_wrap
{
	display:inline;
	white-space:nowrap;
	margin:0;
	margin-top: 0px;
	margin-bottom: 0px
	border:none;
	border-collapse: collapse;
	padding:0;
}


hr.fancy-line { 
    border: 0; 
    height: 1px; 
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(215,215,215,0.75), rgba(0,0,0,0)); 
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(215,215,215,0.75), rgba(0,0,0,0)); 
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(215,215,215,0.75), rgba(0,0,0,0)); 
    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(215,215,215,0.75), rgba(0,0,0,0)); 
    box-shadow: 0px -2px 4px rgba(136,136,136,0.75);
}

table.lined,
table.lined tr,
table.lined td,
table.lined th {
	border: 1px solid #000000;
}