/*
history:
26/09/07 - complete rewrite, saved as v3
11/08/06 - changed colors, added some more
13/07/06 - made changes to body, added wordpress tags
*/

/*general styling*/

body {
	margin-top:0px;
	font:75%/1em Arial, Helvetica, sans-serif;
	color:#968a86;
	background-image: url(images/paper-bg.gif);
	background-repeat: repeat;
	background-color:#ffffff;
}

p {
	line-height:1.35em;
}

h1 {
	
}

h2 {
	color:#468966;
	font-size:1.7em;
	
}


h2 a{
	color:#468966;	
}

a {
	color:#9e2d00;
	font-weight:bold;
	text-decoration:none;
}

a img{
	border:0;
}

/*basic divs*/

#header{
	height:10px;
	margin:0 auto;
	width:770px;
}

#container {
	width:770px;
	margin:0 auto;
	text-align:center;
	background-color:#29281c;
	height:auto;
	background-image:url(/resources/images/swoosh_test4.png);
	background-position:center top;
	background-repeat:no-repeat;
}

#topBorder {
	margin:0 auto;
	width:770px;
	height:16px;
	font:1px/1px sans-serif !important;
	font:0px/0px sans-serif;
	background:url(images/borderline-top.png) no-repeat center bottom;
	background-position:bottom left;
}

#leftBorder {
	float:left;
	width:746px;
	padding-left:24px;
	margin:0;
	background:url(images/borderline-left.png);
	background-repeat:repeat-y;
	background-position:top left;
	text-align:left;
	min-height:600px;
}

#rightBorder {
	float:left;
	width:722px;
	margin:0;
	padding-right:24px;
	background:url(images/borderline-right.png);
	background-repeat:repeat-y;
	background-position:top right;
	text-align:left;
	min-height:600px;
}

#rightColumn {
	float:right;
	width:66px;
	margin:0;
	margin-right:24px;
	margin-top:20px;
	padding:1em;
	text-align:left;
	min-height:600px;
}


#rightColumn p {
	margin:0.5em 0 1em 0;
}

#pathwayImage {
	height:16px;
	width:15px;
	float:left;
}

#pathwayText {
	height:16px;
	letter-spacing:0.15em;
	font-size:0.8em;
	margin-right:225px;
	margin-left:15px;
	padding-left:3px;
	padding-top:3px;
}

#powerbar {
	width: 215px;
	height:50px;
	letter-spacing:0.15em;
	float:right;
	text-align:right;
	margin-right:2px;
}

#content {
	padding:1em;
	text-align:left;
	float:left;
}

#pageheading {
	font-size:2.25em;
	font-weight:bold;
	color:#ffaa22;
	margin-right:225px;
	margin-top:3px;
	clear:left;
}

#pageheadingAlt{
	margin-top:10px;
	font-size:2.25em;
	font-weight:bold;
	color:#ffaa22;
	margin-right:225px;
	clear:left;
}

#headingspacer {
	margin:0;
	margin-bottom:20px;
	height:23px;
}

#headingUnderline {
	width:318px;
	height:23px;
	margin:0;
	float:left;
}

#bySurreal {
	width:154px;
	height:23px;
	float:left;
	margin-left:5px;
}

#mainRegion {
	width:690px;
	float:left;
	min-height:600px;
}

.emphasis {
	font-weight:bold;
	color:#466689;
}

/*specific pages*/

#contactMap {
	width:425px;
	float:left;
	margin-top:20px;
}

#contactInfo {
	width:200px;
	margin:20px;
	float:left;
}

#projectsList {
	margin:0;
	padding-bottom:30px;
	padding-top:5px;
	float:left;
	padding-left:5px;
}

#projectName {
	font-size:medium;
	color:#468966;
}
#projectYear {
	clear:left;
	padding-top:-10px;
	font-size:0.8em;
}

#projectImage {
	background-image:url(/resources/images/list_details_image_bg.gif);
	width:407px;
	height:98px;
	padding-left:7px;
	padding-top:6px;
	float:left;
}

