/* This is a Comment, as denoted by the starting and ending codes */

/*** 10 percent reduction ***/

/*************************************************************************************
As a CSS organization strategy, what seems to work well for consistent behavior across
all broswers is to:
0) Triple check closing right braces "}" - right parens ")" look like them but screw up
   css syntax parseing
1) Organize specifications from most general at the top, to most specific at the bottom
2) Keep unused/unreferenced (commented-out) specifications out of 'production code' 
   because the browser css syntax parsers don't completely ignore commented-out blocks.
3) When using specifications throughout (like margin and padding) specify 'default' or
   assumed values (like 0) rather than trusting browser to know what was assumed.
*************************************************************************************/

/***************************************/
/* 4um tags specific to template files */
/***************************************/

/************ body spec needs to preceed import of "resize.css", else IE won't find body spec */
body { 
	background: 		#efefef url(/images2/freedom4_bg.jpg) center top no-repeat; 
	margin: 		0 auto; 
	text-align: 		center; 
	padding: 		0;
	font: 			Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 		100%; /* Master default font size specification - was 76 pct */
}

#wrapper { 
	margin: 		0 auto; 
	padding: 		0; 
	width: 			868px; 
	text-align: 		left;  
}

.hide { 
	display: 		none; 
}

a {
 	text-decoration:	none;  
 	color:			#a00;
}

a:hover {
	color:			#c00;
}

.NavTop {   			/* navigation links class NavTop for latest comments page */
	font-size: 		0.8em; margin: 1.2em 0em 1.2em 0em; 
	font-weight: 		bold; 
	color:			#fff; 
	text-decoration:	none; 
}  

#nav a {  				/* navigation links division, class NavTop for latest comments page */
	color: 			#fff;
}

h1#header { 
	background: 		url(/images2/F4UM_02.jpg) center top no-repeat; 
	width: 			868px; 
	height: 		135px; 
	margin: 		0; 
	padding: 		0; 
}

.threecolumn #nav {  /* body class=threecolumn for latest comments page */
	background: 		url(/images2/F4UM_04.jpg) center top no-repeat; 
	width: 			868px; 
	height: 		29px;
	margin: 		0; 			/* previously unspecified */
	padding: 		0; 
	text-align: 		center; 
 	color: 			#fff;
}

table#3_panels { 		/* covers 3-column table for latest comments page */
	width: 			868px; 	/* width of graphics for left, center & right panels */
	margin:			0 auto; 
	border:			0; 
	padding:		0; 
	height: 		578px; 	/* height of 526 F4UM_08 + 50 F4UM_06 +1? */
	text-align: 		left; /* text aligns at left edge of each colume (td) */
}

div#overhang { 
	background: 		url(/images2/F4UM_06.jpg) top center no-repeat; 
	width: 			580px; 
	height : 		50px; 
	margin: 		0px 0px 0px 0px; 
	padding: 		0px 0px 0px 0px;
}

td#main {		  		/* covers table inside center column of latest comments page */
	width: 			580px; 
	background: 		#efefef url(/images2/F4UM_08.jpg) top center repeat-y; 
	margin: 		0px 0px 0px 0px;
	padding: 		0px 0px 0px 0px; 
	vertical-align: 	top; 
}

td#leftcol { 		  	/* covers table inside left column of latest comments page */
	width: 			144px; 
	background: 		#efefef url(/images2/F4UM_05.jpg) top right no-repeat; 
	vertical-align:		top; 
	margin: 		0; 
	padding: 		50px 0px 0px 0px;
}

td#rightcol {			/* covers table inside right column of latest comments page */
	width: 			144px; 
	background: 		#efefef url(/images2/F4UM_07.jpg) top left no-repeat; 
	vertical-align:		top; 
	margin: 		0; 
	padding: 		50px 0px 0px 0px;
}

#footer { 
	font-size: 		1.0em; margin: 1.2em 0em 1.2em 0em; 
	color: 			#708D7C; 
	text-decoration: 	none; 
	text-align: 		center; 
}

div#center { 			/* control text alignment in center panel => div id=center inside table id=main */
	margin: 		0px 0px 0px 0px; 
	padding: 		0px 15px 0px 15px; 
}

