/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom CSS and CSS overrides in this file and  */
/* rename it local.css.  By restricting your CSS changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.  You can also */
/* use a local-rtl.css file for the equivalent in RTL.     */

/* Steps to activate local.css:                       */
/* 1. Add your custom CSS to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Clear cached data at admin/settings/performance */


/*************************
*
*	Override styles
*
***************************/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,600);


body{
	color:#333;
}

.row,
.nested,
.block{
	overflow:visible !important;
}

/* Links
================================================================*/

/* Default link styles - separate a:visited for a different visited link style */
a,
a:link,
a:visited {
	color: #00709b;
	text-decoration: none;
}

/* Hover/active link styles. Don't forget :focus for accessibility */
a:hover,
a:focus,
a:active {
	color:#002A5C;
	text-decoration:none;
}

a.tagadelic{
	padding-right:4px;
}

a.feed-icon{
	position:absolute;
	top:0;
	right:4px;
	text-align:right;
	width:30px;
}

/* Regions
================================================================*/

/* add some spacing between content and sidebar */
#content-region-inner{
	padding-right:15px;
}

#main-content{
	margin-top:20px;
}

#footer{
	margin-top:25px;
	margin-bottom:25px;
	font-size:11px;
	border-top:1px solid #aaa;
	line-height:16px;
}

#footer h2.block-title{
	margin-top:10px;
	margin-bottom:-4px;
}

#footer li{
	font-size:110%;
	margin:0;
	padding:0 0 4px 0;
}

#footer .footer-text a{
	color:#333;
}

#footer .footer-text a:hover{
	text-decoration:underline;
}

#header-group-wrapper{
	margin-top:30px;
}

.breadcrumbs {
	margin-left:5px;
	font-weight:bold;
}

/* In Views grid display, position content to top */
.views-view-grid td {
  vertical-align: top;
}

#social-share {
	margin-top:-5px;
}

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
display: none !important;}

/* General Typography
================================================================*/

h1.title{
	color:#002A5C;
	padding-bottom:4px;
	border-bottom:1px solid #002A5C;
	font-size:180%;
	line-height:110%;
}

h2.block-title {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#002A5C;
	font-size:120%;
	margin:0;
	padding:0;
}

div.field-field-sub-title {
margin-bottom: 30px;
}


div.field-field-sub-title .field-label{
	display:none;
}

div.field-field-sub-title .field-items{
	color:#4D8ED5;
	font-size:120%;
	font-weight: bold
}


div.more-link{
	position:absolute;
	top:0;
	right:0px;
	text-align:right;
	width:120px;
}

/* Tag Cloud mor elink */
div.pane-tagadelic-3 .more-link{
	width:80px;
}

div.more-link a{
	font-size:85%;
}

.meta{
	margin:5px 0;
	font-style:italic;
}

.node-type-panel .submitted{
	display:none;
}

/* CCK author field */
div.field-field-author-meta{
	font-style:italic;
}

div.field-field-author-meta .field-label{
	display:none;
}

/* Space out taxonomy terms */
div.terms{
	padding:5px 5px 5px 0;
}

div.terms li{
	margin-right:5px;
}

.frontpage-sub-header{
	height:23px;
	width:940px;
	margin:0;
	padding:0;
	margin-top:-30px;
}

div.field-field-featured-image{
	margin-left:12px;
	margin-bottom:8px;
	float:right;
	width:475px;
}

div.field-field-featured-image img{
	width:475px;
	height:316px;
	padding:1px;
	border:2px solid #E9E9E9;
	margin-bottom:-4px;
}

div.field-field-featured-image .field-label{
	display:none;
}

div.teaser .imagefield-field_featured_image{
	display:none;
}

/* Featured image in story

.imagefield-field_featured_image{
	float:right;
	margin-left:12px;
	margin-bottom:8px;
	padding:1px;
	border:2px solid #E9E9E9;
	width:475px;
	height:316px;
}
*/
/*==============================================================
 Blocks and Panels
================================================================*/


/* Primary Menu
================================================================*/