#projectDetails {
	text-align:left;
	float:left;
	width:260px;
	padding:5px;
}

#listNavLeft {
	float:left;
	width:200px;
}

#listNavRight {
	float:right;
	width:200px;
	text-align:right;
}

#listSelector {
	width:250px;
	float:left;
}

#listHover {
	color:#ffaa22;
}

#listHover a{
	color:#ffaa22;
}

#listDetails {
	width:300px;
	margin-left:20px;
	float:left;
}

#listDetailsWide {
	width:420px;
	margin-left:20px;
	float:left;
	padding-left:10px;
	padding-right:10px;
}

#listName {
	font-size:medium;
	color:#468966;
}

#listClient {
	margin-bottom:5px;
	margin-top:5px;
}

#listDetailsImage {
	background-image:url(/resources/images/list_details_image_bg.gif);
	width:407px;
	height:98px;
	padding-left:7px;
	padding-top:6px;
	border:hidden;
}

#listDetailsText {
	padding:7px;
}

#bottomBorder {
	margin:0 auto;
	clear:both;
	width:770px;
	height:16px;
	font:1px/1px sans-serif !important;
	font:0px/0px sans-serif;
	background:url(images/borderline-bottom.png) no-repeat;
	background-color:#29281c;
	background-position:top left;
}

#footer {
	text-align:left;
	margin: 0 auto;
	margin-top:10px;
	width:770px;
	color:#29281c;
	font-weight:bold;
}

#footerLogo {
	width:153px;
	margin:0;
	float:left;
}

#footerCopyright {
	padding-top:10px;
	width:350px;
	float:left;
	margin:0;
}

#footerContact {
	padding-top:10px;
	width:220px;
	float:right;
	text-align:right;
	margin:0;
}

.projects {
	background-image:url(/resources/images/projects_bg.png);
	background-position:center;
	background-repeat:no-repeat;
}

/*wordpress-specific*/
#researchList {
	
}

#searchBox {
	float:left;
	margin:0;
	text-align:right;
	width:218px;
}

#searchForm {
	margin:0;
	padding:0;
}

.postFirst {
	background-color:#f0f0f0;
	color:#111111;
	padding:9px;
	margin:0;
	text-align:left;
	float:left;
}

.post {
	background-color:#dddddd;
	color:#333333;
	padding:9px;
	margin:0;
	text-align:left;
	float:left;
}

#postTitle {
	font-size:medium;
	color:#468966;
	margin:0;
	clear:both;
}

#postEntry {
	float:left;
	padding:8px;
	margin:0;
	text-align:left;
	width:550px;

}

#researchPage {
	float:left;
	padding:8px;
	margin:0;
	text-align:left;
	width:656px;

}

#postMetadata {
	float:left;
	width:90px;
	text-align:right;
	padding:8px;
	margin:0;
}

#postTopBorder {
	margin:0 auto;
	width:690px;
	height:16px;
	font:1px/1px sans-serif !important;
	font:0px/0px sans-serif;
	background:url(images/borderline-bottom.png) no-repeat center bottom;
}

#postBottomBorder {
	margin:0 auto;
	clear:both;
	width:690px;
	height:16px;
	font:1px/1px sans-serif !important;
	font:0px/0px sans-serif;
	background:url(images/borderline-top.png) no-repeat;
	background-position:bottom;
	margin-bottom:15px;
}

#researchSidebar1 {
	margin:0 auto;
	float:left;
	width:210px;
	padding:8px;
}

#researchSidebar2 {
	margin:0 auto;
	float:left;
	width:210px;
	padding:8px;
}

#researchSidebar3 {
	margin:0 auto;
	float:left;
	width:210px;
	padding:8px;
}

#widget {
	padding:7px;
	background-color:#333224;
	margin:4px;
	min-height:60px;
	border:1px solid;
	border-color:#1a1a1a;
	font-size:small;
	line-height:normal;
	letter-spacing:normal;
}

#widget a {
	color:#466689;
}

