/*
Theme Name: podacademy
Description: Child theme for the TwentyEleven theme 
Author: Keith Devon
Template: twentyeleven
*/

@import url("../twentyeleven/style.css");

/*
orange = #F47B20
grey (dark) = #808285
grey (light) = #CCCFC0
red = #7E2819
*/


/* =LAYOUT */

#page {
width:1000px;
overflow:hidden;
}

.clear {
    clear:both;
    }
    
.two-thirds {
width:476px;
margin-right:48px;
float:left;
}

.one-third {
width:214px;
margin-right:48px;
float:left;
}

.last {
margin-right:0px;
}

body {
    background-color:white;
    border-top: 8px solid #F47B20;
    padding:0px;
    }
    
#branding {
border-top: none;
padding-bottom: 10px;
position: relative;
z-index: 2;
}

#branding hgroup {
margin: 0 7.6%;
}

#site-title {
width:300px;
float:left;
margin-right:0px;
margin-bottom:2em;
padding: 0;
}

#site-title img {
height:105px;
width:259px;
}

#site-description {
    display: none;
    }

#branding #searchform {
position: absolute;
top: 0em;
right: 7.6%;
text-align: right;
}

#branding #searchform {
top: 0px !important;
}

#access {
background: #555555;
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
clear: both;
display: block;
float: left;
margin: 0 auto 6px;
width: 100%;
}

#access a {
color: #EEE;
display: block;
line-height: 3.333em;
padding: 0 1.2125em;
font-weight:300;
text-decoration: none;
text-transform: uppercase;
}

body, input, textarea {
color: #555555;
font: 14px Arial, 'Helvetica Neue', Helvetica, sans-serif /* Georgia,"Hiragino Mincho Pro",serif*/;
font-weight: 300;
line-height: 1.5;
}

h1, h2, h3, h4, #access a {
    /*font-family:'Century Gothic', 'Apple Gothic', sans-serif;*/
    }

#branding div#header-widget-area {
    float:right;
    width:320px;
    margin-right: 7.6%;
    }
    
#branding div#header-widget-area h3.widget-title {
    float:left;
    padding-right:2em;
    }
    
#branding div#header-widget-area .socialmedia-buttons {
    float:right;
    }
    
#branding div#header-widget-area .socialmedia-buttons a {
    float:right;
    }
    
#social-widget-4 {
    border-bottom:3px solid gray;
    padding-bottom:12px;
    margin-bottom:14px;
    }
    
#branding div#header-widget-area img {
    width:auto;
    }

h1.page-title {
    clear: both;
    color: #F47B20;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.5em;
    padding-bottom: .3em;
    padding-top: 15px;
    margin-bottom:0em;
    letter-spacing:0px;
    text-transform: none;
    }
    
.entry-title {
font-size: 20px;
margin-bottom:1.625em;
}
    
.singular .entry-title {
    color: #F47B20;
    font-size: 25px;
    font-weight: bold;
    line-height: 1;
    border-bottom:3px solid #F47B20;
    margin-bottom:1em;
    }
        
h2 {
    font-size:21px;
    }
    
h3, .h3 {
	display: block;
	font-size: 18px;
	line-height: 21px;
}
    
.entry-content h1, .entry-content h2, .pod-excerpt h2, .comment-content h1, .comment-content h2 {
    color: #555555;
    font-weight: bold;
    }
    
.entry-title, .entry-title a {
    color: #555555;
    text-decoration: none;
    }
  
.category article header {
    float:left;
    /*width:478px;*/
    /*margin-right:15px;*/
    } 
    
.entry-title, .entry-header .entry-meta {
padding-right: 0px;
}
       
.social-counts {
    float:right;
    padding-top:20px;
    }
    
.social-counts .stButton {
float:right;
margin-right: 0px;
}

.social-counts .stButton .stHBubble {
margin-right: 0px;
}

#socials {
	margin-top: 1em;
}

#socials .fb_iframe_widget {
	display: block;
	width: 150px;
	float: left;
}

.twitter-share-button.twitter-tweet-button.twitter-count-horizontal {
	float: left;
	position: relative;
	z-index: 999999;
}

.fb-like { z-index: 9999; }
.fbpdl { ;z-index: 9999 !important; width:500px;
overflow: visible;
}
.pam { z-index: 9999 !important; width:500px;
overflow: visible;
}
.execphpwidget
{ z-index: 9999 !important; width:500px;
overflow: visible;
}
.fb-like span { z-index: 9999 !important;
overflow: visible;
}



