/* $Id: nodes.css,v 1.6 2009/11/02 15:37:29 johnalbin Exp $ */

/**
 * @file
 * Node Styling
 *
 * Style anything that isn't in the $content variable.
 */


.node /* Node wrapper */ {
}

.node-sticky /* A sticky node (displayed before others in a list) */ {
}

.node-unpublished /* Unpublished nodes */ {
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}

.node-unpublished div.unpublished,
.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. */ {
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word; /* A very nice CSS3 property */
}

.node-by-viewer /* A node created by the current user */ {
}

.node-teaser /* A node displayed as teaser */ {
}

/* All nodes are given a node-type-FOO class that describes the type of
 * content that it is. If you create a new content type called
 * "my-custom-type", it will receive a "node-type-my-custom-type" class.
 */
.node-type-page /* Page content node */ {
}

.node-type-story /* Story content node */ {
}

.node h2.title /* Node title */ {
}

.marker /* "New" or "Updated" marker for content that is new or updated for the current user */ {
  color: #c00;
}

.node .picture /* The picture of the node author */ {
}

.node.node-unpublished .picture,
.comment.comment-unpublished .picture {
  position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
}

.node .meta /* Wrapper for submitted and terms data */ {
}

.node .submitted /* The "posted by" information */ {
}

.node .terms /* Node terms (taxonomy) */ {
}

.node .content /* Node's content wrapper */ {
}

.node ul.links /* Node links. See also the ul.links declaration in the pages.css. */ {
}

.preview .node /* Preview of the content before submitting new or updated content */ {
  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
}

/******************************************************** fit content to normal page width **/
.content-column-single
{
	width: 500px;
	margin: 0 auto;
}

/******************************************************** display suite styling **/
.nd-region-header,
.nd-region-footer
{
	width: 650px;
	margin: 0 auto;
}
.nd-region-left,
.nd-region-right
{
	width: 435px;
	margin: 5px;
}

/** front page **/
.front-viz .nd-region-header
{
	width: 740px;
	margin: -20px auto 0 auto;
}

/******************************************************** pages, events **/
.node-type-page .nd-region-left,
.node-type-page .nd-region-right,
.node-type-event .nd-region-left,
.node-type-event .nd-region-right
{
	width: 300px;
}
.node-type-page .nd-region-left,
.node-type-event .nd-region-left
{
	margin-left: 125px;
}
.node-type-page .nd-region-right,
.node-type-event .nd-region-right
{
	margin-right: 125px;
}

/******************************************************** pages, events **/
.node-type-visualization .nd-region-left
{
	width: 450px;
}
.node-type-visualization .nd-region-right
{
	width: 400px;
}

/******************************************************** events **/

.node-type-event .field-event-date
{
	font-size: 1.2em;
	font-style: italic;
}

