/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */


/*
 * Body
 */
body {
  margin: 0;
  padding: 0;
}

#page-wrapper {
}

#page {
}

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css.
 */
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

/*
 * Header
 */
#header {
}

#header .section {
}

#header ul.menu {
  padding:0;
  margin:0;
}

#header ul.menu li {
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-image:none;
}

#logo /* Wrapping link for logo */ {
  width:406px;
  height:79px;
  float: left; /* LTR */
  margin: 0;
  padding: 0;
}

#logo img {
  vertical-align: bottom;
}

#name-and-slogan /* Wrapper for website name and slogan */ {
  float: left;
}

h1#site-name,
div#site-name /* The name of the website */ {
  margin: 0;
  font-size: 2em;
  line-height: 1.5em;
}

h1#page-title {
  color:#294466;
  font-size:32px;
  line-height:26px;
}

.page-search h1#page-title,
.page-resources h1#page-title,
.page-authors h1#page-title,
.page-events h1#page-title,
.node-type-profile h1#page-title,
.page-supporters h1#page-title,
.section-think-big h1#page-title,
.section-about-metanexus-institute h1#page-title,
.section-metanexus-institute-history h1#page-title,
.page-metanexus-institute-former-staff h1#page-title,
.page-metanexus-institute-staff h1#page-title,
.page-metanexus-institute-conferences h1#page-title,
.page-metanexus-institute-fellows h1#page-title,
.page-metanexus-institute-board h1#page-title,
.page-metanexus-institute-projects h1#page-title,
.page-node-7732 h1#page-title,
.page-node-7733 h1#page-title,
.page-node-7747 h1#page-title,
.page-metanexus-institute-about-annual-reports h1#page-title,
.page-features-173 h1#page-title,
.page-features-171 h1#page-title,
.page-features-107 h1#page-title,
.page-features-106 h1#page-title,
.page-features-105 h1#page-title,
.page-blogs h1#page-title,
.page-around-the-web h1#page-title {
  border-bottom:35px solid #ececec;
  margin-bottom:5px;
  text-transform:lowercase;
}

.section-think-big h1#page-title {
  text-transform:none;
}

.node-type-around-the-web h1#page-title,
.node-type-book-review h1#page-title,
.node-type-profile h1#page-title,
.node-type-essay h1#page-title {
    font-family: Georgia, "Times New Roman", Times, serif;
    border-bottom: medium none;
    color: #333;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 15px;
    text-transform:none;
}
.node-type-profile h1#page-title {
  margin-bottom:0px;
}

.node-type-profile .field-name-field-profile-title {
  margin-bottom:20px;
}.node-type-visual-exploration .field-name-field-main-image,
.node-type-book-review .field-name-field-main-image,
.node-type-essay .field-name-field-main-image {
  padding:10px 10px 0 0;
  background-color:#ececec;
  margin-bottom:0;
}
.node-type-visual-exploration .main-image-caption,
.node-type-book-review .main-image-caption,
.node-type-essay .main-image-caption {
  padding:0 10px;
  height:25px;
  margin-bottom:15px;
  background-color:#ececec;
  font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
  font-size:11px;
  color:#666;
  line-height:25px;
}
.page-node-6864 .field-name-field-main-image {
  padding:35px 10px 24px 0;
  background-color:#ececec;
  margin-bottom:20px;
}

#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}

#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

#site-slogan /* The slogan (or tagline) of a website */ {
}

.region-header /* Wrapper for any blocks placed in the header region */ {

}

/*
 * Main (container for everything else)
 */
#main-wrapper {
}

#main {
}

/*
 * Content
 */
#content {
}

#content .section {
}

.region-highlighted {
}

.breadcrumb /* The path to the current page in the form of a list of links */ {
  padding-bottom: 0; /* Undo system.css */
}

h1.title, /* The title of the page */
h2.node-title, /* Title of a piece of content when it is given in a list of content */
h2.block-title, /* Block title */
h2.title, /* Comment section heading */
h2.comment-form, /* Comment form heading */
h3.title /* Comment title */ {
  margin: 0;
}


