/* Colors 
Blue: #00aedb
Olive: #B1BC22
Brown: #754200
Grey: #848484
*/

/* Drupal fixes */

form.ctools-use-modal-processed div div.form-textarea-wrapper textarea#edit-body-value {
	visibility: visible !important;
}

/* * Markup free clearing (See: http://www.positioniseverything.net/easyclearing.html )
   ================================================== */

.clearfix:after,
.views-field-term-node-tid:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Fonts */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 10, 2011 */

@font-face {
    font-family: 'DispatchTabRegular';
    src: url('../fonts/dispatabreg-webfont.eot');
    src: url('../fonts/dispatabreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dispatabreg-webfont.woff') format('woff'),
         url('../fonts/dispatabreg-webfont.ttf') format('truetype'),
         url('../fonts/dispatabreg-webfont.svg#DispatchTabRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Basics */

body {
	background-color: #ffffff;
  margin:0; 
  padding:0;
	margin-top: 30px;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

#page a:link,
#page a:visited { 
	color: #00aedb;
	text-decoration: none;
}

#page a:hover,
#page a:active { 
	color: #754200;
	text-decoration: none;
	opacity: 0.7;
}

#page a.active {
	color: black;
}

blockquote,
.shaded,
#content .region-highlighted {
	background-image: url("../images/striped_bg.png");
	height: auto;
	padding: 10px 20px;
	margin: 0;
	visibility: visible;
	display: block;
	text-align: justify;
}
	
blockquote p {
	padding: 0;
	margin: 0;
	line-height: 1.6em;
}

p {
  line-height: 1.6em
}

h1,
h2,
h3,
h4 {
	color: #754200;
	font-family: "DispatchTabRegular";
	font-weight: normal;
}

#content h2.block-title {
  font-size: 2em;
}

.form-item .description,
.text-format-wrapper .description {
  color: black;
  font-size: 0.9em;
  line-height: 1.3em;
}


/* Header */

#header #block-yes-lab-general-login-logout-block {
	text-align: right;
	margin-bottom: 0.5em;
}

#header #block-block-1 div.contextual-links-wrapper {
	right: -33px;
}

#header #block-block-1 .content {
	text-align: right;
}

#header #block-block-1 ul#social, 
#header #block-block-1 ul#social li {
  display: inline-block;
	margin: 0;
}

#header #block-block-1 ul#social li a {
  display: block;
  line-height: 27px;
  height: 32px;
  text-indent: -9999px;
  vertical-align: middle;
  width: 32px;
	text-align: left;
}

#header #block-block-1 #social #twitter a {
  background: url("../images/media/twitter_32.png") no-repeat scroll 0 0 transparent;
}

#header #block-block-1 #social #facebook a {
  background: url("../images/media/facebook_32.png") no-repeat scroll 0 0 transparent;
}

#header #block-block-1 #social #kickstarter a {
  background: url("../images/media/kickstarter_32.png") no-repeat scroll 0 0 transparent;
}


/* First Sidebar */

#name-and-slogan {
	float: none;
}

#site-name a {
  background: url("../images/logo.png") no-repeat scroll left top transparent;
  border: 0 none;
  display: block;
  height: 99px;
  margin: 0px;
  padding-top: 0px;
  text-indent: -50000px;
  width: 241px;
  z-index: 100;
}

#sidebar-first-wrapper {
  float: left;
  margin-left: 0;
  margin-right: -250px;
  padding: 0;
  width: 250px;
}

.region-sidebar-first {
  float: none;
  margin-left: 0;
  margin-right: 0;
  width: auto;
}

.region-sidebar-first .block-menu,
#block-user-login {
	width: 215px;
	margin-left: 30px;
	font-family: "DispatchTabRegular";
}

#block-system-user-menu,
#block-menu-menu-login-menu {
  width: 165px;
  margin-left: 80px;
}

#block-block-2 {
	margin-left: 58px;
}

.region-sidebar-first .block-menu .content ul li,
.region-sidebar-second .block-menu-block .content ul li {
	list-style: none;
	font-size: 1.2em;
	line-height: 1.6em;
	padding-bottom: 5px;
	background: transparent url('../images/horizontal_dashed_border.png') 97% bottom repeat-x;
	text-transform: uppercase;
}

.region-sidebar-second .block-menu-block h2.block-title {
  text-transform: uppercase;
  font-size: 1.1em;
}

.region-sidebar-second .block-menu-block .content ul {
  padding-left: 1em;
}

.region-sidebar-second .block-menu-block .content ul li {
  background: none;
  font-size: 0.8em;
  line-height: 1.2em;
  font-family: "DispatchTabRegular";
  text-transform: none;
}