/******************************************************** call to action buttons **/
.call-to-action,
.call-to-action-small
{
	border: none;
	background: url('../images/call_button_bg.png') no-repeat center top;
	width: 293px;
	height: 56px;
	margin: 8px 0;
	padding: 32px 5px 0;
	display: block;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.call-to-action-small
{
	background-image: url('../images/call_button_bg_small.png');
	padding-top: 21px;
	height: 47px;
}
.overlay-button
{
	background-image: none;
	background-color: #ffffff;
	width: 200px;
	-moz-box-shadow: 0 1px 8px #333;
	-webkit-box-shadow: 0 1px 8px #333;
	box-shadow: 0 1px 8px #333;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	padding-top: 17px;
	height: 38px;
	opacity: .88;
}
.call-to-action,
.call-to-action:visited,
.call-to-action:link,
input.call-to-action,
.call-to-action-small,
.call-to-action-small:visited,
.call-to-action-small:link
{
	color:  #148EB3 !important; /* #2ac0c5 #FE545B */
}
.call-to-action:hover,
.call-to-action:hover,
.call-to-action:focus,
.call-to-action-small:hover,
.call-to-action-small:hover,
.call-to-action-small:focus
{
	color: #FE545B !important; /* #CDE781 #e22c37; */
}
input.call-to-action
{
	height: 94px;
	padding: 0;
	margin-left: 50px;
}
.arrow-button
{
	background-image: url('../images/arrow_button_bg.png');
	font-size: 18px;
	padding-right: 25px;
}

/******************************************************** framed items **/
.framed,
.view-Explore-Visualizations .buildmode-teaser
{
	display: block;
	border: none; /* 1px solid #ccc; */
	background-color: #fff;
	padding: 4px;
	margin: 10px 0 20px 0;
	-moz-box-shadow: 0 2px 6px #888;
	-webkit-box-shadow: 0 2px 6px #888;
	box-shadow: 0 2px 6px #888;
}

.view-Explore-Visualizations .buildmode-teaser
{
	padding: 8px;
}

/******************************************************** small text **/
.smallText
{
	font-size: 10px;
	color: #999;
}

/******************************************************** highlight item **/
.highlight
{
	font-size: 1.2em;
	font-weight: bold;
}


/******************************************************** code style **/
pre,
code,
.codestyle
{
	font-family: "Monaco", "DejaVu Sans Mono", "Courier New", monospace;
	display: inline;
	font-size: 1em;
	color: #000;
}

/******************************************************** content table **/
.content-table
{
	width: 100%;
	margin: 8px 0;
}
.content-table th
{
	border-bottom: 1px solid #dedede;
	font-size: .8em;
	text-transform: uppercase;
	color: #498DA8;
}
.content-table td
{
	border: 0;
	vertical-align: top;
	text-align: left;
}

/******************************************************** inset image **/

.insetImage
{
	float: left;
	margin: 0 15px 5px 0;
}

.insetImage.right
{
	float: right;
	margin: 0 0 5px 15px;
}

/******************************************************** table of contents list **/
.toc li
{
	line-height: 1.3em;
}

/******************************************************** table of contents list **/
.para-highlight
{
	margin: 40px 0 15px 0;
	font-family: Georgia, "Times New Roman", "DejaVu Serif", serif;
	font-size: 20px;
	line-height: 1.6em;
	text-align: center;
	text-shadow: white 1px 1px 1px;
}

/******************************************************** fade hr **/

.fade-rule {
	background: url("../images/hr_bg.png") center no-repeat;
	height: 50px;
	width: 900px;
	margin-left: -125px;
}

/******************************************************** rules summary list **/

.rules-summary {
	width: 300px;
	margin-left: 10px;
}
.rules-summary li {
	margin-bottom: 0;
}

/******************************************************** API page **/

#api dl {
margin: 0;
padding: 0;
}
#api dl.example { 
padding: 16px 10px 8px 10px;
background-color: #eee;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: smaller;
line-height: 15px;
}
#api dl.example dt { 
float: left;
width: 85px;
}
#api dl.example dt:after { 
content: ':';
}
#api dl.example span.comment { 
color: #999;
padding-left: 10px;
font-style: italic;
}
#api dl.parameters.left { 
float: left;
padding-left: 30px;
width: 40%;
}
#api dl.parameters.right { 
float: right;x
padding-left: 35px;
width: 40%;
}
#api dl.parameters dt { 
font-size: larger;
color: #457187;
}
#api span.default { 
font-size: smaller;
font-style: italic;
}
#api span.default:before { 
font-weight: bold;
content: 'default: '
}
#api dl ul { 
margin: 0;
padding: 0;
list-style: none;
}
#api dl ul li {
padding: 0;
margin: 0;
color: #888;
}
#api dl.parameters dd:last-child {
margin-bottom: 0;
}
#api span.value { 
padding-right: 10px;
font-weight: bold;
color: #555;
}
#api h3 {
margin-top: 25px;
margin-bottom: 20px;
}
#api h2 { 
clear: both;
border-top: 2px solid #ccc;
padding-top: 20px;
font-size: 30px;
}
#api div.clear { 
clear: both;
}
#api code { 
font-family: 'Monaco', monospace;
font-size: 12px;
}
#api pre.snippet { 
background-color: #eee;
display: block;
overflow-x: scroll;
}
#api code.snippet-inner { 
display: block;
width: 3500px;
font-size: 11px;
padding: 15px;
line-height: 16px;
}
#api pre .tag { 
color: #555;
}
#api pre .attribute { 
color: #111;
}
#api pre .value { 
font-weight: normal;
padding: 0;
margin: 0;
color: #0d8e62;
}
#api span.todo { 
background-color: yellow;
}
#api .right { 
float: right;
width: 300px;
}
#api dt.last, #api dd.last {
clear: right;
}
#api div.center { 
padding-top: 15px;
}
#api .top { 
font-size: 10px;
letter-spacing: 1px;
margin-top: -3px;
font-weight: normal;
padding-right: 15px;
text-transform: uppercase;
float: right;
}
 
#api #template { 
padding: 15px;
text-align: center;
border-radius: 10px;
background-color: #eee;
}

/******************************************************** CSV page **/

