/*

Blackbrush Creative
www.blackbrushcreative.com
info@blackbrushcreative.com

*/
    
body { margin: 0; padding: 0; text-align: center; }

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { }
h1 { }
h2 { }
h3 { font-size: 16px; margin-bottom: 6px; }
h3 { }
h4 { }
h5 { }
h6 { }

h1 { height: 123px; width: 373px; background: no-repeat url(../images/logo.png) transparent; text-indent: -9999px; margin-bottom: 16px; }

h2#share { height: 15px; width: 384px; background: no-repeat url(../images/header-share.png) transparent; text-indent: -9999px; margin-bottom: .3em; }
h2#info-links { height: 15px; width: 370px; background: no-repeat url(../images/header-info-links.png) transparent; text-indent: -9999px; }
h2#partner { height: 15px; width: 370px; background: no-repeat url(../images/header-partner.png) 0 18px transparent; text-indent: -9999px; border-top: 1px dotted #98b4b1; }
h2#sponsors { height: 15px; width: 370px; background: no-repeat url(../images/header-sponsors.png) 0 18px transparent; text-indent: -9999px; border-top: 1px dotted #98b4b1; }

#add-info h2 { padding-top: 20px; }

#add-info h2.top { padding-top: 0; }

#comments h3 { font-size: 11px; font-weight: normal; color: #505050; margin-bottom: 18px; }

#comments h4 { color: #595959; font-weight: normal; font-size: 14px; margin-bottom: 2px; }

/* Text elements
-------------------------------------------------------------- */

body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, input, textarea {
font-family:Arial,sans-serif;
}

p { font-size: 12px; }
abbr, acronym { }
blockquote  { }
em { font-style: italic; font-weight: bold; }

#video-info p { font-size: 14px; line-height: 22px; color: #000; display: inline; }

#player p { color: #fff; padding: 5px; }

#add-info p { color: #505050; margin-bottom: 6px; }

.comment p { font-size: 14px; }

/* Structure
-------------------------------------------------------------- */

.container { margin: 0 auto; width: 950px; padding: 0; text-align: left; }

#player { height: 420px; width: 560px; float: left; display: inline; margin-top: 35px; }

#video-info { width: 370px; float: right; display: inline; margin-top: 35px; }

.video-info-container { background: no-repeat url(../images/dotted-line.gif) transparent; padding-top: 16px; margin-bottom: 12px; }

#comments { width: 560px; float: left; display: inline; border-top: solid 4px #000; padding-top: 20px; margin-top: 20px; }

#add-info { width: 370px; float: right; display: inline; border-top: solid 4px #000; padding-top: 20px; margin-top: 20px; }

#footer { height: 30px; margin: 0; padding: 0; clear: both; }


/* Nav
-------------------------------------------------------------- */


/* Search
-------------------------------------------------------------- */


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

ul { margin-left: 0; }
ol { }
li { font-size: 12px; margin-bottom: 1px; list-style: none; }

#video-info ul#credits { background: no-repeat url(../images/dotted-line.gif) transparent; padding: 16px 0 12px 0; margin: 0; list-style: none; }

li.contact { font-size: 11px; }

#add-info li { font-size: 14px; }

#add-info ul { margin-bottom: 24px; margin-right: 0px; }

li#kitchen { height: 72px; width: 64px; background: no-repeat url(../images/logo-kitchen.png) transparent; display: inline; float: left; text-indent: -9999px; }
li#seanet { height: 72px; width: 86px; background: no-repeat url(../images/logo-seanet.png) transparent; display: inline; float: left; text-indent: -9999px; }
li#propadata { height: 72px; width: 63px; background: no-repeat url(../images/logo-propadata.png) transparent; display: inline; float: left; text-indent: -9999px; }
li#rubin { height: 72px; width: 86px; background: no-repeat url(../images/logo-rubin.png) transparent; display: inline; float: left; text-indent: -9999px; }
li#bbc { height: 72px; width: 61px;background: no-repeat url(../images/logo-bbc.png) transparent; display: inline; float: left; text-indent: -9999px; }


/* Forms
-------------------------------------------------------------- */

#name-field, #email-field, #website-field { width: 267px; height: 14px; font-size: 14px; padding: 4px; }
.desc { font-size: 12px; color: #505050; font-weight: normal; padding-left: 16px; }
#comment-field { width: 544px; height: 150px; }
#name-field, #email-field, #website-field, #comment-field { 
	border-top: solid 1px #505050; 
	border-left: solid 1px #505050;
	border-right: solid 1px #9eb2b0;
	border-bottom: solid 1px #9eb2b0;
	}
	
#submit { background-color: #1b6459; color: #fff; border: none; padding: 10px 11px 7px 11px; text-transform: uppercase; margin-top: 20px; }


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

a.arrow { padding-right: 22px; background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: 100% 50%; line-height: 18px; padding-top: 2px; padding-bottom: 2px; }
a.arrow:hover { background-image: url(../images/arrow-over.png); }

li#kitchen a { height: 72px; width: 64px; display: block; }
li#seanet a { height: 72px; width: 86px; display: block;  }
li#propadata a { height: 72px; width: 63px; display: block;  } 
li#rubin a { height: 72px; width: 86px; display: block;  }
li#bbc a { height: 72px; width: 61px; display: block;  }

a.trailerlink { display: inline; font-size: 14px; }
a.trailerlink:hover { background-image: url(../images/arrow-trailerlink.png); background-repeat: no-repeat; background-position: 100% 50%; }
a.active:hover { background-image: url(../images/arrow-active.png); background-repeat: no-repeat; background-position: 100% 50%; }
a.active { background-image: url(../images/arrow-active.png); background-repeat: no-repeat; background-position: 100% 50%; }

a#addthis { background: no-repeat url(../images/addthis_red.gif); padding: 2px 0 0 22px; line-height: 15px; margin-top: 12px; }
a:hover { color: #e60000; }
a { color: #1b6459; }


/* Misc
-------------------------------------------------------------- */

html { background: #bcd9d5 url(../images/background-fade.png) repeat-x top left; }

body { background: transparent url(../images/background-words.png) repeat-y top left; }

#player { background: no-repeat url(../images/video.png) #fff; }

.field { margin-bottom: 12px; }

.comment { padding-top: 14px; margin-top: 20px; border-top: 1px dotted #98b4b1; }

#donate-logo { float: left; padding: 0 10px 10px 0 }


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }