/* -----------------------------------------------------
Style Sheet for Knights of Columbus - KofCArmor
Name:     KofC Armor
Org URL:  http://KofC11234.org/
Designer: Bill Schirf  (http://Schirf.com/Bill/)
Date:     17 AUG 2005
Based on "Scribe" style sheet created by Todd Dominey (http://www.domineydesign.com/)

Updated:
	19 JUN 2006 - cleaned up look, simplified header, footer, & menu's
	27 AUG 2006 - changing color scheme - created text based menu instead of images
	20 JUL 2007 - improved file structure	
	 1 AUG 2007 - corrected DFB endowment section

------------------------------------------------------ */

/* 	border-collapse: collapse;
	border-style:solid;
	border-color:red;
	border-width:1px;
*/

<style type="text/css">

/* Ensure this matches kofcArmor-style.css and what is in pgHead.php */
body {
	background:#483521 url("/_config/styleFiles/KofCsmDark.gif") repeat;
	background:lightgray;
	margin:0 0 0 0;
	padding:10px 0 0 0;
	border-collapse: collapse;
	line-height:1.3;
	color:#29303B;
	font-family: 'Palatino Linotype', Georgia,'Times New Roman',Times,'Bookman Old Style','Hoefler Text',Serif;
	font-size: small;
	text-align:center;
}

p {margin:0;padding:0};

h1 {font-size: 18pt;}
h2 {font-size: 14pt;}
h3 {font-size: 10pt;}
h4 {font-size: 9pt;}

hr {display:none;}


blockquote {
	font-style:italic;
	padding:0 12px 0 12px;
	line-height:1.6;
	margin:0 0 .6em 0;
	}

code {font:12px monospace;white-space:normal;color:#666;}

img{ border: none; padding:0; }
img a{border:none;}
img.centered {display: block; margin-left: auto; margin-right: auto; }
img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

/* - - - - - - - - - - - - - - - - - - - - - - - /*
/* LINK SECTION */
/* - - - - - - - - - - - - - - - - - - - - - - - */
a:link {color:#505050;text-decoration:underline;}
a:visited {color:#808080;text-decoration:underline;}
a:hover {color:olive;text-decoration:underline;}
a:active {color:goldenrod;}
/* This was changed on 8/27/06 from: 473624 - 716E6C - 956839 - 956839 */

/* END LINK SECTION */
/* - - - - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - - - - - */
/* SCRIBE PAPER LAYOUT SECTION */
/* - - - - - - - - - - - - - - - - - - - - - - - */
#pgWrapper { 
	/* Set Size of Center Page -- NOTE: Do not put PADDING/MARGIN/BORDER with WIDTH as different browsers will handle differently.  Thus, make one have WIDTH with AUTO MARGIN and then an inner frame with BORDER PADDING */
	background-color:BLACK;
	margin: 0 auto;
	padding: 0 0 0 0;
	width:818px;
	}
#pgBorder {
	/* Outer Dark Brown Container / Centers Content */
	border:1px solid #332A24; /* Pencil thin frame around brown border */
	background-color:#473624; /* This IS the brown boarder as the rest is covered by the main-content */
	padding:8px;
	}
#main-top { /* Just a space to display the very top JPG */
	height:49px;
	background:#FFF3DB url('/_config/styleFiles/bg_paper_top.jpg') no-repeat top left;
	display:block;
	}

#main-content {
	clear:left;
	background:#FFF3DB url('/_config/styleFiles/bg_paper_mid.jpg') repeat-y;
	margin:0;
	padding:0 20px 0 20px; /* Pad in the sides just a little */
	text-align:left;
	display:block;
	}
#main-bot {
	height:49px;
	background:#FFF3DB url('/_config/styleFiles/bg_paper_bot.jpg') no-repeat top left;
	margin:0;
	padding:0;
	display:block;
	/* For the "Back to Top" text */
	font-size: small;
	font-family: Pristina, serif;
	font-weight: bold;
	}
#main-bot a {
	text-decoration:none;
	}
/* End Scribe Paper Layout */

/* KofC Armor Styles
----------------------------------------------- */
div.clear {
	clear:left;
	line-height:0;
	height:10px;
	margin-bottom:15px;
	_margin-top:-4px; /* IE Windows target */
	}
div.clear-line {
	clear:left;
	line-height:0;
	height:20px;
	margin-bottom:5px;
	_margin-top:-4px; /* IE Windows target */
	background:url('/_config/styleFiles/divider-line.jpg') no-repeat bottom left;
	width:95%;
	}

#header {
	text-align:left;
	font-size:100%;
	color:#29303B; /* dark gray */
	margin-bottom:6px;
 	}