.fullframe #nav { 
	background: 		url(/images2/fullframe-nav.jpg) center top no-repeat; 
	width: 			868px; 
	height: 		110px; 
	margin: 		0px 0px 0px 0px; 
	padding: 		0px 0px 0px 0px;
	text-align: 		center; 
	color: 			#fff;
}

table#article {	  	/* covers table inside read article page */
	width: 			868px; 
	margin: 		0px 0px 0px 0px;
	padding: 		0px 15px 0px 15px; 
}

.fullframe_private #nav { 
	background: 		url(/images2/fullframe-private-nav.gif) center top no-repeat; 
	width: 			868px; 
	height: 		110px; 
	margin: 		0px 0px 0px 0px; 
	padding: 		0px 0px 0px 0px;
	text-align: 		center; 
	color: 			#fff;
}

.fullframe #content {  
	background: 		url(/images2/fullframe-repeat.jpg) center top repeat-y; 
	width: 			868px; 
	margin: 		0px 0px 0px 0px; 
	padding: 		0px 0px 0px 0px;  
	text-align: 		left;  
}

.fullframe_private #content { 
	background: 		url(/images2/fullframe-private-repeat.gif) center top repeat-y;
	width: 			868px; 
	margin: 		0px 0px 0px 0px; 
	padding: 		0px 0px 0px 0px; 
	text-align: 		left;
}

.NavBottom {
	font-size:		0.8em; margin: 1.2em 0em 1.2em 0em; 
	color:			#708D7C;
	text-decoration:	none; 
}  

.NavBottom  a:link {
	font-size:		0.8em; margin: 1.2em 0em 1.2em 0em; 
	color:			#444;
	text-decoration:	none; 
}

.NavBottom  a:visited {
	font-size:		0.8em; margin: 1.2em 0em 1.2em 0em; 
	color:			#444;
	text-decoration:	none; 
}

.NavBottom  a:hover {
	font-size:		0.8em; margin: 1.2em 0em 1.2em 0em; 
	color:			#444;
	text-decoration:	none; 
}

/*************
Footer is for the HTML at the bottom of each page
*************/
.Footer  {
	font-size:		0.8em; margin: 1.2em 0em 1.2em 0em; 
	color:			#000
}

/**************************************************************************************
General classes for the whole site 
**************************************************************************************/

/************* 
PageTitle is for each page (Latest Articles, Post Comment etc) 
*************/
.PageTitle {
	font-size:		1.4em; margin: 1.2em 0em 1.2em 0em; 
	font-weight: 		bold;
	color:			#000;
}

/*************
GenData is for variable info presented to the user thorughout
(Mail experation days, Ping List owners, Bozo counts, etc)
*************/
.GenData  {
	font-weight: 		normal;
	color:			#800
}

/*************
NormalText is what stardard text should be.
*************/
.NormalText  {
	font-size:		1.0em; margin: 1.2em 0em 1.2em 0em; 
	color:			#000
}

/*************
ErrorMsg is for error messages printed throughout
*************/
.ErrorMsg  {
	font-size:		1.0em; margin: 1.2em 0em 1.2em 0em; 
	font-weight: 		bold;
	color:			#c00
}

/*************
NonSelectLink is for ghosted links that are not currently active
*************/
.NonSelectLink  {
	color:			#808080;
}

/*************
PagingNav is for the paging navigation links found at the bottom of 
the Latest Comments and Latest Articles Page
*************/
.PagingNav  {
	font-size:		0.8em; margin: 1.2em 0em 1.2em 0em; 
}

/*************
PagingNavEmphasis is for the current page number being viewed among the 
Paging Navigation Links.
*************/
.PagingNavEmphasis  {
	font-size:		1.0em; margin: 1.2em 0em 1.2em 0em; 
	font-weight: 		bold;
}

/*************
FootNote is for hints that supplement various instructions
*************/
.FootNote  {
	font-size:		0.8em; margin: 1.2em 0em 1.2em 0em; 
	font-style: 		italic;
	color:			#000
}

