/**
 * @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;
  background:url(../images/leaves.gif) repeat-x #f8f8f8;
}

#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 {
	position:relative;
}

#header .section {
}

#logo /* Wrapping link for logo */ {
  float: left; /* LTR */
  margin: 20px 0 0 0;
  padding: 0;
  position:absolute;
}

#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;
}

#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 */ {
  clear: both; /* Clear the logo */
}

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

#main {
	position:relative;
	clear:both;
}

/*
 * Content
 */
#content {
}
.two-sidebars #main {
background:url(../images/body-borders-bg.gif) repeat-y;	
}
.front #main {
margin-top:5px;

}
.not-front.two-sidebars #main{
background:url(../images/body-borders-bg-lower.gif) repeat-y;	
}

#content .section {
}
.not-front #content .section {
	margin-right:15px;
}

.region-highlighted {
}

.breadcrumb /* The path to the current page in the form of a list of links */ {
  padding-bottom: 0; /* Undo system.css */
  margin-bottom:15px;
  display:none;
}
.section-forum .breadcrumb,
.section-forums .breadcrumb,
.section-comment .breadcrumb{
	display:block;
}

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;
}
h1#page-title {
margin:-5px 0 15px;
line-height:1.25em;
}
.section-resources h1#page-title{
	margin-top:0;
}
.front h1#page-title,
.section-resources h1#page-title,
.section-news h1#page-title,
.section-events h1#page-title{
	margin-top:-7px;
}

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 .5em 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 .section {
}

/*
 * Footer
 */
.region-footer {
	border-top:1px solid #cacaca;
	color:#9B9B9B;
font-size:10px;
position:relative;
margin-top:15px;
margin-bottom:45px;
}

/*
 * Page bottom
 */
.region-bottom /* Wrapper for any blocks placed in the page bottom region */ {
}


.views-row {
	margin:10px 0;
}
.view-page-header-banners .views-row {
margin-top:0;	
}
#block-views-callout-block-block .views-row {
	margin:0 0 2px 0;
	//margin:0 0 8px 0;
}
#views_slideshow_cycle_main_slideshow-block .views-row {
	margin-top:0;
}

#block-views-videos-block .styles-style-square_thumbnail img{
	width:75px;
	height:75px;
}

#block-views-videos-block .styles-style-square_thumbnail {
	float:left;
	margin-right:10px;
}
.video-item p,
#block-views-videos-block h4{
	margin:0 0 10px 0;
}
#block-views-videos-block {
	font-size:10px;
	line-height:11px;
}
#block-views-videos-block .td-inner {
	height:76px;
}
#block-views-videos-block .td-inner,
.not-front .region-content-sub-header .block{
	background: #ececec; /* for non-css3 browsers */
border:1px solid #e5e5e5;
padding:8px;
width:204px;
margin-right:5px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececec)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ffffff,  #ececec); /* for firefox 3.6+ */ 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}

#block-views-videos-block .views-field-field-video img {
width:76px;
height:76px;
}

#block-views-videos-block .views-field-field-video {
	float:left;
	margin-right:10px;

}
#block-views-videos-block .col-last .video-item {
	margin:0;
}

#block-views-videos-block h4 {
	font-size:12px;
}

iframe#signup {
	width:100%;
	border:0;
	background:#url(../images/leaves.gif) repeat-x #F8F8F8;
	height:650px;
}
iframe#signup body.nobkgrd {
	background:#F8F8F8!important;
}


