/*

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

*/
   
body { background: repeat top center url(../images/background-tile.png); margin: 0; padding: 0; }


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

h1,h2,h3,h4,h5,h6 { font-family: Arial, sans-serif; font-weight: normal; }
h1 { font-size: 24px; margin-bottom: 1em; }
h2 { font-size: 17px; margin-bottom: .5em; text-transform: uppercase; color: #FFF; }
h3 { font-size: 15px; margin-bottom: 1em; text-transform: uppercase; color: #599caf; }
h3 { font-size: 12px; margin-bottom: 4px; font-weight: bold; text-transform: none; color: #599caf; line-height: 12px; }
h4 { font-size: 12px; margin-bottom: 0; font-weight: bold; text-transform: none; color: #599caf; }
h5 { font-size: 12px; margin-bottom: 0; font-weight: bold; text-transform: none; color: #599caf; }
h6 { font-size: 12px; margin-bottom: 0; font-weight: bold; text-transform: none; color: #599caf; }

#masthead h1 { position: relative; top: 0px; left: 25px; background: no-repeat bottom left url(../images/logo2.png); float: left; }
#intro h2 { font-size: 15px; text-transform: uppercase; color: #599caf; }
.home h4 { font-size: 11px; font-weight: bold; text-transform: uppercase; color: #646565; margin-bottom: 1em; }
.home #highlights h4 { padding-left: 12px; }
.home #presslinks h4, .home #medialinks h4, .home #infolinks h4 { padding-top: 12px; margin-bottom: 6px; display: inline; float: left; }
.sub h2 { font-size: 15px; margin: 0 0 4px 0; text-transform: uppercase; color: #599caf; }
.sub h2.news-section-body-header { font-size: 15px; margin: 0 0 4px 0; text-transform: none; color: #599caf; line-height: 18px; }
.section h3  { font-size: 14px; margin: 0 0 4px 0; text-transform: uppercase; color: #599caf; font-weight: normal; line-height: 18px; }
.section h3.news-section-body-header { font-size: 15px; margin: 0 0 12px 0; text-transform: uppercase; color: #599caf; }


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

p           { font-family: Arial, sans-serif; font-size: 12px; line-height: 17px; margin: 0 0 1.5em 0; color: #5b5a5a; }
abbr, 
acronym     { border-bottom: 1px dotted #666; }
blockquote  { font-size: 12px; line-height: 17px; font-style: italic; margin: 0 0 1.5em 0;}


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

.page { width: 900px; margin: 0 auto; text-align:  left; }
#main-content { float: right; width: 620px; margin: 33px 50px 35px 0; display: inline; }
#sidebar { float: left; width: 170px; margin: 33px 0 0 25px; display: inline; padding-right: 5px; }
#footer { clear: both; padding: 10px; }

#page-splash { width: 900px; height: 197px; position: relative; }
#sec-summary { position: absolute; left: 510px; top: 14px; padding: 15px; width: 335px; height:140px; background-color: #000; }

.home #page-splash { width: 900px; height: 326px; position: relative; }
.home #intro { float: left; margin: 33px 0 35px 45px;  width: 385px; display: inline; }
.home #sidebar { float: right; width: 370px; margin: 38px 40px 0 25px; border: none; display: inline; }
.home #highlights { float: left; width: 155px; display: inline; }
.home #search-newslinks { float: right; width: 200px; display: inline; } 

#first-preview, #second-preview { width: 220px; }
#first-preview { float: left; display: inline; }
#second-preview { float: right; display: inline; }


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

ul#main-nav { float: right; background: no-repeat url(../images/nav-background.jpg) top left; width: 556px; height: 55px; margin-bottom: 25px; position: relative; list-style: none; }
ul#main-nav a { display: block; height: 55px; overflow: hidden; text-decoration: none; text-indent: -10000px; }
li#mn1 { background: no-repeat url(../images/nav-background.jpg) -1px 0px; position: absolute; top:0; left: 1px; height 55px; width: 109px; }
li#mn2 { background: no-repeat url(../images/nav-background.jpg) -111px 0px; position: absolute; top:0; left: 111px; height 55px; width: 103px; }
li#mn3 { background: no-repeat url(../images/nav-background.jpg) -215px 0px; position: absolute; top:0; left: 215px; height 55px; width: 84px; }
li#mn4 { background: no-repeat url(../images/nav-background.jpg) -300px 0px; position: absolute; top:0; left: 300px; height 55px; width: 72px; }
li#mn5 { background: no-repeat url(../images/nav-background.jpg) -373px 0px; position: absolute; top:0; left: 373px; height 55px; width: 82px; }
li#mn6 { background: no-repeat url(../images/nav-background.jpg) -456px 0px; position: absolute; top:0; left: 456px; height 55px; width: 100px; }
li#mn1 a:hover { background: no-repeat url(../images/nav-background.jpg) -1px -55px; }
li#mn2 a:hover { background: no-repeat url(../images/nav-background.jpg) -111px -55px; }
li#mn3 a:hover { background: no-repeat url(../images/nav-background.jpg) -215px -55px; }
li#mn4 a:hover { background: no-repeat url(../images/nav-background.jpg) -300px -55px; }
li#mn5 a:hover { background: no-repeat url(../images/nav-background.jpg) -373px -55px; }
li#mn6 a:hover { background: no-repeat url(../images/nav-background.jpg) -456px -55px; }
.science-and-technology li#mn1 { background: no-repeat url(../images/nav-background.jpg) -1px -55px; }
.advancing-biofuels li#mn2 { background: no-repeat url(../images/nav-background.jpg) -111px -55px; }
.about-cobalt li#mn3 { background: no-repeat url(../images/nav-background.jpg) -215px -55px; }
.news li#mn4 { background: no-repeat url(../images/nav-background.jpg) -300px -55px; }
.careers li#mn5 { background: no-repeat url(../images/nav-background.jpg) -373px -55px; }
.contact-us li#mn6 { background: no-repeat url(../images/nav-background.jpg) -456px -55px; }


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

input#search { display:inline; float:left; margin:0px 5px 0px 0px; width:115px; color: #808081; }
input.text, input.title { font-size:11px; padding: 3px 3px 2px 3px; }
input.text, input.title { background:#F6F6F6 none repeat scroll 0%; border:1px solid #BBBBBB; }


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

ul { font-family: Arial, sans-serif; font-size: 11px; font-weight: bold; list-style: none; margin: 0; }
ul ul { font-weight: normal; }
ol { font-family: Arial, sans-serif; font-size: 14px; line-height: 21px; margin: 0 0 1.5em 0; }
li { font-family: Arial, sans-serif; }

#main-content ul { font-family: Arial, sans-serif; font-size: 12px; line-height: 17px; margin: 0 0 1.5em 0; color: #5b5a5a; font-weight: normal; list-style: disc; list-style-position: outside; }
#main-content li { margin-bottom: 4px; margin-left: 13px; }

#sidebar ul { margin-bottom: 25px; }
#sidebar ul ul { margin-left: 10px; }
#sidebar ul li { margin-bottom: 6px; }
#sidebar li ul li { margin-top: 6px; }

.home #sidebar ul { font-size: 12px; font-weight: normal; margin-bottom: 8px; }
.home #sidebar #search-newslinks li { background: none; padding: 0 0 4px 0; color: #858686; font-size: 11px; }
.home #sidebar #highlights li { padding: 0 0 0 12px; margin-bottom: 14px; background: no-repeat url(../images/bullet-highlights.png); }

#footer ul { float: left; display: inline; list-style: none; }
#footer li { float: left; display: inline; list-style: none; padding: 0 10px; border-right: 1px solid #FFF; line-height: 12px; }

.sub #main-content ul { width: 410px;}


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


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

a:hover { text-decoration: underline; }
a { text-decoration: none; }

#masthead h1 a { text-indent: -10000px; display:block; width: 300px; height: 63px; }

#main-content a { color: #599CAF; }
#intro a { color: #599CAF; }

.home #sidebar ul a { background: none; padding: 0; color: #5292aa; }
.home #sidebar ul a:hover { background: none; padding: 0; }

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

#sidebar ul a { color: #757575; background: no-repeat url(../images/bullet.png) 0 2px; padding: 0 2px 0 12px; display:block; }
#sidebar ul a:hover {  color: #5292aa; background: no-repeat url(../images/bullet-over.png) 0 2px; padding: 0 2px 0 12px; }
#sidebar ul ul a {  color: #757575; display: block; }
#sidebar ul ul a:hover {  color: #5292aa; background: no-repeat url(../images/bullet-over.png) 0 2px; padding: 0 2px 0 12px; }

#sidebar ul a.active { color: #5292aa; background: no-repeat url(../images/bullet-over.png); padding: 0 0 0 12px; }
#sidebar ul li a.active { color: #5292aa; background: no-repeat url(../images/bullet-over.png) 0 2px; padding: 0 0 0 12px; }
#sidebar ul li a:hover.active { color: #5292aa; background: no-repeat url(../images/bullet-over.png) 0 2px; padding: 0 0 0 12px; }

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

.home #presslinks .links-header a, .home #medialinks .links-header a, .home #infolinks .links-header a { color: #599CAF; float: right; padding-top: 12px; text-transform: uppercase; font-size: 11px; }
.home #presslinks .links-header a:hover, .home #medialinks .links-header a:hover, .home #infolinks .links-header a:hover { text-decoration: underline; }


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

.page { background-color: #FFF; }
.right { float: right; }
.sub #main-content p { width: 410px; }
.sub #main-content p.summary { width: 620px; font-size: 15px; line-height: 1.35em; margin-bottom: 1em; color: #878787; }
#sidebar { border-right: 1px solid #878787; padding-bottom: 20px; }
#footer p { float: right; margin-bottom: 0; font-size: 10px; line-height: 12px; margin-right:10px; color: #fff; }
#footer { background-color: #a6acaf; }
#footer li.last { border: none; }
#copyright-year { border-right: 1px solid #FFF; padding-right: 10px; margin-right: 8px; }
p.summary { font-size: 13px; line-height: 21px; margin-bottom: 2px; color: #FFF; }
#sec-summary { background: repeat url(../images/trans-sec-summary-bkg.png) }
#search-newslinks form { margin-bottom: 20px; }
.about-main-page p { width: 410px; }
.careers-main-page p { width: 410px; }
span.date { font-weight: normal; color: #878787; display:block; font-size: 11px; }
#sidebar ul li .monthly-archives { color: #757575; background: no-repeat url(../images/bullet.png) 0 2px; padding: 0 2px 0 12px; display:block; }

.science-and-technology #first-preview { padding-left: 80px; background: no-repeat top left url(../images/science_and_tech_thumb1.jpg) }
.science-and-technology #second-preview { padding-left: 80px; background: no-repeat top left url(../images/science_and_tech_thumb2.jpg) }

.advancing-biofuels #first-preview { padding-left: 80px; background: no-repeat top left url(../images/advance_biofuel_thumb1.jpg) }
.advancing-biofuels #second-preview { padding-left: 80px; background: no-repeat top left url(../images/advance_biofuel_thumb2.jpg) }

.links-header { border-top: solid 1px #d7d7d7; }

img.left { padding-right: 10px; }

.sub #main-content p.subhead { width: 620px; font-size: 13px; line-height: 1.35em; margin-bottom: 1em; color: #878787; font-style: italic; }


/* Splash images
-------------------------------------------------------------- */

.home #no-js-flash { background-image: url(../images/cobalt-flashalt.jpg); background-repeat: none; text-indent: -9999px; width: 900px; height: 326px; }
.science-and-technology #page-splash { background-image: url(../images/science.jpg); background-repeat: none; }
.advancing-biofuels #page-splash { background-image: url(../images/advancing.jpg); background-repeat: none; }
.about-cobalt #page-splash { background-image: url(../images/about.jpg); background-repeat: none; }
.news #page-splash { background-image: url(../images/news.jpg); background-repeat: none; }
.careers #page-splash { background-image: url(../images/careers.jpg); background-repeat: none; }
.contact-us #page-splash { background-image: url(../images/contact.jpg); background-repeat: none; }
.default #page-splash { background-image: url(../images/default.jpg); background-repeat: none; }


/* Clearing floats w/out extra markup (from Blueprint)
-------------------------------------------------------------- */
/* 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; }