/* author: Kerry Gray - demo version */

A.linknav:link { 	color: #336600;	text-decoration: none; }
A.linknav:hover {	color: #0033CC;	text-decoration: none; }
A.linknav {	color: #336600;	text-decoration: none; }

A.linksoft:link { 	color: #9999FF;	text-decoration: none;	font-weight: bold;}
A.linksoft:hover {	color: #FFFFFF;	text-decoration: underline;	font-weight: bold;}
A.linksoft {	color: #9999FF;	text-decoration: none;	font-weight: bold;}

A.linkblog:link {	color: #333399;	text-decoration: none;	font-weight: bold;}
A.linkblog:hover {	color: #990033;	text-decoration: underline;	font-weight: bold;}
A.linkblog {	color: #333399;	text-decoration: none;	font-weight: bold;}


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

body.bgcolor {
	background-color: #000000;
	background-image: url(images/invBushTILE.gif);
}


#bgWrap {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 0px;
	width: 85%;
	min-width: 730px;
	height: auto;
	background-color: #FFFFFF;
	color: #333333;
	}
	
#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: #6699FF;
	color: #330033;
	z-index: 1;
	}
	
#logo {
	background-image: url(images/penpages-Logo.png);
	background-repeat: no-repeat;
	width: 260px;
	height: 90px;
	float: left;
	z-index: 10;
}	
	
#navBox {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	background-color: #3300CC;
	padding-right: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	z-index: 2;
}


#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: 80%;
	margin-bottom: 10px;
	position: relative;
}

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

#nextEntry {
	font-size: 85%;
	text-align: right;
	position: relative;
}

#pageCount {
	font-size: 85%;
	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: 75%;
	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.size140 {
	font-size: 140%;
} */

p.navlinks {
	text-align: right;
	color: #66CCFF;
	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 {
	font-size: 140%;
	font-weight: bold;
	margin-left: 20px;
}

.catName {	color: #336699;	}

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


.blogTitle {
	color: #9933CC;
	font-size: 100%;
	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 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666699;
	line-height: 150%;
}

.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: #009999; }
.col-difference     {	color: #666699;}
.col-alert {	color: #FF0000; }
.cell-contrast {	background-color: #6699FF;	color: #FFFFFF;}
.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%;
}