/*
Theme Name: Sheepfilms
Theme URI: 	http://wordpress.org/
Description: Bespoke theme for Sheepfilms.co.uk
Version: 0.1
Author: Alex Goluszko
Author URI: www.alexandtheweb.com
Tags: custom

*/

/* ------------------RESET-------------------------- */

/*reset.css*/ body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/*fonts.css*/ body {}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}

/* Created with love on: 	04/11/2008 */

/*-------------Embedded Fonts------------*/

@font-face {
  font-family: "Gill Sans";
  src: url(fonts/Gil_____.TTF) format("truetype");}

/*-------------Elements------------*/

html {
	border-bottom: 1px solid #fff;}

html, body {
	height: 100%;
        position: relative;
	color: #707070;}
	
body {
	background: #fff url(images/body-bg.jpg) no-repeat top center;
        font-family:"Gill Sans","Gill Sans MT","Calibri",Arial,sans-serif;;
	font-size: 62.5%;}	

h1 {
	line-height: 20px;
	margin-top: -20px;
	color: #fff;}	
	
h2, h3 {
	font-family:
		"Gill Sans",
		"Geneva",
		"Calibri",
		Arial, 
		sans-serif;
		font-size: 2em;
        margin-bottom: 10px;}	

h3 {
	text-transform: lowercase;
	color: #666;
	line-height: 1.8em;}	
	
	li h2, li h3 {
		font-size: 1.4em;}
	
a {
	color: #6a9355;
	text-decoration: none;
	-webkit-transition: color 500ms linear;}	

a:hover {
	color: #000;}	
	
a:focus {
	outline: 0;}	

p, ul {
	font-size: 1.4em;
	line-height: 1.6em;}	
	
p {
	margin: 0 0 0.7em 0;
    word-wrap: break-word;}	

ul ul { font-size: 100%;}
	
/*-------------Structure------------*/	
	
#wrapper {
	min-height: 800px;
	height: auto !important;
	height: 600px;}
	
#header {
	min-height: 18em;
	margin: 0 auto;
	position: relative;
	width: 960px;}	
	
#logo {
	overflow:hidden;
	position:absolute;
	top: 13px;
	left: 0;
	z-index: 1;}
	
#content {
	clear:both;
	margin:0 auto 20px;
	padding: 20px 10px;
	margin-top: 20px;
	min-height: 570px;
	height: auto !important;
	height: 570px;
	overflow: hidden;
	width:940px;}

#main {
	float: right;
	position: relative;
	/*overflow: hidden;*/
	min-height: 570px;
	height: auto !important;
	height: 570px;
	width: 615px;}
	
#sidebar {
	width: 295px;
	float: left;}

#footer {
	clear: both;
	height: 25em; 
	padding-top: 30px;
    width: 100%;    
	background: #f8f8f8;}	
	
	#footer .wrapper {
		clear:both;
		font-size:0.9em;
		margin: 0 auto;
		padding:20px 20px 40px;
        overflow: hidden;
		width:920px;}
	
	#footer ul {
		float: right;
		margin-left: 20px;
		margin-right: 20px;
		width: 260px;}

	#footer ul:first-child li {
        margin-left: 20px;}
		
	#footer li {
		margin-right: 10px;
        line-height: 2.3em;
        border-bottom: 1px dotted #ccc;}

	#footer p {	
        float: left;
        width: 295px;
		padding-right: 20px;}
		
	#footer li a {
		display: block;}

/*-------------Classes------------*/

.skippage {
	text-indent: -1000em;
	position: absolute;
	top: 0;
	left:0;}

.clear {
	clear: both;}

/* Lists */	
	
	.nav {
		float: right;
		margin-top: 52px;
		width: 455px;}

	.nav li {
		float: left;
		width: 145px;	
		text-transform: lowercase;
		padding: 10px 0;
		text-align: center;
		background: url(images/menu-bg.png) no-repeat bottom right;}	

	.nav li.middle {
		margin: 0 10px;}
		
	/* ALG - The following to be replaced with category classes */ 	
	
	.nav li a {
		font-size: 1.4em;
		line-height:1.2em;
		padding-top:72px;	
		padding-bottom: 2px;
		width: 145px;	
		display: block;
		position: relative;
		background: url(images/placeholder-menu.jpg) no-repeat top;}
		
		.nav li a.films {
			background: url(images/iconFilms.jpg) no-repeat top;}

		.nav li a.projects {
			background: url(images/iconProjects.jpg) no-repeat top;}

		.nav li a.sheep {
			background: url(images/iconSheep.jpg) no-repeat top;}
	
	.nav li a span { 
		display: block;
		text-transform: capitalize;
		background: url(images/navDesc.png) no-repeat bottom;
		z-index: 100;                	
		position: absolute;
		font-size: 0.65em;
		color: #000;
        left: 0;
		line-height: 1em;
		bottom: 27px;
		padding:5px 20px;
		width:105px;}	

	.subnav { 
		position: absolute;
		right: 0;
		width: auto;}	
				
		#sidebar .subnav {
			top: 0;
			margin-right: 10px;}
			
		#header .subnav { 
			top: 0;}				

		#main .subnav.bottom {
			bottom: -13px;}

		#main .subnav.top {
			top: -13px;}
			
		#header .subnav ul {
			overflow:hidden;
			line-height: 1.8em;}

		#header .subnav li {
			float: none;
			text-align: center;
			width: 135px;}
			
		#header .subnav a {
			padding-top: -5px;
			text-transform: lowercase;
			color: #fff;}
			
		#header .subnav li:first-child {
			margin-right: 10px;}	

		#header .subnav li:last-child {
			margin-left: 10px;}	

	.subnav li {
		float: left;}	
		
	.subnav a {
		font-size:1.1em;}		
		
	.subnav li.last {
		margin-left: 10px;}	

	.wideCols ul {
		verflow: hidden;
		column-count: 3;
		-moz-column-count: 3;
		-webkit-column-count: 3;
		margin: 12px 0;}		

	.wideCols ul li {
		border-bottom: 1px solid #e9e9e9; 
		line-height: 2em;
		width: 295px;}		