/*************
UserStatus is for the single line "Sign in" or "Check Pings" tag 
that appears throughout the site as dictated by template files
*************/
.UserStatus  {
	font-size:		0.8em; margin: 1.2em 0em 1.2em 0em;
	color:			#000;
}

/*************
CatTitle: The Category Title for Latest Articles and Headlines
*************/
.CatTitle {
	font-size:		1.2em; margin: 1.2em 0em 1.2em 0em; 
	color:			#000;
	font-weight: 		normal;
}

/*************
FormLabel:  The general look of all form labels
*************/
.FormLabel {
	font-size:		0.8em; margin: 1.2em 0em 1.2em 0em;
	color:			#000;
}

/*************
General input form fields
*************/
input
{
	background-color: 	#fff;
	color: 			#333333;
	font-size: 		10pt;
 }

/*************
General Submit Button fields
*************/
.SubmitButton {
	background-color: 	#eee;
	font-size:		0.7em; margin: 0em 0em 0em 0em;
	border-top-color: 	#555555;
	border-left-color: 	#555555;
}

/*************
General Submit Button fields (active)
*************/
.SubmitButton:active {
	background-color: 	#eee;
	font-size:		0.7em; margin: 0em 0em 0em 0em; 
	border-top-color: 	#555555;
	border-left-color: 	#555555;
}

/*************
General textarea form fields
*************/
textarea { 
	background-color: 	#fff;
	color: 			#463E3F;
}

/*************
General drop down menu form fields
*************/
select { 
	background-color: 	#fff;
	color: 			#463E3F;
}

/*********************** 
Script specific functions 
***********************/

/*********************************************
Prefix Tags keyed to Pinguinite software scripts 
Key:
  HL: headlines
  LA: latestarticles
  LC: latestcomments
  ML: maillist
  MR: mailread
  PA: postarticle
  PC: postcomment
  RA: readart
  SU: setup (all)
  TB: titlebox
*********************************************/

/**********************************
***********************************
HL: HeadLines page
***********************************
**********************************/

/*************
HeadLines
*************/
.HL_Cat {
	font-size:		1.4em; margin: 1.2em 0em 1.2em 0em; 
	color:			#000;
	font-weight: 		bold;
}

/*************
Title: The article Headlines
*************/
.HL_Title {
	font-size:		1.2em; margin: 1.2em 0em 1.2em 0em;
	color:			#463E3F;
	font-weight: 		normal;
}

/****************************************
*****************************************
LA: LatestArticles
*****************************************
****************************************/

/*************
Label: The labels of article data on the Latest Article Page
*************/
.LA_Label {
	font-size:		0.8em; margin: 1.2em 0em 1.2em 0em;
	color:			#000;
	font-weight: 		italic;
}

/*************
Label_tws: the "Title Word Search" string on the Latest Article Page
*************/
.LA_Label_tws {
	font-size:		1.0em; margin: 1.2em 0em 1.2em 0em;
	color:			#000;
	font-style: 		italic;
}

/*************
Data: The article data on the Latest Article Page
*************/
.LA_Data {
	font-size:		1.0em; margin: 1.2em 0em 1.2em 0em;
	color:			#000;
	font-weight: 		normal;
}

/*************
ArtSummary: for the beginning article body on the Latest Article page
*************/
.LA_ArtSummary {
	font-size:		1.0em; margin: 1.2em 0em 1.2em 0em; 
	color:			#000;
}

/*************
Title: Don't believe this is ever used outside of hyperlinks
which take precedence
*************/
.LA_Title {
	font-size:		1.2em; margin: 1.2em 0em 1.2em 0em; 
	color:			#a00;
	font-weight: 		normal;
}

/*************
Title_ft: for the "Full Thread" tag on the Latest Article Page
*************/
.LA_Title_ft {
	font-size:		0.8em; margin: 1.2em 0em 1.2em 0em;
	color:			#463E3F;
	text-decoration:	normal; 
}

/*************
Cat: The Category Heading 
*************/
.LA_Cat {
	font-size:		1.4em; margin: 1.2em 0em 1.2em 0em;
	color:			#000;
}

/****************************************
*****************************************
LC: LatestComments:
*****************************************
****************************************/

