/*
Excellent colour mixer:
http://www.telecable.es/personales/alberto9/color/index.htm
*/
/* STRUCTURE */
/* Basic structure based on http://www.alistapart.com/articles/holygrail */
body {
  margin: 0;
  min-width: 500px;
}
#container { 

 }
  /* Crucial that both #page and #navigation are position relative
     or the design does not work in IE6 (though it does in IE7 and FF) */
#page, #navigation { 
  position: relative;
 }
#navigation{ 
  float: left;
  width: 200px;	
}

#contentwrap {
  margin: 0 0 0 200px;
  padding: 0;
} 
#content {
  padding: 0.7em;
} 
#footer {
  clear: both;
  position: relative;
	width: 100%;
	height: 50px;
}
#form { 
	width: 760px;
	margin: auto;
	padding: 0.3em;
 }
#syntax { 
	margin: auto;
	padding: 10px;
 }
#syntax h3 { 
	border-bottom: 1px solid black;
 }
#pagefull { 
	padding: 20px;
 }
#pageblog { 
	padding: 20px;
 }
#blogcontainer {
  position: relative;
 }
.textsize { 
  width: 100%;
  text-align: right; 
}
.textsize img {  
  border: none;
}
.logo { 
  text-align: center;
  font-variant: small-caps;
  font-size: 4em;
  font-family: "Trebuchet MS";
  margin: 0 0 0px 0;

 }
.headerlinks { 
  line-height: 2em;
  width: 100%;
 }
.headerlinks ul {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
 }
.headerlinks ul li {
  float: left;
  display: inline;
  padding: 0;
  text-align: center;
  margin-right: -1px;
}
.headerlinks ul li a {
  padding: 0 0.5em;
  display: block;
  text-decoration: none;
}
 /* Typography and colours */
body { 
  font-family: Verdana, Helvetica, Arial, "Trebuchet MS", sans-serif, "MS sans serif";
	font-size: 95%;

}
#header { 
	background:  #86A2B8; 
 }
#navigation { 
	background: #FCF6F0;
	border-right: 1px solid #0B284A;
 }
#page {
  background: #fCF6F0;
}
#content {
  background: #fff;
}
#contentwrap {
  border-left: 1px solid #0B284A;
	background: #fff;
}

.headerlinks, .headerlinks ul { 
	background: #0B284A;
	width: 100%;
}
.headerlinks a { 
	color: #FCF6F0;
}
.headerlinks ul li a:hover {
	background: #FCF6F0;
	/* color: 	#0B284A; */
	color: #F45B1F;
}
#footer { 
	background:  #fff; 
	border-top: 1px solid #0B284A;
 }
a {
	color: #0B284A;
	text-decoration: underline; 
}
a:hover, #content a:hover { 
	color: #F45B1F;
 }
#content a { 
	color: #36489D;
/* Clearer blue: #051489; */
/* Pale blue: 516D88; */
 }
#header a, #navigation a, h1 a, h2 a { 
	text-decoration: none;
	border: none;
 }

#content p, #content ul { 
	margin: 0 0 5px 0; padding:0;
 }
#content li .recname, #content .recname a { 
	font-weight: bold;
	font-size: 1.1em;

	text-decoration: none;
 }
#content li.listings { 
	padding: 12px 0px;
	list-style: none;
	border-bottom: 1px solid #F4D7B5;
	margin-left: 0;
 }
#content ol li { 
	list-style: decimal;
 }
#content li { 
	margin: 0 0 0 30px;
	padding: 0px;
	border: none;
	list-style: square;
 }
#content li li .recname, #content li li .recname a { 
	background: #fff;
	font-weight: normal;
	font-size: 1em;
 }
#content li li .recname a { 
	text-decoration: underline;
 }
#content ul li ul li { 
	list-style: square;
 }
#content li ul li .recname { 
	font-weight: normal;
 }

#breadcrumb {
	border: 1px solid #D4E0EF;
	background-color: #F0F6FC;
	margin: 10px;
}
#breadcrumb ul {
	margin: 4px; 
	padding: 2px; 
	font-size: 0.9em;
}
#breadcrumb li {
	margin: 0;
	list-style: none; 
	display: inline; 
	border: none;
}
#breadcrumb a {
	font-weight: normal;
}
#sectionmenu { 
	padding: 5px;
	font-size: 0.9em;
	background: #FCF6F0;
	border: 1px solid #F6DEC3;
	font-weight: normal;
	line-height: 1.3em;
 }

#sectionmenu ul li { 
	list-style: square;
	font-weight: normal;
	border: none;
	padding: 0px;
 }
#sectionmenu a { 
	border: none;
	text-decoration: none;
 }
#navigation { 
	font-size: 95%;
	font-family: arial;
 }
#navigation ul { 
	padding: 0;
	margin: 0;
 }
#navigation ul li { 
	margin: 0 5px;
	border-bottom: 1px solid #F4D6B4;
	padding: 5px 0;
 }