#block-menu-primary-links{
	height:98px;
	background:url(../images/news-banner.jpg) no-repeat 10px 0px;
	color:#FFF;
	width:960px;
	overflow:hidden;
	margin-bottom:0;
}

#block-menu-primary-links ul{
	float:right;
	margin-top:20px;
	margin-right:30px;
}

#block-menu-primary-links li{
	padding:0;
	padding-bottom:2px;
	margin-left:6px;
	margin-right:6px;
	border:none;
	border-bottom:3px solid #7ba4d9;
}

#block-menu-primary-links a{
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	font-size:115%;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
}

/* Secondary Menu
================================================================*/

#block-menu-secondary-links{
	margin-top:10px;
	height:20px;
}

#block-menu-secondary-links ul{
	float:right;
}

#block-menu-secondary-links li{
	padding:0;
	margin:0;
}

#block-menu-secondary-links a{
	padding:0;
	margin:0;
	margin-left:2px;
	margin-right:4px;
	font-size:80%;
	font-family: Arial, Helvetica, sans-serif;
}

/* Social Media Menu
================================================================*/
/*
div.menu-social-media{
	margin-top:-12px;
	clear:right;
}

div.menu-social-media ul{
	float:right;
	list-style:none;
	margin:0;
	padding:0;
}

div.menu-social-media li{
	float:left;
	list-style-type:none;
	list-style-image:none;
}
*/


/* U of T Search
================================================================*/

div.block-uoftsearch{
	border:1px solid #000;
	clear:right;
	text-align:right;
	margin-top:-8px;
	margin-right:15px;
	width:215px;
	height:22px;
	background:url(../images/search-icon.jpg) no-repeat;
	background-position: right;
	text-align:left;
	border:1px solid #ccc;
}

.block-uoftsearch input[type=text]{
	width:180px;
	border:1px solid #fff;
	font-size:90%;
	color:#999;
}

/* News Search
================================================================*/

div.block-search{
	margin-bottom:25px;
}


div.block-search h2.block-title{
	font-size:100%;
}

div.block-search label{
	display:none;
}

div.block-search input[type=text]{
	border:1px solid #aaa;
	padding:3px;
	font-size:90%;
	width:135px;
	color:#666666;
}

div.block-search #edit-submit, div.block-search #edit-submit-1{
	border:1px solid #aaa;
	background:#E0E0E0;
	font-size:80%;
	padding:3px;
	height: 28px; width: 46px; margin-left: -5px; background: url(../images/sm-icons.gif) 0 -103px !important; text-indent: -999em; border: 1px solid #99a9bd;
}

#edit-search-block-form-1-wrapper  { margin: 0; padding: 0; display: inline-block; border: none; width: 145px}
div.block-search #edit-submit-1{
display: inline-block;
height: 28px; width: 46px; margin: 0 0 2px -5px !important; background: url(../images/sm-icons.gif) 0 -103px !important; text-indent: -999em; border: 1px solid #99a9bd; vertical-align: bottom;
}
input#edit-search-block-form-1 { border: 1px solid #99a9bd; line-height: 20px; padding: 3px 5px; height: 20px; vertical-align: bottom; margin: 0 0 -3px 0 !important;}
div.block-search #edit-submit:hover, div.block-search #edit-submit-1:hover{
	background: url(../images/sm-icons.gif) -45px -103px !important;
}


/* Fusion Styles
================================================================*/
.fusion-inline-menu .inner ul.menu li {
	border-right-color:#aaa;
}

/* Poll
================================================================*/

div.block-poll {
	margin-bottom:25px;
}

div.poll{
	border-top:3px solid #FFCF01;
	padding-top:12px;
}

div.poll div.title{
	font-size:100% !important;
	font-weight:normal !important;
}

/* Related Content
================================================================*/

div.block-related-content h2{
	margin-bottom:10px;
	border-bottom: 3px solid #002A5C;
}

div.block-related-content ul{
	margin-left:15px;
}

div.block-related-content li{
	list-style: square outside;
	color:#002A5C;
	padding-bottom:3px;
}