#getCSV label { 
	clear: both; 
	display: block; 
	float: left; 
	width: 120px; 
	text-align: right; 
	margin-right: 10px; 
}
#getCSV #options { 
	width: 300px; 
	float: left; 
	margin-left: 125px;
	margin-right: 80px; 
}
#options h2 {
	margin-top: 0;
}
#options h5 {
	padding-top: 10px;
	clear: left;
}
#getCSV #loading { 
	display: none; 
}
#getCSV #submit { 
	margin: 20px 0 0 130px; 
}

/******************************************************** Viz nodes **/

.viz-images .thumbnail-image img
{
	float: left;
	margin: 10px 20px 10px 0;
}

.node-type-visualization .field-fivestar-widget 
{
	margin: 17px 41px 0 23px;
	float: left;
}
.afield-fivestar-widget:before
{
	content: "Rating:";
	font-size: .85em;
}

.field-viz-award
{
	float: left;
	width: 127px;
	margin: 10px 0 10px 0;
	padding: 13px 30px 13px 30px;
	vertical-align: bottom;
	background: url(../images/MedalGraphicTiny.png) left no-repeat;
	font-size: .85em;
	line-height: 1.6em;
}

.field-viz-description,
.field-viz-contact-name,
.field-viz-creators-bio,
.viz-share-buttons 
{
	clear: both;
}

.field-viz-description
{
	margin: 0 0 16px 0;
}

.field-note
{
	color: #FE545B;
	padding: 12px 0;
}

.viz-share-buttons 
{
	margin: 12px 0;
}
.viz-share-buttons .share-label
{
	font-weight: bold;
}

/******************************************************** Highlight flag **/

.highlight-flag
{
	font-weight: 100;
	font-size: 1.25em;
	padding: 12px;
	text-align: center;
	color: #FE545B !important;
}

/******************************************************** Winners page **/

.front h1.main-title
{
	margin-left: 84px;
}
.front .nd-region-header,
.page-winners .nd-region-header
{
	width: 740px;
}
.dvc-win-col
{
	width: 345px;
	float: left;
	margin-left: 50px;
}
.dvc-win-col.col-first
{
	margin-left: 0;
}

#dvc-winners h2
{
	margin: 0 0 4px 0;
}
.dvc-win-creator-large
{
	font-size: 1.35em;
	font-weight: 100;
	margin-bottom: 15px;
}
.dvc-win-creator-small
{
	line-height: 1.5em;
}

#dvc-winner
{
	display: block;
	margin-bottom: 30px;
}

.dvc-rollover
{
	display: none;
	position: absolute;
	font-size: 2em;
	font-weight: bold;
	background: rgba(255, 255, 255, .9);
	border: 1px solid #aaa;
	padding: 20px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#dvc-winner .dvc-rollover { margin: 109px 0 0 267px; }
.dvc-win-runnerup-thumbnail .dvc-rollover { margin: 122px 0 0 43px; }
.dvc-win-finalists-grid .dvc-rollover { font-size: 1.5em; padding: 10px; margin: 33px 0 0 36px; }
 
.dvc-rollover,
.dvc-rollover a,
.dvc-rollover a:visited,
.dvc-rollover a:hover
{
	color: #FE545B !important;
}

#dvc-winners .fade-rule
{
	height: 70px;
	margin-left: -82px;
	margin-bottom: 10px;
}

#dvc-win-about-blurb
{
	margin-top: 23px;
	font-size: .9em;
	line-height: 2em;
}

.dvc-win-subhead
{
	font-size: 2.2em;
	margin-bottom: 8px;
}
.dvc-win-smalltext
{
	font-size: .85em;
}

.dvc-win-runnerup-thumbnail,
.dvc-win-finalists-grid
{
	margin: 17px 0 5px 0;
}

.dvc-win-finalists-grid-item
{
	width: 158px;
	float: left;
	margin: 0 0 28px 28px; 
}
.dvc-win-finalists-grid-item.col-first
{
	margin-left: 0;
}

#dvc-winners a h2,
#dvc-winners a:visited h2,
.dvc-win-finalists-grid-item a,
.dvc-win-finalists-grid-item a:visited,
.dvc-win-mention a,
.dvc-win-mention a:visited
{
	color: #555;
}
#dvc-winners a:hover h2
{
	color: #FE545B !important;
}
.dvc-win-finalists-grid-item h3
{
	font-size: 1.25em;
	margin: 0 0 4px 0;
}

.dvc-win-mention
{
	clear: left;
	line-height: 1.4em;
}
.dvc-win-mention h3
{
	font-size: 1.2em;
	margin-bottom: 5px;
}
.dvc-win-badge
{
	float: left;
	width: 119px;
	height: 75px;
	margin-right: 5px;
	font-size: .9em;
}