#header a {
	display: block; /* expands link to entire box */
	text-decoration:none;
	}
#header h1 {
	margin:0;
	padding:0 0 6px 0;
	font-size:150%;
	font-weight:normal;
	color:#612E00;
	}
#header h1 a:link {
	text-decoration:none;
	}
#header h1 a:visited {
	text-decoration:none;
	}
#header h1 a:hover {
	border:0;
	text-decoration:none;
	}
#header p {
	margin:0;
	padding:0;
	font-style:italic;
	font-size:94%;
	line-height:1.5em;
	}
#header img {
	valign:top;
	margin:0 0px; /* TESTING DIFF VALUES */
	height:100px;
	}
#centertext {
	width:55%;
	float:left;
}
.sectiontitle {
	width:420px;
	float:left;
	padding:0px 0 5px 0;
	margin:10px 0 0 0;
	text-style:bold;
	text-align: center;
	background: tan;
  	border-collapse: separate;
	border-style:solid;
	border-color:black;
	border-width:1px;
	}
#rightcolumn {	
    width:150px;
	float:right;
	padding:8px 0px;
	margin:0;
}
#rightcolumn p {
	font-size:75%;
	font-style:italic;
	text-align:right;
}
/* I DONT THINK THIS IS USED ANYMORE */
#footer {
	clear:both;
	font-family:Verdana, sans-serif;
	height:210px;
	border:0px solid #A2907D;
	align:left;
	font-size:50%;
	background-color:transparent;
}
/* NOT USED */

.footer-text {
	clear:both;
	float:right;
	text-align:right;
	font-size:70%;
	font-style:italic;
	text-align:right;
}

/* - - - - - - - - - - - - - - - - - - - - - - - */
/* NAVIGATION SECTION */
/* - - - - - - - - - - - - - - - - - - - - - - - */
#sidebar {
	width:160px;
	float:left;
	padding:0;
	margin:0;
	font-family: 'Monotype Corsiva', cursive, Pristina, serif;
	font-weight: bold;
	text-align:left;
	}
#sidebar a {
	text-decoration:none;
	color:mediumblue;
	}
#sidebar a:hover {
	color:darkolivegreen;
	}
#sidebar a:active {
	color:goldenrod;
	}
	
#sidebar h2{
	font:normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0;
}

#sidebar label{
	font:normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0;
}

/* ==== Using Cursive Text in the Nav Menu ==== */
.navtext {
	width:155px;
	height:35px;
	font-size: 12pt;
	}
.navtext-lg {  /* IS THIS USED ???? */
	width:170px;
	height:60px;
	font-size: 14pt;
	}
.navtext a { 
	display: block; /* expands link to entire box */
	text-decoration:none;
	/* NOT SHOWING UP > background:url('/_config/styleFiles/txtBlank.gif') no-repeat top left; */
	}
.navtext a:hover {
	color:darkolivegreen;
	display: block; /* expands link to entire box */
	/* NOT SHOWING UP > background:url('/_config/styleFiles/txtBang.gif') no-repeat top left; */
	}
.navtext a:active {
	color:goldenrod;
	display: block; /* expands link to entire box */
	/* NOT SHOWING UP > background:url('/_config/styleFiles/txtBang.gif') no-repeat top left; */
	}
#dfb-menu {
	width:550px;
	float:left;
	padding:0;
	margin:10px;
	font-family: 'Monotype Corsiva', cursive, Pristina, serif;
	font-weight: bold;
	}
#dfb-menu .navtext {
	float:left;
	width:120px;
 	border-collapse: separate;
	border-style:solid;
	border-color:darkolivegreen;
	border-width:1px;
	text-align:center;
	}
#dfb-menu .navtext a {
	text-decoration:none;
	color:mediumblue;
	}	
#dfb-menu .navtext a:hover {
	color:darkolivegreen;
	display: block; /* expands link to entire box */
	}
	

/* ==== End using Cursive Text ==== */

/* ==== Using Images instead of Text ==== */
/* We no longer using this - but saving it for it's value.
	This would display a picture of text, for instance "Welcome"
	Normally, it would have 60% opacity.
	Then, when hovered over it, the opacity chagned 100% (clear)
	and the background would change to a  yellow highlight smear. (called BANG)
*/

	a.linkopacity img {
		filter:alpha(opacity=60); 
		-moz-opacity: 0.6; 
		opacity: 0.6;
		}
	a.linkopacity:hover img {
		filter:alpha(opacity=100); 
		-moz-opacity: 1.0; 
		opacity: 1.0;
		}
	#navdiv {
		width:170px;
		height:40px;
		margin:0;padding:0;
		}
	#navdiv a {
		display: block; /* expands link to entire box */
		background:url('/_config/styleFiles/txtBlank.gif') no-repeat top left; 
		}
	#navdiv a:hover {
		display: block; /* expands link to entire box */
		background:url('/_config/styleFiles/txtBang.gif') no-repeat top left;
		}
