/* Import styles
-----------------------------------------------------------------------------*/
@import url("reset-min.css");


/* Typography
-----------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	font-size: 1em;
	line-height: 1.2em;
}
p, address {
	margin-bottom: 1.2em;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}


/* Link styles
-----------------------------------------------------------------------------*/
a {
	color: #fff;
	text-decoration: none;
	border: 0;
}
a:hover {
	border-bottom: 1px dotted #fff;
}
a:visited {
}
#header a:hover, .project-img:hover, #home #maps a:hover, #home #architecture a:hover, #home #books a:hover, #home #more a:hover {
	border: 0;
}
#maps #pagenav a.nextprevious {
	color: #0c9;
}
#architecture #pagenav .nextprevious {
	color: #fc0;
}
#books #pagenav .nextprevious {
	color: #6cc;
}
#more #pagenav .nextprevious {
	color: #c30;
}


/* Heading styles
-----------------------------------------------------------------------------*/
h1, h2, h3, h4 {
}
#header h1 a {
	display: block;
	text-indent: -9999px;
	background: url(../images/structure/kb_logo.png) no-repeat;
	width: 370px;
	height: 42px;
}
#home h2 {
	font-weight: bold;
	margin: 60px 0;
}
#about h2 {
	font-weight: bold;
	color: #ff0;
}
#new h2 {
	width: 370px;
	height: 41px;
	text-indent: -9999px;
	background: url(../images/structure/h2-new-work.gif) no-repeat;
	margin: 15px 0 0 0;
}


/* Structure
-----------------------------------------------------------------------------*/
body {
	font-family: "Gill Sans", Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 96%;
	background: #000;
	text-align: center;
}
#container {
	text-align: left;
	margin: 60px auto;
	width: 800px;
	overflow: hidden;
}
#col-left, #col-right {
	width: 370px;
}
#col-left {
	float: left;
	margin: 0 60px 0 0;
}
#col-right {
	float: right;
}


/* Backgrounds
-----------------------------------------------------------------------------*/
body#home, body#about {
	background: #f90;
}
body#maps {
	background: url(../images/structure/backgrounds/maps_bg.gif) repeat-y center;
}
body#architecture {
	background: url(../images/structure/backgrounds/architecture_bg.gif) repeat-y center;
}
body#books {
	background: url(../images/structure/backgrounds/books_bg.gif) repeat-y center;
}
body#more {
	background: url(../images/structure/backgrounds/more_bg.gif) repeat-y center;
}


/* Navigation
-----------------------------------------------------------------------------*/
#nav {
	margin: 15px 0 0 0;
	overflow: hidden;
}
#nav a {
	display: block;
	width: 370px;
	height: 41px;
	text-indent: -9999px;
}
#nav li {
	float: left;
	width: 370px;
}
#nav li ul {
	position: absolute;
	width: 370px;
	left: -9999em;
}
#nav ul li a {
	border-top: 0;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
#nav a:hover {
	border: 0;
}


#maps #nav a {
	background-image: url(../images/structure/nav/maps.gif);
}
#architecture #nav a {
	background-image: url(../images/structure/nav/architecture.gif);
}
#books #nav a {
	background-image: url(../images/structure/nav/books.gif);
}
#more #nav a {
	background-image: url(../images/structure/nav/more.gif);
}
#nav h2 a {
	height: 42px;
}
#nav h2 a:hover {
	background-position: 370px 0;
}
#maps li.architecture a, #architecture li.maps a, #books li.maps a, #more li.maps a {
	background-position: 0 -42px;
}
#maps li.architecture a:hover, #architecture li.maps a:hover, #books li.maps a:hover, #more li.maps a:hover {
	background-position: 370px -42px;
}
#maps li.books a, #architecture li.books a, #books li.architecture a, #more li.architecture a {
	background-position: 0 -83px;
}
#maps li.books a:hover, #architecture li.books a:hover, #books li.architecture a:hover, #more li.architecture a:hover {
	background-position: 370px -83px;
}
#maps li.more a, #architecture li.more a, #books li.more a, #more li.books a {
	background-position: 0 -124px;
}
#maps li.more a:hover, #architecture li.more a:hover, #books li.more a:hover, #more li.books a:hover {
	background-position: 370px -124px;
}


#subnav {
	margin: 15px 0 0 32px;
	min-height: 256px;
  height: auto !important;
  height: 256px;
  clear: left;
}
#subnav li, #pagenav li, #home #col-right li {
	line-height: 1.2em;
	margin-bottom: 5px;
}
#new #subnav {
	color: #f90;
}
#home #col-right ul {
	font-weight: bold;
}

.skipnav {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}


/* Homepage buttons
-----------------------------------------------------------------------------*/
#home #col-right li {
	clear: left;
}
#home #col-right li#maps, #home #col-right li#architecture, #home #col-right li#books, #home #col-right li#more {
	float: left;
	clear: none;
}
#home #maps a, #home #architecture a, #home #books a, #home #more a {
	display: block;
	width: 157px;
	height: 15px;
	padding-top: 172px;
	margin-bottom: 26px;
}
#home #maps, #home #books {
	margin-right: 56px;
}
#home #maps a {
	background: url(../images/content/home-maps.jpg) no-repeat;
}
#home #architecture a {
	background: url(../images/content/home-architecture.jpg) no-repeat;
}
#home #books a {
	background: url(../images/content/home-books.jpg) no-repeat;
}
#home #more a {
	background: url(../images/content/home-more.jpg) no-repeat;
}







.reference {
	font-weight: bold;
	color: #ff0;
}
.reference span {
	display: block;
	color: #000;
	font-style: italic;
	font-weight: normal;
}
#desc {
	border-top: 1px solid #fff;
	padding: 30px 0 0 0;
}
#new #desc {
	color: #fff;
}
#desc a {
	padding-bottom: 1px;
}


#project-img {
	width: 370px;
	height: 370px;
	margin: 0 0 30px 0;
}
#project-img a:hover {
	border: 0;
}
#project-img img {
	text-align: left;
	vertical-align: top;
}


#about .how {
	margin: 60px 0 0 0;
	height: 187px;
}
#about .who {
}
#about #kath {
	margin: 102px 0 0 0;
}
#about .vcard {
	font-weight: bold;
	margin: 30px 0 0 0;
}
#about .vcard .country-name, #about .vcard .br {
	margin-bottom: 1em;
}



/* Lightbox extras
-----------------------------------------------------------------------------*/
#bottomNavClose:hover {
	border: 0;
}


/* Generic styles
-----------------------------------------------------------------------------*/
.left {
	float: left;
}
.right {
	float: right;
}
.hide {
	visibility: hidden;
}
.nobr {
	white-space: nowrap;
}