/* U of T in the News
================================================================*/
div#block-aggregator-feed-3 h2 {
    margin-bottom: 10px; border-bottom: 3px solid #002A5C;
    text-transform: uppercase;
}

/* Statistics - Most Popular (Block and Panel)
================================================================*/

div.block-statistics h2{
	margin-bottom:10px;
	border-bottom: 3px solid #aaa;
}

div.block-statistics h3{
	display:none;
}

div.block-statistics ul{
	margin-left:15px;
}

div.block-statistics li{
	list-style: square outside;
	color:#aaa;
	padding-bottom:3px;
}

div.pane-statistics h3{
	display:none;
}

div.pane-statistics h2{
	margin-bottom:10px;
	border-bottom: 3px solid #aaa;
	text-transform:uppercase;
}

div.pane-statistics ul{
	margin-left:15px;
}

div.pane-statistics li{
	list-style: square outside;
	color:#aaa;
	padding-bottom:3px;
}

/* More News
================================================================*/

div.frontpage-more-news{
	margin-bottom:25px;
	border-top: 3px solid #002A5C;
	padding-top:12px;
}

div.frontpage-more-news ul{
	margin-left:15px;
}

div.frontpage-more-news li{
	list-style: square outside;
	color:#002A5C;
}

div.frontpage-more-news div.views-field-title{
	font-weight:bold;
	font-size:115%;
	margin-bottom: 5px
}

div.frontpage-more-news div.views-field-created{
	font-size:80%;
	line-height:110%;
	color:#333;
	margin-bottom: 5px
}

div.frontpage-more-news div.views-field-teaser p{
	padding:0 0 8px 0;
	margin:0;
	color:#333;
}

/* Faculty & Staff
================================================================*/


div.frontpage-facultystaff{
	border-top: 3px solid #F7941E;
	width:219px;
	overflow:hidden;
}

div.frontpage-facultystaff ul{
	margin:0;
	padding:0;
}

div.frontpage-facultystaff li{
	list-style:none;
	margin-top:15px;
	background:#F5F5F5;
	padding:3px;
}

div.frontpage-facultystaff img{
	margin:-3px 0 0 -3px;
	display:block;
	padding-bottom:4px;
}

/* Features
================================================================*/

div.frontpage-features{
	margin-bottom:25px;
	border-top: 3px solid #57C2B1;
	background:#F7F7F7;
	padding:0 5px 5px 5px;
}

div.frontpage-features img{
	float:left;
	padding-right:15px;
}

div.frontpage-features ul{
	margin:0;
	padding:0;
}

div.frontpage-features li{
	min-height:110px;
	list-style:none;
	margin-top:20px;
	margin-bottom:8px;
}


div.frontpage-features li:after {
	content:'';
	display:block;
	clear: both;
}

div.frontpage-features div.views-field-title{
	font-weight:bold;
	font-size:115%;
	float: right;
	width: 490px;
	margin-top: -3px;
	margin-bottom: 5px
}

div.frontpage-features div.views-field-created{
	font-size:80%;
	line-height:110%;
	color:#333;
	float: right;
	width: 490px;
	margin-bottom: 5px
}

div.frontpage-features div.views-field-teaser {
	float: right;
	width: 490px;
}

div.frontpage-features div.views-field-teaser p{
	padding:0 0 8px 0;
	margin:0;
}

/* Multimedia (block and page)
================================================================*/

div.frontpage-multimedia{
	margin-bottom:25px;
}

div.frontpage-multimedia img{
}

div.pane-latest-multimedia h2.block-title{
	margin-bottom:10px;
	border-bottom: 3px solid #076599;
}

div.frontpage-multimedia ul{
	margin:0;
	padding:0;
}

div.frontpage-multimedia li{
	list-style:none;
	margin:0;
	padding:0;
}

div.frontpage-multimedia .views-field-body{
	margin-top:-5px;
	margin-left:4px;
}

div.frontpage-multimedia p{
	margin:0;
	padding:0;
}