/* ==== End using Image instead of Text ==== */

/* END NAVIGATION SECTION */
/* - - - - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - - - - - */
/* START WORDPRESS SECTION */

*/ END WORDPRESS SECTION */
/* - - - - - - - - - - - - - - - - - - - - - - - */




/* Blog Posts
----------------------------------------------- */

.post {
	margin: 30px 0 0 0;
	font-size:100%;
	}
.post-title {
	font-size:150%;
	font-style:oblique;
	font-weight:bold;
	}
.post-footer {
	font-size:75%;
	font-style:italic;
	color:#69303B;
	padding: 30px 10px 0px 10px;
	}

.mobile-post {
	/* just in case I want to change the look for anything posted via email */
	}
#blogfeeds { }
#postfeeds { }

	
	
/* RSS Feeds
----------------------------------------------- */
.rsslink {
	font-weight:bold;
	font-style:italic;
	font-size:75%;
	}
.rssdate {
	font-family:Verdana, sans-serif;
	color:#29303B;
	font-size:74%;
	margin:0 0 10px;
	padding:0 0 .75em 0px;
	}
.rssauthor {
	font-style:italic;
	font-size:75%;
	}
/* End RSS */


/* Comments
----------------------------------------------- */
#comments {}
#comments h4 {
  font-weight:normal;
	font-size:120%;
	color:#29303B;
	margin:0;
	padding:0;
	}
#comments-block {
  line-height:1.5em;
  }
.comment-poster {
	background:url('/_config/styleFiles/list_icon.gif') no-repeat 2px .35em;
	font-weight:bold; margin-left:0; margin-right:0; margin-top:.5em; margin-bottom:0; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0
}
.comment-body {
	margin:0;
	padding:0 0 0 20px;
}
.comment-body p {
	font-size:100%;
	margin:0 0 .2em 0;
}
.comment-timestamp {
	font-family:Verdana, sans-serif;
	color:#29303B;
	font-size:74%;
	margin:0 0 10px;
	padding:0 0 .75em 20px;
}
.comment-timestamp a:link {
	color:#473624;
	text-decoration:underline;
}
.comment-timestamp a:visited {
	color:#716E6C;
	text-decoration:underline;
}
.comment-timestamp a:hover {
	color:#956839;
	text-decoration:underline;
}
.comment-timestamp a:active {
	color:#956839;
	text-decoration:none;
}
.deleted-comment {
  font-style:italic;
  color:gray;
  }

	
/* Profile
----------------------------------------------- */
#profile-container {
	margin-top:12px;
	padding-top:12px;
	height:auto;
	background:url('/_config/styleFiles/divider.jpg') no-repeat top left;

}
.profile-datablock {
	margin:0 0 4px 0;
}
.profile-data {
	display:inline;
	margin:0;
	padding:0 8px 0 0;
	text-transform:uppercase;
	letter-spacing:.1em;
	font-size:90%;
	color:#211104;
}
.profile-img {display:inline;}
.profile-img img {
	float:left;
	margin:0 8px 0 0;
	border:1px solid #A2907D;
	padding:2px;
  }
.profile-textblock {
	font-family:Verdana, sans-serif;
	font-size:86%;
	margin:0;padding:0;
}
.profile-link {
	margin-top:5px;
	font-family:Verdana,sans-serif;
	font-size:86%;
}


/* Post photos
----------------------------------------------- */
 TABLE {
	width:560px;
	border-collapse:collapse;
	float:left;
	padding:8px 8px 8px 8px;
	}
 CAPTION {
 	background:blue;
 	color:yellow;
 	font-size:20pt;
 	caption-side:bottom;
	}
 TR.picrow {
	margin:0;
	}
 TH.title {
	padding:20px 8px 6px 8px;
	} 	
 TD.title {
	border:1px solid #A2907D;
	padding:8px 8px 8px 8px;
 	font-size:80%;
 	font-weight:bold;
	text-align:center;
	valign:center;
	}
 TD.text {
	border:1px solid #A2907D;
	padding:8px 8px 8px 8px;
 	font-size:70%;
 	text-align:left;
 	valign:center;
 	}
 TD.photo {
	border:1px solid #A2907D;
	padding:8px 8px 8px 8px;
 	font-size:70%;
	text-align:left;
	} 	
 TD.photo img {
	height:60px;
 	}
</style>