/**************
** Calendar styling
***************/
.date-nav {
height:15px;
padding:10px 10px;

}
.calendar-calendar tr td.today, .calendar-calendar tr.odd td.today, .calendar-calendar tr.even td.today {
background-color: #cf1717;
}
.calendar-calendar td.today .inner .view-field, .calendar-calendar td.today .inner .view-field a {
color: #fff;
font-weight: normal;
}
.calendar-calendar td.today .inner div.calendar div, .calendar-calendar td.today .inner div.calendar div a {
border: none;
background: none;
padding: 0 2px;
}
.calendar-calendar td .inner div.calendar div, .calendar-calendar td .inner div.calendar div a {
border: none;
background: none;
padding: 0 2px;
}
.calendar-calendar td.today .inner div, .calendar-calendar td.today .inner div a {
background: none;
}
.calendar-calendar td.today .inner div.day, .calendar-calendar td.today .inner div.day a {
background: #eee;
}
.calendar-calendar div.date-nav {
background-color: #373737;
border:0;
color: #fff;
width: auto;

}
.calendar-calendar div.date-nav a, .calendar-calendar div.date-nav h3 {
color: #d4d4d4;
}
.calendar-calendar .view-item {
line-height:14px;	
}

/****************
** Slideshow controls
*****************/
.views-slideshow-controls-top {
position:absolute;
top:250px;
width:697px;
z-index:100;
}
#views_slideshow_controls_text_pause_slideshow-block {
	display:none;
}
#views_slideshow_controls_text_previous_slideshow-block {
background:url(../images/slideshow-controls.png) 0 0;
cursor:pointer;
width:53px;
height:49px;
position:absolute;
left:0;
text-indent:-999px;
overflow:hidden;
}
#views_slideshow_controls_text_previous_slideshow-block:hover {
background:url(../images/slideshow-controls.png) 0 -49px;
}


#views_slideshow_controls_text_next_slideshow-block {
background:url(../images/slideshow-controls.png) -53px 0;
cursor:pointer;
width:53px;
height:49px;
position:absolute;
right:0;
text-indent:-999px;
overflow:hidden;
}
#views_slideshow_controls_text_next_slideshow-block:hover {
background:url(../images/slideshow-controls.png) -53px -49px;
}


.hidden-video {
	display:none;
}
.node-type-video #admin-menu {display:none;
}
body.node-type-video {
	background:none;
}
body.node-type-video.admin-menu {
	margin:0!important;
	
}
.page-resources-videos .view-videos .views-field-field-video img{
	
}
.page-resources-videos .view-videos td .td-inner {
margin-right:30px;	
margin-bottom:20px;
border-bottom:1px solid #d4d4d4;
padding-bottom:25px;
}
.page-resources-videos .view-videos h4 {
margin:0;	
}
.page-resources-videos .view-videos .views-field-body p {
margin:0 0 10px;

}
.page-resources-videos .view-videos .views-field-view-node {
	float:left;
	margin-right:15px;
}
.page-resources-videos .view-videos .views-row {
	float:left;
	clear:both;
	width:100%;
}
.search-info {
	display:none;
}
.node-type-video .region-content .media-youtube-outer-wrapper {
	margin:0!important;
	margin:0 auto;
	text-align:center;
}

.section-news .submitted .username {
	display:none;
}

#block-views-videos-block td {
	padding-bottom:5px;
}

.media-youtube-preview-wrapper {
width:100%!important;
}
.media-youtube-outer-wrapper {
width:100%!important;	
}

.view-resources .views-row,
#block-system-main .view-news .views-row,
#block-system-main .view-events .views-row,
#block-system-main .view-blog .views-row,
#block-system-main .view-podcasts .views-row,
.page-taxonomy .node,
.view-user-comments .views-row  {
border-bottom:1px solid #d4d4d4;
margin:10px 0;
padding:5px 0;
}
.page-taxonomy.section-photos .node, 
.view-photos .node{
margin:5px;
border:0;
display:inline;
width:auto;
float:left;
}

.page-resources-physical-literacy-links .view-resources .node-readmore {
	display:none;
}
.view-id-slideshow .views-field-field-link {
	display:none;
}
.field-name-field-blog-tags,
.field-name-field-blog-category {
	margin-bottom:5px;
}
.field-name-field-blog-tags {
	margin-bottom:13px;
}

.field-name-field-blog-tags .field-item,
.field-name-field-blog-category .field-item {
	display:inline;
	margin-right:4px;
	padding:2px 5px;
	font-size:11px;
	background:#d4d4d4;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#block-system-main .field-name-field-blog-tags .field-item a,
#block-system-main .field-name-field-blog-category .field-item a {
color:#666;	
}
.poll .title {
font-weight:bold;
margin:10px 0;
}

