@CHARSET "UTF-8";

/**
*  $Id:  $
* Originally based on zen
*/ 

/**
*   FONT STYLES 
*
*  Standardize font sizes and line-height across browsers 
*/
body {
	font: 13px arial, helvetica, clean, sans-serif; *
	font-size: small; *
	font: x-small;
}

table {
	font-size: inherit;
	font-size: 100%;
}

select, input, textarea {
	font: 99% arial, helvetica, clean, sans-serif;
}

pre, code {
	font: 115% monospace;*
	font-size: 100%;
}
pre.php {
	/* api.module */
  font-size: 85%;
  background-color: #EEF;
  color: #003;
}
	

tr, td {
	padding: .25em;
}

td.icon {
	text-align: center;
}

dt {
	font-weight: bold;
}

/**
*   LAYOUT STYLES 
*
*  Styles pertaining to minor layout adjustments, such as
*   changing from fluid width to fixed width.  
*   See layout.css for major adjustments.
*/
body {
	margin: 0;
	padding: 0;
	min-width: 500px;
	/* 2x (left-side fullwidth + main padding) + right-side fullwidth */
}

/**
*  OTHER STYLES
*
*  Styles that are specific to this theme.
*/ 

/* Common styles */
#page {
	font-family: Georgia, serif;
	line-height: 1.5em;
	/* beware this throws some later em calculations off */
}

#container {
	margin: 0px 10px 10px 11px;
}

#main {
	
}

#squeeze { /* used for tricky layout column */
	
}

#content-wrapper {
	border: 1.82px dotted #6DA6E2;
	border-top: none;
	border-right-color: #C5D6E8;
	position: relative; /* decorative corners are positioned on this box */
	height: 1%; /* force IE to layout right */
	padding-top: 1px;
	/* force firefox to not collapse the margins - h1 margin was overflowing up (!?) */
}

#content {
	margin-top: 0px;
	margin-left: 1.5em;
	margin-right: 1.5em;
	margin-bottom: 1em;
}

div.content, div.links { 
}

/* extra typographic styles */
.intro {
	font-size: 125%;
	color: #D0D0F0;
}

.note {
	font-size: 75%;
	color: #A0A0F0;
}

a, a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover, a:focus {
	text-decoration: underline;
}

h1.title, h1.title a, h1.title a:hover {
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 200%;
	/*margin:0.3em;*/
	margin: 0 0 .3em 0;
	line-height: normal;
	text-transform: uppercase;
}

h1, h1 a, h1 a:hover {
	font-size: 140%;
	font-family: Georgia, serif;
	margin: .3em 0 .3em 0;
}

h2, h2 a, h2 a:hover, .block h3, .block h3 a {
	font-size: 122%;
	font-family: Georgia, serif;
	margin: .5em 0 .5em 0;
}

h3 {
	font-size: 107%;
	font-weight: bold;
	font-family: Georgia, serif;
	margin: .5em 0 .5em 0;
}

h4, h5, h6 {
	font-weight: bold;
	font-family: Georgia, serif;
}

p, .book .body {
	margin: 0 0 0.8em 0;
}

pre {
	padding: 0.75em 1.5em;
}

blockquote {
	margin: 0.5em 1em;
	padding: 0.3em;
	font-style: italic;
}

code {
	font-size: 100%;
	font-family: Profont, 'lucida console', 'Courier New', Monaco, monospace
		;
}

img {
	border: 0;
	display: inline;
	vertical-align: bottom; /* remove extra space under the image */
}

ol, ul, dl {
	position: relative;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

abbr.created {
	border-bottom: none;
	text-decoration: none;
}

/* Header styles */
#header {
	margin-bottom: 5px;
}

#header {
  /* fix box enclosure around floated element */
	overflow:hidden;
}

#logo-title {
	margin: 10px 20px 0 20px;
	position: relative;
  height:50px;
}

#logo {
	position: absolute;
	right: 0;
	top: 0;
}

#name-and-slogan {
	display: inline;
}

#site-name {
	margin: 0;
	display: inline;
}

#site-name a, #site-name a:hover {
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 176%;
	margin: 0;
	padding: 0;
}

#site-slogan {
	margin: 0;
	font-size: 85%;
	margin-left: 20px;
}

#search {
	position: absolute;
	padding: 0;
	top: 0;
	right: 0;
}

#mission {
	font-weight: bold;
	padding: 2em;
	margin-bottom: 20px;
	font-size: 85%;
	border: solid 1px #B5C9D8;
}

.breadcrumb {
	margin: 0;
	padding: 0;
	font-size: 85%;
	margin-left: 20px;
}