/*bbpress*/
#login {
	clear:left;
	margin-bottom:10px;
}

#discussions {
	margin-top:10px;
	min-height:400px;
	clear:both;
}

#forumRSS {
	width:30px;
	height: 31px;
	float:right;
}

.forumTitle {
	font-size:1.7em;
	margin:0;
	margin-left:4px;
	margin-right:4px;
	color:#466689;
	padding:8px;
	background-color:#333224;
	height:31px;
	padding-top:0px;
	padding-bottom:0px;
}

#forumHeading {
	margin-right:30px;
	float:left;
	padding-top:5px;
}

#topicThread {
	background-color:#232214;
	border:1px solid;
	border-color:#1a1a1a;
	margin:0;
}

.topicTitle {
	margin:0;
	padding-left:4px;
	padding-right:4px;
	color:#466689;
	padding:8px;
	background-color:#333224;
	padding-top:0px;
	padding-bottom:0px;
}

#topicPosts {
	font-size:1.2em;
	color:#468966;
}

#topicHeading {
	margin-right:35px;
	padding-top:5px;
	float:left;
	font-size:1.7em;

}

#topicRSS {
	width:30px;
	height: 31px;
	float:right;
}

.topicMeta {
	color:#968a86;
}

.topicInfo {
	width:515px;
	float:left;
}

.topicNav {
	text-align:center;
	font-size:1em;
	padding-top:10px;
	word-spacing:8px;
}

.topicAge {
	color:#3d3c2e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	margin-right:4px;
	width:150px;
	float:right;
	text-align:right;
	font-size:1.5em;
}

.topicNumber {
	color:#3d3c2e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	margin-right:4px;
	float:left;
	text-align:left;
}

#latest {
	border:1px solid;
	border-color:#1a1a1a;
	margin:0;
}

#latest a {
	color:#7d8b96;
}

#forumList {
	padding-bottom:20px;
}

.forumHeading {
	color:#466689;
}

.rowHeader {
	text-align:center;
	font-size:0.8em;
	background-color:#4a4a4a;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	margin:0;
	color:#CCCCCC;
}

.sticky {
	background-color:#444429;
}

.super-sticky a {
	color:#7d8b66;
}

.sticky.alt {
	background-color:#3c3c25;
}

.stickyLabel {
	color:#4f4e40;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	float:left;
	margin-right:4px;
}

.topicLine {
	background-color:#333224;
}

.topicLine a{
	color:#7d8b96;
}

.topicLine.alt {
	background-color:#2f2e22;
}

.poster {
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-left:5px;
}

.postCount {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
}

.postAge {
	color:#3d3c2e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	text-align:right;
}

.stickyAge {
	color:#4f4e40;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	text-align:right;
}

.bb-child {
	float:left;
	width:148px;
	padding:7px;
	background-color:#333224;
	margin:4px;
	min-height:60px;
	border:1px solid;
	border-color:#1a1a1a;
}

.bb-root {
	clear:both;
	font-size:1.7em;
	color:#466689;
	padding:8px;
}

.bb-root a {
	color:#466689;
}

.forumCollapsiblePanel {
	margin: 0px;
	padding: 0px;
	width:688px;
	margin-bottom:10px;
}

.forumCollapsiblePanelTab {
	clear:both;
	font-size:1.7em;
	margin:0;
	margin-left:4px;
	margin-right:4px;
	color:#466689;
	padding:8px;
	-moz-user-select: none;
	-khtml-user-select: none;
	background-color:#333224;
}

.forumCollapsiblePanelTab a {
	color:#466689;
}

.forumCollapsiblePanelContent {
	background-color:#333224;
	margin:4px;
	min-height:60px;
	border:1px solid;
	border-color:#1a1a1a;
}

.postNumber {
	color:#3d3c2e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.8em;
	padding:10px;
	padding-bottom:2px;
	margin-top:8px;
	text-align:left;
}

.postNumber a {
	color:#3d3c2e;
}

