/* author: Kerry Gray - download version */

A:link {	color: #0000FF;	text-decoration: underline; }
A:hover {	color: #FF0000;	text-decoration: underline; }
A {	color: #660099;	text-decoration: underline; }

A.linksoft:link {	color: #FFFFFF;	text-decoration: none; }
A.linksoft:hover {	color: #66FF33;	text-decoration: none; }
A.linksoft {	color: #FFFFFF;	text-decoration: none; }

A.linknav:link {	color: #333399;	text-decoration: none; }
A.linknav:hover {	color: #336666;	text-decoration: underline; }
A.linknav {	color: #333399;	text-decoration: none; }

A.linkblog:link {	color: #333399;	text-decoration: underline; line-height: 130%; }
A.linkblog:hover {	color: #336666;	text-decoration: underline;	line-height: 130%; }
A.linkblog {	color: #333399;	text-decoration: underline;	line-height: 130%; }

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 100%;
}

body.bgcolor {
	background-color: #333366;
}


#bgWrap {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 0px;
	width: 85%;
	min-width: 730px;
	height: auto;
	background-color: #FFFFFF;
	color: #555555;
	}
	
#bgWrap.pop {
	width: 500px;
	min-width: 500px;
}	
	
#banner {
	width: auto;
	height: 70px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	background-color: #336666;
	color: #FFFFFF;
	z-index: 1;
	}
	
#navBox {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	background-color: #000000;
	padding-right: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	z-index: 2;
}

#logo {
	background-image: url(images/penpages-Logo.png);
	background-repeat: no-repeat;
	width: 260px;
	height: 90px;
	float: left;
	z-index: 10;
}	


#mainContainer {
	padding-left: 30px;
	padding-right: 10px;
	margin-top: 0px;
	padding-top: 20px;
	margin-right: auto;
	margin-left: auto;
	width: auto;
	height: auto;
	position: relative;
	min-width: 690px;
}

#colLeft {	float: left;	width: 160px; }

#blogIndex {	text-align: center; }

#colRight {	float: left;	padding-left: 20px;
	left: 150px;	width: 70%;	min-width: 400px; }	
	
#content {
	width: 90%;
	margin-bottom: 10px;
	position: relative; }

#content.pop{
	width: 480px;
	margin-left: auto;
	margin-right: auto; }

#nextEntry {
	text-align: right;
	position: relative;
}

#pageCount {
	text-align: right;
	position: relative;
}

#clearBox {
	clear: both;
	padding-right: 30px;
}


#topButton {
	background-image: url(images/top-but.gif);
	background-repeat: no-repeat;
	width: 20px;
	height: 30px;
}	
	
#footer {
	text-align: right;
	color: #666666;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-right: 50px;
	font-size: 90%;
	clear: both;
	padding-bottom: 5px;
	padding-left: 50px;
}
	
	
h1 {
	font-size: 140%;
	line-height: 100%;
}
h2 {
	font-size: 110%;
	line-height: 100%;
	font-weight: normal;
}
h3 {font-size: 100%;	line-height: 100%;	font-family: Arial, Helvetica, sans-serif; }

p {	font-size: 75%;	line-height: 140%;}

p.navlinks {
	text-align: right;
	color: #33CC00;
	font-size: 70%;
	line-height: 85%;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

ul.psize, ol.psize {
	font-size: 75%;
	line-height: 120%;
}


img.catIcon {
	width:100px;
	height:80px;
}

.bannerTitle {
	color: #FFFFFF;
	margin-left: 50px;
}	
.catName {	color: #336699;	}

.description {
	color: #666666;
	font-size: 85%;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 150%;
	font-style: italic;
}

.blogTitle {
	color: #336666;
	font-size: 110%;
	font-weight: bold;
}
.blogDate {
	color: #999999;
	font-size: 75%;
}

.subHead {
	color: #669999;
	line-height: 130%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
}

.visitor {
	color: #999999;
	font-size: 85%;
	line-height: 85%;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.comment {
	color: #336666;
	line-height: 140%;
	font-size: 80%;
}

.quote {
	margin-left: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 90%;
	line-height: 150%;
}	

.bigWord {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
}

.notation {
	font-size: 95%;
	color: #999999;
}
	
.tinyText {	font-size: 75%;}
.indent  { margin-left: 50px}
.indent15 {margin-left: 15px}

/* colours */

.col-main     {	color: #333399;}
.col-contrast { color: #993300; }
.col-difference     {	color: #666699;}
.col-alert {	color: #FF0000; }
.cell-contrast {	background-color: #336666;	color: #000000;}
.serifWhite {	font-family: Georgia, "Times New Roman", Times, serif; 	color: #FFFFFF;  }

hr.fine {
	border-top-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #666699;
	margin-bottom: 5px;
	width: 100%;
}