/* Menu styles */
div.menu {
	margin-top: 15px;
}

ul.primary {
	border-bottom: 1.73px dotted #84A6CE;
	/* this 1.73 number may confuse the browser into giving me rounding errors - which is what I want! */
	margin-left: 0px;
	margin-right: 0px;
}

ul.primary li {
	background-image: url("images/light_shade_texture.gif");
	padding: 2px;
}

ul.primary li a, ul.primary li.active a {
	line-height: 1.2em;
	border: none; /* undo drupal */
	margin: 0px;
}

ul.primary li.active a {
	color: white;
}

ul.primary li a {
	background-image: url("images/shaded_bg.gif");
	background-color: #5E96D6; /* slightly lighter bg */
}

ul.primary li.active a {
	background-image: url("images/shaded_bg.gif");
	background-color: #5E96D6; /* slightly lighter bg */
}

#primary {
	font-size: 85%;
	line-height: normal;
	padding: 0px 0px 1px 20px;
}

#primary ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#primary li {
	display: inline;
}

#primary a {
	font-weight: bold;
	display: block;
	float: left;
	padding: 5px 14px 5px 14px;
	margin: 0px 1px 0px 0px;
}

#primary a {
	background-position: 0% 0px;
}

#primary a:hover {
	background-position: 0% -42px;
	text-decoration: none;
}

#primary a.active {
	background-position: 0% -84px;
}

#secondary {
	padding-left: 20px;
}

#secondary ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#secondary li {
	margin: 0;
	padding: 0;
	display: inline;
}

#secondary li a {
	float: left;
	display: block;
	font-size: 85%;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
}

#secondary a.active {
	font-weight: bold;
}

/* Link styles */
ul.links {
	text-align: left;
}

ul.links li {
	border-left: 1px solid #9cf;
}

.taxonomy {
	margin: 0;
	padding: 0;
	display: inline;
}

.taxonomy ul.links li {
	border: none;
	padding: 0 .1em 0 .2em;
}

.taxonomy ul.links li:after {
	content: ", ";
}

.taxonomy ul.links li.last:after {
	content: "";
}

ul.links li.first {
	padding-left: 0;
	border: none;
}

.links a {
	padding: 0 .1em 0 .1em;
}

.submitted, .taxonomy {
	font-size: 85%;
}

/* Form styles */
input, textarea, textfield {
	margin: 0;
	color: #00D;
	background-color: #DDF;
	font-family: arial;
	padding: 1px;
	font-size: 100%;
}

fieldset {
	border: solid #00D 1px;
}

input.form-checkbox, input.form-radio {
	border: none;
}

#search .form-text, #user-login-form .form-text {
	color: #444;
	border: 1px solid #6191C5;
	padding: 2px;
}

.form-submit, .button {
	padding: 1px;
}

#search .button, #search .form-submit, #user-login-form .button, #user-login-form .form-submit
	{
	background-color: #68A0D9;
	color: #fff;
	font-weight: bold;
	border: 1px solid #4070A1;
}

#node-form, #node-form .node-form {
	overflow: auto;
}

#user-login-form {
	text-align: left;
}

#user-login-form .item-list ul {
	margin-top: 10px;
}

/* Alerts, Status, Help Messages  */
.messages {
	min-height: 32px; /* icon height */
	padding: 1.3em 1em .3em 52px;
	border: 2px solid #ddd;
	background: #669;
	margin: 10px 0;
}

div.error {
	border: 2px solid #F00;
}

.messages ul {
	padding: 0 0 0 20px;
	margin: 0;
}

/* Footer styles */
#footer-wrapper {
	margin: 0;
	margin-top: 15px;
}

#footer {
	background-color: #259;
	border: solid 1px #004969;
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	font-size: 85%;
	padding: 1em;
}

#footer a {
	color: #fff;
	font-weight: bold;
	border-bottom: 1px dotted #FFFFFF;
}

#footer a:hover {
	border-bottom: 1px solid #FFFFFF;
}

#footer img.drupal-powered {
	position: relative;
	top: .3em;
}

/* Administration styles */
.admin {
	position: relative;
	width: 100%;
	height: auto; /* try to get IE to layout right */
}

div.admin .left {
	margin-left: 0px;
}
/* Override Drupal. IE used line hight to calc em. Was too big */
div.admin .right {
	margin-right: 0px;
}
/* Override Drupal. IE used line hight to calc em. Was too big */
.admin-panel {
	margin: 0;
	padding: 0;
}

.admin-panel .body {
	background-color: #2F7BC9;
}