.entry-meta {
    color: #555555;
    }
    
.entry-content {
    clear:both;
    }
    
.singular #primary {
float: left;
margin: 0 -26.4% 0 0;
width: 100%;
}

.singular.page .hentry {
padding: 0;
}

.toggle {
display: block; /* to allow for margins */
width:135px;
text-align: center;
padding:.5em 1em;
cursor: pointer;
background-color:#555555;
border:1px solid #ddd;
border-radius: 8px;
color:white;
font-size: 12px;
-webkit-box-shadow: inset 0px -5px 8px 0px rgba(0, 0, 0, .2);
-moz-box-shadow: inset 0px -5px 8px 0px rgba(0, 0, 0, .2);
box-shadow: inset 0px -5px 8px 0px rgba(0, 0, 0, .2);
}

.toggle-bottom {
margin:1.5em 0px;
}


.toggle:hover {
background-color: #F47B20;
}
    
/* WIDGETS _------------------*/

.widget-title {
    color: #555555;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    text-transform: uppercase;
    }
    
#header-widget-area .widget-title {
    font-weight:500;
    font-size:10px;
    }

.widget_kdevrecentposts li {
    clear:both;
    margin-bottom: .5em;
    padding-bottom: .5em;
    border-bottom: 1px solid #eee;
}

.widget_kdevrecentposts .tiny-thumb {
    float:left;
    margin: 2px .5em .5em 0;
}

.widget_kdevrecentposts li a:link {
    color: #555;
}
.widget_kdevrecentposts li a:visited {
    color: #999;
}
.widget_kdevrecentposts li a:hover,
.widget_kdevrecentposts li a:active {
    color: #f47b20;
}

.widget_twitter li {
    background: #f3f3f3;
    box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
    padding:.5em;
}

.widget_twitter .time-meta {
    display:block;
}
    
    
/* The Grid --------------*/
    
article.grid {
    width:214px;
    height:135px;
    overflow:hidden;
    float:left;
    margin-right:48px;
    padding:0px;
    }


.home.page article.featured {
    width:476px;
    height:294px;
    overflow:hidden;
    }
    
.home.page article .entry-header { 
    width:auto;
    }
    
article.grid h1.page-title {
    font-weight:bold;
    color:#fff;
    font-size:12px;
    padding:5px;
    margin-bottom:3px;
    padding-bottom:0px;
    line-height:1.2em;
} 

article.featured h1.page-title {
    font-size:14px;
}

article.grid .entry-content p.peeps {
    /*color:#ddd;*/
    padding-top:0px;
    }



article.grid .entry-content p {
    font-size:12px;
    font-weight: lighter;
    color: #fff;
    padding-left: 5px;
    margin-bottom: 0px;
    padding-top:5px;
    }
    
article.featured .entry-content p {
line-height:1.4em;
}

article.featured h1.page-title a {
    font-size:16px;
    color: #fff;
    }
    
article.grid h1.page-title a {
    padding-top: 5px;
    color: #fff;
    }
    
article.grid .entry-content {
    font-family: Helvetica, Arial, sans-serif;
    font-size:12px;
    color:white;
    width:100%;
    margin:0px;
    padding:0px;
    padding-bottom:3px;
    }  
    
article.featured .entry-content {
    font-family: Helvetica, Arial, sans-serif;
    font-size:12px;
    color:white;
    width:476px;
    margin:0px;
    padding:0px;
    padding-bottom:5px;
    }
    
.entry-text {
    position: absolute;
    z-index: 3;
    bottom:0px;
    width:214px;
    background:url(images/backgrounds/trans-grey-95.png);
    }
    
article.grid .entry-content a {
    color:white;
    }
    
article.grid a:hover .entry-text, article.grid a:active .entry-text {
background: #555555;
}
    
.featured .entry-text {
    width:476px;
    }    

.singular #primary {
float: left;
margin: 0 -26.4% 0 0;
width: 100%;
}
    
article.grid a:hover, article.grid a:active  {
    text-decoration: none;
    }
    
article.grid div.audio-icon {
position:absolute;
top:0px;
left:0px;
z-index:2;
height:135px;
width:214px;
}

article.featured div.audio-icon {
position:absolute;
top:0px;
left:0px;
z-index:2;
height:294px;
width:476px;
}

.large-icon {
background: url(images/audio-icon.png) -156px -66px no-repeat;
}

