/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * layout
 */

#yoo-zoo .row,
#yoo-zoo .floatbox { overflow: hidden; }

#yoo-zoo .width20 {
	float: left;
	width: 19.999%;
}

#yoo-zoo .width25 {
	float: left;
	width: 24.999%;
}

#yoo-zoo .width33 {
	float: left;
	width: 33.333%;
}

#yoo-zoo .width50 {
	float: left;
	width: 49.999%;
}
 
/*
 * details
 */
 
#yoo-zoo .details {
	margin: 0px 0px 30px 0px;
	overflow: hidden;
}

#yoo-zoo .details div.heading {
	padding-bottom: 5px;
	border-bottom: solid 1px #ededed;
}

#yoo-zoo .details h1.title {
	margin: 0px 0px 10px 0px;
	font-size: 3.2em;
	line-height: 1em;
	font-weight: normal;
	color: #363636;
	letter-spacing: -1px;
}

#yoo-zoo .details h2.subtitle {
	margin: 0px;
	font-size: 14px;
	color: #787878;
	line-height: 16px;
	font-weight: normal;
	text-transform: uppercase;
}

#yoo-zoo .details div.description {
	margin-top: 10px;
	overflow: hidden;
}

#yoo-zoo .details.alignment-center { text-align: center; }

#yoo-zoo .details.alignment-left .image {
	margin-right: 15px;
	float: left;
}

#yoo-zoo .details.alignment-right .image {
	margin-left: 15px;
	float: right;
}

#yoo-zoo .details.alignment-center .image {
	display: block;
	margin: auto;
	margin-bottom: 10px;
}

/* tag title */
#yoo-zoo h3.tag-title {
	margin: 0px 0px 10px 0px;
	font-size: 15px;
	line-height: 18px;
	font-weight: normal;
	color: #787878;
}

/*
 * items
 */

#yoo-zoo .items {
	margin: 0px -7px 0px -7px;
	overflow: hidden;
}

#yoo-zoo .items div.teaser-item { padding: 0px 7px 20px 7px; }

#yoo-zoo .items div.teaser-item-bg {
	padding: 0px 0px 10px 0px;
	overflow: hidden;
}

#yoo-zoo .items div.teaser-item:last-child { padding-bottom: 0; }
#yoo-zoo .items div.teaser-item:last-child div.teaser-item-bg {
	padding-bottom: 0;
	background: none;
}

/* position: title */
#yoo-zoo .items h1.pos-title {
	margin: 0px 0px 8px 0px;
	font-size: 32px;
	font-weight: normal;
	line-height: 36px;
	color: #323232;
	letter-spacing: -1px;
}

#yoo-zoo .items h1.pos-title a {
	/*color: #323232;*/
	text-decoration: none;
}

/* variations depending on column number */
#yoo-zoo .items-col-2 h1.pos-title {
	font-size: 35px;
	line-height: 37px;
}

#yoo-zoo .items-col-3 h1.pos-title {
	font-size: 30px;
	line-height: 32px;
}

#yoo-zoo .items-col-4 h1.pos-title {
	font-size: 25px;
	line-height: 27px;
	letter-spacing: -1px;
}

/* position: meta */
#yoo-zoo .items p.pos-meta {
	margin: 0px 0px 23px 0px;
	font-size: 11px;
	color: #969696;
	line-height: 13px;
	font-style: italic;
}

/* position: subtitle */
#yoo-zoo .items h2.pos-subtitle {
	margin: 0px 0px 8px 0px;
	font-size: 16px;
	color: #787878;
	line-height: 16px;
	font-weight: normal;
	text-transform: uppercase;
}

/* position: media */
#yoo-zoo .items div.media-left {
	margin: 0px 15px 0px 0px;
	float: left;
}

#yoo-zoo .items div.media-right {
	margin: 0px 0px 0px 15px;
	float: right;
}

#yoo-zoo .items div.pos-media .element { margin-bottom: 12px; }
#yoo-zoo .items div.media-bottom .element { margin: 12px 0px 0px 0px; }
#yoo-zoo .items div.media-above .element { margin: 0px 0px 20px 0px; }

