@import url(reset.css);

/*
colours
blue #0080ee;
red #ff8880;
*/

body {text-align:center; font: 101% helvetica,arial, sans-serif;}
h1, h2, h3, h4 {font-weight:bold; line-height:1.125em;}
h1 {font-size:3.42em; line-height:1.31em; margin:0.3125em 0 0.4375em 0 }
h2 {font-size:1.285em; line-height: 1.66em; margin: 0.166em 0 1.16em 0}
h3, h4 {margin:0.4em 0 0.55em 0}
p {line-height:1.5em; margin-bottom:1.5em}
a:visited, a:link, a:hover {text-decoration:none}

/**** Clearing ****/

.clearfix:after {content: "."; display: block; clear:both; height:0; visibility:hidden;}
.clearfix {display:inline-block;}
/* hide from IE Mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block}
/* end hide from IE Mac */

.clear {overflow:hidden;}
* html .clear {height:1%}


#wrapper {border: 1px solid #dedede; width:958px; margin: 10px auto; text-align:left; background: url(../images/grid.gif); min-height:800px; position:relative}
#header {margin: 24px 45px ; height:62px; position:relative}


/*#logobox {width:200px; height:2.75em; position:absolute; background:#eec; margin-left:60px; display:inline  }*/
#logobox {width:130px; position:absolute; left:60px}
#theme {width:130px}
#theme label {5em;  font-weight:bold; color: #0080ee; margin-bottom:0.5em}
#theme .middleColumn {clear:left}

#topmenubox {width:600px; height:100px; float:right; margin-right:6px; display:inline;  }
#topmenubox ul {list-style:none; float:right; margin-right: 0; display:inline; width:36em}
#topmenubox ul li {display: inline; float: right; width:8em; height:2.5em; margin-left:0.2em;
 background: #0080ee; -moz-border-radius:5px; padding-left:0.5em; line-height:2.75em}
#topmenubox ul li.current, #topmenubox ul li.section { font-weight:bold; background:#eec}
#topmenubox ul li.current a, #topmenubox ul li.section a {color:#0080ee;}
#topmenubox ul li a {color:#ffc; text-decoration:none; display:block}
#topmenubox ul li.read {color:#999;  text-transform:uppercase;
background:none;font-weight:bold; text-align:right;margin-right:12px; }


#sidebox {
	float: left;
	width: 13.2em;
}

ul.styled {list-style-type:circle; margin:12px 80px 12px 80px; font-size:0.875em; line-height:1.4em}
ul.styled li, .blogEntry ul li {margin-bottom:0.4em}
#Menu2, .blogmenu, .tagcloud, .archiveYears, .subscribeLink, .archiveMonths, .sidebarBox ul  {margin: 16px 0.5em 12px 1.6em; float:left; display:inline; }
#Menu2 li a, .blogmenu li a {color:#ffc; text-decoration:none; display:block}
#Menu2 li, .blogmenu li {background:#ff8880; width:10.8em;margin-bottom:0.4em; line-height:2.7em; -moz-border-radius:5px; padding-left:0.5em}
#Menu2 li.current, .blogmenu li.current { font-weight:bold; background:#eec}
#Menu2 li.current a, .blogmenu li.current a {color:#ff8880;}
#Menu2 li.current ul.sub li ul li a {color:#ffc; font-weight:normal}
#Menu2 li.section ul.sub li ul li a.current { font-weight:bold; color:#ff8880; background:#eec; display: block; -moz-border-radius:5px; padding-left: 0.2em}

#contentbox {font-size:0.875em; float:left; width:45.2em;
padding:1px; min-height:200px; background:#fff; margin-left:3.7em}
.content {padding-top:8px; padding-bottom:15px}

.codeblock {
	font-family:Courier, 'Courier New', monospace, fixed !important;
	overflow: auto;
	white-space:nowrap;
	padding:8px;
	border:1px solid #999;
}