.small-icon {
background: url(images/audio-icon.png) -475px top no-repeat;
}
     
/* Channel (category) archives */

.archive.category #primary {
    width:810px;
    }
    
.archive.category #content {
    margin: 0 0;
    width:786px;
    }
    
.archive.category #secondary {
    margin-right:0px;
    width: 214px;
    }
    
.archive.category .hentry {
	margin-right: 48px;
}
        
    
/* SINGLE PODCAST   */

body.single-podcast #content,
.left-sidebar.single-podcast #content,
body.single-bookpods #content,
.left-sidebar.single-bookpods #content{
width: 584px;
}

.single-podcast .entry-header .entry-meta,
.single-bookpods .entry-header .entry-meta,
.single .entry-header .entry-meta {
position: relative;    
width:268px;
float:left;
margin: 0px;
padding: 0px;
clear:none;
}
    
.single-podcast .entry-header,
.single-podcast .entry-content,
.single-podcast footer.entry-meta,
.single-podcast #comments-title,
.single-bookpods .entry-header,
.single-bookpods .entry-content,
.single-bookpods footer.entry-meta,
.single-bookpods #comments-title {
margin:0;
width: 100%;
}

.single-podcast #content,
.left-sidebar.single-podcast #content,
.single-bookpods #content,
.left-sidebar.single-bookpods #content{
margin: 0 10%;
position: relative;
width: auto;
}

.single-podcast .hentry,
.single-bookpods .hentry,
.single .hentry {
border-bottom: none;
padding: 0;
position: relative;
}

.single-podcast #primary,
.single-bookpods #primary{
margin: 0;
width:736px;
}

.entry-meta a {
font-weight: normal;
}

.single-podcast .entry-meta p,
.single-bookpods .entry-meta p{
margin-bottom: 0px;
}

.podcast-player {
    float:right;
    clear:right;
    width:266px;
    margin: 1.5em 0px 1.625em 48px;
    padding: 0px;
    font-size: 12px;
    border:1px solid #ddd;
    background: #F47B20;
}

.podcast-player .inner {
    width: 228px;
    margin: 10px auto 0px;
}

.acast-player {
    clear: both;
    width:100%;
    margin: 1em 0px 1em 0px;
    padding: 0px;
    font-size: 12px;
    border:1px solid #ddd;
    background: #F47B20;
}

.acast-player iframe {
    width: 100%;
    height: 300px;
}
    
.podcast-player a, .podcast-player {
    color: white;}
    
.podcast-player h3 {
    font-size: 20px;
    margin-bottom:10px;
    text-align: center;
}

.social-buttons {
clear:both;
float:left;
}
    
.single-podcast .stButton,
.single-bookpods .stButton{
    float:left;
    padding-top:3px;
    margin-left:0px;
    margin-right: 6px;
    }
    
.single-podcast #dsq-account-dropdown,
.single-bookpods #dsq-account-dropdown{
float: right;
display: none;
}

.featured-image {
    width:268px;
    float:left;
    margin-bottom: 1em;
}

.home .featured-image {
width:auto;

}

.category .featured-image,
.archive .featured-image,
.blog .featured-image {
	margin:0 48px 48px 0;
}

.home .featured-image  {
	margin:0 24px 48px 0;
}

.single .featured-image {
width:268px;
float:right;
}

.hentry, .no-results {
border-bottom: none;
margin: 0 0 24px;
padding: 0 0 1.625em;
position: relative;
}

div.bio {
    margin:1.625em 0;
    padding:.5em;
    border:1px solid #ddd;
    }
    
div.bio h3 {
    font-weight:bold;
    }
    
p.person-desc {
margin-bottom:0px;
}
    
#footer-shares {
    width:100%;
    height:96px;
    clear:both;
    }
    
.pod-excerpt {
 clear:both;
 margin:1.5em 0;
 }
 
 .powerpress_links {
margin-bottom: 0;
}

.footnotes {
margin: 1.625em 0;
padding: .5em;
border: 1px solid #DDD;
font-size:.8em;
}

.single-podcast footer.entry-meta,
.single-bookpods footer.entry-meta{
border-top:3px solid #DDD;
padding-top:24px; }

.entry-content h2.orange {
color:#F47B20;
}


/* LIST VIEW */

a.more-link:link, a.more-link:visited {
background: #555555;
color:white;
padding:.2em .5em;
float:right;
margin-top:0em;
}