#yoo-zoo .items div.pos-media a { display: block; }

/* position: content */
#yoo-zoo .items div.pos-content {}
#yoo-zoo .items div.pos-content .element { margin-bottom: 18px; }
#yoo-zoo .items div.pos-content .element.last { margin-bottom: 0px; }

#yoo-zoo .items div.pos-content h3 {
	margin-top: 0px;
	font-size: 18px;
	font-weight: normal;
	color: #323232;
}

/* element type: textarea */
#yoo-zoo .items div.pos-content .element-textarea > * { margin: 0px 0px 8px 0px; }
#yoo-zoo .items div.pos-content .element-textarea *:last-child { margin-bottom: 0px; }

/* element type: video */
#yoo-zoo .items div.pos-content .element-video { text-align: center; }
#yoo-zoo .items div.pos-content .element-video object { outline: none; }

/* position: links */
#yoo-zoo .items p.pos-links { margin: 22px 0px 0px 0px; }

#yoo-zoo .items p.pos-links span a:after {
	content: " »";
	font-size: 14px;
}

/*
 * pagination
 */
 
#yoo-zoo .pagination {
	text-align: center;
	font-size: 2em;	
}

#yoo-zoo .pagination div.pagination-bg {
	display: inline-block;
	cursor: pointer;
	border:1px solid #ebebeb;
	border-top:4px solid #666666;
	padding: 10px;
	background-color: #ffffff;
}

#yoo-zoo .pagination div.pagination-bg a.next, #yoo-zoo .pagination div.pagination-bg a.end, #yoo-zoo .pagination div.pagination-bg a.start, #yoo-zoo .pagination div.pagination-bg a.previous  {
	background-color: #efefef;
	border: 1px solid #ebebeb;
	border-radius: 15px;
	color: #999999;
	padding: 0 5px;
} 

#yoo-zoo .pagination a { text-decoration: none; }


/*
 *   News Category
 */
 
 .northerngrid-northerngrid-news div.heading {
	border-bottom: 1px solid #dcdcdc !important;
 }
 
 .northerngrid-northerngrid-news div.heading h1 {
	border-left: 8px solid #2BB0D8;
	padding-top: 2px !important;
	padding-left: 8px !important;
}

 .northerngrid-northerngrid-events div.heading h1 {
	border-left: 8px solid #6FBF4D;
	padding-top: 2px !important;
	padding-left: 8px !important;
}
 
 .northerngrid-northerngrid-news .teaser-item {
     padding-bottom: 50px !important;
 }
 
 .northerngrid-northerngrid-news .pos-title {
     font-size: 2.4em !important;
     font-family: "RobotoLight";
 }
 
 .northerngrid-northerngrid-news .pos-date {
    color: #AAAAAA;
    float: right;
    font-family: "RobotoLight";
    font-size: 0.8em;
    font-style: italic;
    padding: 0 5px;
    text-align: right;
    width: 70px;
 }
 
 .news_author {
    border-right: 1px solid #EDEFED;
    float: left;
    font-family: "RobotoLight";
    font-size: 0.9em !important;
    margin-bottom: 20px !important;
    margin-right: 20px !important;
    margin-top: 10px !important;
    padding: 10px !important;
    text-align: center !important;
 }
 
 .northerngrid-northerngrid-news .pos-content {
     padding-top: 15px;
 }
 
 .northerngrid-northerngrid-news .pos-media {
     float: right;
     margin-top: 25px;
     margin-bottom: 20px;
 }
 
 .northerngrid-northerngrid-news .pos-links {
    position: absolute;
    right: 0;
    bottom: 0;
 }
 
 .northerngrid-northerngrid-news .floatbox {
     margin-bottom: -20px;
 }
 
 /* Adjust Picture size for homepage news */
 .homepage .northerngrid-northerngrid-news .pos-media {
     width: 485px;
     margin-top:40px;
 }
 
 .northerngrid-northerngrid-news h2.subtitle {
      padding-left: 20px;
  }
 
 
 /*
 *   Resources Category
 */
 
 .northerngrid-northerngrid-resources .pos-title, .special .teaser-item .pos-title {
     float: left;
     width: 430px;
     font-size: 2.4em !important;
     font-family: "RobotoLight";
 }