.view-photos .views-field-field-photoset,
.node.node-photo .field-name-field-photoset{
	font-size:.75em;
	line-height:1.2em;
margin:5px 0 10px;
}
.page-node .node.node-photo .field-name-field-photoset{
	font-size:1em;
	line-height:1.4em;
margin:10px 0;
}
#block-system-main .view-photos .views-field-field-photoset a,
#block-system-main .node.node-photo .field-name-field-photoset a{

	color:#666;
}
.view-photos .td-inner {
	width:160px;
	margin:5px;
}

.view-photos .td-inner img,
.node-photo.node .field-type-image img{
border:4px solid #fff;	
-moz-box-shadow: 2px 2px 4px #888;
  -webkit-box-shadow: 2px 2px 4px #888;
  box-shadow: 2px 2px 4px #888;

}

.page-taxonomy .field-name-field-photoset {
	display:none;
}
.page-taxonomy .region-content {
	clear:both;
	float:left;
	width:100%;
}

.field-name-field-photo-description {
	margin:10px 0;
}

.views-field-field-photo-1 {
	display:none;
}

div.jp-audio div.jp-type-playlist div.jp-interface {
    height: 80px;
}
div.jp-interface {
    background-color: #eeeeee;
    border: 1px solid #d4d4d4;
    position: relative;
    width: 100%;
}
div.jp-playlist {
    background-color: #d4d4d4;
    border-color: #d4d4d4;
    border-right: 1px solid #d4d4d4;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    width: 100%;
}
#block-system-main .jp-playlist a {
color:#777;	
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
    list-style-type: none;
    padding-left: 15px;
}
#block-system-main .jp-playlist ul {
	list-style-type:none;
	padding:0;
}
div.jp-play-bar {
    background: url(../images/jplayer.red.jpg) repeat-x scroll 0 -218px transparent;
    }
a.jp-pause {
    background: url(../images/jplayer.red.jpg) no-repeat scroll 0 -42px transparent;
   
}
a.jp-stop {
    background: url(../images/jplayer.red.jpg) no-repeat scroll 0 -83px transparent;
  
}
div.jp-volume-bar-value {
    background: url(../images/jplayer.red.jpg) repeat-x scroll 0 -256px transparent;
    
}
a.jp-play:hover {
	background: url(../images/jplayer.red.jpg) -41px 0 no-repeat;
}
a.jp-pause:hover {
	background: url(../images/jplayer.red.jpg) -41px -42px no-repeat;
}
a.jp-stop:hover {
	background: url(../images/jplayer.red.jpg) -29px -83px no-repeat;
}
a.jp-mute:hover {
	background: url(../images/jplayer.red.jpg) -19px -170px no-repeat;
}
a.jp-unmute:hover {
	background: url(../images/jplayer.red.jpg) -19px -186px no-repeat;
}
a.jp-play {
    background: url(../images/jplayer.red.jpg) no-repeat scroll 0 0 transparent;
}
.field-name-field-audio {
	margin-bottom:10px;
}

.sidebar .date-display-single,
.view-comments .views-field-created {
	font-style:italic;
	color:#999;
}

#block-poll-recent ul.links {
	list-style-type:none;
	display:inline;
	padding:0;
}
#block-poll-recent ul.links li{
	list-style-type:none;
	display:inline;
}
.field-name-field-image {
	margin:10px 0;
}
.i18n-fr a#logo {
	width:293px;
	height:89px;
	position:absolute;
	background:url(../images/logo-french2.png) no-repeat;

	text-indent:-999px;
	overflow:hidden;
	margin-top:15px;
}
.view-callout-block .views-field-field-link {
	display:none;
}

.i18n-fr .english,
.i18n-en .french{
	display:none;
}