.multimedia-gallery li{
	border-color:#999;
}


/* Photo Gallery Block
================================================================*/
div.photo-gallery-block h2.block-title{
	text-align:left;
	border-bottom: 3px solid #076599;
	padding-bottom:3px;
	margin-bottom:15px;
}

ul.uoft-flickr-block{
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.uoft-flickr-block li{
	float:left;
	width:185px;
	margin-right:35px;
}

/* Photo Gallery (block and page)
================================================================*/

div.frontpage-photos h2.block-title{
	text-align:left;
	border-bottom: 3px solid #076599;
	padding-bottom:3px;
	margin-bottom:15px;
}

div.frontpage-photos .views-field-title{
	width:200px;
/*	font-size:95%;*/
	line-height:125%;
	margin-top:0px;
}

div.frontpage-photos .views-field-body{
	width:200px;
	font-size:95%;
	line-height:125%;
}


/* Photo Gallery v2
================================================================*/
.block-gallery-v2 .block-title{
	text-align:left;
	border-bottom: 3px solid #076599;
	padding-bottom:3px;
	margin-bottom:15px;
}

.block-gallery-v2 .node{
	width:220px;
	height:180px;
	float:left;
}

.block-gallery-v2 h2.title{
	width:180px;
	font-size:100%;
	line-height:120%;
	position:absolute;
	margin-top:125px;
}


.block-gallery-v2 p{
	display:none;
}

.block-gallery-v2 .meta{
	display:none;
}

.block-gallery-v2 .terms{
	display:none;
}

.block-gallery-v2 .links{
	display:none;
}


/* Events
================================================================*/

div.frontpage-events{
	border-top: 3px solid #B0BC22;
	padding-top:10px;
}

div.frontpage-events div.item-list ul{
	margin-left:15px;
}

div.frontpage-events li{
	list-style: square outside;
	color:#B0BC22;
}

div.frontpage-events div.views-field-title{
	font-weight:normal;
}

div.frontpage-events div.views-field-field-event-date-value{
	font-size:80%;
	line-height:110%;
	color:#333;
}

div.frontpage-events div.views-field-body{
	padding:0 0 8px 0;
	margin:0;
	color:#333;
}

/* U of T In the News (Media Rooom feed)
================================================================*/

div.uoft-in-the-media{
	margin-bottom:25px;
}

div.uoft-in-the-media h2.block-title{
	border-bottom: 3px solid #076599;
	margin-bottom:12px;
}

div.uoft-in-the-media div.item-list ul{
	margin-left:15px;
}

div.uoft-in-the-media div.item-list li{
	list-style: square outside;
	color:#076599;
	margin-bottom:5px;
}

/*============================================================
 END Blocks and Panels
============================================================== */


/* Find a Topic page
============================================================== */

#find-a-topic li{
	list-style: square outside;
	list-style-image:none;
	color:#002A5C;
	margin-bottom:4px;
}

#find-a-topic h2.block-title{
	margin-bottom:5px;
}


/* Tables
============================================================== */

table.bordered {
	border-collapse:collapse;
	width:auto;
}

table.bordered th, table.bordered td{
	border:1px solid #ccc;
	padding:5px;
	vertical-align:top;
	text-align:left;
}

table.bordered th{
	font-weight:bold;
}


/* Photo Gallery v2
=================================================================== */

.views-slideshow-controls-top{
	width:600px;
	background:#000;
	height:30px;
}

.views_slideshow_controls{
	float:right;
	margin-right:10px;
	width:70px;
	margin-top:4px;
}

.views_slideshow_controls a{
	outline:none;
	padding-left: 8px;
	color:#fff;
	text-align:right;
}

.views_slideshow_pause{
	display:none;
}


.views_slideshow_image_count{
	color:#fff;
	padding-left:5px;
	padding-top:4px;
}


div.photo-gallery-v2{
	position:relative;
}

div.photo-gallery-v2 .inner{
	min-height:125px;
	margin-top:45px;
}

div.photo-gallery-v2 .title {
	font-size:16px;
	margin-left:200px;
	margin-bottom:5px;
}