.special .teaser-item .pos-title {
     width: 337px;
     font-size: 2.2em !important;
 }
 
 .northerngrid-northerngrid-resources .resource_info_box, .special .teaser-item .resource_info_box {
     width: 120px;
     float: left;
     font-size: 0.8em;
 }
 
.northerngrid-northerngrid-resources .floatbox, .special .teaser-item .floatbox {
    float: left;
    width: 475px;
}

.northerngrid-northerngrid-resources .pos-content, .special .teaser-item .pos-content {
    float: left;
    margin-top: 10px;
}
 
.northerngrid-northerngrid-resources .pos-date, .special .teaser-item .pos-date {
    background-color: #F9F9F9;
    border-bottom: 1px solid #EFEFEF;
    border-left: 1px solid #EFEFEF;
    border-top: 1px solid #EFEFEF;
    color: #AAAAAA;
    font-family: "RobotoLight";
    padding: 5px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 57px;
}

.northerngrid-northerngrid-resources .heading .title, .special .teaser-item .heading .title {
     border-left: 8px solid #D5216C;
     padding-left: 8px;
 }
 
 .northerngrid-northerngrid-resources .teaser-item,  .northerngrid-northerngrid-news .teaser-item, .special .teaser-item {
     border: 1px solid #ededed; 
     position: relative;
     z-index: 0;
     margin-bottom: 50px;
     overflow: hidden;
 }
 
 .events_page .teaser-item {
     padding:10px;
     border-top: 2px solid #6FBF4D;
     margin:10px 10px 20px;
     border-bottom: 1px solid #efefef;
 }
 
 .events_page .event {
     border-top: 2px solid #6FBF4D;
 }
 
.events_page .teaser-item:hover {
     border-bottom: 1px solid #6FBF4D;
 }
 
.events_page .teaser-item-bg {
     overflow: visible !important;
 }
 
 .events_page .teaser-item .pos-title, .events_page .event .pos-title {
    font-size: 2em !important; 
    line-height: 1.4em !important;
 }
 
 .events_page .teaser-item .pos-date, .events_page .event .pos-date {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #6FBF4D;
    float: right;
    margin-top: -35px;
    padding: 10px;
    font-size: 1.2em;
    font-family: "RobotoBold";
 }
 
 .events_page .event .pos-date {
     margin: 0;
     float: left;
 }
 
 .events_page .event .pos-venue {
     float: right;
     width: 200px;
     padding: 10px;
     border-left: 1px solid #E9E9E9;
 }
 
 .events_page .teaser-item .pos-date .num, .events_page .event.pos-date .num {
    font-size: 2em;
    letter-spacing: -2px;
    color: #636363;
    line-height: 0.8em;
 }
 
 .events_page .teaser-item .pos-date .year, .events_page .event .pos-date .year  {
    background-color: #EFEFEF;
    color: #A6A6A6;
    display: block;
    font-size: 0.8em;
    margin: 5px -10px -10px;
    text-align: center;
 }
 
 .events_page .teaser-item .pos-category a{
     color: #a6a6a6;
     font-size: 0.7em;
     background-color: #EFEFEF;
     padding: 2px 7px;
 }
 
 .events_page .event .pos-category a {
     color: #a6a6a6;
     background-color: #EFEFEF;
     padding: 2px 7px;
 }
 
 .events_page .teaser-item .pos-category a:hover, .events_page .event .pos-category a:hover{
     color: #666666;
     text-decoration: none !important;
     text-shadow: none !important;
     background-color: #ff4f4f4;
     text-shadow: 0 1px 1px #333333;
 }
 
 .events_page .teaser-item .pos-link {
     padding: 5px 10px;
     margin:15px 0px 20px 110px;
	 
 }
 
 .events_page .teaser-item .pos-link:hover {
     background-color: #333333;
 }
 
 .events_page .teaser-item .pos-link div a:hover {
     color: #ffffff;
 }
 
 .events_page .event .pos-venue-title {
    padding: 5px;
    position: relative;
    top: -68px;
    width: 170px;
    margin-bottom: -50px;
 }
 