#block-system-user-menu .content ul li,
#block-menu-menu-login-menu .content ul li {
  font-size: 0.8em;
}

.region-sidebar-first .block-menu .content ul li.last {
	background-image: none;
}

#page .region-sidebar-first .block-menu .content ul li a:link,
#page .region-sidebar-first .block-menu .content ul li a:visited,
#page .region-sidebar-second .block-menu-block .content ul li a:link,
#page .region-sidebar-second .block-menu-block .content ul li a:visited {
	color: #754200;
}

#page .region-sidebar-first .block-menu .content ul li a.active:link, 
#page .region-sidebar-first .block-menu .content ul li a.active:visited,
#page .region-sidebar-second .block-menu-block .content ul li a.active:link, 
#page .region-sidebar-second .block-menu-block .content ul li a.active:visited {
	color: black;
}

.region-sidebar-first .block-menu .content ul li ul,
.region-sidebar-second .block-menu-block .content ul li ul {
	padding-left: 1em;
}

.region-sidebar-first .block-menu .content ul li ul li,
.region-sidebar-second .block-menu-block .content ul li ul li {
	font-size: 0.6em;
	line-height: 1.2em;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-bottom: 0;
	background-image: none;
	text-transform: none; /* Don't transform anything below top level */
}

.region-sidebar-second .block-menu-block .content ul li ul li {
  font-size: 0.9em;
}

.region-sidebar-first .block-menu .content ul li ul li a,
.region-sidebar-second .block-menu-block .content ul li ul li a {
  color: #848484;
}

.region-sidebar-first .block-menu .content ul li ul li ul li,
.region-sidebar-second .block-menu-block .content ul li ul li ul li {
	font-size: 1em;
}

#block-user-login {
  margin-left: 60px;
  width: 185px;
  font-size: 0.9em;
}

#block-user-login .form-item label,
#block-user-login .item-list  {
  font-weight: normal;
}

#login-message {
  font-family: "DispatchTabRegular";
}

.toboggan-unified #login-links a {
  padding: 5px 10px;
  border-radius: 10px;
  font-family: "DispatchTabRegular";
  font-size: 0.8em;
}

.toboggan-unified #login-links a.lt-active, 
.toboggan-unified #login-links a.lt-active:hover {
  background-color: #F5F9C0;
}


/* Main content area */

.sidebar-first #main,
.two-sidebars #main {
  background: transparent url('../images/vertical_dashed_border.png') 245px top repeat-y;
}

#content,
.sidebar-first #content,
.two-sidebars #content {
  margin-left: 250px;
  margin-right: -960px;
  width: 710px;
}

.sidebar-first #content .section,
#content .section {
	padding-left: 15px;
	min-height: 400px;
}

.two-sidebars #content {
  width: 510px;
  margin-right: -760px;
}

#sidebar-second-wrapper {
  padding-top: 15px;
}

/*
body.node-type-project .panel-2col .panel-col-first .inside {
  margin: 0 1em 1em 0;
}
*/

/* Node styles */

.node {
  margin-bottom: 2em;
}

.node .submitted {
  font-size: 0.9em;
  color: #848484;
}

.node ul.links {
  font-size: 0.9em;
  margin-bottom: 0.5em;
}

.node .content a[href^=http],
.field-content a[href^=http],
.region-sidebar-first .block-menu a[href^=http],
.region-sidebar-second .block-menu-block a[href^=http] {
  /* removed the blue arrow image attached to external links - 12/16/2013 Pea */
  /*background: url("../images/external.png") no-repeat scroll 99% 40% transparent;
  padding-right: 15px;*/
}

.region-sidebar-first .block-menu ul li.leaf.fake-pr a,
.region-sidebar-second .block-menu-block ul li.leaf.fake-pr a {
  background: url("../images/fake-pr.gif") no-repeat scroll 99% 40% transparent;
  padding-right: 31px;  
}

.node .field-type-text-long.field-label-above .field-item > p {
  margin-top: 0;
}

/* Project idea nodes */

.node-project-idea .field {
  margin-top: 1em;
}

.node-project-idea .commitment-status {
  float: right;
  font-size: 0.8em;
}

.node-project-idea.node-teaser {
  margin-top: 1em;
  padding: 5px 10px;
  border-radius: 10px;
}

.node-project-idea.node-teaser.node-project-idea-committed {
  background-color: #F5F9C0;
}

.node-project-idea.node-teaser.node-project-idea-not-committed {
  background-color: #FAFAFA;
}

.node-project-idea.node-teaser.node-project-idea-not-complete {
  background-color: #FFF4F4;
}