div.photo-gallery-v2 .links{
	display:none;
}

div.photo-gallery-v2 p{
	margin:0;
	padding:0;
	margin-left:200px;
}

div.photo-gallery-v2 .meta{
	margin-left:200px;
}

div.photo-gallery-v2 .terms{
	display:none;
	/*margin-left:200px;	*/
}

div.photo-gallery-v2 .views-field-field-photograph-fid{
	position:absolute;
	top:0;
}

/* Image Slider
=================================================================== */

.slideshow {
	width: 940px;
	height: 340px;
	position: relative;
	overflow: hidden;
	text-align: left;
	background: #CECFCB;
	clear: both;
	/*margin-left:-10px;	*/
}

.slideshow .slides {
	width: 510px;
	float: left;
	/*position: relative; */
}

.slideshow .slides  img{
	margin:0;
	padding:0;
	display:block;
}

.slideshow .nav {
	width: 430px;
	float: right;
	/*position: relative;*/
}

.slideshow ul{
	list-style-type:none;
	margin:0;
	padding:0;
	margin-left:-20px;
}

.slideshow li{
	line-height:18px;
}

.slideshow li img{
	float:right;
	padding:0 8px 5px 5px;
	width:75px;
	height:50px;
}

.slideshow li span{
	display:block;
	height:52px;
	margin-left:20px;
	border-bottom:1px solid #eee;
	padding:10px;
}

.slideshow li.selected{
	background: url(../images/arrow-blue.png) no-repeat;
	background-position: left center;
}

.slideshow li.selected a{
	color:#fff;
}

.slideshow li.selected span{
	background:#7BA4D9;
}

.slideshow li a{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#444;
	font-size:16px;
	font-weight:bold;
	display:block;
	height:100%;
}

.slideshow li a span{
	font-size:11px;
}

.slideshow div.more{
	float:right;
	margin-top:13px;
	margin-right:15px;
	text-align:right;
	font-size:11px;
}

.slideshow div.more a{
	text-decoration:none;
	font-size: 13px;
	padding: 5px 10px;
	border: 1px solid #eee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #333;
}

.slideshow div.more a:hover{
	background: #7ba4d9;
	color: #fff;
	text-decoration: none;
}



/* = Printing
-------------------------------------------------------------- */
@media print {

/* Hide some sections for print-view */
#header-group-wrapper, #sidebar-last, #block-menu-menu-story-topics, #block-menu-menu-links, #footer-inner img, #social-share{
	display:none;
}

}





/* = PDF Download
-------------------------------------------------------------- */

#pdf-download { float: right; width: 170px; height: 155px; position: relative;; border: 2px solid #e9e9e9; position: relative; background: #b2985b url(/sites/default/files/icons/2013-honorary-degs.jpg) 0 0 no-repeat; margin-left: 20px  }
#pdf-download span { width: 100%; display: block; color: #ffffff; text-decoration: none; text-align: center; margin: 0; padding: 5px 0; position: absolute; bottom: 0  }
#pdf-download span:hover, #pdf-download a:link { text-decoration: underline; }





/* = Social Media Share Buttons
-------------------------------------------------------------- */
#social-share-new { display: block; margin-left: 0; list-style: none; margin-left: 0; padding-left: 0; width: 212px; float: right; }
#social-share-new li { display: line-block; float: left; padding: 0; margin: 0 0 0 1px; width: 30px; height: 30px; overflow: hidden }
#social-share-heading { width: 87px; background: url(../images/sm-icons.gif) 0 -30px; text-align: center;  }
#social-share-heading h5 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; color: #002a5c;  margin: 6px 0 0 -10px }

li#social-share-heading { width: 87px; }

li#social-share-facebook span { display: block; width: 100%; height: 100%; }
li#social-share-facebook span a { width: 100%; height: 100%; display: block; text-indent: -999px; background: url(../images/sm-icons.gif) 0 0 }
li#social-share-facebook span a:hover { background: url(../images/sm-icons.gif) -120px 0 }

