/* @override 
	http://www.woolybackproductions.com/wp-content/themes/woolybacktheme/style.css
*/
/* ----------------------------------------------------- 
	Theme Name : WOOLYBACK
    Theme URL : http://www.cultivatecreative.co.uk
    Version : 0.1
    Media: Screen
    Edit Date : 02.06.2009
    Author : Cultivate Creative
----------------------------------------------------- */
/* ----------------------------------------------- [ * ] */

* {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

a { 
	outline: none;
}

q:before,
q:after {
	content: '';
}

/* ------------------------------- */
/* DEFAULT STYLES
/* ------------------------------- */

body
{
 font					: 12px Arial, Helvetica, Geneva, sans-serif;
 color					: #fff;
}

li
{
 list-style-type    	: none;
}

a
{
 color					: #000;
 text-decoration		: none;
 font-weight			: bold;
}

a:link
{
 color					: #fff;
 text-decoration		: none;
} 

a:visited
{
 color					: #fff;
 text-decoration		: none;
} 

a:active
{ 
 color					: #fff;  
 text-decoration		: underline;
} 

a:hover
{ 
 color					: #fff; 
 text-decoration		: underline; 
}

img
{
 margin            		: 0 0 10px 0;
}

/* ------------------------------- */
/* TYPOGRAPHY
/* ------------------------------- */

h1
{
 font-size				: 2em; /* 24px */
 line-height			: 1.5em; /* 36px */
 /* margin-top			: 0.75em;*/
 margin-bottom			: 0em;
}

h2
{
 font-size				: 2.3333em; /* 28px */
 line-height			: 1.2857em; /* 36px */
 font-weight			: bold;
 margin-top				: 0;
 margin-bottom			: 0.6429em;
}

h3
{
 font-size				: 1.6667em; /* 20px */
 line-height			: 1.4em; /* 28px */
 font-weight			: bold;
 margin-top				: 0;
 margin-bottom			: 0.9em;
}

h4
{
 font-size				: 1.5em; /* 18px */
 line-height			: 1.2222em; /* 22px */
 font-weight			: bold;
 margin-top				: 1em;
 margin-bottom			: 0.4em;
}

h5
{
 font-size				: 1.3333em; /* 16px */
 line-height			: 1.125em; /* 18px */
 font-weight			: bold;
 margin-top				: 0;
 margin-bottom			: 1.125em;
}

p, a, ol, ul
{
 font-size				: 1em; /* 12px */
 line-height			: 1.5em; /* 18px */
 margin					: 0 0 1.5em 0;
}

strong
{
 font-weight            : bold;
}

.small
{
 font-size				: 0.9166em; /* 11px */
}

em
{
 font-style				: italic;
}

blockquote
{
 font-size				: 1.1667em; /* 14px */
 line-height			: 1.2857em; /* 18px */
 padding-top			: 4px;
 float					: right;
}

p.quote
{
 margin					: 0;
 float					: left;
 font					: Bold 5em Georgia, sans-serif;
}

/* ------------------------------- */
/* PAGE ELEMENTS
/* ------------------------------- */

html, body
{
 background-color		: #332F1F;
}

#wrapper
{
 margin					: 0 auto;
 padding				: 0 0 0 0;
 text-align				: left;
 width					: 940px;
 overflow				: hidden;
/* background				: url(assets/grid.png);*/
}

#header
{
 width					: 225px;
 height					: 328px;
 float					: left;
 padding-top			: 48px;
 margin-right			: 195px;
 border-top				: 5px solid #fff;
}

#header h1 a
{
 display				: block;
 width            		: 221px;
 height					: 58px;
 background				: url(assets/images/woolyback-logo.png) no-repeat;
 text-indent			: -9999px;
 color					: #000;
 text-decoration		: none;
}

/* ------------------------------- */
/* MENU
/* ------------------------------- */
.menu1 li {
	margin-bottom: 0;
}

.menu1 li a,
.menu2 li a {
	margin: 0;
	display: block;
}

.menu2 {
	margin-bottom: 79px;
}
.page-item-48
{
 margin-bottom			: 18px;
}

/* ------------------------------- */
/* HOMEPAGE
/* ------------------------------- */
.home {
	overflow: hidden;
}
#intro
{
 width					: 520px;
 height					: 328px;
 float					: left;
 padding-top			: 48px;
 border-top				: 5px solid #fff;
}

#contact h5.title
{
 margin					: 0 0 1.125em 0;
}

#contact
{
 width					: 225px;
 height					: 320px;
 float					: left;
 padding-top			: 10px;
 margin-right			: 195px;
 border-top				: 5px solid #fff;
}

#news
{
 width					: 520px;
 float					: right;
 padding-top			: 10px;
 border-top				: 5px solid #fff;
}

#news h3
{
 float					: left;
 width					: 520px;
 margin-bottom			: 0.2em;
}

.meta
{
 margin					: 0 0 1em 0;
 float					: left;
 text-align				: right;
 width					: 520px;
 font-size				: 0.9166em; /* 11px */
}

#news blockquote p
{
 width					: 480px;
 margin					: 0;
}

#news p.quote
{
 width				: 40px;
}

.attribution
{
 text-align				: right;
 width					: 520px;
 margin					: 0;
}

.alignleft {
	float: left;
	margin-right: 20px;
}


/* ------------------------------- */
/* PRODUCTIONS
/* ------------------------------- */
.productions {
	float: right;
}

#prod-info
{
 width					: 520px;
 float					: right;
 padding-top			: 48px;
 border-top				: 5px solid #fff;
}

/* ------------------------------- */
/* PAGE
/* ------------------------------- */

#page-info
{
 width					: 520px;
 height					: 400px;
 min-height: 600px;
 float					: right;
 padding-top			: 48px;
 border-top				: 5px solid #fff;
}

/* ------------------------------- */
/* FOOTER
/* ------------------------------- */

#footer-wrapper
{
 background-color		: #236D77;
 background-image		: url(assets/images/footer-back.gif);
 background-repeat		: repeat-x;
}

#footer
{
 width					: 980px;
 margin					: 0 auto;
 padding				: 140px 0 50px 0;
 clear            		: both;
 overflow				: hidden;
}

.mugsborough
{
 background				: url(assets/images/mugsborough_footer.gif) no-repeat;
}

.ragged
{
 background				: url(assets/images/ragged_footer.gif) no-repeat;
}

#footer-info
{
 width					: 225px;
 float					: left;
 padding				: 10px 0 50px 20px;
 margin-right			: 195px;
}

#footer-right
{
 width					: 520px;
 float					: left;
 padding				: 10px 0 50px 0;
}

#footer-right img
{
 float					: right;
}