.front h1#page-title {
  background-color:#32547E;
  color:#fff;
  font-weight:normal;
  font-size:13px;
  line-height:25px;
  padding:0px 0px 0px 3px;
  margin:0 0 10px 0;
}
tr.even /* Some tables have rows marked even or odd. */ {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

div.messages /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */ {
  margin: 1.5em 0; /* Drupal core uses "6px 0" margin */
}

div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

div.status /* Normal priority messages */ {
}

div.warning,
tr.warning /* Medium priority messages */ {
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

div.error,
tr.error /* High priority messages. See also the .error declaration below. */ {
}

.error /* Errors that are separate from div.messages status messages. */ {
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning /* Warnings that are separate from div.messages status messages. */ {
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

div.tabs /* See also the tabs.css file. */ {
}

.region-help /* Help text on a page */ {
}

.more-help-link /* Link to more help */ {
}

.region-content /* Wrapper for the actual page content */ {
}

ul.links /* List of links */ {
}

ul.links.inline {
  display: block; /* Let the links be inline, but the container be a block. */
}

ul.links li {
  padding: 0 1em 0 0; /* LTR */
}

.item-list .pager /* A list of page numbers when more than 1 page of content is available */ {
  padding: 0;
}

.item-list .pager li /* Each page number in the pager list */ {
  padding: 0 0.5em;
}

.feed-icon /* The link to the RSS or Atom feed for the current list of content */ {
}

.more-link /* Aggregator, blog, and forum more link */ {
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */
.region-sidebar-first {
}

.region-sidebar-first .section {
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */
.region-sidebar-second {
}

.region-sidebar-second h2{

}
.region-sidebar-second .section {
}

/*
 * Footer
 */
.region-footer {
  background: none repeat scroll 0 0 #ECECEC;
  border-top: 5px solid #A8A8A8;
  color: #32547E;
  text-align: center;
  padding:10px 0;
}

.region-footer ul,
.region-footer ul li {
  padding:0;
  margin:0;
  text-align: center;
}

.region-footer ul li {
  list-style-type:none;
  list-style-image:none;
  margin-right:10px;
  margin-bottom:10px;
  display:inline-block;
}
/*
 * Page bottom
 */
.region-bottom /* Wrapper for any blocks placed in the page bottom region */ {
}

#views_slideshow_cycle_main_home_page-slide_show_block {
  width:470px;
  height:302px;
  position:relative;
  border-right:1px solid #fff;
  float:left;
}
#views_slideshow_cycle_teaser_section_home_page-slide_show_block .views-field-field-main-image .field-content,
#views_slideshow_cycle_teaser_section_home_page-slide_show_block .views-field-field-blog-image .field-content  {
  font-size:0;
  line-height:0;
}
.view-front-page-slideshow .panes ul li {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:470px;		
	height:302px;
}



.view-front-page-slideshow .attachment-before {
  width:471px;
  float:left;
}
.view-front-page-slideshow  ul {
  margin:0;
  padding:0;
}

.view-front-page-slideshow ul li {
  list-style-type:none;
  list-style-image:none;
}
.views-slideshow-controls-bottom {
  width:190px;
  float:left;
}

.view-home-page .views-slideshow-pager-field-item {
  padding:2px;
  height:96px;
  background-color:#c0c0c0;
  border-bottom: 1px solid #fff;
}

.view-home-page  .views-field-title a .slideshow-author {
  font-family:Helvetica, Arial, Verdana, sans-serif;
  color: white;
  font-weight: normal;
  text-decoration:none;
}

.view-home-page .views-slideshow-pager-field-item a {
  display:block;
  padding-left:12px;
  padding-top:10px;
  width:174px;
  height:86px;
}
.view-home-page .views_slideshow_pager_field_item.active a {
  padding-left:8px;

  border-left:4px solid #fff;
}
.view-front-page-slideshow .tabs ul li.views-row-last {
  border-bottom:none;
}


div.views-field-field-slideshow-text{  
    float:left; /* important */  
    position:relative; /* important(so we can absolutely position the description div */
    background-color:rgba(0,0,0,0.6);

}  
div.views-field-field-slideshow-text a {
  color:#fff;
}
div.views-field-field-slideshow-text div.field-content{  
    position:absolute; /* absolute position (so we can position it where we want)*/  
    bottom:0px; /* position will be on bottom */  
    left:0px;  
    width:450px;  
    /* styling bellow */  
    background-color:rgba(0,0,0,0.6);
    font-family: Helvetica, Arial, sans-serif;  
    font-size:13px;  
    line-height:1.3em;
    color:white;  
    /*opacity:0.6; /* transparency */  
    /*filter:alpha(opacity=60); /* IE transparency */  
    padding:5px 10px;  
}  
div.views-field-field-slideshow-text div.field-content p{  
    padding:0px;  
    margin:0px;  
}
.view-footer,
.quicktabs-tabs,
#block-search-form button,
#header #block-search-form input[type="reset"],
#header #block-search-form input[type="submit"],
#header #block-search-form input[type="button"],
#block-system-user-menu,
.block-title,
.region-sidebar-second h2,
#navigation a,
#secondary-navigation a,
.front h1#page-title,
#search-form #edit-submit,
.view-events #edit-submit-events,
#block-menu-menu-connect-with-us a,
.page-around-the-web h1#page-title,
.page-search h1#page-title,
#block-block-2 h2.block-title,
#block-block-1,
h1#page-title strong,
.views-field-field-user-blog-name h2 strong,
#comments h2.title,
#comments .form-submit,
.view-supporters .view-header h2,
.submit-an-event a,
.vonnesmedium
 {
  font-family: VonnesMed, Verdana, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}


#block-views-blogs-landing-page-block-1 h2.block-title strong,
#block-block-1 h2 strong,
.vonnesbold {
  font-family: VonnesBold, Verdana, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
}
#join-today .button a,
#block-views-blogs-landing-page-block-1 h2.block-title,
#block-block-1 h2,
.node-type-visual-exploration #slide-label,

.vonnesbook {
  font-family: VonnesBook, Verdana, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}

h1#page-title,
.views-field-field-user-blog-name h2,
.vonneslight {
  font-family: VonnesLight, Verdana, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}

h1#page-title .vocab-name {
  text-transform:none;
}

.blog-pager {
  height:80px;
  background-color:#ececec;
  font-family:Helvetica, Arial, sans-serif;
  margin-bottom:25px;
}
.blog-pager .post-label {
  font-weight:bold;

}
.blog-previous,
.blog-next {
  color:#1d4373;
  height:60px;
  float:left;
  background: #DDD url('../images/icons/blog-arrows.png') no-repeat;
  
}

.blog-previous {
  padding:20px 0 0 35px;
  border-right:2px solid #fff;
  width:246px;
      background-position: 5px -70px;
}

.blog-previous:hover {
  background-position: 5px 6px;
}

.blog-next {
  width:213px;
  padding:20px 35px 0 35px;
      background-position: 265px -221px;
}

.blog-next:hover {
  background-position: 265px -146px;
}

.blog-previous:hover,
.blog-next:hover,
.blog-previous:hover a,
.blog-next:hover a{
  color:#4379bf;
}

.metanexus-about-group {
  background-color:#ececec;
  padding:35px 20px 20px 0px;
  margin-bottom:40px;
}

.region-footer {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size:13px;
}

.region-footer p {
  margin:0;
}
.search-result {
	margin-bottom:30px;
}
.search-result-image {
	float:left;
	margin-right:20px;
	border:solid 1px #d2d2d2;
	font-size:0;
	line-height:0;
  width:174px;
  height:107px;
}

.search-result-image.no-border {
  border:none;
  width:176px;
  height:109px;
}

.search-result .type,
.search-result .search-snippet-info,
.search-snippet {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size:12px;
}

.search-result .type {
	font-weight:bold;
}