a.more-link:hover, a.more-link:active {
background: #F47B20;
text-decoration: none;
}

.category .podcast-player,
.archive .podcast-player {
float:right;
margin-top:0px;
}

.category .entry-meta,
.archive .entry-meta,
.blog .entry-meta {
    width:584px;
    float:left;
    clear:both;
    }
    
.category .entry-meta p,
.archive .entry-meta p,
.blog .entry-meta p {
    width:268px;
    float:left;
    margin-bottom:10px;
    }
    
.category .entry-meta p.peeps,
.archive .entry-meta p.peeps,
.blog .entry-meta p.peeps,
.category .entry-meta p.faculty,
.archive .entry-meta p.faculty,
.blog .entry-meta p.faculty,
.category .entry-meta p.strand,
.archive .entry-meta p.strand,
.blog .entry-meta p.strand {
    float:right;
    margin-left:48px;
    } 
    
.category .entry-title,
.archive .entry-title,
body.search-results .entry-title,
.blog .entry-title {
font-size: 20px;
margin-bottom: 15px;
border-bottom: 3px solid #555555;
}



/* =PAGE */

.singular #content, .left-sidebar.singular #content {
margin: 0 34% 0 7.6%;
width: 58.4%;
}

.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
margin: 0 auto;
width: auto;
}

/* =HOME PAGE */

    
.home #content {
    margin: 0 0;
    width:824px;
    }
    
.home #primary {
    width:810px;
    }
    
.home #secondary {
    margin-right:0px;
    width: 214px;
    }
    
.featured-blog, .blog-list {
padding-top:1em;
}
    
.featured-blog ul {
list-style-type: none;
margin-left:0px;
margin-bottom:21px;
overflow: hidden;
}

.featured-blog ul .entry-title {
border:none;
margin:0px 0px .5em;
padding:0px;

}

.blog-list ul {
list-style-position: outside;
margin-left:0px;
}


/* Divided list */

.divided-item {
	display: block;
	border-bottom: 1px solid #eee;
	margin-right: 48px;
	padding:.5em 0;
}
.divided-item:first-of-type {
	margin-top: .5em;
}
.divided-item:last-of-type {
	border-bottom: none;
}
.divided-item:link {
	color: #555;
}
.divided-item:visited {
	color: #999;
}
.divided-item:hover, .divided-item:active {
	color: #f47b20;
}


    
/* TOOLTIP */

a.tooltip:link,
a.tooltip:visited {
cursor: help;
}

a.tooltip:hover,
a.tooltip:active { 

}
    
/* SIDEBARS */

.widget ul li {
color: #555;
font-size: 13px;
list-style-position: inside;
overflow: hidden;
}

.widget a {
font-weight: normal;
}

.advertisment {
list-style-type: none;
}

#ns_widget_mailchimp_form-3 input.button {
margin-top:0.5em;
}

/* =FOOTER */

#site-generator a {
color: #ccc;
font-weight: normal;
}

/* =UTILITY */

span.edit-link {
display:none;
}

ul.sub-menu {
position:relative;
z-index:5;
}

header {
position:relative;
z-index: 10;
}

div#main {
position:relative;
z-index: 1;
}

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */

.clearfix:before, .clearfix:after {
    content: "\0020"; 
    display: block; 
    height: 0; 
    overflow: hidden;
}

.clearfix:after { clear: both; }

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */

.clearfix { zoom: 1; }

/* ICONS */

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

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'podacademy-icons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon {
  color: white;
  padding:.3em;
  line-height: 1;
  font-size: 1.75em;
  margin-right:.25em;
  transition: all linear .3s;
}

.icon-list {
  margin-bottom: 1.5em;
}

.icon-list li {
  list-style-type:  none;
  clear: both;
}

.icon-list li a:link,
.icon-list li a:visited {
  color: #555555;
  background: transparent;
  line-height: 1.5;
  
  display: block;
  padding:.5em 0;
  
}
.icon-list li a:hover,
.icon-list li a:active {
  text-decoration: none;
  color: #f47b20;
}

.icon-list li a .icon {
  float: left;
}
.icon-list li a:hover .icon {
  background: #f47b20;
}

.icon-arts-culture {
  background-color: purple;
}
.icon-science-and-environment {
  background-color: green;
}
.icon-humanities-and-social-sciences {
  background-color: blue;
}
.icon-business-and-economics {
  background-color: red;
}