.events_page .event .pos-venue-title a {
    color: #efefef;
}
 
 .events_page .event .pos-content {
    padding: 0 10px 20px;
    width: 420px;
 }
 
 .events_page .event .pos-venue h2 {
     margin-top: 5px !important;
 }
 
  .events_page .event .pos-content .element-image {
    padding-bottom: 20px;
 }
 
 
 .northerngrid-northerngrid-resources .teaser-item, .special .teaser-item {
     border-top: 2px solid #D5216C;
     max-height: 350px;
 }
 
  .northerngrid-northerngrid-news .teaser-item {
     background: #ffffff;
     padding: 25px !important;
     border-top: 2px solid #2BB0D8;
 }
 
 .northerngrid-northerngrid-news .teaser-item:hover {
     border-bottom: 1px solid #2BB0D8;
 }
 
 .northerngrid-northerngrid-resources .teaser-item:hover, .special .teaser-item:hover {
     border-bottom: 1px solid #D5216C;
 }
 
 .northerngrid-northerngrid-resources .teaser-item:before, .northerngrid-northerngrid-resources .teaser-item:after, .special .teaser-item:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
 }
 
 
 
  .northerngrid-northerngrid-resources .teaser-item:after, .special .teaser-item:after {
    background: none repeat scroll 0 0 #FDFEFF;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
  
  .northerngrid-northerngrid-resources div.teaser-item-bg, .special .teaser-item-bg{
      background: none !important;
      padding: 20px !important;
  }
  
  .special .teaser-item .floatbox {
      width: 330px;
  }
  
  .northerngrid-northerngrid-resources h2.subtitle {
      padding-left: 20px;
  }
  
  .northerngrid-northerngrid-resources .resource_info_box ul, .special .teaser-item .resource_info_box ul {
      width: 90px;
      list-style: none;
      background-color: #f6f6f6;
      border-radius: 5px;
      padding: 5px;
  }
  
  
  .venue .pos-media {
      float: right;
  }
  
  .venue .pos-meta {
    color: #A6A6A6;
    font-family: "RobotoLight";
  }
  
  
  /* Team Members - About Page */
  
  .about_page .teaser-item {
      margin: 20px !important;
  }
  
  
  .about_page .teaser-item-bg {
    background-color: #FFFFFF !important;
    box-shadow: 0 0 3px #CCCCCC;
    padding: 0 10px !important;
    border-top: 4px solid #666;
  }
  
  .about_page .teaser-item .pos-media {
      float: left;
      padding-right: 10px;
  }
  
  .about_page .teaser-item h2.pos-name {
      font-size: 1.5em;
      border-bottom: 1px solid #e9e9e9;
      margin-bottom: 15px !important;
  }
  
  .about_page .teaser-item h2.pos-name a {
      color: #3399FF;
  }
  
.about_page .teaser-item h3.pos-title {
    color: #ABABAB;
    font-size: 1.1em;
}

.about_page .teaser-item .pos-email a{
    font-size: 0.7em !important;
}

.about_page .teaser-item .team_about, .about_page .teaser-item .team_job, .about_page .teaser-item .team_links {
    font-size: 0.8em;
}

.about_page .teaser-item .team_about h2, .about_page .teaser-item .team_job h2, .about_page .teaser-item .team_links h2 {
    border-bottom: 1px solid #EFEFEF;
    font-size: 1.6em !important;
    margin-bottom: 10px;
}

.about_page .teaser-item .team_links div {
    margin-bottom: 15px;
}

.about_page .teaser-item .team_links div h3 {
    float:left;
    margin: 0;
    padding-right: 10px;
}

.pos-link {
	width: 350px;
}