/* @override http://www.kindersleystudio.co.uk/site/wp-content/themes/richardkindersley/style.css */

/*
Theme Name: Richard Kindersley
Theme URI: http://richardkindersleystudio.com
Description: Theme created for the site <a href="http://richardkindersleystudio.com">Richard Kindersley</a>.
Version: 1
Author: FoxLand
Author URI: http://fox-land.co.uk/
Tags: photo, header, portfolio, white, clean, minimalistic

	Richard Kindersley v2009

	This theme was designed and built by FoxLand,
	whose portfolio you will find at http://fox-land.co.uk/

*/

@import url(reset.css);

/* =General --------------------------------------------------------------
------------------------------------------------------------------------*/

body { text-align:center; font:62.5% Corbel, "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#4d4d4d; background:#ffffff; margin: 0 1em 1em 1em;}

.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } /* ie.css */

.floatLeft { float:left; } .floatRight { float:right; }

/* =Layout ---------------------------------------------------------------
------------------------------------------------------------------------*/

.inner { width:940px; margin:auto; text-align:left; }
#home #header .inner { padding:15px 0; }

#aside { width:220px; float:left; }

#content { width:700px; float:right; overflow:hidden; padding-bottom:40px; }

#content.fullWidth { width:100%; float:none; }

	.lead { margin-bottom:40px;}
	.text .lead { margin-bottom:20px; } /* no need for a very big bottom margin when there is more text after it */
	
	.project { width:380px; float:right; }
	
	.text { float:left; }
	.text.aside { width:380px; float:right; }

/* Homepage Background */

#home.js #bkg { position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; overflow:hidden; background-color: #9d7800; }

#home .js #bkg img {}

#caption { position:absolute; bottom:35px; right:0; background:#FFFFFF; /* <- For IE6 */ background:rgba(255,255,255,.7); z-index:100; font-size:1.3em; padding: 10px 0; }
#caption a { padding:10px; }
#caption a.nextArrow { border-left: 1px solid #fff;}
#caption a.nextArrow:hover { opacity: 0.7;}

	
/* =Footer ----------------------------------------------------------------
------------------------------------------------------------------------*/

#footer { clear: both; padding-top: 3em;}

/* =Links ----------------------------------------------------------------
------------------------------------------------------------------------*/

