/* @override http://www.fox-land.co.uk/site2/wp-content/themes/foxland/style.css */

/*
Theme Name: FoxLand
Theme URI: http://fox-land.co.uk
Description: Theme created for the site <a href="http://fox-land.co.uk">FoxLand</a>.
Version: 2
Author: FoxLand (Inayaili de Leon and Andrew Fox)
Author URI: http://fox-land.co.uk/
Tags: photo, header, portfolio

	FoxLand v2009

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

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

@import url(http://www.fox-land.co.uk/site2/wp-content/themes/foxland/reset.css);
@import url(homepage.css);
@import url(special.css);
@import url(http://www.fox-land.co.uk/site2/wp-content/themes/foxland/project.css);

/*
Colours:

red/orange #fb4827
green #9e9f00

*/

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

body { text-align:center; font:62.5% "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#111; background: #e6e7e8; padding: 70px 0 0 0; }

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

.floatLeft { float:left; }
.floatRight { float:right; }
.alignright { float: right;	margin: 0 0 1em 1em;}
.aligncenter { margin: 0 auto; display: block;}

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

.inner { width:960px; margin:auto; text-align:left; }

/* Header */

#header { position:absolute; top:0; left:0; z-index:100; width:100%; min-width: 960px; height:81px; margin:auto; background:url(http://www.fox-land.co.uk/site2/wp-content/themes/foxland/images/header-bkg.png) no-repeat 50% 0px; } /* ie.css IE6 PNG*/

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

#bkg { position:relative; z-index:0; width:100%; min-height:160px; overflow:hidden; padding:0; margin:-70px 0 0 0; background-position:center center; background-color:#cdcfd0; background-image: url(http://www.fox-land.co.uk/site2/wp-content/themes/foxland/images/bkg-general-2200x1459.jpg); } /*image is set within the code*/

#home #bkg { position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; overflow:hidden; margin:0;}

#home.js #bkg img { margin-top:0;}

/* Top area */		

/* Content */

#content { position: relative; width: 100%; padding: 10px 0 0 0; background:#e6e7e8; clear: both; }

#home #content { position: absolute; top: 100%; left: 0; }

	.box { position:relative; padding:1em 1em 0.5em 1em; margin:1em 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#fff; }

	.box.journal { position:relative; padding:15px 15px 12px 15px; margin:1em 0; }
	
/* Gallery */

.gallery { display:block; margin-top:1em; }

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

/* Columns : These are hardcoded colummns rather than css3 cols */

.col3 { display:block; width:300px; float:left; margin-right:20px; }
.col3.last { margin-right:0; }

	.col3 p { margin-right:10px;}
	
	#page-about .col3 { margin-bottom:.5em; }
	
/* =Footer ----------------------------------------------------------------
------------------------------------------------------------------------*/

#footer { clear:both; position:relative; padding: 1em 1em 2em 1em; margin:2em 0 0 0; font-size: 0.85em; color: #85878a; }

	#footer ul { margin: 0 auto; width: 960px; }
		#footer li { margin-right:2em; display:inline; font-size: 85%; }

/* =Boxes ----------------------------------------------------------------
------------------------------------------------------------------------*/

#featured { min-height:190px; background:#131313 url(http://www.fox-land.co.uk/site2/wp-content/themes/foxland/images/featured-bkg-pc.jpg) no-repeat -20px 50%; }

	.project { padding:10px 270px 0 330px}
	
#clients { background:#a7a9ac; position: relative; padding: 20px 0; }
	#clients .breadcrumbs { position: absolute; top: 10px; left: 10px; color: #eee; }
		#clients .breadcrumbs a { color: #eee; }
		#clients .breadcrumbs a:hover { color: #00fffd; }
	
.box.feed { float:left; width:216px; height:216px; padding:8px; margin:0 10px 24px 0; overflow:hidden; }

	.box.feed.contact-us { background: #fff url(http://www.fox-land.co.uk/site2/wp-content/themes/foxland/images/soho-contact.jpg) center center }
	
	#feed div:last-child,
	.box.feed.last { margin-right:0; } /* for the bad boys */
				
	.box.feed.tweet { background:#fff url(http://www.fox-land.co.uk/site2/wp-content/themes/foxland/images/twitter-bkg.gif) no-repeat -50px 70px; margin-left:0; padding:8px; }
	
	.box.tweet { margin-left:48px; position:relative; background:#f3f3f3; padding:5px; margin-bottom:1px; clear: left;  }
		#feed .box.tweet { clear: none; margin:0; padding:8px; }

	.box.tweet .birdie { background:url(http://www.fox-land.co.uk/site2/wp-content/themes/foxland/images/twitter-blog.gif) no-repeat; width:48px; height:48px; position:absolute; left:-48px; top:5px; }
	
	.box.tweet + .box.tweet { margin-top: 1px; padding-top: 5px; }
	
	.tweet p { font-size:1.3em; margin-bottom:0.2em; display: inline;}
	.box.tweet p.date { font-size:.7em; margin:0 0 0 0.5em;  }
	
	.box.link { background: #f0f0f0 url(http://www.fox-land.co.uk/site2/wp-content/themes/foxland//assets/link.gif) no-repeat 12px 1.3em; }
	body.category-short .post { background: #f0f0f0 url(http://www.fox-land.co.uk/site2/wp-content/themes/foxland//assets/link.gif) no-repeat 12px 1.3em; padding: 12px 12px 0 12px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

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

.post, .page { padding:0 8px 20px 8px; }

   .the_content { }  
   
	.post-meta { margin-top:30px; border-top:1px solid #fff; padding:10px 5px; clear: both; }
	.box .post-meta { margin-top:30px; border-top: 1px solid #e6e7e8; padding:10px 5px 0 5px; clear: both; }
	.box .post-meta .comment { margin-bottom: 0; }
	.box .post-meta .author { margin-bottom: 0; }
	.box .post-meta .comments { margin: 0 0 0 20px; display: inline; float: right; }
	body.category-short .post .post-meta { border-top: none; }

/* Contact page */
 
#hcard-FoxLand { font-size:.9em; width:236px; height:220px; padding:10px; float:left; margin:0 10px 10px 0; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background: #fff url(http://www.fox-land.co.uk/site2/wp-content/themes/foxland/images/soho-contact.jpg) center center; }
 
#intro-contact { float:right; width:660px; }

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

a { text-decoration:none; color:#9e9f00; -webkit-transition-duration:.5s; -webkit-transition-property:color; }
/*a:visited { text-decoration:none; color:#666804; }*/
a:hover, a:active { color:#fb4827;}

#nav li a:link, #nav li a:visited { text-decoration:none; color:#000; }
#nav li a:hover, #nav li a:active { color: #fb4827; }

#nav li.current_page_item a:link, #nav li.current_page_item a:visited { color:#757800; }
body.category-casestudy #nav li.page-item-26 a { color:#757800; }
body.single-journal #nav li.page-item-142 a { color:#757800; }

.contact-us p a:link, .contact-us p a:visited, .vcard p a:link, .vcard p a:visited { color:#757800; }
.contact-us p a:hover, .contact-us p a:active, .vcard p a:hover, .vcard p a:active { color:#fb4827;}
.contact-us p.box-footer a:link, .contact-us p.box-footer a:visited { color:#111; font-weight:bold; }
.contact-us p.box-footer a:hover, .contact-us p.box-footer a:active { color:#fb4827;}

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

/* Repeated rules */
	
.red { color:#EE3124; }			
.grass { color:#757800; }
.turq { color: #06a59c; }

/* General content */	

#content { font-size:1.3em; }
	
	/* Featured box on the home page */
	
	#featured { font-size:.9em; }
	
	#featured .project p { color:#fff; }
	
	/*About Us*/
	
	#aboutustagline { position:absolute; z-index:3; top:-338px; left:50%; margin-left:-348px; background:url(http://www.fox-land.co.uk/site2/wp-content/themes/foxland/images/about-us.png) no-repeat; width:696px; height:550px; margin-bottom:20px; }
	
	#aboutusheading { height:100px; background:url(http://www.fox-land.co.uk/site2/wp-content/uploads/2008/10/about-us-intro.png) no-repeat 50% top; margin-bottom:30px; }
	
	#page-about #content { padding-top: 220px; }
	
	.team-block-1, .team-block-2 { clear:both; }
	
	.team-block-1 {background:url(http://www.fox-land.co.uk/site2/wp-content/themes/foxland/images/about-us-photos-1b.jpg) no-repeat scroll right 15px; border-top:1px solid #FFF; min-height:543px; padding-right:390px; margin-bottom:25px;} /* ie6 needs a height value */
	
	.team-block-2 { background:url(http://www.fox-land.co.uk/site2/wp-content/themes/foxland/images/about-us-photos-2.jpg) no-repeat scroll left top; min-height:460px; padding-left:410px;}  /* ie6 needs a height value */

	/* Headings */
	
	.post h1, .page h1 { font:3em/1.1 "Lucida Sans Unicode", "Lucida Grande", Helvetica, Geneva, sans-serif; text-transform:uppercase; color:#757800; margin:.2em 0 .5em; }
	
	h2 { font:2.4em/1.3 "Lucida Sans Unicode", "Lucida Grande", Helvetica, Geneva, sans-serif; color:#FB4827; margin-bottom: 0.5em; line-height: 130%; }
		h2 a { color: #ee3124}
			h2 a:hover, h2 a:active { color: #0b7b76}
	h3 { font:1.6em/1.3 "Lucida Sans Unicode", "Lucida Grande", Helvetica, Geneva, sans-serif; color:#0b7b76; margin-bottom: 0.5em; }
		h3 a { color: #ee3124}
			h3 a:hover, h3 a:active { color: #0b7b76}
	
	.post h2, .page h2 { font-size:1.9em; margin-bottom:.5em; }
	
	.box h2 { margin-bottom:.5em; font:2em/1.1 "Lucida Sans Unicode", "Lucida Grande", Helvetica, Geneva, sans-serif; color:#FB4827;}
	
	.box.feed h2 { font-size:1.5em; }
	
	.box.link h2 { font-size:1.4em; }
	
	.vcard h2 { margin-bottom:.2em; }
	
	#page-about h2 { clear:both; padding-top:.5em; }
	
	.post h3, .page h3 { font-size:1.6em; margin-bottom:.5em; }
	
	.post h4, .page h4 { font-size:1.4em; margin-bottom:.6em; }
	
	.post h5, .page h5 { font-size:1.2em; font-weight:bold; margin-bottom:.6em; }
	
	/* Paragraphs */

	p { margin-bottom:1em; font-size:1.1em; line-height:1.5; }
	
	.post p + p, .page p + p {  }
	
	.box.link p { font-size:.9em; }
	
	.box.feed p { margin-bottom:.6em; font-size:1em; line-height:1.2; }
	
	.box.tweet p { font-size:0.8em; }
	.box.feed.tweet p { font-size:1.1em; } /* Home tweet box text can be a bit bigger */
	
	.excerpt { margin-bottom: 1em; }

	.excerpt p { color:#067B76; font:1.6em/1.3 "Lucida Sans Unicode", "Lucida Grande", Helvetica, Geneva, sans-serif; }
	
	.vcard p { margin-bottom:.5em;}
	.vcard p + p { text-indent:0; }

	/* Breadcrumbs */

	.breadcrumbs { margin-bottom:.4em; font-size:.75em; font-weight: normal; text-transform:uppercase; color:#808080; }
		.breadcrumbs a, .breadcrumbs a:visited { color:#808080; }
		.breadcrumbs a:hover, .breadcrumbs a:active { color:#0b7b76; }
		.breadcrumbs:after { content:' /'; }
	
	/* Blockquotes */
	
	blockquote { margin:2em 0 2em 2.5em; padding-left:1em; font: italic 1em Georgia, "Times New Roman", Times, serif; border-left: 2px solid #fb4827; }
	
	.post blockquote, .page blockquote { margin:2em 0 2em 2.5em; padding-left:1em; font:italic 1.1em Georgia, "Times New Roman", Times, serif; border-left:2px solid #999; }
	
	#featured blockquote { position:absolute; right:25px; top:0; width:220px; min-height:150px; background:url(http://www.fox-land.co.uk/site2/wp-content/themes/foxland/images/blockquotes-bkg-featured.gif) no-repeat; border:none; }
	
		#featured blockquote p { margin:20px 0 0.8em 10px; color:#fff; }
		
		#featured blockquote p.client { margin:0 0 0 10px; font:italic 1em Georgia, "Times New Roman", Times, serif; color:#808080; }
		
			#featured blockquote p.client span { clear:both; display:block; }
	
	blockquote#casestudy { width:320px; float:right; border:none; padding:0; margin:20px -100px 10px 30px; background:url(http://www.fox-land.co.uk/site2/wp-content/themes/foxland/images/blockquotes-bkg-white.gif) no-repeat; }
	
		blockquote#casestudy p { margin:20px 0 0.8em 20px; font-size:1em; }
		
		blockquote#casestudy p.client { margin:0 0 0 20px; font:italic 1em Georgia, "Times New Roman", Times, serif; color:#333; }	
		
		blockquote#casestudy.longer { width:580px; margin-right:-50px;}

	/* Posts meta : the class .feed is added when the meta is absolutely positioned inside the square boxes */

	#content .box.feed p.author, .box.feed p.date, .box.feed p.box-footer { margin-bottom:0; position:absolute; left:8px; }
	
	p.date, p.box-footer, p.comments { font-size:.8em; margin-bottom:.6em; color: #999;}
	.box.feed p.date, .box.feed p.box-footer { bottom:8px; font-size:.8em; }
	.contact-us p.box-footer { color:#fff; }
	.post-meta p.date { float:right; } /* makes the date float to the right on the single page */
	
	p.author { font:italic 1em Georgia, "Times New Roman", Times, serif; color:#808080; margin-bottom:.6em; }
	.feed p.author { bottom:26px; }
	.post-meta p.author { float:left; } /* makes the author float to the left on the single page */
	
	p.author img { vertical-align:middle; }
	
	p + p.date, p + p.author { text-indent:0; }
		
/* =Header ---------------------------------------------------------------
------------------------------------------------------------------------*/

	/* --------- Logo / Home link --------- */

	#logo h1, #logo div { padding:10px 0 0 9px; }
	#logo h1 a, #logo div a { display:block; width:192px; height:41px; background:url(http://www.fox-land.co.uk/site2/wp-content/themes/foxland/images/FoxLand-logo.png) no-repeat right bottom; text-indent:-10000px; }
	
	/* --------- Main navigation --------- */
	
	#nav { position:absolute; top:2em; right:2em; text-transform:uppercase; font-size:1.2em; }

		#nav li { float:left; margin-right:.2em; }
		
			#nav li:after { content:'/'; }
			
			#nav li:last-child:after { content:''; }
		
			#nav li a { display:block; float:left; padding:0 .5em; margin: 0; }

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

#bkg img#contact-us { margin-top:-600px; }

.box.casestudy img { float:left; margin:0 1em 1em 0; }

.excerpt img { float:left; margin:.3em 1em 1em 0; }

/* #featured #image { position:absolute; left:0; bottom:0; z-index:1; width:300px; height:240px; width:560px; background:url(images/pc-homepage.png) no-repeat; } */

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

/* Clients on the homepage */

#clients ul { text-align:center; }

	#clients li { display:inline; margin:0 23px 5px 23px; }
	
	#clients li img { vertical-align:middle; }
	
	#clients li img:hover { opacity:.6; -webkit-transition: opacity 0.4s linear; }
		
/* end Clients */

#casestudyFeatured { background-color:#ccc; display:block; }

	#casestudyFeatured li { float:left; width:300px; height:200px; margin:0 15px 15px 0; }
	
		#casestudyFeatured li span.casestudyTitle { font-size:1.45em; display:block; margin-bottom:0.3em; }
	
			#casestudyFeatured li a span.casestudyImage { display:block; width:299px; height:160px; background-position:center center; border:3px solid #ccc; border-radius:10px ; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#ccc; }

			#casestudyFeatured li a:hover span.casestudyImage { border:3px solid #fb4827; }

#clientList { padding:2em 0; display:block; clear:both; }

	#clientList ul { display:block; float:left; margin:0; }
	
		#clientList li { position:relative; display:block; width:300px; margin:0; margin-right:15px; padding:0; color:#808080; }

		#clientList li.category-small-casestudy { border-bottom:1px solid #fff; padding:0.4em 0; }

			#clientList li h4 { font-size:1.1em; margin:0; padding:0; }
			
				#clientList li h4 a { display:block; width:300px; margin:0; margin-right:15px; padding:.4em 0; border-bottom:1px solid #fff; background:url(http://www.fox-land.co.uk/site2/wp-content/themes/foxland/images/arrow-green-r.png) no-repeat 98% center; }
			
				#clientList li h4 a:hover { background: url(http://www.fox-land.co.uk/site2/wp-content/themes/foxland/images/arrow-orange-r.png) no-repeat 98% center; }
			
				#clientList li h4 a.on { color:#fb4827; border-bottom:1px dashed #fff; background:url(http://www.fox-land.co.uk/site2/wp-content/themes/foxland/images/arrow-orange-d.png) no-repeat 98% center; }
			
				#clientList li h4 a.on:hover { color:#fb4827; background:url(http://www.fox-land.co.uk/site2/wp-content/themes/foxland/images/arrow-orange-d.png) no-repeat 98% center; }

		#clientList li.category-featured-casestudy a { font-weight:bold; }
		
		#clientList div.entry { display:block; font-size: 11px; top: 100%; left: 0; color:#666; margin:0; z-index:100; border-bottom:1px solid #fff; padding:.5em 0 .5em; }
		
			#clientList div.entry p { padding: 0; margin: 0; }
			#clientList div.entry p img { margin: 0 0.8em 0.5em 0;float: left; }

/* Breadcrumbs */

.breadcrumbs { margin-bottom:.4em; font-size:.75em; font-weight: normal; text-transform:uppercase; color:#808080; }

	.breadcrumbs a, .breadcrumbs a:visited { color:#808080; }
	
	.breadcrumbs a:hover, .breadcrumbs a:active { color:#0b7b76; }

.breadcrumbs:after { content:' /'; }

.post ul, .post ol, .page ul, .page ol, .contentCol ul { margin:0 0 1.8em 2.5em; }

.post li, .page li, .contentCol li { margin-bottom:.7em; }

.post ul li, .page ul li, .contentCol ul li { list-style-type:disc; }

.post ol li, .page ol li, .contentCol ol li { list-style-type:decimal; }

ul.pagination { padding:10px 0 20px; margin: 0;}

	ul.pagination li { width:49%; list-style: none; margin-left: 0; }
	ul.pagination li.floatRight { text-align:right; }
	
	/* ul.pagination li.floatLeft a { background:url(./images/journal-arrows.gif) no-repeat 50% top; display:block; width:42px; height:26px; text-indent:-100000px; }
	ul.pagination li.floatLeft a:hover { background-position:50% bottom} */

/*SIDE BAR*/

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


	.sidebar h2 { clear: both; font-size: 1.3em; margin: 0 0 0.5em 0; }

	.sidebar ul { display:block; float:left; margin:0 0 2em 0; }
	
		.sidebar li { display:block; width:300px; margin:0; margin-right:15px; padding:.4em 0; border-bottom:1px solid #fff; float: left; color: #999; text-align: right; font-size: 0.85em; }

		.sidebar a { float: left; }
	
/* =Comments -------------------------------------------------------------
------------------------------------------------------------------------*/

h3#comments { font-size:1.3em; margin:1em 0 1em 12px; }

.commentlist { margin:0 12px 2em 12px; }
.commentlist li { margin-bottom:1.5em; }
.commentlist .vcard { margin-bottom:.5em; }
.commentlist .vcard img { vertical-align:middle; }
.commentlist .comment-meta { font-size:.8em; margin-bottom:0.3em; }

#respond { margin: 10px 0 10px 0; padding: 10px; background-color: #f0f0f0; border-radius:10px ; -moz-border-radius:10px; -webkit-border-radius:10px; color: #808080; }
	#respond h3 { font-size: 1.3em; padding: 0 0 0.2em ; }

/* =Edit ---------------------------------------------------------------
------------------------------------------------------------------------*/

.editPage { clear: both; }