/****************** CPI Investigations Base *******************/


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

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

.entry_tools a.active {color: white !important;}

#emailThis, #shareThis {background: #555;}

#emailThis form label {color: #ccc;}

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


a.stbutton {text-decoration: underline; color: #5c9994 !important;}


/*
--------------------------
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;}


/*
--------------------------
CUSTOM
--------------------------
*/
h3 {font-size: 18px; color: #5C9994; margin-bottom: 5px;}

.column.left a:link, .column.left a:visited, .column.left a:hover {color: #ebea8f;}


.column.left .inner-column-left p {margin-top: 0;}

.column.left .inner-column-left .inner-column-right p img, .column.left .inner-column-left .inner-column-right p span.image {margin: 0; display: block; float: none;}

.column.left .inner-column-left .inner-column-right p {margin-bottom: 0 !important; padding: 0;}


#cpi_content {background-image: url(../img/cpi-meltdown-bg.gif); position: relative;}

#main-navigation {position: relative; top: 0; left: 0; z-index: 900; background: #1c1c1c; width: 800px; height: 40px;}
#main-navigation ul.navigation.project {padding: 12px 15px; font-size: 12px; width: 770px; height: 26px; position: absolute; top: 0; z-index: 999;}
#main-navigation ul.navigation.project li {padding-right: 10px; padding-bottom: 5px; margin-right: 10px; position: relative; height: auto;}
#main-navigation ul.navigation.project li a {color: white;}

div#main-navigation ul.navigation li ul {position: absolute; z-index: 900; width: 150px; left: -15px; top: 15px; background: black; border: 5px solid #222; border-top-color: #1C1C1C; display: none;}
div#main-navigation ul.navigation li ul li {width: 150px; float: none; margin: 0 !important; padding: 0 !important; display: inline;}
div#main-navigation ul.navigation li ul li a {display: block; padding: 10px !important; border-bottom: 1px solid #333; color: #ccc;}
div#main-navigation ul.navigation li ul li a:hover {background: #1C1C1C;}

div#main-navigation ul.navigation li.menu a {text-decoration: none; cursor: default;}
div#main-navigation ul.navigation li.menu ul li a:hover {text-decoration: underline; cursor: pointer;}


.column.left {background: url(../img/cpi-meltdown-banner.jpg) no-repeat; padding-top: 330px; margin: 0; padding-bottom: 40px; position: relative; top: -40px; width: 800px; overflow: hidden;}

.column.right {position: relative; z-index: 900; top: -40px;}

.inner-column-left {width: 660px; padding: 0 70px;}
.inner-column-right {float: right; position: relative; top: 40px; right: -70px; width: 300px; margin: 0 0 20px 0;}

.sidebar-articles {float: right; width: 160px; padding: 10px 20px 10px; margin: 0 0 20px 20px; background: black; border: 2px solid #333;}
.sidebar-articles p {padding-bottom: 5px !important; line-height: normal !important; font-size: 13px !important;}
.sidebar-articles a {color: black;}
.sidebar-articles hr {border: none; border-top: 1px solid #333; height: 1px; margin: 0; margin-bottom: 5px;}
body.item .column.left .sidebar-articles h4 {color: #666;}

body.item .column.left h2 {font-size: 28px !important; line-height: normal !important; color: #ebea8f; font-weight: normal;}

body.item .column.left h4 {font: 13px/normal Arial, sans-serif; text-transform: uppercase; color: #97fcf4; letter-spacing: 1px; margin-bottom: 15px; font-weight: bold; padding-top: 5px;}

body.item .column.left h5 {padding-bottom: 10px; color: #666;}

body.item .column.left p#breadcrumbs {font-size: 16px;}
body.item .column.left p#breadcrumbs a {color: #999;}

body.item .column.left .inner-column-left p {font-size: 14px; line-height: 21px; color: #ccc; padding-bottom: 15px;}

body.item .column.left .inner-column-left ul {padding-bottom: 15px; padding-left: 10px;}
body.item .column.left .inner-column-left ul li {color: #999; padding-left: 15px; background: url(../img/cpi-meltdown-bullet.gif) no-repeat 0 7px;}

#project_footer {height: 40px; background: url(../img/cpi-meltdown-footer-bg.gif) no-repeat 0 50%;}
#project_footer ul.navigation {text-align: right; padding-top: 15px; font-size: 12px;}
#project_footer ul.navigation li {float: none; display: inline; vertical-align: middle;}
#project_footer ul.navigation li ul {display: none !important;}
#project_footer ul.navigation li a {color: white;}

ol#subprime-list {list-style-type: decimal; list-style-position: outside; color: #EBEA8F; margin-left: 50px;}

form#em-story input, form#em-story textarea {font-size: 14px; color: #333; background: #ccc; padding: 5px; border-color: #666; border-width: 2px;}
form#em-story p {color: #999; font-size: 14px;}
form#em-story p label {color: #999;}
form#em-story p label span {font-weight: normal; font-style: italic; font-size: 12px;}
form#em-story p .submit.textbutton {background: #333; font-size: 12px;}


dl#national-maps {position: relative; width: 660px; height: 350px;}

dl#national-maps dt {position: relative; float: left; margin-right: 3px;}

dl#national-maps dt a {display: block; float: left; background: #666; padding: 10px; height: 12px; text-decoration: none;}
dl#national-maps dt.active a,
dl#national-maps dt.active a:hover {background: white; color: black;}

dl#national-maps dt a:hover {color: white; background: #333;}

dl#national-maps dd {position: absolute; z-index: 900; top: 32px; left: 0; width: 640px; padding: 10px; background: white; overflow: hidden;}

dl#national-maps dd img {width: 640px; height: 284px;}

a#print_this {color: #999 !important;}

#TB_window a.orderEbook-link {padding: 20px; background: #72a4a1; color: white !imortant; font-size: 20px; display: block; text-align: center;}

#TB_window a.orderEbook-link:link,
#TB_window a.orderEbook-link:visited,
#TB_window a.orderEbook-link:hover {color: white !important;}