.admin-panel .body dl, .admin-panel .body p {
	padding: 10px;
}

.admin-panel h3 {
	margin-bottom: 0;
	padding: 5px 5px 5px 30px;
	font-family: verdana;
	font-size: 122%;
	border-width: 0px 2px 2px 2px;
}

/**
 * Status report colors.
 */
table.system-status-report tr.error, table.system-status-report tr.error th
	{
	background-color: #fcc;
	border-color: #ebb;
	color: #200;
}

table.system-status-report tr.warning, table.system-status-report tr.warning th
	{
	background-color: #ffd;
	border-color: #eeb;
}

table.system-status-report tr.ok, table.system-status-report tr.ok th {
	background-color: #dfd;
	border-color: #beb;
}

/* Book styles */
div.node div.content .book-navigation {
	margin: 0;
	padding: 0;
}

div.node div.content .book-navigation ul.menu {
	border: 0;
	border-top: 1px solid #2763A5;
	margin: 0;
	padding-bottom: 10px;
}

div.node div.content .book-navigation .page-links {
	border: 1px solid #2763A5;
	border-width: 1px 0 1px 0;
	padding: 5px;
	margin: 0;
}

/* Forum styles */
#forum table {
	width: 100%;
}

/* Views admin */
.views-entry a  , .views-entry a:link, .views-edit-view a  , 
	.views-edit-view a:link {
	color: inherit;
}

/* Pager styles */
.pager {
	text-align: center;
	margin-top: 30px;
}

.pager  a, .pager-current {
	padding: 3px 8px 3px 8px;
	margin: 0 2px 0 2px;
	color: #2763A5;
	font-weight: bold;
	border: solid 1px #eee;
}

.pager-current {
	color: #fff;
	background-color: #2763A5;
}

/* Node, Block, Content styles */
.node {
	margin-top: .5em;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

/**** needs testing ***/
/* node content may be allowed to wrap around floated blocks :-) */
.node-full, .node-full .content { 
	display:inline;
	clear:both;
}
/* If allowing wrap like that, may need to tidy up and avoid text problems */
.node-full .image-attach-body {
	margin-top:1em;
}
/*** ***/



.node-unpublished {
	background-image: url("images/unpublished.png");
	background-position: center 20px;
	background-repeat: no-repeat;
}

.node h2.title {
	margin-bottom: .1em;
}

.node h2.title a {
	font-size: 129%;
	font-weight: normal;
	line-height: 1.4em;
}

.node .content {
	margin-top: .5em;
	margin-bottom: .5em;
	/*  
  margin-left:0.5em;
  margin-right:0.5em;
  */
}

.node .taxonomy {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}

.node-label {
  float:right;
  color:#59d;
  border-bottom: 1px solid #48c;
  margin-left:1em;
  margin-bottom:1em;
}


.sticky {
	border-bottom: solid 3px #ddd;
}

.comment .links {
	text-align: right;
}

.profile {
	clear: none;
}

.block .title-wrapper {
	background: #6DA6E2 url("images/light_shade_texture.gif") repeat;
	padding: 2px;
	height: 1%; /* IE layout is usually wrong */
}

.block .title-wrapper .title {
	padding: .2em .6em .2em .6em;
	margin: 0px;
	background: #2766ab;
}

#sidebar-left .block, #sidebar-right .block {
	border-bottom: 1.65px dotted #65D6E8;
	border-left: 1.87px solid #6DA6E2;
	border-right: 1.87px solid #4D86C2;
	position: relative; /* decorative corners are positioned on this box */
	height: 1%; /* force IE to layout right */
}

.block .content { /* see layout.css */
	
}

.block .item-list ul {
	padding-left: 0;
}

#content-pullquote {
	width: 200px;
	float: right;
	margin-top: .5em;
	margin-left: 1.5em;
	margin-bottom: 1em;
}

/**
 * all colours down here
 */
body {
	background: #2766ab; /* main bg */
}

#page {
	color: #C0C0F0;
}

#site-name a, #site-name a:hover {
	color: #DEDEFF;
}

a, a:link {
	color: #FAFAFF;
}

a:visited {
	color: #E0E0F0;
}

a:hover, a:focus {
	color: #FCFCFF;
}

a:active, a.active {
	color: #FCFCFF;
}

pre {
	background: #BBE;
	color:#2766ab;
	border: 1px solid #aaa;
}

table tr.odd {
	background: #468AD5;
	color: #D0D0FF;
}

table tr.even {
	background: #347ED1;
	color: #D0D0FF;
}