/* Stage */

.stage {
	margin:20px 0;	
	text-align: center;
	vertical-align:middle;
	position: relative;
	width:615px;}
	
.stage ul, .stage p {
	text-align: left;
	clear: left;
	width: 455px;
	float: left;
	margin: 0.7em 0 0 0;}	
	
.meta {
	width: 135px;
	min-height: 3em;
	height: auto !important;
	height: 3em;
	border-left: 1px dotted #ccc;
	position: absolute;
	right: 0;
	margin: 0;
	text-align: right;
	top: 457px;}
	
	.meta span {
		padding: 0 5px 0 10px;
		display: block;}
		
.desc {
	clear: both;
	width: 450px;}		

#fragment-1, #fragment-2 {
	border-radius: 5px;
	-moz-border-radius: 5px;
	width: 590px;        
	padding: 0 10px;	
    min-height: 390px;
	height: 390px;
    vertical-align: middle;
	-webkit-border-radius: 5px;	
	border: 1px solid #e9e9e9;}
	
	.hidden {
		display: none;}

	.vertical {
		display: table-cell;}

	.tabs #fragment-1 p, .tabs #fragment-2 p {
		margin:0;
		text-align:center;
		float: none;
		width:auto;}

.tabNavigation {
	width: 130px;
	margin: 10px 0 0;}

	.tabNavigation a {
		padding-left: 22px;}
		
	.tabNavigation a.selected {
		display: none;
		line-height: 0;
		height: 0;}	

/* Static & Blog Pages */

	.static {
		margin-bottom: 20px;}

	.static #fragment-1 {
	   vertical-align: top;
	   height: auto;
	   min-height: 100px;
	   padding: 20px;
	   width: 570px;
	   min-height: auto;}
	   
	.static #fragment-1 {
	   vertical-align: top;
	   height: auto;
	   min-height: 100px;
	   padding: 20px;
	   width: 570px;
	   min-height: auto;}
	   
	.static ul { margin: 0 24px 0.7em}
	   
	  .static li { list-style: disc;} 

/* @Rounded Styles */	

	.rounded  {
		background: transparent url(images/roundies.png) no-repeat left top;
		padding: 0 0 0 5px;}
	
	.rounded>* {
		background: #fff url(images/roundies.png) no-repeat right top;
		padding: 0px 5px 1px 0;
		display: block;}
	
	.roundedGray  {
		background: transparent url(images/roundies.png) no-repeat left -399px;
		padding: 0 0 0 10px;}
	
	.roundedGray>* {
		background: #fff url(images/roundies.png) no-repeat right -399px;
		padding: 5px 10px 5px 0;
		display: block;}
		
	.roundedWhite  {
		background: transparent url(images/roundies.png) no-repeat left -759px;
		padding: 0 0 0 10px;}
	
	.roundedWhite>* {
		background: transparent url(images/roundies.png) no-repeat right -759px;
		padding: 5px 10px 5px 0;
		display: block;}
		
		.green .roundedWhite>* {
			background-color: #ebf5e6;}
	
		.gray .roundedWhite>* {
			background-color: #f8f8f8;}	
			
		.pale .roundedWhite>* {
			background-color: #edf2eb;}		
		
	.roundedGreen  {
		background: transparent url(images/roundies.png) no-repeat left -574px;
		padding: 0;}
	
	.roundedGreen>* {
		padding: 0 0 15px 0;
		display: block;}	
		
	.roundedSmall {
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		position: relative;
		padding: 12px;
		margin-bottom: 25px;}

/* @Icon styles */

	a[href$="fragment-1"] {   /* Video / GIF tabbing */
		background: transparent url(images/icons.gif) no-repeat left -82px;
		display: block;}
				
	a[href$="fragment-2"] {   /* Video / GIF tabbing */
		background: transparent url(images/icons.gif) no-repeat left 2px;
		display: block;}	
	
	.tiled {
		background: transparent url(images/icons.gif) no-repeat left -157px;
		padding-left: 22px;
		display: block;}	
	
	.twitter {
		background: transparent url(images/icons-social.png) no-repeat left -119px;
		padding-left: 22px;}
	
	#footer a[href*="feed"] {
		padding-left: 25px;
		background: url(images/icons-social.png) no-repeat left 5px;}
	
	#footer a[href*="youtube"] {
		padding-left: 25px;
		background: url(images/icons-social.png) no-repeat left -33px;}

	#footer a[href*="tumblr"] {
		padding-left: 25px;
		background: url(images/icons-social.png) no-repeat left -79px;}