/**
* Edits to text-sizer 
*
*/
#block-textsize-form li.ts_normal_variable {
	
}
#block-textsize-form p.textsize_current {
	display:none;
}
#block-textsize-form li a span {
	display:none;
}
#block-textsize-form ul.textsize_list li {
float:left;	
font-size:11px;
margin-right:5px;
}
ul.textsize_list li a.text_display, ul.textsize_inline li a.text_display {
width: auto;
min-height: 16px;
height: 1em;
margin: 0 0px 0 5px;
}

#block-views-polls-block-2 h2.node-title {
	font-size:14px;
margin-bottom:10px;
	}
	.view-videos .views-view-grid td {
		width:215px;
	}
	
	.i18n-fr .like-en,
		.i18n-en .like-fr{
		display:none;
	}


/*
*
* Forum styling
*
**/

#forum>table,
#block-system-main .view-forums table.views-table {
	width:100%;
}

#forum th,
#block-system-main .view-forums th.views-field {
	background:#333;
	color:#fff;
	padding:5px;
}
#forum td,
#block-system-main .view-forums table.views-table td {
	padding:5px;
}

#forum th a,
#block-system-main .view-forums table.views-table th a {
	color:#fff;
	display:block;
}
#forum td.last-reply,
#block-system-main .view-forums table.views-table td.views-field-last-comment-timestamp,
#block-system-main .view-forums table.views-table td.views-field-comment-count {
	width:80px;
}
#forum>table td.title .submitted {
	display:none;
}
#block-system-main .view-forums table.views-table caption h3 {
	margin-top:0;
}
#block-system-main .view-forums table.views-table caption a {
text-align:left;
color:#666;	
}

#forum table#forum-0 tr td.forum {
    background-image: none;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    padding-left: 5px;
}

.section-forums ul.action-links,
.section-forum ul.action-links {
	display:none;
}
.section-forums.administrator ul.action-links,
.section-forum.administrator ul.action-links {
	display:block;	
}

.node-forum .field-name-taxonomy-forums .field-label {
	float:left;
	width:auto;
}
.views-label {
	font-weight:bold;
}
.views-field-taxonomy-forums .views-label {
	float:left;
	width:auto;
	margin-right:5px;
}
.view-user-comments .views-field {
	clear:both;
}
.view-user-comments .views-row {
	padding:1.5em 0;
}

.view-user-comments .views-field h3 {
margin:0
}
.entity-profile2 .field-label {
display:inline;
float:left;
width:200px;
}
.entity-profile2 .field {
clear:both;
margin:10px 0;
}
.profile .user-picture {
    float: none;
    margin: 0 1em 1em 0;
}
#champ-join-message a.button-link {
color:#fff;
width:300px;
}

.view-resources .ctools-jump-menu-select {
	width: 200px;
}
.social-share a {
	width: 30px;
	height: 30px;
	text-indent: -2000px;
	overflow:hidden;
	display: inline-block;
	
	margin-right: 5px;
	background: #999 url(../images/social-icons.png);
}
.social-share span {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	font-weight: bold;
}
.social-share a.social-share-facebook:hover {
	background-color:#3f5e99;
}
.social-share a.social-share-twitter {
	background-position: -30px 0;
}
.social-share a.social-share-twitter:hover {
	background-position: -30px 0;
	background-color: #1dc7f6;
}
.social-share a.social-share-googleplus {
	background-position: -60px 0;
}
.social-share a.social-share-googleplus:hover {
	background-position: -60px 0;
	background-color: #e66349;
}


.view-resources.view-display-id-page h2 {
	font-size: 1.1em;
}
.view-resources .views-view-grid td.col-1 {
	padding: 10px 10px 10px 0;
}
.view-resources .views-view-grid td.col-2 {
	padding: 10px 0px 10px 10px;
}
.view-resources .views-view-grid td img {
	margin-left: 0!important;
	margin-right: 10px !important;
}

.i18n-fr.page-resources h1.title {
	visibility: hidden;
}
.i18n-fr .field-name-field-date-event,
.i18n-fr .date-display-start,
.i18n-fr .date-display-end {

}
.calendar-calendar td span.date-display-single, .calendar-calendar td span.date-display-start, .calendar-calendar td span.date-display-end, .calendar-calendar td span.date-display-separator {
    display: block;
}