* {
  padding: 0;
  margin: 0;
}

p {
  margin: 0 0 1em 0;
  line-height: 1.4em;
}

form select option{
  padding: 0 0.5em 0 0;
}

img {
  border: none;
}

body#section-home {
  background: #fff url(/images/22.jpg) repeat top left;
}

body#section-home #site-name {
  margin-top: 1.7em;
  margin-left: 7em;
}

body#section-home #site-name h1 {
  margin-bottom: .3em;
}

body#section-home a:link,
body#section-home a:visited {
  color: #000;
	background-image: none;
}

body#section-home h2 a {
  padding-left: 6px;
  background: transparent url(/images/ui/nav-arrow-home.gif) no-repeat 0% 50%;
}

body#section-home #footer {
  display: none;
}

#header,
#container,
#footer address,
#footer a#link-about-site {
  margin-left: 6em;
  margin-right: 6em;
  line-height: 1.2em;
}

#container {
  margin-left: 7em;
  margin-bottom: 2em;
  width: 80em;
  min-height: 40em;
}


#footer {
  bottom: 0;
  z-index: 3;  
  margin: 2em .6em 0 .6em;
  padding-bottom: 3em;
  border-top: 1px solid #545454;
}

#footer address,
#footer a#link-about-site {
  margin-top: 1em;
  font-size: 85%;
  font-style: normal;
  color: #999;
  background-color: transparent;
}

#header {
  padding-top: 2em;
  height: 7.9em;
  background-color: #ccc;
}


#accessibility,
.icons span {
  position: absolute;
  top: -10000px;
}


a {
  text-decoration: none;
  outline: none; /* prevents FF from showing link outlines on :focus */
}

a:link,
a:visited,
#header .jdb-lang a:link,
#header .jdb-lang a:visited { 
  color: #cd6501;
  background-color: transparent;
}

a:hover,
a:active { 
  color: #333;
  background-color: transparent;
}


a:hover { 
  text-decoration: underline;
}

#header #nav-global { 
  float: right;
  width: 50em;
  margin-top: .4em;
  margin-right: 5em;
}


#header ul,
ul.lightbox { 
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#header #nav-global li { 
  float: right;
}

#header li a.link-borders { 
  padding: 0 1em;
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
}

#nav-global,
#project-categories {
  font-size: 90%;
  text-transform: lowercase;
}

#nav-global ul {
  margin: 0;
  padding: 0;
}

#nav-global li {
  margin-right: 1em;
  padding-right: .5em;
  border-right: 1px solid #999;
}

#nav-global li:first-child,
.jdb_lang_section_list li.end {
  border: none !important;
}

#section-news a#link-news,
#section-projects a#link-projects,
#section-cv a#link-cv,
#section-weblog a#link-weblog,
#section-about a#link-about,
#section-contact a#link-contact {
  font-weight: bold;
}

blockquote
{
  margin-left: 20px;
  margin-right: 0px;
}

.contact-on {
  background-image: url(/images/ui/bkg-masthead-map.gif);
}

#section-default-no .article-list #content,
#section-default-en .article-list #content,
#section-news .article #content,
#section-projects .article #content,
#section-about #content,
#section-contact #content,
#section-cv #content,
#section-weblog #content {
  margin-left: 12em;
  width: 40em;
}

#section-news .article-list #content,
#section-projects .article-list #content {
  width: 58em;
}

#section-projects .article #content {
  width: 80em;
  margin: 0 auto;
}

#container #content .article-item {
  position: relative;
  display: block;
  margin-right: 1.5em !important;
}

#section-projects #container #content .article-item {
	margin-top: 1em;
}

#section-news #container #content .article-item,
#section-projects #container #content .article-item {
  width: 18em;
  margin-right: 0;
}

#section-projects #container #content .end,
#section-news #container #content .end {
  margin-right: 0 !important;
}

#section-cv #content h2 {
  display: inline;
  font-size: 1em;
  font-weight: bold;
}

#col {
  float: right;
  margin-bottom: 3em;
  width: 20em;
  line-height: 1.2em;
}

#col h2 {
  margin-bottom: .5em;
  padding-bottom: .4em;
  border-bottom: 1px dotted #999;
}

#col h2.pad-top {
  margin-top: .5em;
}

#col h3 {
  display: block;
  margin-bottom: 0;
}

#col h3 span {
  display: block;
  margin-top: .4em;
  margin-bottom: .4em;
  padding-top: .4em;
  font-weight: normal;
  border-top: 1px dotted #ccc;
}

#col h3 span.no-border {
  border-top: none;
}

#col ul {
  margin-bottom: 1.6em;
  list-style-type: none;
}

