@import "https://philadelphia-reflections.com/stylesheets/images.css";
/*
	Describes the overall page layout for the
	Philadelphia Reflections website
	
                       index.php Page Structure

   +............................. top  .....................................+
   |                                                                        |
   +........................................................................+

   
   +........................... wrapper ....................................+
   |                                                                        |
   |  +......................... left ...................................+  |
   |  |                                                                  |  |
   |  +..................................................................+  |
   |                                                                        |
   |                                                                        |
   |  +......................... right ..................................+  |
   |  |                                                                  |  |
   |  +..................................................................+  |
   |                                                                        |
   |                                                                        |
   |  +......................... center .................................+  |
   |  |                                                                  |  |
   |  |  +..................... welcome ...............................+ |  |
   |  |  |                                                             | |  |
   |  |  +.............................................................+ |  |
   |  |                                                                  |  |
   |  |  +..................... content ...............................+ |  |
   |  |  |                                                             | |  |
   |  |  |                                                             | |  |
   |  |  |                                                             | |  |
   |  |  +.............................................................+ |  |
   |  |                                                                  |  |
   |  |  +..................... comments ..............................+ |  |
   |  |  |                                                             | |  |
   |  |  +.............................................................+ |  |
   |  |                                                                  |  |
   |  +..................................................................+  |
   |                                                                        |
   |                                                                        |
   |  +......................... clear ..................................+  |
   |  +..................................................................+  |
   |                                                                        |
   +........................................................................+

   +........................... footer .....................................+
   |                                                                        |
   +........................................................................+

*/

body	{
		margin: 0;
		padding: 0;
		color: black;
		background-color: #ccc;
		background-image: none;
		}
		
p		{
		text-align:justify;
		}				
	
#top	{
		margin-top: 0;
		margin-bottom: 10px;
		margin-right: 5px;
		margin-left: 5px;
		padding: 0px;
		color: black;
		background-color: #22007D;
		}
		
.topHeadline	{
				color: #ea9f20;
				background-color: transparent;
				font-size: 32pt;
				font-family: garamond, times, serif;
				font-weight: bold;
				}
				
.topByline		{
				color: #fcff53;
				background-color: transparent;
				font-size: 12pt;
				font-family: garamond, times, serif;
				font-weight: bold;
				}
		


#wrapper	{
			margin: 0 10px;
			padding: 0;
			}

#left	{
		float: left;
		width: 200px;
		color: black;
		background-color: #ccc;
		font-weight: bolder;
		font-family: verdana, arial, sans-serif;
		font-size: 13px;
		line-height: 9px;
		padding-left: .5em;
		padding-top: 1.5em;
		}
		
/* formatting for FreeFind form */

form.ff3 {font-family: verdana,helvetica,sans-serif; font-size: 70%}

 input.ff2 {font-size:x-small}
 input.ff1 {background-color:#6a9cea;color:red}
 
/* ........................... */

a:link 
		{
		text-decoration: none;
		}
		
a:visited 
		{
		text-decoration: none;
		}

a:active 
		{
		}
		
a:hover	{
		color: #808080;
		background-color: yellow;
		text-decoration: underline;
		}

#right	{
		float: right;
		width: 200px;
		color: black;
		background-color: #ccc;
		}
		
			
/*   The box on the upper right of blogs and topics that says Return To Home */

.returnBox		{
				color: white;
				background-color: #41627E;
				width: 80%;
				display: block;
				margin-left: auto;
				margin-right: auto;
				}
				
.returnBoxIMG	{
				padding:5px;
				margin-left: 20px;
				margin-right: auto;
				}

.returnBoxHR	{
				width: 80%;
				height: 5px;
				color: white;
				background-color:gray;
				}
				
/* ........................................................................ */


/*   The "Print" button */

.printButton	{
				text-align: center;
				margin: 0;
								}

/* .................... */


#center	{
		margin-left: 210px;
		margin-right: 210px;
		color: black;
		background-color: #EEEEEE;
		font-family: georgia, verdana, arial, sans-serif;
		font-size: 13px;
		line-height: 16px;
		padding-left: 1.5em;
		padding-right: 1.5em;
		padding-top: 1.5em;
		}
		
		
/* styles of drop caps  */

p.firstDrop:first-letter 	{
							float: left;
							text-transform: uppercase;
							margin-right:15px;
							font-size: 48px;
							line-height: 40px;
							color: #777777;
							background-color: transparent;
							font-family: georgia, times, serif;
							}
						
			
.dropcap	{
			float: left;
			width: 49px;
			font-size: 48px;
			line-height: 45px;
			color: #777777;
			background-color: transparent;			
			font-family: georgia, times, serif;
			}
			
			
/*                                                                                */
/* .................... Welcome message at the top of the home page ............. */
/*                                                                                */

		
#welcome	{
			margin-top: 0;
			margin-right: 5px;
			margin-left: 5px;
			margin-bottom: 0;
			
			border-style:solid;
			border-width:2px;
			
			padding-top: 10px;
			padding-right: 15px;
			padding-left: 15px;
			padding-bottom: 0px;
			
			text-align:justify;
			font-size:120%;
			}
							
/* ....................................................................... */

				
#comment_form	{
				background-color:white;
				color:black;
				margin-top:20px;
				margin-bottom:0px; 
				margin-right:auto; 
				margin-left:auto; 
				width:75%;
				font-family:arial, sans-serif;
				font-size:10pt
				}
				
		
#clear	{
		clear: both;
		}
		
#footerhandheld	{ display: none; }
		
