/*
How this stylesheet is arranged:

	1. General layout (body, links)
	2. Page struture (frame, masthead, leftcolumn, rightcolumn)
	3. Blog item definitions (title, item, author, border, date)
	4. Other universal definitons (leftbox, rightbox, ul.nobullets, search)
	5. Comment item definitons

	

/*1. THE GENERAL LAYOUT OF THE SITE */

/* Document Styles */

body {
	text-align: center;
	background: #B2B2B2 url("backgr4.gif") repeat-y 50% 0;
	margin: 0;
	padding: 0;
        font: 12px/17px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	text-align: center; /* For IE */
}

p {
	margin: 0 0 5px 0;
	}

p.p1 {
	font-size: 13px;
	line-height: 20px;
	}

a:link, a:visited {
	color: #0056B0;
	text-decoration: none;
}

a:hover, a:active {
	color: #fff;
	background: #0056B0;
}

ul {
	margin: 0;
	padding: 0 23px 10px 27px;
	list-style: none;
	line-height: 1.2em;
	}

li {
	padding-bottom: 7px;
	}

acronym {
	font-style: normal;
	border-bottom: 1px dotted #666;
	}

/* Container Styles */

#container {
	position: relative;
	width: 701px !important;
	width /**/: 750px;
	margin: 0 auto;
	padding: 0;
	text-align: left; /* For IE, see above */
	}

/* Intro Styles */

#pageHeader {
	width: 701px; 
	height: 97px;
	background: #18d url("typehead.jpg") no-repeat;
	margin: 0; 
	border-top: 15px solid #fff;
	text-align: center;
	position: relative;
	}
	
#bluebar {
	width: 701px;
	height: 13px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #002D5E; /*  bg orig in blue #147  */
	font-size: 9px;
	line-height: 12px;
	text-indent: 215px;
	color: white;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-stretch: wider;
	letter-spacing: 5px;
}

/* For main content on right side */

#blogarea {
	position: absolute;
	top: 131px;
/* when using date, top is 115px */
	left: 212px;
	width: 476px;
	height: 100%;
		}

#archivehead {
			color: black;
			font-size: 18px;
			font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		}


#archivelist {
			text-align: left;
			text-indent: 20px;
			margin-top: 10px;
			padding: 2px;
			font: 16px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		}


#archivelist a:link, #archivelist a:visited {
	color: #fff;
	}

#archivelist a:hover, #archivelist a:active {
	background: #fff;
	color: #666;
	}

#copyright {
	padding: 2px;
	margin-top: 3px;
	text-align: center;
	font: 12px/16px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#copyright a:link, #copyright a:visited {
	color: #fff;
	}

#copyright a:hover, #copyright a:active {
	background: #fff;
	color: #666;
	}

/* Leftcolumn Styles */

#leftcolumn {
	position: absolute;
	top: 127px;
	left: 0px;
	width: 195px;
	border-bottom: 1px solid #fff;
	font: 11px/15px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#leftcolumn a:link, #leftcolumn a:visited {
	color: black;
	}

#leftcolumn a:hover, #leftcolumn a:active {
	background: black;
	}

#blog {
	background: #CECE00;
	font: small;
	}

#bloghead {
	background: url(blog.gif);
	position:relative;
	width: 195px; 
	height: 45px
	}
	
#blog li {
	color: black;
	background: url(blogbg.gif) repeat-x left bottom;

}

#blog a:hover, #blog a:active {
	color: white;
}

#search {
	border-top: 1px solid #fff;
	background: #808000;
	}

#searchhead {
	background: url(searchpca.gif);
	position:relative;
	width: 195px; 
	height: 45px
	}

#search li {
	color: #D4D4D4;
	background: url(ligaturebgpca.gif) repeat-x left bottom;
}

#search a:hover, #search a:active {
	color: #808000;
	}

#colophon {
	border-top: 1px solid #fff;
	background: #808000;
	}
	
#colophonhead {
	background: url(colophonpca.gif);
	position:relative;
	width: 195px; 
	height: 45px
	}
	
#colophon li {
	color: #D4D4D4;
	background: url(ligaturebgpca.gif) repeat-x left bottom;
}