.left{float:left}
.right{float:right}
.content {background:#fff}
.content h1, .content h2, .content h3, .content h4, .content p, .content div, .content ul,
	 .content table {margin-left:30px; margin-right:30px}
.content ul {list-style-type: disc; margin-top:0; margin-bottom:1.5em}
.content ul li {margin: 0.38em 0 0.37em 1em;  line-height: 1.5em}
.content div.additional {margin-left:0; margin-right:0}
.introbox {border:solid 3px #cdddcd; background:#ecefec; padding:1em; color:#4d5d4d; font-weight:300; font-size:0.875em;line-height:1.6em}
.pic {border: 1px solid #ccc; margin: 10px 10px 10px 0}
.pic.small {width:110px}
.pic img {margin: 5px}

div#map_OpenLayers_ViewPort, div#map_OpenLayers_ViewPort div, div#map_OpenLayers_ViewPort div div {margin: 0}


#sidebox h3 {color:#ffc; background:#986;margin: 16px 0.5em 12px 1.6em; float:left; display:inline;
font-weight:normal; width:10.8em;margin-bottom:0.4em; height:2.5em; line-height:2.7em; -moz-border-radius:5px; padding-left:0.5em}

#projectsbox {margin: 0 45px 20px 45px; clear:both}
.project {margin: 0 50px 12px 45px; border: 3px solid #eec; background:#fff}
.projectpic {width:480px; float:left}
.projectpic img {margin:12px 60px; border: 3px solid #ccc}
.project_caption h2 {font-size:1.2em; margin-left:60px; font-weight:600; color:#444}
.projectsummary {width:240px; float:left; margin-left:60px; margin-top:50px;display:inline}
.project ul {list-style-type:circle; margin:12px 0 12px 38px; line-height:1.4em}

/*** Script switcher ***/
.hidden {display:none;}
.switch img {margin-bottom:-4px; margin-right:6px}
.coloured {color:#ff8880}

/*** PHP scrapbook ****/
.functions { font-size: 0.875em}
.functions td {
	width:33%;
	padding: 0.3em;
	border: 1px solid #ccc
	}



/* COMMENTS
---------------------------------------- */
#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}
#PageComments li {
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}
	#PageComments li.odd {
		background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;
		padding-left: 40px;
		padding-right: 10px;
		border-bottom: 2px solid #BCE4FE;
	}
	#PageComments li.even {
		background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;
		padding-right: 40px;
		padding-left: 10px;
	}

		#PageComments li.odd p.info {
			color: #3AA0C3;
		}

		.actionLinks li {
		   display: inline;
		   border-right: 1px solid;
		}
			.actionLinks li a {
				padding-right: 3px;
				font-size: 10px;
			}
   			.actionLinks li.last {
      			border-right: none;
   			}

.commentrss {
	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
}
#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
}
#PageComments p {
	font-size: 1em;
}
	#PageComments p.info {
		color: #999;
		margin: 0px;
		padding: 0;
		line-height: 1em;
		font-size: 0.9em;
	}

/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {
	margin: 10px 0;
}
	ul#SearchResults li {
		list-style: none;
		margin: 5px 0;
		font-size: 1em;
	}

/* SEARCH FORM
-----------------------------------------------*/
html #SearchForm_SearchForm {
	float: right;
	width: 240px;
	margin: 5px;
}
html #SearchForm_SearchForm .middleColumn {
	float: left;
	width: 164px;
	margin: 0 5px 0 0;
	padding: 2px;
	background-color: #51a9df;

}
	html #SearchForm_SearchForm .middleColumn input.text {
		width: 160px;
		border: none;
		color: #666;
	}
html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
	float: left;
	margin-top: 2px;
}

/* MESSAGEBOXS
--------------------------------------------- */
.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}



p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}

.typography #Content p.authorDate {
	color: #444;
	margin-top: -15px;
	}
/* UNSUBSCRIBE NEWSLETTER
------------------------------------------------ */
#Unsubscribe_MailingListForm_MailingListForm{
	min-height:100px;
}

	#Unsubscribe_MailingListForm_MailingListForm p{
		margin:0 !important;
		padding:10px;
	}
		#Unsubscribe_MailingListForm_MailingListForm p label{
			display: inline;
		}
	#Unsubscribe_MailingListForm_MailingListForm label{
		margin:0;
	}


/* FOOTER
----------------------------------------------- */

#Footer {
 	clear: both;
	width: 800px;
	height: 5em;
	background: transparent url(../images/footerBottom.gif) no-repeat bottom left;
	text-align: center;
}
	#Footer .footerTop {
		width: 100%;
		background: transparent url(../images/footerTop.gif) no-repeat top left;
		display: block;
		height: 2em;
	}
  	#Footer p {
		color: #fff;
		font-size: 1.1em;
		text-align: center;
		margin-top: -0.6em;
	}
  		#Footer a {
	   		color: #fff;
	   		text-decoration: none;
		}
			#Footer a:hover {
				color: #fff;
				text-decoration: underline;
			}


.bbpBox {background:url(http://a0.twimg.com/profile_background_images/215291630/anb.jpg) #aac;padding:20px;} p.bbpTweet{background:#fff;padding:10px 12px 10px 12px;margin:0;min-height:48px;color:#000;font-size:18px !important;line-height:22px;-moz-border-radius:5px;-webkit-border-radius:5px} p.bbpTweet span.metadata{display:block;width:100%;clear:both;margin-top:8px;padding-top:12px;height:40px;border-top:1px solid #fff;border-top:1px solid #e6e6e6} p.bbpTweet span.metadata span.author{line-height:19px} p.bbpTweet span.metadata span.author img{float:left;margin:0 7px 0 0px;width:38px;height:38px} p.bbpTweet a:hover{text-decoration:underline}p.bbpTweet span.timestamp{font-size:12px;display:block}