/* 
cpi project model base css 
*/
/* 
please make minimal changes to this stylesheet 
*/
/* 
to make site wide style changes:
create a separate stylesheet,
add it's path to includes > project_global_css template
*/


/* changing styles from cpi_base.css */

body {background: #999;}

#cpi_container {padding: 0; margin-bottom: 20px; background: #e7e7df;}

#cpi_content {margin: 0;}

#cpi_footer #footer_end {border: 0;}



/* 
project cpi header 
*/

#cpi_header {background: #19516e; padding: 0 10px; position: relative; border-bottom: 2px solid white; height: 40px;}
#cpi_header h1 {margin: 0;}

#cpi_header h2#more_investigations {position: absolute; right: 0; bottom: 0;}
#cpi_header h2#center_support {position: absolute; right: 152px; bottom: 0;}


/* 
project header -- project art 
*/

#project_header h1 {margin: 0;}
#project_header h1 a span {position: absolute; top: -9999px;}



/* 
project content background 
*/

#cpi_content {background: white url('../img/project/project_model_content-bg.gif') repeat-y;}



/* 
project navigation in left hand nav column
*/

.column.projectnav {width: 110px;}

.column.projectnav ul.navigation.project {padding: 20px 15px 0pt;}

.column.projectnav ul.navigation li {margin-bottom: 10px; float: none;}

.column.projectnav ul.navigation li a {display: block; color: white !important;}

/* uncomment this line only if using images as navigation
.column.projectnav ul.navigation li a span {display: none;}
*/



/* 
project navigation 
*/

ul.navigation li a {color: white;}
ul.navigation li a:link, 
ul.navigation li a:visited {text-decoration: none;}
ul.navigation li a:hover {text-decoration: underline;}



/* 
left column 
*/

/* with middle column
.column.left {width: 538px; margin: 0 1px;}
*/
/*.column.left .bucket {padding: 20px 30px 0pt;}*/

/* without middle column */
.column.left {width: 688px; margin: 0 1px;}

.content_breadcrumbs_wrapper {margin-top: 0;}
.content_breadcrumbs p {text-transform: capitalize;}

.column.left .title {background-color: #444; width: 628px;}
body.item .column.left .title h2 {text-transform: capitalize;}
body.item .column.left .title h2 a {color: #ccc;}

body.homepage .column.left .bucket {padding: 15px 0; padding-bottom: 5px; margin: 0 30px; border-bottom: 1px solid #ccc;}
body.homepage .column.left .bucket.last {border: 0;}



/* 
middle column 
*/

.column.middle {background: transparent; width: 150px;}



/* 
right column -- should never be adjusted unless there is a good reason 
*/



/* 
project footer 
*/

#project_footer {width: 760px; height: 20px; padding: 20px; background: #333; clear: both;}

#project_footer ul.navigation {font-size: 10px;}
#project_footer ul.navigation li {margin-right: 10px;}
/* to get rid of images if used on li classes for left hand column nav */
#project_footer ul.navigation li a {background: transparent;}


/*
cpi footer
*/
#cpi_footer {margin-top: 1px;}


/*
forms
*/

#cpi_content .column.middle form input, #cpi_content .column.middle form textarea, #cpi_content .column.middle form select {border-color: white; color: #333;}
#cpi_content .column.middle .bucket form input {background: #acacac;}
#cpi_content form #submit {border: 0;}
#cpi_content form label, #cpi_content form a {color: #555;}

/*
font styles
*/

body.homepage .column.left h2 {font-family: Georgia, serif; font-size: 15px !important; color: black; padding-bottom: 3px; font-weight: bold;}

body.homepage .column.left .bucket h3 {margin: 5px 0 10px; color: #333;}

p.first {margin-top: 0 !important;}

.column.middle h6 {font-family: Georgia, serif; font-size: 15px !important; color: black; padding-bottom: 3px;}

body.item .title h6, .column.left h6 span {color: #888;}

body.item .column.left h2 {color: #333;}

.column.left .bucket h3 {margin: 30px 0 10px;}

.column.middle ul li h6 {font-family: Arial, sans-serif; font-size: 9px !important; color: #333; text-transform: uppercase; letter-spacing: 1px;}

/*.weblog_title {text-transform: capitalize;} A.G. requested that this be turned off */

body.item .title h6 {color: #b5b5b5;}

a:link, a:visited, a:hover {color: ;}

.message {color: #999 !important;}

h2 span {position: absolute; top: -9999px;}

span.image {line-height: normal !important;}


/*
list styles
*/

body.homepage .column.left .bucket ol li {border-bottom: 0; margin-bottom: 0; padding-bottom: 5px;}
body.homepage .column.left .bucket ol li.weblog_title {padding-bottom: 0;}

body.homepage .column.left .bucket ol.project_entries {float: left; width: 284px; margin-bottom: 10px;}

body.homepage .column.left .bucket ol.project_entries.left {padding-right: 20px; margin-right: -1px; border-right: 1px solid #ccc;}
body.homepage .column.left .bucket ol.project_entries.right {padding-left: 20px; border-left: 1px solid #ccc;}


/*
--------------------------
ENTRY TOOLS
--------------------------
*/

.item_tools {margin: 40px 25px 20px;}

.entry_tools a.active {color: #999 !important;}

#emailThis, #shareThis {background: white;}

#emailThis form label {color: #333;}

body.item .item_tools {padding: 0; background: none; width: auto; border-top: none;}



/*
--------------------------
QUOTES
--------------------------
*/
.column.left .bucket p.quote, .column.left .bucket p.quote span {padding: 0 !important; background: none !important; color: #999 !important;}
.column.left .bucket p.quote.docs {margin-right: 100px !important;}



/*
--------------------------
CAPTIONS
--------------------------
*/
.column.left p span.image {color: #b5b5b5;}