div.node-project-idea.node-teaser.node-project-idea-migrated {
  background-color: #DCE55E;
}

.node-project-idea.node-teaser.node-project-idea-not-committed h2.node-title,
.node-project-idea.node-teaser.node-project-idea-not-committed a {
  color: #848484;
}


/* Listings */

.view-projects h1.field-content {
  margin-top: 0;
}

#page .view-projects h1.field-content a.active {
  color: #754200;
}

.view-blog .views-row,
.view-projects .views-row {
  background: transparent url('../images/horizontal_dashed_border.png') 97% bottom repeat-x;
  padding-bottom: 2em;
	margin-bottom: 2em;
}

.view-blog .views-row.views-row-last,
.view-projects .views-row.views-row-last {
  background: none;
}

.view-blog.view-display-id-page .views-row,
.view-tags-listing .views-row {
	background: transparent url('../images/horizontal_dashed_border.png') 97% bottom repeat-x;
	padding-bottom: 2em;
	margin-bottom: 2em;
}

.view-blog .views-field-title h3,
.view-projects .views-field-title h3,
.view-tags-listing .views-field-title h3 {
  margin-bottom: .2em;
  font-size: 1.5em;
}

.pane-tags-listing-panel-pane-1 h2.pane-title {
	display: none;
}

/* metadata styling */
.view-blog .views-field-name,
.view-blog .views-field-created,
.view-blog .views-field-field-tags,
.view-blog .views-field-field-article-project-reference,
.view-projects .views-field-field-project-reveal,
.view-projects .views-field-field-project-status,
.view-projects .views-field-term-node-tid,
.view-projects .views-field-field-project-partners,
.views-metadata-field,
.field-name-field-page-project-reference,
.field-name-field-page-tags {
  font-size: 11px;
  text-transform: uppercase;
  color: #626262;
}

.field-name-field-page-project-reference,
.field-name-field-page-project-reference .field-label, 
.field-name-field-page-project-reference .field-items,
.field-name-field-page-project-reference .field-items div.field-item,
.field-name-field-page-tags,
.field-name-field-page-tags .field-label, 
.field-name-field-page-tags .field-items,
.field-name-field-page-tags .field-items div.field-item {
	display: inline;
}

.field-name-field-page-tags .field-items div,
.field-name-field-page-project-reference {
	margin-right: 0.75em;
}

/* differentiate labels */
.view-blog .views-label,
.view-projects .views-label,
.views-metadata-field .views-label,
.field-name-field-page-project-reference .field-label,
.field-name-field-page-tags .field-label {
  font-style: italic;
  color: #868686;
	font-weight: normal;
}


/* spacing between metadata items */
.view-blog .views-field-created,
.view-blog .views-field-field-tags,
.view-blog .views-field-view-node,
.view-projects .views-field-field-project-reveal,
.view-projects .views-field-field-project-status,
.view-projects .views-field-term-node-tid,
.view-projects .views-field-field-project-partners,
.views-metadata-field {
  margin-right: 1em;
}

.views-field-name.views-metadata-field {
	margin-right: 0;
}

.view-projects .views-field-body p {
  margin-top: 0;
}

.view-blog .views-field-field-article-project-reference {
  margin-bottom: 1em;
}

.view-blog .views-field-comment-count {
  font-size: 12px;
  color: #848484;
}

/* thumbnails in project listings */
.view-projects .views-field-field-project-thumbnail {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
  margin-top: 0.5em;
  clear: both;
}

/* Comment form */

.comment-form fieldset.filter-wrapper {
  border: 1px solid #CCCCCC;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #848484;
}

/* ===[ Comments ]=== */

.comment-wrapper {
  border-top: 2px solid #BBBBBB;
  margin-top: 2em;
}

#comments h2.title {
  margin-top: 1em;
  padding-bottom: 5px;
  border-bottom: 2px solid #E9D9B3;
}

.comment {
  padding: 3px 6px;
  margin-bottom: 1.5em;
}

.comment.comment-published.even {
  background-color: #FCF4E0;
}

.comment .submitted,
.comment div.permalink {
  text-align: right;
  display: block;
  font-size: 0.9em;
  color: #999999;
}

.comment .permalink a {
  color: #999999;
  font-size: 0.9em;
}

.comment div.permalink {
  margin-top: -17px;
  margin-bottom: 2px;
}

.comment .submitted a {
  color: #666666;
}

.comment ul.links {
  font-size: 0.9em;
  margin: 0.5em 0;
}

