/* Global Resetting */
html{
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
	/* reset font-sizes to 1em == 10px */
	min-width: 1000px;
	background-color: rgb(122, 122, 122);
    color: rgb(0,0,0);
	font-size: 11px;
	line-height: 18px;	
	text-align: center;
}
* {
	font-size: 1em;
	/* reset font-sizes to 1em == 10px */
	padding: 0;
	margin: 0;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
	list-style:none;
}
a {
  color:rgb(89,144,233);
  text-decoration:none;
}
a:hover {
	color: #112358;
  text-decoration:underline;
}
a img{
	border:0;
}
.clear{
	clear:both;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

td {
	vertical-align:top;
	text-align:left;
}

/* 
Fibonnaci inspired colour palette

V Dark Blue  	: rgb(11,23,58)
Dark Blue    	: #112358
Mid Blue	 	: rgb(89,144,233)
Lime Green		: HSV(89,144,233) = #B5FF00
Victorian Green : #9EE394

Proportions according to golden ratio:  (1 + root(5))/2 = 1.61803399...

page width			= 1000px
less shadow borders	= 980px;

golden descent 		= 980, 606, 374, 231, 143, 88, 55, 34, 21, 13, 8, 5, 3, 2, 1

overall minimum page height to maintain golden ratio = 606px
header/footer height	= 143px;


*/


/** layout **/

#wrapper {
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: left;
	width: 1000px;
}

#prologue {
	height: 51px;
	position: relative;
	width: 1000px;
	background:url(../images/wrapper-shadow-top.png) no-repeat bottom center;
}

#header {
	position: relative;
	width: 1000px;
	background-color:white;
	background:url(../images/wrapper-shadow-header.png) no-repeat top center;
}

#page {
	position:relative;
	width:1000px;
	background-color:white;
	min-height:320px;
	background:url(../images/wrapper-shadow-mid.png) repeat-y top center;
	border:none;
}

#footer {
	width: 1000px;
	position:relative;
	background-color:white;
	height:44px;
	border:none;
	text-align:right;
	background:url(../images/wrapper-shadow-footer.png) no-repeat bottom center;
}

#epilogue {

}

/** Prologue **/

#prologue-crumbs {
	text-align:left;
	position:relative;
	left:20px;
	top:13px;
	width:450px;
}

#prologue-crumbs a.crumb {
	color:#d0d0d0;
	padding: 3px 13px;
	display:block;
	background-color: #8a8a8a;
	border:none;
	height:18px;
	float:left;
	margin-right:1px;
}
	#prologue-crumbs a.crumb:hover {
		color:black;
		background-color: white;
		text-decoration:none;
	}

	
	
#prologue-links {
	text-align:right;
	position:absolute;
	right:20px;
	top:13px;
	width:450px;
}

/**
#prologue-links a {
	color:#c0c0c0;
	padding: 3px 13px;
	display:block;
	background-color: #8a8a8a;
	border:none;
	height:18px;
	float:left;
	margin-left: 21px;
}
	#prologue-links a:hover {
		color:white;
		text-decoration:none;
		background-color: #c0c0c0;
	}
**/

.prologue-button {
	width:24px;
	height:24px;
	background:url(../images/button-home-down.png);
	overflow:hidden;
	padding:0px 0px;
	display:block;
	background-color:#8a8a8a;
	color:#c0c0c0;
	float:right;
	margin-left:1px;
}
	.prologue-button span {
		display:none;
	}

#prologue-button-home {
	background:url(../images/button-home-down.png);
	padding:0px 0px;
	float:left;
	margin-left:0px;
	margin-right:1px;
}
	
	
#prologue-button-admin {
	background:url(../images/button-key-down.png);
}

#prologue-button-search {
	background:url(../images/button-mag-down.png);
}
	
#search {
	width:233px;
	float:right;
	border-left:1px solid #808080;
}

#search-keywords {
	background-color: #8a8a8a;
	border: none;
	color: black;
	padding: 3px;  
	width: 227px;
	height:18px;
}

#search-keywords:focus, #search-keywords:active {
background-color: white;
color: black;
}

#search-submit-button{
	display:none;
}

/** Navigation **/

#navigation-header {
  left: 20px;
  width: 960px;
  background-color: #505050;
  color:white;
  position:relative;
  text-align:right;
}

#navigation-header a {
  color:#a0a0a0;
  display:block;
  padding: 4px 21px;
}
	#navigation-header a:hover {
		text-decoration:none;
		color:white;
	}

#navigation-wrapper {
	left: 20px;
  width: 960px;
  background-color: #5a5a5a;
  color:white;
  position:relative;
  padding-top:10px;
  padding-bottom:10px;
}

#sitemap-list li{
	display:block;
	position:relative;
	left: 20px;
}