/*************
Label:  For form labels on the Latest Comments page
*************/
.LC_Label {
	font-size:		0.8em; margin: 1.2em 0em 1.2em 0em;
	color:			#000;
}

/*************
SubTitle: For the "Screen Name" and ping list search labels 
*************/
.LC_SubTitle {
	font-size:		0.8em; margin: 1.2em 0em 1.2em 0em;
 	color:			#000; 
	font-weight: 		normal;
	font-style: 		italic;
}

/*************
ComNum: For the Comment Number
*************/
.LC_ComNum {
	font-size:		0.8em; margin: 1.2em 0em 1.2em 0em; 
	color:			#2B1B17;
}

/*************
Title: the hyperlinked article title. 
*************/
.LC_Title a:link {
	font-size:		1.1em; margin: 1.2em 0em 1.2em 0em;
	color:			#2B1B17;
}

/*************
Title: the hyperlinked article title, when the mouse is over the link
*************/
.LC_Title a:hover {
	font-size:		1.1em; margin: 1.2em 0em 1.2em 0em;
	color:			#c00;
}

/*************
Title: the hyperlinked article title, after being visited
*************/
.LC_Title a:visited {
	font-size:		1.1em; margin: 1.2em 0em 1.2em 0em;
	color:			#c00;
}
 
/*************
NewsLink class used for titles in Associates, News Links and Resources on Latest Comments page
*************/
.NewsLink a:link {
	font-size:		0.8em; margin: 1.2em 0em 1.2em 0em;
	color:			#900;
	text-decoration:	none; 
}

.NewsLink a:visited {
	font-size:		0.8em; margin: 1.2em 0em 1.2em 0em;
	color:			#900;
	text-decoration:	none; 
}

.NewsLink a:hover {
	font-size:		0.8em; margin: 1.2em 0em 1.2em 0em; 
	color:			#f00;
	text-decoration:	none; 
}

/*****************************************
******************************************
ML: MailList
******************************************
*****************************************/

/*************
MailListHeader:  Header fields for mail listings
*************/
.ML_MailListHeader  {
	font-size:		1.2em; margin: 1.2em 0em 1.2em 0em;
	color:			#a00;
}

/*************
MailList:  Mail data itself (dates, recipients, subject)
*************/
.ML_MailList {
	font-size:		1.0em; margin: 1.2em 0em 1.2em 0em; 
	color:			#2B1B17;
}

/*************
MailList a link codes for MailList
*************/
.ML_MailList  a:link {
	font-size:		1.0em; margin: 1.2em 0em 1.2em 0em;
	color:			#2B1B17;
	text-decoration:	bold; 
}

/*************
MailList a hover codes for MailList
*************/
.ML_MailList  a:hover {
	font-size:		1.0em; margin: 1.2em 0em 1.2em 0em; 
	color:			#c00;
}

/*************
MailList a visited codes for MailList
*************/
.ML_MailList  a:visited {
	font-size:		1.0em; margin: 1.2em 0em 1.2em 0em;
	color:			#2B1B17;
}

/****************************************
*****************************************
MR:  MailRead
*****************************************
****************************************/

/*************
Label:  For form labels on the MailRead Page
*************/
.MR_Label  {
	font-size:		0.8em; margin: 1.2em 0em 1.2em 0em;
	color:			#000;
}

/*************
Data:  For form Data on the MailRead Page
*************/
.MR_Data {
	font-size:		1.0em; margin: 1.2em 0em 1.2em 0em; 
	color:			#000;
	font-weight: 		bold;
}

/*****************************************
******************************************
PA: Post Article
******************************************
*****************************************/

/*************
Title: Article Title
*************/
.PA_Title {
	font-size:		1.2em; margin: 1.2em 0em 1.2em 0em; 
	color:			#463E3F;
	font-weight: 		normal;
}

/*************
Label:  The labels of Article data
*************/
.PA_Label {
	font-size:		0.9em; margin: 1.2em 0em 1.2em 0em; 
	color:			#000;
}

/*************
Data:  Article data for the Post Article page
*************/
.PA_Data {
	font-size:		0.9em; margin: 1.2em 0em 1.2em 0em; 
	color:			#000;
	font-weight: 		bold;
}

