/*

Author: okavanagh
Date: 10th Feb 2008
http://www.olliekav.com

*/

/*

Colors:

*/

/* Lets set up the resets */
/* http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*= This is an IE only feature to fix images displaying not pixilated - this only works in IE7 and up */
img {
-ms-interpolation-mode: bicubic;
}

/* Text sizes for Body and Tables */

body, td, th, textarea, input, select {   
	font-family: Helvetica, Arial, sans-serif;
	font-size:83%;
	color:#3e3e3e;
	line-height:150%;
}
table {
  font-size:1.3em;
}
.clear {
	clear:both;
}
a:link, a:visited {
	color:#3e3e3e;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

/* Now we set the layout! */

html, body {
	height: 100.1%;
	text-align:center;
	background:#fff;
}
#lk_header {
	height:140px;
}
#lk_container {
	margin:0 auto;
	width:950px;
	text-align: left;
	padding-top:30px;
}
#lk_left_column {
	width:150px;
	float: left;
} 
#lk_right_column {
	width:800px;
	float: left;
	overflow:hidden;
}
#lk_right_column .thumb {
	float: left;
	padding:2px;
}
#pagedthumbsnav {
	float: left;
	width:200px;
	margin-bottom:5px;
	position:relative;
}
#albums li {
	float: left;
	display:inline;
	margin:0 3px 3px 0;
	height:63px;
	width:63px;
	line-height:1%;
}
ul#imagethumb {
	display:block;
	height:330px;
	overflow:hidden;
}
ul#imagethumb li {
	float: left;
	display:inline;
	margin:0 3px 3px 0;
	height:63px;
	width:63px;
	line-height:1%;
}
#image_holder {
	float: left;
	width:550px;
}
#image {
	width:550px;
	height:326px;
	overflow:hidden;
	margin-bottom:7px;
}
#image img {
	height:330px;
}
#lk_footer {
	clear:both;
	height:50px;
	text-align: left;
	padding:20px 10px 20px 150px;
}
#lk_footer p {
	float: right;
}

/*--------------------------------------- The press page ----------------------------------------*/

.press li {
	float: left;
	display:inline;
	line-height:normal;
	width:200px;
	height:305px;
	text-align:center;
	margin-right:30px;
}
.press li img {
	display:block;
	margin:0 auto;
	margin-bottom:5px;
	border: 1px solid #999;
}
.press li a {
	font-size:0.85em;
	font-weight:bold;
}

/*--------------------------------------- Biography page ----------------------------------------*/

#biography {
	position:relative;
	padding-left:200px;
	width:600px;
}
#biography img {
	position:absolute;
	top:0;
	left:0;
}
#biography p,
.academic p {
	margin-bottom:10px;
}
.academic h1 {
	margin-bottom:10px;
	font-size:1.2em;
}

/* Text Styles */

h1.name {
	float: left;
	width:150px;
	text-decoration:none;
	color:#000;
}
h1.name a:link,
h1.name a:visited {
	font-weight:normal;
	font-size:1.4em;
	float: left;
	width:150px;
	text-decoration:none;
	color:#000;
}

/* This is the navigation */
ul.navigation {
	float: left;
	width:180px;
}
ul#menu1 {
	width:200px;
} 
ul.navigation li a, ul.navigation li a:visited {
	padding:3px 3px 3px 0;
	color:#999;
	font-size:1.4em;
	text-decoration:none;
	display:block;
	height:1%;
}
ul.navigation li a#top {
	padding-top:0;
}
ul.navigation li a:hover, ul.navigation li a.active {
	color:#000;
}
ul#sub_navigation {
	float: left;
	height:150px;
	width:600px;
}
ul#sub_navigation li {
	display:inline;
	height:1%;
}
ul#sub_navigation li a, 
ul#sub_navigation li a:visited,
ul#sub_navigation li.active {
	padding:2px 3px 3px 3px;
	color:#999;
	font-size:1.4em;
	text-decoration:none;
	float: left;
	width:175px;
}
ul#sub_navigation li.active {
	height:auto;
}
ul#sub_navigation.bio li a {
	width:290px;
	float: left;
}
ul#sub_navigation li ul li a, 
ul#sub_navigation li ul li a:visited {
	float: none;
	font-size:1.2em;
	margin-left:10px;
	padding-bottom:0;
}
ul#sub_navigation li a#top {
	padding-top:0;
}
ul#sub_navigation li a:hover, 
ul#sub_navigation li a.active,
ul#sub_navigation li.active,
ul#sub_navigation li strong a:link,
ul#sub_navigation li strong a:visited  {
	color:#000;
	font-weight:normal;
	
}