#colophon a:hover, #search a:active {
	color: #808000;
	}

#ligature {
	border-top: 1px solid #fff;
	background: #808000;
	}
	
#ligaturehead {
	background: url(ligaturepca.gif);
	position:relative;
	width: 195px; 
	height: 45px
	}

#ligature li {
	color: #D4D4D4;
	background: url(ligaturebgpca.gif) repeat-x left bottom;
	}

#ligature a:hover, #utilities a:active {
	color: #808000;
	}
	
/* END of site structure */

 
/*3. BLOG ITEM DEFINITIONS*/
	
.itemhead {
	font-size: 22px;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: white;
	padding: 0 0 4px 0;
	background: url(/media/01_dot.gif) bottom repeat-x;
	}


.itemheadblack {
	font: 22px/24px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: black;
}

.iteminfolarge {
	font: 14px/18px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 5px 0px 0px 10px;
        font-weight: bold;
	color: #595959;
}
		
		.itemborder {
			background-color: white;
			border: 1px solid;
			padding: 9px 9px 12px 12px;
			margin-bottom: 10px;
		}
		
		.itembody {
			margin-top: 5px;
			margin-bottom: 5px;
			}

.iteminfo {
	font-size: 11px;
	color: gray;
	}
	
	.contentitemhead
{
	font-size: 10px;
	padding: 0 10px 0 5px;
	line-height: 12px;
	}

.contentitem
{
	margin: 0 0 5px 0;
	padding: 3px 0 0 0;
}

.contentitem1
{
	display: inline;
}
.contentitem2
{
	display: inline;
	padding: 0 0 0 10px;
	background: url(/media/01_dotv.gif) left repeat-y;
}

.contentitem2 a:link, .contentitem2 a:visited {
	color: #CECE00;
}

.contentitem2 a:hover, .contentitem2 a:active {
	background: #CECE00;
	color: #666;
	}


		.day {
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-top: 12px;
	margin-bottom: 5px;
	text-transform: lowercase;
	color: white;
}
		
.articlehead {
		font-size: 11px;
		margin-bottom: 3px;
		font-weight: normal;
		text-align: left;
		color: white;
		}


/*4. OTHER UNIVERSAL DEFINITIONS */

	.quote {
	background: url(/media/quote.gif) no-repeat top left;
	background-color: #E9E9E9;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #3A3A3A;
	display: block;
	padding: 10px 5px 10px 10px;
	margin: 10px 40px 10px 10px;
	border: 1px dotted #666666;
}

		.leftbox, .rightbox {
			margin: 3px;
			padding: 6px;
			font-family: times new roman, times, serif;
			font-size: 15px;
			font-weight: normal;
			width: auto;
			}

		.leftbox {
			float: left;
			border: 1px solid #ccc;	
			}

		.rightbox {
			float: right;
			border: 1px solid #ccc;	
			}


		img {
			border: none;
			}

		.skip {
			display: none;
			}

		ul.nobullets {
			list-style: none;
			margin-left: 0px;
			padding-left: 0px;
		}

		.highlight {
	background-color: #ADD8E6;
}

		.cm_table {
	background: #FFFFF6;
	width: 461px;
	margin-left: 12px;
	margin-bottom: 12px;
	position: relative;
	}

#itemnav {
	font: 12px/16px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	margin-bottom: 12px;
	}

	#itemnav a:link, #itemnav a:visited {
	color: #fff;
	}

	#itemnav a:hover, #itemnav a:active {
	background: #fff;
	color: #666;
	}

.caption {
	font-size: 10px;
	color: gray;
        font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

/*5. COMMENT DEFINITIONS */

/*
	Comment definitions for item pages
		- h3.comment contains the name of the comment author
		- .commentbody contains the text from the comment
		- .commentinfo contains the time of commenting

*/

		h3.comment {
			font-size: medium;
			margin-bottom: 10px;
		}

		.commentbody {
			text-align: justify;
		}

		.commentinfo {	
			font-size: x-small;
			color: gray;
		}
.error {
    color: red;
    font-size: larger;
}