a:link { text-decoration:none; color:#757800; -webkit-transition-duration:.5s; -webkit-transition-property:color; }
a:visited { text-decoration:none; color:#666804; }
a:hover, a:active { color:#0b7b76;}

#nav a:link, #nav a:visited { color:#4d4d4d; -webkit-transition-duration:.5s; -webkit-transition-property:color; }
#nav a:hover, #nav a:active { color:#0b7b76; }
#nav li.current_page_item a { color:#808080; }

.work h2 a { color:#333333; }
#aside a.current_page_item { font-weight:bold;}

#content .work li.cat-item a:link, #content .work li.cat-item a:visited { color:#4d4d4d; }
#content .work li.cat-item a:hover, #content .work li.cat-item a:active { color:#0b7b76; }

/* =Type ---------------------------------------------------------------
------------------------------------------------------------------------*/

#content h1 { text-transform:uppercase; font-size:1.8em; margin-bottom:30px; }

#content h2 { text-transform:uppercase; font-size:1.3em; margin-top:30px; margin-bottom:5px; }
#content .aside h2 { margin:0 0 10px 0; }
#content h2.more { clear:both; }

#content .relatedWork h3 { font-weight:bold; font-size:1em; }

#content p { font-size:1.3em; line-height:1.5; margin-bottom:10px; }

#content .lead p { font:1.4em/1.4 Cambria, Georgia, "Times New Roman", Times, serif; color:#808080; }

#content .lead p:last-child img { margin-left:5px;}

.breadcrumbs { font-weight:bold; margin-bottom:10px;}

/* =Header ---------------------------------------------------------------
------------------------------------------------------------------------*/

#header { height:80px; position:relative; margin-bottom:40px; }

	/* --------- Logo / Home link --------- */
	
	#siteTitle { position:absolute; bottom:0; left:0; width:260px; }
	
		#siteTitle a { width:260px; display:block; height:18px; text-indent:-100000px; background: url(images/logo.gif) no-repeat center center; }
	
	/* --------- Main navigation --------- */
	
	#header #nav { position:absolute; font-size:1.3em; bottom:0; right:0; }	
	
		#header #nav li { float:left; margin-left:20px; }
		
/* =Header Homepage ------------------------------------------------------
------------------------------------------------------------------------*/

#home #header { position:absolute; top:40%; left:0; z-index:100; width:100%; background:#FFFFFF; /* <-- For IE6 */ background:rgba(255,255,255,.9); height:auto; margin:0; }

#home #header .inner { position:relative; overflow:hidden; } /* ie.css IE6 PNG*/

	/* --------- Logo / Home link --------- */
	
	#home #header h1 { position:absolute; margin-top:-9px; top:50%; }
	
	/* --------- Homepage intro --------- */
	
	#home #header #intro { float:right; width:520px; color:#666666; }
	
		#home #header #intro p { font:1.7em/1.5 Cambria,Georgia,"Times New Roman",Times,serif; }
	
	/* --------- Main navigation --------- */
	
	#home #header #nav { width:90px; float:right; position:relative; margin-left:20px }
	
		#home #header #nav li { margin: 0; width: 130px; }
		#home #header #nav li a { padding:3px 0; display:block;}

/* =Images ---------------------------------------------------------------
------------------------------------------------------------------------*/

.image { margin-bottom:20px;}

/* =Lists ---------------------------------------------------------------
------------------------------------------------------------------------*/

#content ul { margin-bottom:20px; }
#content li { font-size:1.3em; line-height:1.4; margin-bottom:10px; }
#content li p { font-size:1em; }

/* Aside Nav */

#aside li { margin-bottom:10px; }
#aside li:last-child { margin-top:20px; }

#aside li h2 { font-size:1em; text-transform:uppercase; color:#757800; font-weight:bold; }

#aside li a { font-size:1.3em; }

/* Work list */

#content .work li { width:220px; float:left; margin-right:20px; margin-bottom:30px; height:1% }
	
	#content .work li.end-row /* <-- For IE */ { margin-right:0; }
	#content .work li:nth-child(3n) { margin-right:0; }	
	
	#content .work li.first-row /* <-- For IE */ { clear:left; }
	.work li:nth-child(3n+1) { clear:left; }
	
	#content .work li .picture { border-top:5px solid #757800; margin-bottom:5px; height: 122px; background-position: center center; background-repeat:no-repeat; }
	.nopicture {background-color: #eee}
	
	#content .work li h2 { font-weight:bold; text-transform:uppercase; font-size:1em; margin-bottom:8px; margin-top:5px; }
	
	#content .work li p { font-size:1em; line-height:1.4; margin-bottom:5px;}
	
	#content .work li p a { font-weight:bold; }
	
	#content .work li.cat-item { height: 210px; background-position: 0 0; background-repeat: no-repeat; border-top: 3px solid #757800; margin-top: 0; position: relative;}
	#content .work li.cat-item-5 { background-image:url(images/work-architectural-lettering.jpg); }
	#content .work li.cat-item-11 { background-image:url(images/work-clocks.jpg); }
	#content .work li.cat-item-13 { background-image:url(images/work-font-design.jpg); }
	#content .work li.cat-item-12 { background-image:url(images/work-graphic.jpg); }
	#content .work li.cat-item-8 { background-image:url(images/work-inscriptions.jpg); }
	#content .work li.cat-item-7 { background-image:url(images/work-plaques.jpg); }
	#content .work li.cat-item-6 { background-image:url(images/work-architectural-sculpture-2.jpg); }
	#content .work li.cat-item-10 { background-image:url(images/work-individual.jpg); }
	#content .work li.cat-item-9 { background-image:url(images/work-standing.jpg); }

		#content .work li.cat-item a { font-weight:bold; text-transform:uppercase; display: block; position: absolute; margin-top: -1.8em; height: 210px; width: 300px;  }
	
#content .work.full li { width:300px; }

/* Exhibitions list */

#exhibitions { clear: both; }

/* More Photos list */ 

#mainimage { float: left; height: 600px; }

.gallery li { float:left; margin-right:5px; }

.gallery li a:link img, .gallery li a:visited img { opacity:.5; -webkit-transition-duration:.4s; -webkit-transition-property: opacity; }
.gallery li a:hover img, .gallery li a.active img { opacity:1; }

/* Related Word list */

#content .relatedWork li { width:220px; float:left; margin:10px 20px 0 0; }
	
	#content .relatedWork li.end-row /* <-- For IE */ { margin-right:0; }
	#content .relatedWork li:nth-child(4n) { margin-right:0; }
	
	#content .relatedWork li.first-row /* <-- For IE */ { clear:left; }
	#content .relatedWork li:nth-child(4n+1) { clear:left; }
	
/* Edit entry */

.editEntry { clear: both; padding: 4em 0 1em 0; }
	.editEntry a { border: #a00 1px solid; padding: 0.3em; }