/*
 * @author Michael Allanson
 * @author Pete Goodman
 *
 */

/* =0 Eric Meyer css reset - modify as necessary
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
		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;
		}
		
		body {
			line-height: 1;
		}
		
		ol, ul {
			list-style: none;
		}
		
		blockquote, q {
			quotes: none;
		}
		
		blockquote:before, blockquote:after,
		q:before, q:after {
			content: '';
		}

		/* 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;
		}


/* =1 html elements
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

		body {
			width:900px;
			margin:0 auto;
			background: #faf215;			
			color: #000;
			font: 62.5%/1.25 Arial, Helvetica, sans-serif; /* reset 1em to 10px */
			text-shadow: #000 0 0 0;
			text-align:center;
		}

		/*
		 * headings
		 */
				h1 {
					font-size: 2em;
					font-weight: bold;
					color: #000;
					height:232px;
				}
				
				h1.replaced span {
				    background-image:url(../img/bg_header_laboratory.png);
				    width:770px;
				    height:232px;
				}
				
				h2 { }
				
				h3 {
					font-size: 1.4em;
					margin-bottom:1em;
				}


		/*
		 * lists
		 */
				li {
					padding-bottom: 0.2em;
				}
				
				dl, dt, dd {
					margin-right: 10px;
				}
				
				dt {
					font-weight: bold;
				}



		/*
		 * text
		 */
				p {
					font-size: 1.2em;
					margin-bottom: 0.6em;
				}
				
				p.top {
					display:none;
					margin:0 auto;
					text-align:center;
				}
				
				p.top a {
					background-color:#cff;
				    color:#000;
				    font-weight:bold;
				    text-transform:uppercase;
				    text-decoration:none;
				}


		/*
		 * links
		 */
		 		a {
					color: #000;
				}

				a:hover,
				a:active, 
				a:focus {
					color: #7F7F7F;
					text-decoration: none;
				}
				
				
				#footer a:hover,
				#footer a:active, 
				#footer a:focus {
					color: #393939;
				}

		/*
		 * misc
		 */


/* =1 global classes
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
		/* print styles */
		.printonly { display: none !important; }

		/*
		* clearfix - fixes float clearing issues
		*/
				/* Gecko-based browsers */
				 .clearfix:after {
					content: "."; 
					display: block; 
					height: 0px; 
					clear: both; 
					visibility: hidden;
				}
		
        /* Text included for non-visual users, hide content for screen */
        .context {
            height:1px; 
            left:0px; 
            overflow:hidden;
            position:absolute; 
            top:-500px;
            width:1px; 
        }

        /* Hides contents but leaves structuer in place */
        .context-flow {/* Hides contents off-left */
            text-indent:-20000px;
        }

        /* text that is 'replaced' by an image (via a span) */
        .replaced {
            position:relative;
        }

        .replaced span {
            background:transparent no-repeat left top;
            display : block;
        	height : 100%;
        	left:0;
        	position : absolute;
        	top:0;
        	width : 100%;
        }


/* =2 global ids / areas
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
		/*
		 * Jump links - accessibility friendly links at the top of every page
		 */
				/* not added because content starts at top of page - nothing to jump! */

		/*
		 * header
		 */
				#header {
                    width: 770px;
                    padding:65px 65px 0 65px;
                    text-align:left;
				}
		

		/*
		 * content
		 */
				#content {
					position: relative;
					width: 770px;
					padding:0 65px;
					text-align:left;
				}

				.item {
					padding: 30px;
					border-bottom: 10px solid #000;
					width:500px;
				}

				.item img {
					margin-bottom: 1em;
					margin-top: 6px;
					position: relative;
				}

				.meta {
					padding-bottom: 10px;
				}
				
				.item_content {
					margin-bottom: 10px;
				}
				
				.item p a {
				    background-color:#cff;
				    color:#000;
				    font-weight:bold;
				    text-transform:uppercase;
				    text-decoration:none;
				}
				
				.item p.print a {
				    padding:1px;
				    font-size:1.1em;
				}
				
				
		        /*
                  * content - nav
                  */
                         /* overwrite defaults set below */
         				.item.intro {
         				    padding:0;
         				    border:0;
         				    display:block;
         				    float:none;
         				    clear:none;
         				    width:770px;
         				}

         				.item.intro .horiznavlist {
                             float:right;
         				}


         				.item.intro .horiznavlist li {
         					float: left;
         					padding: 0;
         				}

         				.item.intro .horiznavlist li a {
         					color: #000;
         					display:block;
         					padding: 8px 15px;
         					text-transform: uppercase;
         					text-decoration: none;
         					font-size: 1.2em;
         					font-weight: bold;
         				}

         				#home .item.intro .horiznavlist li a#nav_home,
         				#about .item.intro .horiznavlist li a#nav_about,
						#steveneastwood .item.intro .horiznavlist li a#nav_steven,
						#jockmooney .item.intro .horiznavlist li a#nav_jock,
						#miataylor .item.intro .horiznavlist li a#nav_mia,
         				.item.intro .horiznavlist li a:hover {
         					background-color: #000;
         					color:#faf215;
         				}


		         /*
                  * content - pagination
                  */
						.item.pagination {
							border: none;
							padding:30px 0;
							width: 770px;
						} 

						.item.pagination #older {
							float: left;
						}
						
						.item.pagination #newer {
							float: right;
						}
						
						.item.pagination span {
							text-transform: uppercase;
						}


		/*
		 * footer
		 */
				#footer {
					background-color: #393939;
					width: 100%;
				}

				#footer p {
					padding: 1em 0 1em 4.5em;
					margin: 0;
				}
	