li#social-share-twitter span { display: block; width: 100%; height: 100%; }
li#social-share-twitter span a { width: 100%; height: 100%; display: block; text-indent: -999px; background: url(../images/sm-icons.gif) -30px 0 }
li#social-share-twitter span a:hover { background: url(../images/sm-icons.gif) -150px 0 }

li#social-share-email span { display: block; width: 100%; height: 100%; }
li#social-share-email span a { width: 100%; height: 100%; display: block; text-indent: -999px; background: url(../images/sm-icons.gif) -60px 0 }
li#social-share-email span a:hover { background: url(../images/sm-icons.gif) -180px 0 }

li#social-share-print span { display: block; width: 100%; height: 100%; }
li#social-share-print span a { width: 100%; height: 100%; display: block; text-indent: -999px; background: url(../images/sm-icons.gif) -90px 0 }
li#social-share-print span a:hover { background: url(../images/sm-icons.gif) -210px 0 }

/* Delete default Add This icon for email share */
.at16nc { display: none !important;}

/* Clearfix
/-------------------------------------------------------------- */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
	}

.clearfix:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}





/* = Find Us - Social Media Links in Footer
-------------------------------------------------------------- */

#social-links-footer { padding-top: 10px; }
#social-links-footer h5 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; color: #002a5c;  margin: 0 0 10px 0 !important }

#social-footer { display: block; margin-left: 0; list-style: none; margin-left: 0; padding-left: 0; width: 140px; float: left; }
#social-footer li { display: line-block; float: left; padding: 0; margin: 0 0 0 1px; width: 34px; height: 34px; overflow: hidden }

li#social-footer-facebook span { display: block; width: 100%; height: 100%; }
li#social-footer-facebook span a { width: 100%; height: 100%; display: block; text-indent: -999px; background: url(../images/sm-icons.gif) 0 -60px }
li#social-footer-facebook span a:hover { background: url(../images/sm-icons.gif) -136px -60px }

li#social-footer-twitter span { display: block; width: 100%; height: 100%; }
li#social-footer-twitter span a { width: 100%; height: 100%; display: block; text-indent: -999px; background: url(../images/sm-icons.gif) -34px -60px }
li#social-footer-twitter span a:hover { background: url(../images/sm-icons.gif) -170px -60px }

li#social-footer-linkedin span { display: block; width: 100%; height: 100%; }
li#social-footer-linkedin span a { width: 100%; height: 100%; display: block; text-indent: -999px; background: url(../images/sm-icons.gif) -68px -60px }
li#social-footer-linkedin span a:hover { background: url(../images/sm-icons.gif) -204px -60px }

li#social-footer-youtube span { display: block; width: 100%; height: 100%; }
li#social-footer-youtube span a { width: 100%; height: 100%; display: block; text-indent: -999px; background: url(../images/sm-icons.gif) -102px -60px }
li#social-footer-youtube span a:hover { background: url(../images/sm-icons.gif) -238px -60px }


/* = News Search
-------------------------------------------------------------- */
.news-search-block { width: 230px;  }
.news-search-block #edit-search-block-form-1 { height: 20px; border: 1px solid #99a9bd; width: 155px }
.news-search-block #edit-submit { height: 28px; width: 46px; margin-left: -5px;
	background: url(../images/sm-icons.gif) 0 -103px !important;
	text-indent: -999em; border: 1px solid #99a9bd; }
.news-search-block #edit-submit:hover { background: url(../images/sm-icons.gif) -45px -103px !important; }
/* Delete breadcrumbs, added a homepage link to the "U of T News" image */
#breadcrumbs { display: none; }
#home-link { display: block; width: 300px; height: 90px; float: left; margin-left: 10px; z-index: 10000; text-indent: -9999em; }
#home-link:hover { cursor:pointer; }
#block-menu-primary-links .inner  { width: 40%; float: right;  }



@media print {
#social-share-new, #survey-div, #social-links-footer  { display: none}
div.field-field-sub-title {
display: block;
margin-top: 0;
max-width: 100%;
}

}