/* @Generic styles */
	
	/* Header Styles */
	
	.pagetitle {
		margin-bottom: 20px;}
	
	.blog {
		text-indent: -1000em;
		height: 95px;		
		background: url(images/blog-bg.gif) no-repeat bottom left;}

	.blog a {
		display: block;
		width: 500px;
		height: 95px;}

	/* Generic Component & List Styles */
	
	.postList>* {
		margin: 0;
		padding: 6px 0;
		border-top: 1px solid #fff;}
	
	.floatLeft {
		float: left;}
	
	.floatRight {
		float: right;}
	
	.pipe {
		border-left: 1px solid #bcbcbc;
		padding: 0 5px;}
		
	.next {
		background: transparent url(images/arrows.png) no-repeat right 3px;
		padding-right:21px;}
	
	.prev{
		background: transparent url(images/arrows.png) no-repeat left -20px;
		padding-left:21px;}	
		
	.topLineGray {
		border-top: 1px solid #e9e9e9;}	

	.bottomLineGray {
		border-bottom: 1px solid #e9e9e9;}	
		
	.green {
		   background-color: #eff2e7;}
	
	.gray {
		background-color: #f8f8f8;}	
		
	.pale {
		background-color: #edf2eb;}	
	
	.bordered {
		border: 1px solid #e9e9e9;
		background: #fff;}
		
	.shadow {
		-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1)}		
		
	.floatedImages {
		overflow: hidden;
		position: relative;
		padding: 0;
		margin-left: -12px;}		
		
	.floatedImages li{
		float: left;
		padding: 6px 0 6px 12px;}	
	
	.floatedImages a {
		display: block;}
		
	.floatedImages img {
		border: 1px solid #E9E9E9;}	
		
	.floatedImages .navlinks {
		text-indent: -1000em;
		display: block;	
		position: absolute;
		opacity: 0.5;
		height: 80px;
		z-index: 2;
		width: 15px;
		top: 10;}
			
	.floatedImages .prev {
		left: 0;
		background: #fff url(images/arrowLeft.png) no-repeat left center;}	
	
	.floatedImages .next {
		right: 0;
		background: #fff url(images/arrowRight.png) no-repeat right center;}	
	
	.listerImages {
		overflow: hidden;
		position: relative;
		margin-left: -22px;
		margin-bottom: 1.6em;
		padding: 0;}		
		
	.listerImages li {
		float: left;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding: 12px;
		background: #eff2e7; 
                /*url(images/lister-bg.png) no-repeat 11px 12px*/
                margin: 0 0 22px 22px;}	
		
	.listerImages a {
		display: block;}	

	 .centered {
			text-align: center;}

	.wp-tag-cloud {
	   column-count: 3;
	   -moz-column-count: 3;
	   -webkit-column-count: 3;
	   margin-top: 12px;
	   overflow: hidden;}
	
	.wp-tag-cloud li {
		width: 67px; 
		display: inline-block;
		background: transparent url(images/roundies.png) no-repeat left top;
		padding: 0 0 2px 10px;
		margin-right: 9px;}
	
	.wp-tag-cloud li a {
		background: #fff url(images/roundies.png) no-repeat right top;
		margin: 0 0 0.368em 0;
		padding: 0px 10px 2px 0;       
		display: block;}		
	
	/* Form Styles */
	
	.form {
		padding: 12px;}
	
	.form label {
		 float: left;
		 display: block;
		 text-indent: -1000em;
		 width: 0px;}
	
	.form input[type="text"] {
		 width: 180px;
		 color: #ccc;
		 font-size: 1.4em;
		 padding: 3px;}
		 
	.form input.black {
		color: #000;}		 
	
	.form input[type="submit"] {
		 background: #666666 url(images/button-bg.gif) no-repeat left top;
		 border: 0 none;
		 color: #fff;
		 font-size: 1.4em;
		 margin-left: -3px;
		 padding: 4px 10px;
		 text-transform: uppercase;}

	/* 404 Styles */
	
		.biggen {
			font-size: 4em;}
			
		.p404 img.sheep {
			padding: 12px 0;}	

		.p404 p {
			margin: 0;}	

		.p404 ul {
			margin: 12px auto;
			width: 660px;}	

.wp-pagenavi span {
	display: none !important;}

.wp-pagenavi span.pages {
	display: block !important;
	border: 0 none !important;
	margin: 0 5px !important;
	padding: 0 5px !important;}