#page .comment ul.links li a:link,
#page .comment ul.links li a:visited,
.comment .new {
  background: #B0BB1F;
  padding: 4px 7px 6px;
  font-weight: bold;
  font-size: 0.9em;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.comment ul.links li a:hover {
  background: #939C07;
}

.comment .new {
  background-color: #CC0000;
  font-size: 0.8em;
  line-height: 1em;
  padding: 2px 3px 3px;
  display: inline-block;
}


/* Button styles */

.views-field-view-node {
  clear: both;
}

.views-field-view-node .field-content,
#block-user-login input.form-submit {
  background: #B0BB1F;
  border-radius: 10px;
  padding: 3px 15px;
  font-family: "DispatchTabRegular";
  font-size: 0.9em;
}

#block-user-login input.form-submit {
  border: 0;
}

/* override */
#page .views-field-view-node a,
#block-user-login input.form-submit {
  color: #FFFFFF;
  font-weight: normal;
  text-transform: uppercase;
}

/* override */
#page .views-field-view-node a:hover {
  color: #754200;
}

/* Project pages */

body.node-type-project .panel-2col .panel-col-first {
	width: 72%;
}

body.node-type-project .panel-2col .panel-col-last {
	width: 28%;
}

body.node-type-project .panel-2col .panel-col-first .inside {
  margin: 0 1em 1em 0;
}

body.node-type-project .panel-2col .panel-col-first .views-field-field-project-thumbnail {
	margin: 1.5em 1em 1em 0;
	float: left;
}

body.node-type-project .panel-2col .panel-col-first .views-field-title .field-content {
margin-top: 0;
}

body.node-type-project #page .panel-2col .panel-col-first .views-field-title .field-content a.active {
  color: #754200;
}


/* Project page blog listing */
	body.node-type-project .panel-2col .panel-col-last .pane-blog .view-blog .views-row {
		margin-bottom: 0.5em;
		font-size: 12px;
	}
	
	body.node-type-project .panel-2col .panel-col-last .pane-blog .pane-title {
	  font-size: 16px;
	  text-transform: uppercase;
	}

/* Home page */

body.front .panel-display .panel-col-first .pane-blog .view-blog .views-row {
	margin-bottom: 0.5em;
	padding-bottom: 0;
	background: none;
}

body.front .panel-display .panel-col-first {
  width: 72%;
}

body.front .panel-display .panel-col-first .panel-separator {
  margin: 0;
}

body.front .panel-display .panel-col-first .pane-blog h2.pane-title {
  margin-top: 0;
  font-size: 2em;
}

body.front .panel-display .panel-col-last {
	width: 28%;
}

body.front .panel-display .panel-col-last .contextual-links-wrapper {
  margin-top: 2em;
}

body.front .panel-display .panel-col-last h2.pane-title,
body.front .region-sidebar-second h2.block-title {
  text-transform: uppercase;
  color: #754200;
  margin-top: 0;
  margin-bottom: .25em;
  font-size: 1.5em;
}

body.front .panel-display .panel-col-last .pane-content p,
body.front .region-sidebar-second .content p {
  margin-top: .25em;
  font-size: 0.9em;
  color: #848484;
}

/* Footer */

.region-footer {
  padding-top: 1em;
  padding-bottom: 3em;
  font-size: .9em;
  margin-left: 50px;
  color: #848484;
  font-family: "DispatchTabRegular";
  background: transparent url('../images/horizontal_dashed_border.png') 97% top repeat-x;
}

.region-footer ul.menu,
.region-footer ul.menu li {
  list-style-type: none;
  list-style-image: none;
  display: inline;
  padding: 0;
  margin: 0;
}

.region-footer ul.menu li {
  padding-right: 2em;
}

.region-footer .content,
.region-footer .block,
.region-footer .content p {
  display: inline-block;
  float: left;
}

.region-footer .content p {
  padding-right: 2em;
}

.region-footer #block-block-5 .content p {
	padding-right: 0;
}

#block-menu-menu-secondary-menu {
	float: left;
}

#block-block-6 {
	margin-left: 3px;
	font-family: helvetica;
  width: 500px;
}

#block-block-6 img {
  float: left;
  margin-right: 10px;
}

.region-footer #block-block-6 .content p {
  padding: 0;
  margin: 5px 0 0 0;
}

.region-footer #block-block-6.block .content p span.text {
  line-height: 1.3em;
  display: block;
  color: #626262;
  font-size: 12px;
}

#block-block-5 {
	float: right;
}

#block-block-5 .content p {
  margin: 0;
}

.page-contact #main #content {
  margin-right: -660px;
  width: 370px;
  margin-left: 250px;
}

.page-contact #main .region-sidebar-second {
  margin-left: 660px;
  margin-right: -960px;
  width: 300px;
}