/*************
Article: The Article itself
*************/
.PA_Article {
	font-size:		1.0em; margin: 1.2em 0em 1.2em 0em; 
	color:			#2B1B17;
}

/*************************************
**************************************
PC: Post Comment
**************************************
*************************************/

/*************
Title: The Article Titles on the post comment page 
*************/
.PC_Title {
    font-size:     		1.2em; margin: 1.2em 0em 1.2em 0em; 
    color:          		#463E3F;
    font-weight:    		normal;
}

/*************
Label:  The labels of comment data
*************/
.PC_Label {
	font-size:		0.8em; margin: 1.2em 0em 1.2em 0em;
	color:			#000;
}

/*************
Article: Article Titles
*************/
.PC_Article {
	font-size:		1.2em; margin: 1.2em 0em 1.2em 0em; 
	color:			#2B1B17;
}

/*************
Data:  Comment data for the Post Comment page
*************/
.PC_Data {
	font-size:		1.0em; margin: 1.2em 0em 1.2em 0em; 
	color:			#000;
	font-weight: 		normal;
}

/*****************************************
******************************************
RA: ReadArticle
******************************************
*****************************************/

/*************
Label:  The labels of Article data
*************/
.RA_Label {
	font-size:		1.0em; margin: 1.2em 0em 1.2em 0em;
	font-weight: 		bold;
	color:			#000;
}


/*************
Data:  Article data for the Read Article page
*************/
.RA_Data {
	font-size:		1.0em; margin: 1.2em 0em 1.2em 0em;
	color:			#000;
	font-weight: 		normal;
}

/*************
Article: The Articles themselves
*************/
.RA_Article {
	font-size:		1.0em; margin: 1.2em 0em 1.2em 0em;
	font-weight: 		normal;
	color:			#2B1B17;
}

/*************
ArtReplyLinks:  The trailing links for the article & Comments
*************/
.RA_ReplyLinks {
	font-size:		1.0em; margin: 1.2em 0em 1.2em 0em; 
	text-decoration:	none;
}

/*************
ThreadNavLinks:  Links for navigating threads
*************/
.RA_ThreadNavLinks {
	font-size:		1.0em; margin: 1.2em 0em 1.2em 0em;
	text-decoration:	none;
	font-style:		italic;
}

/*************
CommentHeader:  The header of each comment 
*************/
.RA_CommentHeader {
	font-size:		1.0em; margin: 1.2em 0em 1.2em 0em; 
}

/*************
CommentFooter:  The footer of each comment 
*************/
.RA_CommentFooter {
	font-size:		1.0em; margin: 1.2em 0em 1.2em 0em;
	font-weight: 		normal;
}

/*************
Title:  Article Titles
*************/
.RA_Title {
	font-size:		1.2em; margin: 1.2em 0em 1.2em 0em;
	color:			#463E3F;
	font-weight: 		bold;
}

/*************
Comment: The comments themselves
*************/
.RA_Comment {
	font-size:		1.0em; margin: 1.2em 0em 1.2em 0em;
	font-weight: 		normal; 
	color:			#000;
}

/*************
Comment: The comments themselves
*************/
.RA_seeother {
	font-size:		1.0em; margin: 1.2em 0em 1.2em 0em;
	color:			#000;
	font-style: 		italic;
}

/*******************************
********************************
SU: Setup
********************************
*******************************/

.SU_SetupSubTitle {
	font-size:		0.8em; margin: 1.2em 0em 1.2em 0em;
	font-weight: 		normal;
}

/*******************************
********************************
TB: TitleBox
********************************
*******************************/

/*************
ArtTitle:  Article Title
*************/
.TB_ArtTitle a:link {
	font-size:		0.8em; margin: 1.2em 0em 1.2em 0em;
	color:			#a00;
}

/*************
ArtTitle:  Article Title
*************/
.TB_ArtTitle a:visited {
	font-size:		0.8em; margin: 1.2em 0em 1.2em 0em;
	color:			#a00;
}

/*************
ArtTitle:  Article Title
*************/
.TB_ArtTitle a:hover {
	font-size:		0.8em; margin: 1.2em 0em 1.2em 0em;
	color:			#f00;
}