/*  
Theme Name: Blacksheep
Theme URI:
Description: A Wordpress theme for Blacksheep (Under Construction)
Version: May 2009
Author: Adrian Hayes
Author URI: http://www.clickitstudio.com

################### CSS TOC ###################

1 Reset
2 Layout
3 Nav
4 Headings
5 Lists
6 Images
7 Links
8 Forms
9 Tables
10 Typography 
11 Other
*/

/*
1 ################### Reset ###################
*/

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,
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-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 font-family: helvetica neue, helvetica, arial, sans-serif, verdana;
 vertical-align: baseline;
}

html { margin-bottom: 1px; }

/*
2 ################### Layout ###################
*/

body {
 text-align: left;
 font-size: 62.5%;
 background: #000;
 min-height: 101%;
 padding: 0;
}

#page {
 width: 960px;
 margin: 0 auto;
 font-size: 1em;
 padding: 0;
}


#Omigoddess-brand {
 float: left;
 margin: 110px 0 0 0;
 padding: 0;
 width:180px;
}

#mission-statement {
 float: left;
 width: 660px;
 margin: 130px 0 0 70px;
 padding: 0;
}

#header {
padding: 0;
margin: 0 auto;
width:960px;
height: 120px;
background: url('images/regular/top-line.gif') no-repeat 0 50px;
}

#footer {
padding: 80px 0 240px 0;
margin: 0 auto;
width:940px;
height: 120px;
background: url('images/regular/bottom-line.gif') no-repeat center top;
}

#f-one {
margin: 0;
padding: 0;
background: none;
float: left;
}

#f-two {
margin: -26px 0 0 250px;
padding: 0;
background: none;
float: left;
}

#f-three {
margin: 0 0 0 20px;
padding: 0 20px 0 0;
border-right: 1px solid #ccc;
background: none;
float: left;
}

#nav-search {
padding: 0;
margin: 100px 0 0 66px;
width:570px;
float: left;
}

#view-contact {
margin: 0;
padding:0;
position: relative;
float: right;
}

#view-contact {
margin: 0;
padding:0;
position: relative;
float: right;
}

.nine-sixty {
padding: 0 0 25px 0;
margin: 0 0 25px 10px;
width:940px;
float: left;
}

.nine-sixty-home {
padding:0;
margin: 0 0 0 10px;
width:940px;
float: left;
}

#spotlight {
padding: 0;
margin: -94px 0 0 0;
width:960px;
float: left;
}

#resource {
padding: 30px;
margin: 0;
width:900px;
float: left;
background: #D2DCE3;
}

.main-col {
padding: 0 30px 0 0;
border-right: 1px solid #c0c0c0;
margin: 30px 0 0 0;
width:500px;
float: left;
}

.col-first {
padding: 0 60px 0 0;
margin: 30px 60px 0 160px;
border-right: 1px solid #555;
float: left;
}

.col-first-showreel {
padding: 0 60px 0 0;
margin: 30px 60px 0 160px;
float: left;
}

.col {
padding: 0 10px 0 0;
margin: 30px 10px 0 0px;
width:340px;
float: left;
}

.col-not-found {
padding: 0 10px 0 0;
margin: 30px 10px 0 0px;
width:380px;
float: left;
}

.we-are-hold {
padding: 0 0 15px 0;
background: url('images/regular/hr.gif') bottom right no-repeat;
margin: 0 0 15px 0;
width:460px;
float: left;
}

.num-left {
padding: 0;
margin: 0 50px 0 0;
width: 40px;
float: left;
}

.we-are {
padding: 0;
margin: 0;
width:330px;
float: left;
}

#side-col {
padding: 0;
margin: 0 0 0 40px;
width:220px;
float: left;
}

.side-box {
padding: 30px 30px 10px 40px;
margin: 0 0 10px 0;
width:220px;
float: left;
background: #f0e5ed url('images/regular/bg-box.jpg') top left repeat;
}

#footer p {	
 margin: 0 0 2px 4px;
 padding:0;
 font-size: 1.2em;
 line-height: 1.7em;
 color: #333;
}

/*-----------------------------------------------------------------------------------------------------------------------------------*/

/*
3 ################### Nav ###################
*/

h1#logo a {
 width: 295px;
 height: 60px;
 background: url('images/regular/logo.gif') no-repeat 0 0;
 display: block;
 text-indent: -9000px;
 border: 0;
 margin: 50px 0 0 0;
 padding: 0;
}

h1#logo a:hover {
 background: url('images/regular/logo.gif') no-repeat 0 -60px;
 padding: 0;
 border: 0;
}

h4#logo-foot a {
 width: 106px;
 height: 47px;
 background: url('images/regular/logo-foot.gif') no-repeat 0 0;
 display: block;
 text-indent: -9000px;
 border: 0;
 margin: 0;
 padding: 0;
}

h4#logo-foot a:hover {
 background: url('images/regular/logo-foot.gif') no-repeat 0 -47px;
 padding: 0;
 border: 0;
}

/*
4 ################### Headings ###################
*/


h1 {
 font: bold 3em Helvetica;
 text-transform: none;
 letter-spacing: -0.06em;
 color: #000;
 margin: 0 0 10px 0;
}