/* = page specific styles
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/	
	/* home page */
		/* home page - post colours, based on days */
			.item.light-yellow 	{ background-color:#f9fea0; }
			.item.dark-yellow 	{ background-color:#faf215; }
			.item.light-orange 	{ background-color:#efb85e; }
			.item.dark-orange 	{ background-color:#d8753a; }
			.item.light-green 	{ background-color:#c3da6e; }
			.item.dark-green 	{ background-color:#93c568; }
			.item.light-blue 	{ background-color:#bbd2f1; }
			.item.dark-blue 	{ background-color:#99bef2; }
			.item.grey 			{ background-color:#c1bec9; }
			.item.red 			{ background-color:#c85e5e; }
		
		/* home page - random post indentations */
			.item.indent-1 { margin-left:30px; }
			.item.indent-2 { margin-left:60px; }
			.item.indent-3 { margin-left:90px; }
			.item.indent-4 { margin-left:120px; }
		
		
		/* home page - post styles (from different sources) */
			.item.flickr,
			.item.vimeo { 
				background-color: #fff; 
			}

			.item.twitter { 
				width: 400px;
			}
			
			.item.twitter .item_content h3 {
				font-size:2.2em;
				font-style:italic;
			}
			
			.item.jerwoodvisualarts {
				width:470px;
			}
			
			.item.jerwoodvisualarts .item_content p,
			.item.thepartnersjimmy .item_content p,
			.item.thepartnersemily .item_content p {
				font-size:2.2em;
			}
			
		
		/* home - print sub-page styles */
			#home.print {
				background:#fff;
				margin:30px;
			}
			
			#home.print #content {
				padding:0;
			}
			
			#home.print .item {
				background:#fff;
				margin:0;				
			}
		
	
	/* about page, and artists pages */			
		#about .block,
		.artist .block {
               padding:30px 150px 30px 0;
               border-bottom:1px solid #000;
		}
		
		#about .block p,
		.artist .block p {
		    margin-bottom:0;
		    text-transform:uppercase;
		    font-size:1.8em;
		    line-height:1.5;
		}
		
		#about .block p a,
		.artist .block p a {
		    background-color:#cff;
		    color:#000;
		    font-weight:normal;
		    text-transform:uppercase;
		    text-decoration:none;
		}
		
		
		/* about - summary blocks */
			#about .block.summary,
			.artist .block.summary {
				padding-right:0;
			}
			
			#about .block.summary p,
			.artist .block.summary p {
			    font-size:3em;
			    line-height:1.3;
			}
		
			#about .block.summary p strong,
			.artist .block.summary p strong {
		        display:block;
		    }
		
		
			#about .block.summary p a,
			.artist .block.summary p a {
				font-weight:bold;
			}
		

		/* about - details blocks */
			#about .block.details,
			.artist .block.details {
				padding-right:0;
			}
			
			#about .block.details p,
			.artist .block.details p {
			    font-size:1.8em;
			    line-height:1.3;
				text-transform:inherit;
			}
		

		/* about - credits block */
			#about .block.credits {
				padding-right:0;
			}
			
			#about .block.credits p {
			    font-size:1.2em;
			    line-height:1.3;
			}
			
			#about .block.credits h2,
			#about .block.credits h3 {
			    font-size:1.4em;
			    line-height:1.3;
				text-transform:uppercase;
				font-weight:bold;
				margin-bottom:0;
			}
			
			#about .block.credits h2 {
				margin-bottom:1em;
			}
			
			#about .block.credits p {
			    font-size:1.4em;
			    line-height:1.3;
				margin-bottom:1em;
			}
	
		/* artists - credentials */
			.artist .block.credentials p {
				text-transform:inherit;
				font-size:1.4em;
			}