#col ul li {
  margin-bottom: .5em;
  list-style-type: none;
}

#col ul li a span {
  color: #666;
}


/* jdb-lang styles */

.jdb-lang {
/*  clear: right;*/
  margin: 0;
  padding: 4px;
  padding-top: 0;
  list-style: none;
}

.jdb-lang li {
  margin-top: -.3em;
  padding: 0 .5em;
  border: none !important;
}

.jdb-lang li {
  float: right;
  border: none;
}

.jdb-lang a {
  display: block;
  padding: .4em;
  padding-bottom: 0;
}


.jdb-lang li a#lang-on {
  font-weight: bold;
}

.error {
	color: #8C2121;
}

select {
  width: 90%;
  font-size: 1em;
}


.divider {
  height: 1px;
  border-bottom: 1px solid #005167;
}


.clear-both { clear: both; }
.spacer {
  margin: 1.6em 0;
  border-bottom: 1px solid #ccc;
  }


img.badge {
  float: left;
  padding-bottom: 10px;
  padding-left: 10px;
}

#content ul {
/* list-style-type: square;*/
 margin-bottom: 1em;
}

#content li {
 margin-left: 2em;
}

h2.number {
  margin-left: -34px;
  padding-top: 3px;
  padding-left: 34px;
  min-height: 24px;
}

h2.bullet1 {
  background: transparent url(/images/ui/1.gif) no-repeat top left;
}

h2.bullet2 {
  background: transparent url(/images/ui/2.gif) no-repeat top left;
}

h2.bullet3 {
  background: transparent url(/images/ui/3.gif) no-repeat top left;
}

h2.bullet4 {
  background: transparent url(/images/ui/4.gif) no-repeat top left;
}

ul.no-bullets {
  list-style-type: none;
}

#content li.bullet-plus,
#content li.bullet-minus {
  margin-left: 8px;
  padding-left: 16px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0% 50%;
}

li.bullet-plus {
  background-image: url(/images/ui/bullet-plus.gif);
}

li.bullet-minus {
  background-image: url(/images/ui/bullet-minus.gif);
}

#contact-form label {
 display: block;
}

#contact-form input,
#contact-form select,
#contact-form textarea {
 width: 50%;
}

#contact-form textarea {
 width: 100%;
}

#contact-form input.ff-button {
 width: 80px;
}

#content ul.flash-msg
{
  border: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#content ul.flash-msg li
{
  margin: 0;
  padding: 0;
	color: #8C2121;
	font-size: .9em;
	line-height: 1.4em;
}

input#livesearch {
  width: 20em;
  border: 1px solid #000;
}

.article-item .article-image {
  position: relative;
  width: 202px;
  height: 202px;
  margin-bottom: 1em;
  padding-bottom: 1em;
}

.article-item .article-image a {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: block;
  padding-bottom: .8em;
  border-bottom: 2px solid #999;
}

#gallery-thumbs {
  margin-bottom: 1.4em;
  padding: .2em;
  overflow: auto;
  width: 60em;
  border: 1px solid #ccc;
  white-space: nowrap;
}

#gallery-thumbs a {
  padding: .8em;
  border-bottom: 2px solid #999;
}

#gallery-thumbs a img {
  height: auto;
  width: 150px;
  padding-bottom: .8em;
}

.article-item .article-image a:hover,
#gallery-thumbs a:hover {
  border-color: #666;
}

/*.article-item .article-image img,
.post-image img {
  height: auto;
  width: 100%;
}*/

.post-image img {
  display: block;
  margin: 1.4em auto;
/*  width: 30em;*/
  border: 1px solid #999;
}

.article-item h3 {
  margin-top: .4em;
}

.comments li {
  margin: 2.2em;
  margin-bottom: 1.2em;
  padding: 0 2em;
  background: transparent url(/images/ui/comment-border-on.gif) top left no-repeat;
}

.comments li span {
  margin-left: 1em;
  color: #676767;
}

#project-categories {
  margin-top: 1em;
}

#project-categories a:link,
#project-categories a:visited {
  color: #717171;
  text-decoration: none;
}

#project-categories a:hover {
  color: #000;
}

#header #project-categories div {
  position: relative;
  float: left;
  width: auto;
  margin-right: 1.4em;
}


#header #project-categories div.parent div.child {
  position: absolute;
  top: 1.6em;
  left: 0;
  z-index: 10;
  display: none;
  width: 16em;
  background: transparent url(/images/ui/shadow-left-2px.png) no-repeat bottom left;
  font-weight: normal;
}

#header #project-categories div.parent:hover div.child {
  display: block;
}

#header #project-categories div div.child ul {
  margin-left: 2px;
  padding-right: 3px;
  padding-bottom: 4px;
  background: transparent url(/images/ui/shadow.png) no-repeat bottom right;
}