#footer	{
		color: black;
		background: #ccc;
		margin: 20px;
		font-family:verdana, arial, sans-serif;
		font-size: 10px;
		line-height: 11px;
		border-style:none; 
		}
		
.footerImage	{
				float: none;
				border-style: none;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;
				padding-left: 0px;
				}
		
.jumpToComments	{
				text-align: center;
				margin-top: 10px;margin-right: auto;margin-bottom: 0;margin-left: auto;
				font-family: arial, sans-serif;
				font-size:150%;
				}
				
a.jumpToComments:link { 
					background-color: #ccc;
					color: #41627E;
					}
							
a.jumpToComments:visited { 
					background-color: #ccc;
					color: #000000;
					text-decoration: none;
					}
					
a.jumpToComments:hover { 
					color: #FF0000;
					background-color: yellow;
					text-decoration: none;
					}
					
a.jumpToComments:active { 
					background-color: #ccc;
					color: #41627E;
					}

		
a.reflectionsFooterLink:link {
		color: black;
		background-color: #41627E;
		}	
					
a.reflectionsFooterLink:visited {
		color: white;
		background-color: #41627E;
		}

a.reflectionsFooterLink:active {
		color: black;
		background-color: #41627E;
		}
 
a.reflectionsFooterLink:hover { 
		color: red;
		background-color: yellow;
		text-decoration: none;
					}
					
.reflectionsFooterHR	{
						background-color:#41627F;
						color:#41627E;
						width:730px;
						height: 3px;
						margin-top:50px;
						}

/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p {
		 margin-top: 0;
		}

			

/* used in reflectionsFooterBox.php */
		
			.contactUs {
						padding: 0;
						margin-top: 15px;
						margin-right: auto;
						margin-bottom: 0px;
						margin-left: auto;
						text-align: center;
						width: 260px;
						background: transparent;
						}
			
			.contactUs ul {
						list-style: none outside;
						padding: 0;
						margin: 0;
						background: #DDDDDD;
						color: #000;
						border-style:	solid;
						border-color:	#BBBBBB;
						border-width:	1px 1px 1px 1px;
						font: 10px/15px verdana, helvetica, sans-serif;
						}

			.contactUs ul li {
						padding: 0;
						margin: 0;
						border: none;
						}
			
			.contactUs ul li a {
						display: block;
						padding: 4px 6px;
						margin: 0;
						background	: #DDDDDD;
						color:	#000000;
						border-bottom	: 1px #BBBBBB solid;
						border-top	: 1px #FFFFFF solid;
						text-decoration: 	none;
						}
 			
 			.contactUs ul li a:hover {
						background	: #FF0000;
						color:	#FFF;
						border-bottom: 1px #FFFFFF solid;
						border-top	: 1px #000000 solid;
						text-decoration: 	none;
						font-weight: 900;
						}
						
						
/* used in comment_display.php */
						
						
			#comments	{
						width:				90%;
						margin-top:			10px;
						margin-left:		auto;
						margin-right:		auto;
						margin-bottom:		10px;
						border-style:		none;
						padding:			10px;								
						background-color:	#eeeeee;
						color: black;
						}
						
				.overallFrame	{
								width:				85%;
								margin-top:			10px;
								margin-left:		auto;
								margin-right:		auto;
								margin-bottom:		0px;
								border-style:		none;
								padding:			5px;								
								background-color:	white;
								color: black;
								}
										
				.commentFrame	{
								border-style:		none;
								background-color:	white;
								color: black;
								padding:			5px;
								font-family:		arial, sans-serif;
								font-weight:		normal;
								font-size:			10pt;
								}
								
				.userFrame		{
								margin-top:			5px;
								border-top-style:	solid;
								border-top-width:	1px;
								border-top-color:	#C0C0C0;							
								padding:    		5px;
								color:				black;
								background-color:	white;
								font-family:		arial, sans-serif;
								font-size:			7pt;
								font-weight:		lighter;
								text-align:			left;
								}
								
/*	.......................... calendar ........................... */

									
table.calendar		{ 
										background-color: #FFFFCC;
										border: 1px solid #000000; 
										border-collapse:	collapse; 
										color:						#000000; 
										background:				#FFFFCC; 
										width:						160px;
									} 

td.calendarHeader	{	
										font-weight:			bolder; 
										color:						#CC0000; 
										background-color:	#FFFFCC; 
									}

td.calendar				{ 
										background-color: #FFFFCC; 
										border: 					1px solid #434470;
									} 
									 
td.calendarToday	{ 
										background-color:	red;
										color:						white; 
										border: 					1px solid white;
									} 									


/*	.......................... calendar ........................... */

/*	... Class definitions for documents copied from Microsoft Word ... */

p.MsoNormal				{
/*									mso-style-parent:"";                    */
										margin-bottom:.0001pt;
/*									punctuation-wrap:simple;
										text-autospace:none;                    */
										font-size:10.0pt;
										font-family:"Times New Roman";
										margin-left:0in; 
										margin-right:0in; 
										margin-top:0in
									}

p.MsoBodyText			{
										margin-top:0in;
										margin-right:0in;
										margin-bottom:6.0pt;
										margin-left:0in;
/*									punctuation-wrap:simple;
										text-autospace:none;                    */
										font-size:10.0pt;
										font-family:"Times New Roman";
									}

/*	... Class definitions for documents copied from Microsoft Word ... */

/*	... hide filler text ... */

.notvisible	{visibility: hidden;}

/*	... hide filler text ... */