#sitemap-list a {
	color:#c0c0c0;
}
	#sitemap-list a.section {
		color:white;
	}
	#sitemap-list a.current {
		color:white;
		font-weight:bold;
	}
	#sitemap-list a:hover {
		color:white;
	}


#navigation-accordion {
	
}

#navigation-accordion li {
  width: 960px;
  background-color: #505050;
  color:white;
  position:relative;
  border-top:1px solid #585858;
}

#navigation-accordion li a {
	position:relative;
	display:block;
	color:#f0f0f0;
	left:21px;
	padding:4px 0px;
}
	#navigation-accordion li a:hover {
		text-decoration:none;
		color:white;
	}

#navigation-accordion li div {
	position:relative;
	display:block;
	color:white;
	left:21px;
}



/** page-content **/

#page-banner {
	height:231px;
	position:relative;
	left:20px;
	width:960px;
	border-bottom:1px solid #505050;
}

#page-content {
	height: auto;
	left: 42px;
	padding-top: 34px;
	padding-bottom: 13px;
	position: relative;
	width: 918px;
}


/** article **/

div.article {
	border-bottom: 1px solid rgb(233,233,233);
	float: left;
	height: auto;
	left: 21px;
	margin-bottom: 13px;
	padding-bottom: 13px;
	position: relative;
	width: 958px;
}

h2.article-title {
	float: left;
	font-size: 16px;
	margin: 9px 780px 9px 10px;
	position: relative;
	text-align: right;
	width: 170px;
}

div.article-info {
	float: left;
	height: auto;
	position: relative;
	text-align: right;
	width: 180px;
}

div.article-body {
	float: left;
	height: auto;
	position: relative;
	width: 550px;
	padding-left:50px;
}


/** Search **/

#SearchResults {
}

#SearchResults li {
	width:900px;
	border-top: 1px solid #f0f0f0;
	display:block;
	padding: 8px;
}

.searchResultHeader {
	font-size: 12px;
	font-weight:bold;
	
}


/** Comments **/

#comments-header {
  left: 20px;
  width: 960px;
  background-color: #701010;
  color:white;
  position:relative;
  text-align:right;
}

#comments-header a {
  color:#e0e0e0;
  display:block;
  padding: 4px 21px;
}
	#comments-header a:hover {
		text-decoration:none;
		color:white;
	}

#comments-wrapper {
	left: 20px;
  width: 960px;
  background-color: #701010;
  color:#f0f0f0;
  position:relative;
  border-top:1px solid #500000;
}
	#comments-wrapper a {
		color:#fff0f0;
	}

#PageComments_holder {
	position:relative;
	left:20px;
	width:920px;
	padding-top:20px;
	padding-bottom:20px;
}
	#PageComments_holder  h4 {
		font-size: 1.2em;
		color:white;
		display:block;
		padding-bottom:9px;
	}
	
	#PostCommentForm-wrapper {
		padding-bottom:21px;
		width:450px;
		float:left;
	}
	
	#PostCommentForm-wrapper fieldset {
		border:none;
	}
	
	#PageCommentInterface_Form_PostCommentForm_Name {
		width:50%;
		background-color: #c07070;
		border:none;
		padding:3px;
		margin-bottom:8px;
	}
	
	#PageCommentInterface_Form_PostCommentForm_Comment {
		width:100%;
		background-color: #c07070;
		border:none;
		padding:3px;
	}
	
	#PageCommentInterface_Form_PostCommentForm_action_postcomment {
		width:25%;
		padding:4px 10px;
		background-color: #802020;
		color:#e07070;
		border:1px solid #800000;
	}
	#PageCommentInterface_Form_PostCommentForm_action_postcomment:hover {
		color:white;
		background-color:#903030;
		border:1px solid #802020;
	}
	
	#CommentHolder-wrapper {
		width:450px;
		float:left;
		margin-left:20px;
	}
	
	#PageComments li {
		display:block;
		background-color:#802020;
		margin-bottom:10px;
		padding: 8px;
	}
	
	#CommentHolder .comment {
	
	}
	#CommentHolder .info {
		color:#a05050;
		font-size:0.9em;
		margin-top:-10px;
		margin-bottom:0px;
	}
	#CommentHolder .actionLinks {
		height:18px;
	}
	#CommentHolder .actionLinks li {
		padding:0px;
		margin-bottom:0px;
		display:block;
		float:left;
		margin-right:20px;
	}
	#CommentHolder .actionLinks li a {
		color:#c07070;
	}

	#CommenterURL {
		display:none;
	}

	#CommentsRSSFeed {
		display:none;
	}



/** footer **/

#footer-content {
  left: 20px;
  width: 960px;
  background-color: #505050;
  color:#808080;
  position:relative;
  text-align:right;
  height:24px;
}

#copyright {
	padding:3px;
	position:relative;
	right:20px;
}