#header #project-categories a {
  padding-left: 7px;
}

#header #project-categories a.link-category {
  display: block;
  padding: 2px 7px;
  background: transparent url(/images/ui/nav-arrow-off.gif) no-repeat 0 7px;
  font-weight: bold;
}

#header #project-categories .parent:hover a.link-category,
#header #project-categories a.link-category:hover {
  background-image: url(/images/ui/nav-arrow-on.gif);
  color: #000;
}

#header #project-categories div ul li a {
  display: block;
  padding: 4px;
}

#header #project-categories div ul li a:hover {
  background-color: #E6E6E6;
}

/* Project articles */

.article-content {
  clear: both;
  margin-top: 4em;
}


.article-title,
.article-body {
  float: left;
  width: 19em;
  line-height: 1.6em;
}

.article-content .article-thumb {
  clear: both;
  margin-bottom: 1.4em;
}

.article-content .article-thumb img {
  width: 19em;
}

.article-body {
  margin-left: 1em;
  width: 40em;
}

.article-body h2{
  margin-top: 0;
}

.article-media {
  margin: 0 auto;
  margin-bottom: 1.4em;
  width: 30em;
}
/* Weblog posts */

.post {
  margin-top: 1.4em;
  padding-top: 1.4em;
  border-top: 1px solid #ccc;
}

.post h3 {
  font-size: 1.1em;
}

/* Comments and contact form */

.comments-wrapper {
  margin-left: 2em;
}

#contact-form {
  margin: 0 auto;
  width: 30em;
}

#contact-form label,
.comments-wrapper label {
  font-weight: bold;
}

.ff-small,
.comment_name_input,
.comment_email_input,
.comment_web_input {
  margin-right: 1em;
  margin-bottom: .4em;
  width: 50%;
}

.ff-small,
.comment_name_input,
.comment_email_input,
.comment_web_input,
textarea.txpCommentInputMessage {
  border: 1px solid #666;
}

input.button,
input.ff-button {
  float: right;
  margin-left: 1em;
  border: 1px outset #666;
  border-right-color: #999;
  border-bottom-color: #999;
  font-size: 90%;
  font-weight: bold;
}

.comments_error {
  color: maroon;
}

.comments-wrapper table {
  margin: 0 2em;
  border: none;
}

.comments-wrapper table,
textarea.txpCommentInputMessage {
  width: 26em;
}

.comments-wrapper input[type=text]:focus,
textarea.txpCommentInputMessage:focus {
  background-color: #f3f3f3;
}

.comments-wrapper input[type=submit]:hover {
  background-color: #ccc;
  cursor: pointer;
}

.pagination {
  margin-top: 1.4em;
  padding: .4em 0;
  width: 19em;
  border-top: 1px solid #757A80;
  border-bottom: 1px solid #757A80;
}

.pagination a.link-newer,
.pagination a.link-previous {
  margin-right: 20px;
  padding-left: 14px;
  background: transparent url(/images/ui/arrow-back.gif) no-repeat top left;
}

.pagination a.link-older,
.pagination a.link-next {
  padding-right: 14px;
  background: transparent url(/images/ui/arrow-next.gif) no-repeat top right;
}


/* Article media icons*/

.icons {
  list-style-type: none;
  margin-left: 0 !important;
  margin-bottom: 0;
  padding-left: 0 !important;
	height: 19px;
}

/*.icons li,*/
.icons li a {
  width: 19px;
  height: 19px;
}

.icons li a {
  display: block;
}

.icons li {
  float: left;
  width: 19px;
  height: 19px;
  margin-right: 4px;
  padding: 3px 0;
  margin-left: 0 !important;
  padding-left: 0 !important;
  background-position: 0 2px;
  background-repeat: no-repeat;
  background-color: transparent;
}

.icons li.help-text {
	color: #666;
	text-indent: none;
	height: auto !important;
	width: auto !important;
	background: none;
	top: auto !important;
}

.icons li.help-text span {
	position: relative;
	top: auto;
}

.icons .icon-audio {
  background-image: url(/images/ui/icon-audio-on.gif);
}

.icons .icon-image {
  background-image: url(/images/ui/icon-image-on.gif);
}

.icons .icon-text {
  background-image: url(/images/ui/icon-text-on.gif);
}

.icons .icon-video {
  background-image: url(/images/ui/icon-video-on.gif);
}

.icons:after {
  clear: both;
  content: ".";
  visibility: hidden;
}

#icon-text {
  margin-bottom: 1em;
  color: #999;
}

h3.comment-hdr {
  margin-top: 2em;
  margin-left: 2em;
}