/* = Instagram
-------------------------------------------------------------- */
video.instagram, img.instagram {width: 70% !important; height: auto !important; border: 1px solid #ccc; padding: 10px }
span.instagram-desc1, instagram-desc2 { display: block; }
span.instagram-desc1 { color: #888; font-size: 13px; font-style: italic; padding:10px;border:1px solid #ccc; width: 70% !important; margin-bottom:10px; margin-top:-7px;}
span.instagram-desc2 { padding-bottom:10px;margin-bottom:20px;display:block }


/* = Podcasts
-------------------------------------------------------------- */

/* LANDING PAGE: intro */
.podcasts-intro { padding: 10px 0 }

/* LANDING PAGE: latest podcast */
.page-podcasts h1.title  { display: none }
.page-podcasts .pane-title {
  color: #002A5C;
  padding-bottom: 4px;
  font-size: 180%;
  line-height: 110%; 
  margin-bottom: 15px
}


.pane-latest-podcast { padding: 25px 0; border-top: 1px solid #002a5c;border-bottom: 1px solid #002a5c; margin-bottom: 30px }
.pane-latest-podcast .views-field-field-podcast-thumb-fid { width: 308px; height: 308px; float: left; margin: 0 20px 0 0  }
.pane-latest-podcast .views-field-field-podcast-episode-value { 
	margin-bottom: 15px; text-transform: uppercase; display: block
}
.pane-latest-podcast .views-field-name { margin-bottom: 15px }
.pane-latest-podcast .view-content .item-list > ul  { margin-left: 0 }
.pane-latest-podcast .view-content .item-list > ul > li { 
	clear: both;
	list-style: none;
	padding-left: 0;
	padding-bottom: 25px; 
}
.pane-latest-podcast .views-label-field-podcast-featuring-value, 
.pane-latest-podcast .views-label-field-podcast-producedby-value, 
.pane-latest-podcast .views-label-field-podcast-date-value
 { display: block; font-weight: bold }


.page-podcasts .views-field-field-podcast-thumb-fid label { display: none }
.page-podcasts .views-field-title label { display: none }
.page-podcasts .views-field-field-episode-value { text-transform: uppercase;}
.page-podcasts .item-list .imagefield-field_podcast_thumb, 
.podcast-item .thumb img
 { width: 100%; height: 100%; }

.podcast-item { border-bottom: 1px solid #002a5c; padding-bottom: 15px; margin-bottom: 15px }
.podcast-item .thumb, .node-type-podcast .field-field-podcast-thumb
{ width: 308px; height: 308px; float: left; margin: 0 20px 0 0 }
.node-type-podcast .imagefield-field_podcast_thumb  { width: 100%; height: 100% }

.podcast-item .header-image { margin-bottom: 20px; }

.podcast-item .title { border-bottom: none; padding-bottom: 0; margin-bottom: 5px }
.podcast-item .thumb img { width: 100%; height: 100% }
.podcast-item .episode { text-transform: uppercase; font-weight: normal; margin-bottom: 15px }
.podcast-item .featuring span, .podcast-item .producedby span, .podcast-item .release span 
{ 
	display: block; font-weight: bold
}

.podcast-item .featuring, .podcast-item .producedby, .podcast-item .release { 
	margin-bottom: 10px;
}

.all-podcasts .views-field-field-podcast-episode-value 
{ margin: 0 0 15px 15px; text-transform: uppercase; }
.all-podcasts .views-field-name { margin-bottom: 10px }
.all-podcasts .views-label-field-podcast-featuring-value { font-weight: bold }

.all-podcasts .views-field-field-podcast-featuring-value { display: block; } 

.page-podcasts .views-field-field-episode-value
{ margin-bottom: 10px }
.podcast-landing-latest .views-field-field-episode-value { margin-bottom: 20px }

.page-podcasts .views-field-field-featuring-value label, 
.page-podcasts .views-field-field-produced-by-value label, 
.page-podcasts .views-field-created label 
{ display: block; }

.page-podcasts .views-field-field-episode-value { font-weight: bold; }
.pane-latest-podcast  .views-field-title { font-size: 20px; font-weight: bold; margin-bottom: 5px }


#podcast-story .all-podcasts-pane { border-top: 1px solid #002a5c; margin-top: 30px; padding-top: 20px; }
#podcast-story .all-podcasts-pane h2.block-title { margin-bottom: 20px }
.all-podcasts .item-list ul { margin-left: 0 }
.all-podcasts .item-list ul > li { clear: both; list-style: none; margin-bottom: 15px !important }
.all-podcasts .item-list ul > li:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.all-podcasts .views-field-title { font-weight: bold; font-size: 16px }
.all-podcasts .item-list ul > li { display: inline-block; }
/* start commented backslash hack \*/
* html .all-podcasts .item-list > ul > li  { height: 1%; }
.all-podcasts .item-list > ul > li  { display: block; }
/* close commented backslash hack */

.all-podcasts .views-field-field-podcast-thumb-fid { width: 154px; height: 154px; float: left; margin: 0 20px 0 0  }
.all-podcasts .views-field-field-podcast-thumb-fid span, .all-podcasts .views-field-field-podcast-thumb-fid img { width: 100%; height: 100%;  }

.all-podcasts .views-field-field-episode-value { font-weight: bold; text-transform: uppercase; margin-bottom: 10px}

label.views-label-field-featuring-value, 
label.views-label-created { display: block; font-weight: bold }

.views-field-field-podcast-featuring-value, .views-field-created { margin-bottom: 5px; }


#podcast-story .header-image { margin-bottom: 15px}
#podcast-story h1, #podcast-story .h1 { 
	line-height: 1.1; margin-bottom: 5px; font-size: 25px; font-weight: bold }

#podcast-story .item-series, #podcast-story .item-episode, 
#podcast-story .item-episode .block-title, #podcast-story .item-episode .content 
{ display: inline-block; float: left; margin-right: 5px }

#podcast-story .item-series { font-size: 15px; font-weight: bold; padding: 0; margin: 0 15px 0 0 }
#podcast-story .item-series ul { padding: 0; margin: 0}
#podcast-story .item-episode, #podcast-story .item-episode .content { font-size: 15px; margin-bottom: 20px; }
#podcast-story .item-episode .block-title { font-weight: normal; font-size: 15px }
#podcast-story .pane-field-podcast-featuring { clear: both; }
#podcast-story .pane-title { font-family: Arial, Helvetica, sans-serif; color: #333 }
#podcast-story .pane-field-podcast-thumb { float: left; }
#podcast-story .item-featuring, 
#podcast-story .item-producedby, 
#podcast-story .item-date  
{ margin-bottom: 20px; display: block; float: left; width: 33.333333333333%; }
#podcast-story .podcast-intro { border-bottom: 1px solid #002a5c; padding: 0 0 20px 0; margin:  0 0 20px 0 }
#podcast-story .podcast-story-platforms {
  border-bottom: 1px solid #002a5c;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.podcast-embed, .podcast-fallback { display: none; margin-bottom: 20px }
.show { display: block }

.node-type-podcast h1.title {
  display: none;
}


/* FRONT PAGE LATEST PODCAST */

.frontpage-latest-podcast h2.block-title {
  margin-bottom: 10px;
  border-bottom: 3px solid #076599;
  text-transform: uppercase;
}
.frontpage-latest-podcast {margin-bottom: 30px }
.frontpage-latest-podcast .item-list ul { margin: 0; padding: 0}
.frontpage-latest-podcast .item-list li { padding-left: 0; list-style: none }

.frontpage-latest-podcast-item .views-field-field-podcast-thumb-fid { width: 154px; height: 154px; display: inline-block; float: left; margin: 0 15px 10px 0}
.frontpage-latest-podcast-item .views-field-field-podcast-thumb-fid img { width: 100%; height: 100%;  max-width: 100%; max-height: 100%}
.frontpage-latest-podcast-item .views-field-field-podcast-episode-value { text-transform: uppercase; margin-bottom: 10px}