.threadAuthor {
	width:187px;
	height:214px;
	background-image:url(/resources/images/polaroid.png);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	padding-top:12px;
	padding-left:13px;
	float:left;
	margin-top:15px;
}

.avatarWrap {
	margin:0;
	width:170px;
	height:176px;
	text-align:center;
}

.authorInfo {
	font-size:1.1em;
	position:relative;
	bottom:0px;
	font-family:"Lucida Handwriting", "Comic Sans MS", "Zapf Chancery", cursive;
}

.threadpost {
	margin:0;
	margin-left:20px;
	text-align:left;
	float:left;
	width:468px;
}

.forumPost {
	background-color:#dddddd;
	color:#333333;
	text-align:left;
	padding:9px;
}

#forumPostTopBorder {
	margin:0 auto;
	height:16px;
	font:1px/1px sans-serif !important;
	font:0px/0px sans-serif;
	background:url(images/borderline-bottom.png) no-repeat center bottom;
}

#forumPostBottomBorder {
	margin:0 auto;
	clear:both;
	height:16px;
	font:1px/1px sans-serif !important;
	font:0px/0px sans-serif;
	background:url(images/borderline-top.png) no-repeat;
	background-position:top;
}

.forumPoststuff {
	padding:9px;
}

.signature {
	padding-top:6px;
	border-top:#468966 1px dotted;
	color:#468966;
	margin-top:7px;
}

.topicReply {
	margin:0;
	margin-left:20px;
	text-align:left;
	float:left;
	width:468px;
}

.notice {
	font-weight:bold;
	background-color:#FFFF66;
	color:#333333;
	padding:6px;
}

.forumTabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.forumTabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font:1.0em Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#466689;
	-moz-user-select: none;
	-khtml-user-select: none;
	background-color:#333224;
	list-style: none;
	border:1px solid;
	border-color:#1a1a1a;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

.TabbedPanelsTabSelected {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	color:#466689;
	-moz-user-select: none;
	-khtml-user-select: none;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	font:1.0em Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#466689;
	background-color:#333333;
	border:solid 1px #777777;
}

.forumTabbedPanelsContentGroup {
	clear: both;
	background-color:#333224;
	padding:4px;
	min-height:60px;
	border:1px solid;
	border-color:#1a1a1a;
}

.forumTabbedPanelsContent {
	padding: 4px;
}

/* form elements */
.inputButton {
	margin:1px 0px 1px 0px;
	padding:2px;
	font:10px Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#466689;
	background-color:#333333;
	border:solid 1px #111111;
}

.inputbox {
	margin:1px 0px 1px 0px;
	padding:3px;
	font:11px Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#999999;
	background-color:#222222;
	border:solid 1px #777777;
}

.inputboxreq {
	margin:1px 0px 1px 0px;
	padding:3px;
	font:11px Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#999999;
	background-color:#222222;
	border:solid 1px #ffcccc;
}

/* kwicks */
#kwick {
	position: relative;
	margin-bottom: 10px;
	padding: 10px 0;
}

#kwick .kwicks {
	display: block;
	background: #1d1d20 url(../images/trac.gif) top right no-repeat;
	height: 100px;
}

#kwick li {
	float: left;
	list-style:none;
}

#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 80px;
	width: 125px;
	padding: 10px;
	background: #fff;
	border-right: 5px solid #1d1d20;
}

#kwick .kwick span {
	display: none;
}

#kwick .services {
	background: #78ba91 url(/resources/images/services_icon_hover.png);
}

#kwick .projects {
	background: #7389ae url(/resources/images/projects_icon_hover.png);
}

#kwick .resources {
	background: #c17878 url(/resources/images/resources_icon_hover.png);
}

#kwick .contact {
	background: #a87aad url(/resources/images/contact_icon_hover.png);
	border-right: 0;
}

/*float-clearing*/

.clear {
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/*utility*/
.no-margin {
	margin:0;
}

.wraptocenter {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background: #ffa url(g1001cc2.gif) 50% 50%;
}
.wraptocenter * {
    vertical-align: middle;
}

.wraptocenter img {
	vertical-align:middle;
}