#navigation ul li li { 
	margin-left: 20px;
	font-weight: normal;
	padding: 2px 0;
	border: none;
}
#navigation ul ul { 
	background-color: #FCE9D5;
 }
#navigation ul ul ul { 
	background-color: #F4D6B4;
 }
#navigation li {
	list-style: none;
 }

#navigation a { 
	text-decoration: none;
 }
.highlight, .highlight a {
	font-weight: bold;
}
/* should fix this */
.edit, a.edit, .edit a, #content a.edit, #content .edit a {
	color: #f00; /*#F45B1F; */
	font-size: 0.9em; 
	border: none;
}
.edit2, a.edit2 {
	color: #f00; 
}
.edit_info {color: #369; font-size: 0.9em; font-weight:normal;}

.expandable li {
}
blockquote { 
	padding: 0 0.5em;
	margin: 1em 1.5em;
	border-left: 2px solid #D6DAEA;
	font-style: italic;
	color: #86A2B8; 
 }
/*#596ddd;*/
.recname {font-variant: small-caps;}

.navfaqtop {
  text-align: right;
  font-size: 0.9em;
}

input, select { 
	font-size: 0.9em;
 }
#form {
	border-right: 2px groove #86A2B8; 
	border-left: 2px groove #86A2B8; 
	font-size: 0.9em;
	background: #fff;
 }
.formcontainer { 
	border-top: 1px solid #0B284A;
	border-bottom: 2px groove #86A2B8; 
	background: #FCF6F0;

 }
#formmessage { 
	font-weight: normal; 
	background-color: #ffc; 
	margin: 10px 20px;
	padding: 10px;
	border: 1px solid #E5D9BC;
	font-size: 1.3em;
 }
.formerror {
	font-weight: bold;
	color: #f00; 
	background: #ffc;
	
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Sans-serif;
}
h1 {
	font-size: 2em; 
	margin: 0.5em 0; 
	line-height: 1em;
}
h2 {
	font-size: 1.5em; 
}
h3 {
	margin: 0.3em 0em;
}
#navigation h2 { 
	font-size: 1.1em;
 }
#pageblog textarea { 
	font-size: 1.2em;
 }


/* Misc (todo) */

.warning {
	font-weight: bold; 
	font-size: 1.2em;
	background-color: #ff3; 
	padding: 20px;
	margin: 20px 20px;
	border: 1px solid #FF6614;
}
p.message, .message {
	font-weight: normal; 
	background-color: #ffc; 
	margin: 10px 20px;
	padding: 10px;
	border: 1px solid #E5D9BC;
}

.error {
	font-weight: bold; 
	background-color: #ff7; 
	margin: 10px 50px 10px 50px;
}
.adminlink {margin-top: 0px; color: #999; text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.home {border-bottom: 1px solid #9cc;}
.home li {padding: 3px; font-weight: bold; }

.notaccepted {color: #369; border: 2px solid #369;}
.notaccepted a {color: teal;}
.required {color: red; }
.taginfo { color: #0C8210; }
.notags { color: red; background: yellow;}
.tagtext {
	border: 0px; 
	margin: 0px; 
	margin-right: 10px; 
	background-color: #fff; 
	white-space: nowrap; 
	word-spacing: 0px;
}
.taglink {
	color: #0C8210; 
}
#content .inline{
	text-decoration: none;
	display: inline;
	padding: 0px; 
	margin: 0px;
	list-style: none;
}
.clear { 
	clear: both;
 }
pre { margin: 0; padding: 0; }
.tags a { 
	text-decoration: none;
 }
.rightcolumn { 
	position: relative; 
  float: right;
  width: 45%;

 }
.leftcolumn { 
  float: left;
  width: 45%;
  padding-right: 5%;
  border-right: 1px solid #F4D7B5;

 }
hr { 
		border-right: 1px solid #F4D7B5;
 }

.alignright {
	float: right;
  width: 50%;
	}
	
.alignleft {
	float: left;
	width: 45%;
}
.floatleft { 
  float: left;
 }
.nextprevious { 
 }
.post { 
	padding: 20px 10px;
	border-bottom: 1px solid #F4D7B5;
}
.post h2, #navigation h2, #navigation p { 
	margin: 0.5em 0 0 0;
	padding: 0;
 }
p { 
	margin: 0.3em 0;
	padding: 0.3em 0;
 }
small { 
  color:  #86A2B8; 
  font-size: 0.85em;
 }
.entry { 
	padding: 5px 0;
 }
.postmetadata { 
	text-align: center;
	padding-top: 5px;
	clear: left;
	color:  #86A2B8; 
	font-size: 0.9em;
 }
.postmetadata a { 
	color:  #86A2B8; 
 }
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}
table.tableborder { 
  border-collapse: collapse;
}

table.tableborder td, table.tableborder th { 
  border: 1px solid #ccc;
  border-bottom: 1px solid #ccc; 
  padding: 3px;
  font-size: 0.9em;
 }
table.tableborder th { 
  background: #eee;
}
pre  { 
	background: #efefef; 

}
code { 
	font-size: 1.1em; 
	color: #0B284A;
}