h2 {
 font: normal 2.9em 'helvetica neue', helvetica, arial, sans-serif;
 text-transform: uppercase;
 letter-spacing: -0.02em;
 color: #fff;
 margin: 0 0 10px 0;
 line-height: 1.2em;
}

h2.header {
 font: normal 3.2em 'Georgia';
 text-transform: none;
 letter-spacing: -0.02em;
 color: #a44c88;
 margin: 0 0 10px 0;
 line-height: 1.2em;
}

h2.number {
 font: normal 7.6em 'times';
 text-transform: none;
 letter-spacing: -0.02em;
 color: #e2d5de;
 margin: 0;
 padding:0;
 line-height: 1.1em;
}

h2.mission {
 font: normal 3.6em 'Georgia';
 text-transform: none;
 text-align: center;
 letter-spacing: -0.02em;
 color: #3b3b3b;
 margin: 10px 0 10px 0;
 line-height: 1.2em;
}

h3 {
 font: normal 2.4em Helvetica;
 text-transform: none;
 letter-spacing: -0.02em;
 color: #333;
 margin: 0 0 15px 0;
 line-height: 1.2em;
}

h4 {
 font: bold 1.8em Helvetica;
 text-transform: none;
 letter-spacing: -0.06em;
 color: #1b1b1b;
 margin: 0 0 18px 0;
}

h5 {
 font: bold 1.2em Helvetica;
 text-transform: none;
 letter-spacing: -0.06em;
 color: #333;
 margin: 0 0 10px 0;
}

/*
5 ################### Lists ###################
*/

ul, li {
margin:0;
padding:0;
list-style:none;
text-decoration:none;
}

li {
list-style: none;
font: normal 1.2em helvetiva neue, helvetica, arial, sans-serif;
color: #888;
line-height: 1.6em;
}

ul.whatwedo li {
list-style: none;
font: normal 1.4em helvetiva neue, helvetica, arial, sans-serif;
color: #ccc;
line-height: 1.6em;
display: inline;
margin: 0 20px 0 0;
}

ul#absolute li a {
list-style: circle;
display:list-item;
text-transform: uppercase;
color: #f9f9f9;
background: #5b4c63;
margin: 0 20px 20px 0;
padding: 2px 8px 2px 8px;
text-decoration: none;
border: none;
}

ul#absolute li a:hover {
background: #563b63;
color: #f9f9f9;
text-decoration: none;
border: none;
}

ul#absolute li.selected a {
color: #f9f9f9;
background: #4f2763;
}

/*
6 ################### Images ###################
*/

/*
7 ################### Links ###################
*/

a, a:visited {
 color: #6c468f;
 padding:0 0 1px 0;
 border-bottom: 1px dotted #4f2763;
 text-decoration: none;
}

a:hover, a:active {
 color: #fff;
 padding:0 0 1px 0;
 border-bottom: 1px solid #fff;
}

#footer p a {
 color: #fff;
 padding:0 0 1px 0;
 border-bottom: 1px dotted #fff;
 text-decoration: none;
}

#footer p a:hover {
 color: #eee;
 border-bottom: 1px dotted #eee
}

a.skip {
display: none;
}

/*
08 ################### Forms ###################
*/

select {
border: 1px solid #9C9C9C;
height: 30px;
vertical-align: middle;
padding: 0;
margin: 0;
}

/*
09 ################### Tables ###################
*/

/*
10 ################### Typography ###################
*/


p {	
 font-size: 1.4em;
 padding: 0;
 margin:0 0 30px 0;
 color: #fff;
 line-height: 1.6em;
}

#side-col p {	
 font-size: 1.2em;
 padding: 0;
 margin:0 0 30px 0;
 color: #fff;
 line-height: 1.6em;
}
.we-are p {	
 padding: 0;
 margin:0 0 15px 0;
}

p.who {	
 font-size: 1.5em;
 padding: 8px 0 0 14px;
 margin:0 0 30px 0;
 color: #fff;
 line-height: 1.6em;
 width: 114px;
 height: 29px;
 display: block;
 font-family: Georgia;
 background: url('images/regular/bg-who.jpg') no-repeat top left;
}


/*
11 ################### Other ###################
*/

acronym {
 border-bottom: 1px dotted #333;
 cursor: help;
}

hr {
 display: block;
 height: 10px;
 background: url('images/regular/hr.gif') no-repeat top left;
 border: 0;
 margin:0 0 15px 0;
}

.left {
 float: left;
}

.off-white {
 color: #ccc;
}

.clearfloats { clear:both; height:0; font-size: 1px; line-height: 0px; }

strong {
 font-weight: bold;
 color: #1b1b1b;
}

em {
 font-style: italic;
}

img.alignleft {
 float: left;
 display: inline;
 padding: 8px;
 margin: 0 8px 4px 0;
 border: 1px solid #ddd;
}

img.p-image {
 float: left;
 display: inline;
 padding: 0;
 margin: 0 0 20px 0;
 border: 1px solid #ddd;
}

.alignright {
float: right;
}

.contact-height {
height: 1000px;
}

.clearfix:after, .colrow:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}