/* For the image pages */

p.pagedthumbsnav-next {
	float: right;
}
p.pagedthumbsnav-prev {
	float: left;
}
p.pagedthumbsnav-prev a:link,
p.pagedthumbsnav-prev a:visited,
p.pagedthumbsnav-next a:link,
p.pagedthumbsnav-next a:visited {
	text-decoration:none;
	color:#999;
}
p.pagedthumbsnav-prev a:hover,
p.pagedthumbsnav-next a:hover {
	color:#000;
}
p.pagedthumbsnav-counter {
	clear:both;
}
h2.image_title {
	display:inline;
	margin-top:2px;
	font-size:1.2em;
}
div.image_info {
	float: left;
	padding-left:5px;
	margin-top:2px;
}
div.image_info ul {
	color:#999;
}

/* Font styles */

#exhibition p {
	margin-bottom:10px;
	display:block;
}
p.articles {
	margin: 0 0 20px 0;
	display:block;
}
.press h3 {
	font-size:1.2em;
	margin-bottom:18px;
}

/*Contact form*/

p.email {
	display:block;
	margin-bottom:20px;
}
.contact_form {
	margin-top: 40px;
	width:570px;
	margin:0 auto;
}
div.contact {
  	clear: both;
  	padding-top: 10px;
}
div.contact label.label {
 	float: left;
  width: 100px;
  text-align: right;
	font-weight:bold;
}
div.contact span.input {
  	float: right;
  	width: 450px;
  	text-align: left;
}

input, textarea {
	border: 1px solid #999; 
	font-size: 1.0em;
	padding: 2px;
}

input.submit {
	font-size: 1.0em; 
	padding: 1px; 
	background: #3e3e3e;
	color:#fff; 
	font-weight: bold;
}

/* For the tabs on the exhibitions page */

ul.domtabs{
	float: left;
	height:150px;
	width:600px;			
}
ul.domtabs li{
	display:inline;
	height:1%;
}
ul.domtabs a:link,
ul.domtabs a:visited,
ul.domtabs a:active,
ul.domtabs a:hover{
	padding:2px 3px 3px 3px;
	color:#999;
	font-size:1.4em;
	text-decoration:none;
	float: left;
	width:240px;
	display:block;
}
ul.domtabs a:hover{
	color:#000;
}
div.domtab div{
	clear:both;
	padding: 10px 0 10px 0;
}
ul.domtabs li.active a:link,
ul.domtabs li.active a:visited,
ul.domtabs li.active a:active,
ul.domtabs li.active a:hover {
	color:#000;
}
div.domtabs h2{
	font-size:1.4em;
	font-weight:bold;
	padding:10px 0 10px 0;
}
pre {
	font-size:1.2em;
	padding:1em;
}
div.domtab div a:link,
div.domtab div a:visited,
div.domtab div a:active
{
	display:block;
	padding:1em .5em;
	font-weight:bold;
	font-size:1.3em;
}
div.domtab div h2 a,
div.domtab div h2 a:hover,
div.domtab div h2 a:active
{
	display:inline;
	padding:0;
	font-weight:bold;
	font-size:1em;
}
ul#biography_menu li {
	margin-right:20px;
}

/* For the button styles */

.button {
	
	border:1px solid #999;
	padding:5px;
	background:url(../images/button-back.gif) repeat-x;
	color:#fff;
	font-weight:bold;
	
}