table td.active {
	background: #2e78cb;
	color: #D0D0FF;
}

hr {
	border-top: 1px dotted #84A6CE;
	border-bottom: 1px solid #5F90C1;
}

#primary a {
	background: #6DA6E2 url("images/shaded_bg.gif") repeat;
	color: #FFF;
}

/*
.admin-panel h3{
  background:#6DA6E2 url(images/shaded_bg.gif) repeat;
}
.admin-panel .body {
  border:1px solid #6DA6E2; 
  background-color:#2F7BC9; 
}
*/
.links {
	color: #999;
}

/**
 * Layout for image teasers
 */
.teaser {
  /*clear: left;*/
  clear: both;
}

.node {
	overflow: hidden; /* fix box enclosure around floated element */
}

.teaser .mini-teaser {
	width: 150px;
	float: left;
}

.teaser .maxi-teaser {
	float: left;
	overflow: auto;
}

/* Don't do the tabs background-color */
.fragment {
	background: transparent;
}

/*
 * extra decorations
 */
.corner {
	width: 20px;
	height: 20px;
	position: absolute;
}

.vertical {
	width: 20px;
	height: 50px;
	position: absolute;
}

.top {
	top: -11px;
}

.bottom {
	bottom: -10px;
}

.left {
	left: -11px;
}

.right {
	right: -10px;
}

* xhtml .left {
	left: -18px;
}  /* how come IE gets even this wrong? */
* xhtml .right {
	right: 2px;
}

.corner-1 {
	background-image: url("images/x_20x20_01.gif");
}

.corner-2 {
	background-image: url("images/x_20x20_02.gif");
}

.corner-3 {
	background-image: url("images/x_20x20_03.gif");
}

.corner-4 {
	background-image: url("images/x_20x20_04.gif");
}

.vertical-1 {
	background-image: url("images/v_20x50_01.gif");
}

.vertical-2 {
	background-image: url("images/v_20x50_02.gif");
}

.vertical-3 {
	background-image: url("images/v_20x50_03.gif");
}

.vertical-4 {
	background-image: url("images/v_20x50_04.gif");
}

.vertical-5 {
	background-image: url("images/v_20x50_05.gif");
}

.vertical-6 {
	background-image: url("images/v_20x50_06.gif");
}

.vertical-7 {
	background-image: url("images/v_20x50_07.gif");
}

.vertical-8 {
	background-image: url("images/v_20x50_08.gif");
}

.vertical-9 {
	background-image: url("images/v_20x50_09.gif");
}

#xcontent.ajax-loaded {
	width: 98%;
	background-color: blue
}

#xcontent {
	background-color: blue;
}

/* codefilter.module */
div.codeblock {
	background-color: #C1D8F0;
	color: #0F2640;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

/* api.module */
div.php {
	background-color: #C1D8F0;
	color: #0F2640;
	margin: 0.5em;
	padding: 1em;
	font-size: 0.9em;
	line-height: 0.9em;
}

/* taxonomy_image.module */
.taxonomy-images{
  margin-bottom:0.5em;
}
/* devel.module krumo */
.krumo-root {
	color:black;
}

/* CV styles */
.keyword {
	font-weight: bold;
}

.block-profile .content {
	margin: 0px;
	padding: 1em;
	background: #6DA6E2 url("images/shaded_bg_dark.gif") repeat;
}

.block-profile .title-wrapper .title {
	background: #6DA6E2 url("images/shaded_bg_dark.gif") repeat;
}

/* Presentation Styles */
.keypoints {
	font-size: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 15em;
}

.keypoint {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 0.7em;
	margin-bottom: 0.2em;
}

tt {
	white-space: pre;
	background-color: black;
	color: white;
	display: block;
	padding: 0.5em;
	margin: 0.5em
}

tt .response {
	background-color: black;
	color: #BBBBBB;
}

.process {
	padding: 0.3em;
	border: 1px solid white;
	margin-bottom: 0.6em;
}

.keypoints .active {
	color: white;
}

.keypoint {
	margin-bottom: 0.6em;
}

/* site-specific */
.field-type-link .field-label  , .field-type-link .field-items  , 
	.field-type-link .field-item {
	display: inline;
}

.field-type-link .field-item {
	margin-right: 1em;
}

.field-field-extra-images .field-item {
  margin:0.5em; 
  display:inline; 
}
.field-field-extra-images img {
	/* for some reason this needs to be here, not in the wrapper, or line-height spacing doesn't happen */
  padding:0.5em; 
  vertical-align:top;
}

.view-all-case-studies .views-row {
	clear:both;
}