.article-links a {
  padding: 2px 0;
}

h3.comment-hdr,
a.comments_invite,
a.permalink {
  margin-left: 20px;
  padding-left: 24px;
}

h3.comment-hdr,
a.comments_invite {
  margin-left: 0;
  background: transparent url(/images/ui/icon-comments-on.gif) no-repeat top left;
}

a.permalink {
  background: transparent url(/images/ui/icon-permalink-on.gif) no-repeat top left;
}

.article-date {
  color: #656565;
}

.comments-closed {
  color: #999;
  font-style: italic;
}

.project-intro {
  
  color: #999;
}

#header,
h2#hdr-section,
#footer {
  width: 96%;
  min-width: 78em;
  background-color: #fff;
}

#footer {
  position: relative;
  display: block;
  clear: both;
}


.pagintation {
  width: 96%;
  max-width: 78em !important;
}

#header #site-name {
  float: left;
  width: auto;
  margin-left: 1em;
}

#header #site-name h1,
#header #site-name h2 {
  display: inline;
}

h2#hdr-section {
  padding-left: 1em;
  border-left: 5em solid #ccc;
  color: #000;
  font-weight: bold;
  text-transform: lowercase;
}


#footer address {
  display: block;
  float: left;
  width: auto;
}

#footer a#link-about-site {
  float: right;
}

#searchbox {
  position: relative;
  display: inline-block;
  float: right;
}

#searchbox input {
  padding: .1em .3em;
  width: 8em;
  height: 1.1em;
  border: 1px solid #999;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  margin-top: -.2em;
  background-color: #F3F2E0;
  color: #333;
}


/* LiveSearch styling */

#searchbox fieldset {
  border: none;
}

#LSResult { 
  position: absolute;
  right: 0;
  width: 25em;
  z-index: 100;
  margin-left: 4px;
  padding-left: 2px;
  padding-right: 3px;
  padding-bottom: 4px;
  background: transparent url(/images/ui/shadow-left-2px.png) no-repeat bottom left;
}

#LSShadow { 
  background: transparent url(/images/ui/shadow.png) no-repeat bottom right;  
}

#LSRes { background-color: transparent; }
.LSRow { 
  margin-right: 3px;
  padding: 2px 5px;
}


#LSHighlight,
.LSRow:hover { background-color: #E6E6E6; color: #000;  }

#LSHeader { padding: 2px 2px 8px; }
.lsDate { display: block; color: #555; }

/* Font settings */

body {
  font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
  font-size: 70%;
}

#container {
  font-size: 1em;
}

h1,
h2,
h3,
h4 {
  margin-bottom: .8em;
  background-color: transparent;
  font-weight: normal;
}

h1 { font-size: 180%; }
#content h1 { font-size: 140%; font-weight: bold;}
h2 { font-size: 118%; line-height: 1.2em; }
h3,
h4 { 
  font-size: 100%;
  font-weight: bold;
}

/* Colour settings */

body {
  background-color: #fff;
  color: #000;
}

#header #site-name h2 {
  color: #999;
}


#header a {
  color: #000;
}

.color-blue-dark {
  color: #637B8C;
  background-color: transparent;
}
.color-blue-light {
  color: #93ABB6;
  background-color: transparent;
}
.color-maroon {
  color: #803922;
  background-color: transparent;
}
.color-grey {
  color: #666;
  background-color: transparent;
  font-size: .9em;
}

/* Article layout */

#content .article-item {
  float: left;
  width: 19em;
}

#content .search-result {
  margin: 2em;
  margin-left: -1em;
  padding: 1em;
  border: 1px solid #ccc;
}

#content .search-result:hover {
  background-color: #f3f3f3;
}

/*DEBUG*/

/*#header,
h2#section,
#content,
#content .article-item,
#footer {
  background-color: #ccc;
  border: 1px solid #999;
}*/



#col ul li {
  margin-left: 0;
  padding-left: 0;
}

h2#recent-weblog {
  margin-top: 1.4em;
}

/* FORMAT CV */


dl {
	width: 100%;
}

dl dt {
	width: 20%;
	float: left;
/*	font-size: 60%;*/
/*	line-height: 167%;*/
}

dl dd {
	float: none;
	width:  75%;
	margin: 0 0 .75em 24%;
/*	text-indent: 1.5%;*/
}

/*dl dt,
dl dd {
	border-top: 1px dotted #999;
}*/

dl dt,
dl dd {
	padding-top: 6px;
}

.category-group {
/*	clear: both;*/
	clear: left;
	margin-bottom: 2em;
}

.category-group h3.articles-by-category {
	margin-top: 2em;
	padding: 4px 0;
	border-bottom: 2px solid #333;
}