/* 

CSS Document 
Author: Vibor Viskovic
Client: Alan Taylor Ministries, 2013

*/

/*font-face*/
@font-face {
  font-family: 'museo_slab500';
  src: url('fonts/museo_slab-webfont.eot');
  src: url('fonts/museo_slab-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/museo_slab-webfont.woff') format('woff'),  url('fonts/museo_slab-webfont.ttf') format('truetype'),  url('fonts/museo_slab-webfont.svg#museo_slab500') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BebasNeueRegular';
  src: url('fonts/BebasNeue-webfont.eot');
  src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/BebasNeue-webfont.woff') format('woff'),  url('fonts/BebasNeue-webfont.ttf') format('truetype'),  url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}



/*global*/


body {
  background:url(../images/main-bg.png);
}
#main-wrap {
  width:980px;
  margin:0 auto;
  z-index:0;
  position:relative;
}
h1.main-logo {
  float:left;
  margin:0;
  width:344px;
}
h1.main-logo a {
  display:block;
  width:344px;
  height:117px;
  background:url(../images/h1-logo.png) left top no-repeat;
}
#nav-wrapper {
  float:right;
  width:636px;
  margin-top:3px;
}
#nav-wrapper ul li {
  display:inline;
}
#nav-wrapper nav#social-nav {
  width:100%;
}
#nav-wrapper nav#social-nav ul {
  float:right;
}
#nav-wrapper nav#social-nav ul li a {
  display:block;
  float:left;
  width:35px;
  height:21px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background:url(../images/social-links-bg.png) no-repeat;
  background-position:left bottom;
  transition: background-position 300ms ease-out;
  -webkit-transition: background-position 300ms ease-out;
  -moz-transition: background-position 300ms ease-out;
  -o-transition: background-position 300ms ease-out;
  -ms-transition: background-position 300ms ease-out;
}
#nav-wrapper nav#social-nav ul li:first-child {
  float:left;
  color:white;
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
  padding-top:5px;
}
#nav-wrapper nav#social-nav ul li a:hover {
  background-position:left top;
  transition: background-position 300ms ease-out;
  -webkit-transition: background-position 300ms ease-out;
  -moz-transition: background-position 300ms ease-out;
  -o-transition: background-position 300ms ease-out;
  -ms-transition: background-position 300ms ease-out;
}
#nav-wrapper nav#social-nav ul li a.fb {
  background-position:-35px -22px;
  transition: background-position 300ms ease-out;
  -webkit-transition: background-position 300ms ease-out;
  -moz-transition: background-position 300ms ease-out;
  -o-transition: background-position 300ms ease-out;
  -ms-transition: background-position 300ms ease-out;
}
#nav-wrapper nav#social-nav ul li a.fb:hover {
  background-position:-35px 0px;
  transition: background-position 300ms ease-out;
  -webkit-transition: background-position 300ms ease-out;
  -moz-transition: background-position 300ms ease-out;
  -o-transition: background-position 300ms ease-out;
  -ms-transition: background-position 300ms ease-out;
}
#nav-wrapper nav#social-nav ul li a.vm {
  background-position:right -22px;
  transition: background-position 300ms ease-out;
  -webkit-transition: background-position 300ms ease-out;
  -moz-transition: background-position 300ms ease-out;
  -o-transition: background-position 300ms ease-out;
  -ms-transition: background-position 300ms ease-out;
}
#nav-wrapper nav#social-nav ul li a.vm:hover {
  background-position:right 0px;
  transition: background-position 300ms ease-out;
  -webkit-transition: background-position 300ms ease-out;
  -moz-transition: background-position 300ms ease-out;
  -o-transition: background-position 300ms ease-out;
  -ms-transition: background-position 300ms ease-out;
}
.main-btn {
  -moz-box-shadow:inset 0px 1px 0px 0px #f0f7fa;
  -webkit-box-shadow:inset 0px 1px 0px 0px #f0f7fa;
  box-shadow:inset 0px 1px 0px 0px #f0f7fa;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
  background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
  background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
  background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
  background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
  background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2', GradientType=0);
  background-color:#33bdef;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #057fd0;
  display:inline-block;
  color:#ffffff;
  font-family: 'BebasNeueRegular';
  font-size:20px;
  padding:6px 24px 4px 24px;
  text-decoration:none;
  text-shadow:0px 1px 0px #5b6178;
}
.main-btn:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
  background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
  background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
  background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
  background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
  background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef', GradientType=0);
  background-color:#019ad2;
}
.main-btn:active {
  position:relative;
  top:1px;
}
h2, h2 a {
  font-family: 'museo_slab500';
  color:#2c2c2c;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
  font-size:24px;
  text-decoration:none;
  font-weight:500;
}
p {
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
  color:#0f0f0f;
  line-height:18px;
}
a.img-link img {
  border:3px solid white;
  -webkit-box-shadow: 0px 3px 5px rgba(121, 121, 118, 0.75);
  -moz-box-shadow:    0px 3px 5px rgba(121, 121, 118, 0.75);
  box-shadow:         0px 3px 5px rgba(121, 121, 118, 0.75);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
a.img-link:hover img {
  border:3px solid #0598c3;
  -webkit-box-shadow: 0px 3px 5px rgba(121, 121, 118, 0.75);
  -moz-box-shadow:    0px 3px 5px rgba(121, 121, 118, 0.75);
  box-shadow:         0px 3px 5px rgba(121, 121, 118, 0.75);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}


/*layout*/


div#main-sidebar {
  float:right;
  width:300px;
  margin-top:10px;
}

div#main-sidebar nav#sidebar-top-nav{
  margin-bottom:20px;}
div#main-sidebar nav#sidebar-top-nav ul {
  list-style:none;
  margin:0;
  padding:0;
}
div#main-sidebar nav#sidebar-top-nav ul li {
  width:300px;
  height:79px;
  background:url(../images/sidebar-btn.png) left bottom no-repeat;
}
div#main-sidebar nav#sidebar-top-nav ul li:hover {
  background:url(../images/sidebar-btn.png) left top no-repeat;
}
div#main-sidebar nav#sidebar-top-nav ul li a {
  display:block;
  width:300px;
  height:64px;
  background:url(../images/sidebar-icons.png) 15px 10px no-repeat;
  text-decoration:none;
  padding-top:15px;
}
div#main-sidebar nav#sidebar-top-nav ul li a span {
  display:block;
  margin-left:70px;
  font-family: 'museo_slab500';
  color:#074658;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
  font-size:20px;
  text-decoration:none;
  font-weight:500;
}
div#main-sidebar nav#sidebar-top-nav ul li:hover a span {
  color:white;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
div#main-sidebar nav#sidebar-top-nav ul li a span.sub-txt {
  font-family: 'Open Sans', sans-serif;
  color:#FFF;
  text-shadow: 0px 1px 0px rgba(7, 70, 85, 1);
  font-size:12px;
}
div#main-sidebar nav#sidebar-top-nav ul li a.study {
  background-position:15px -55px;
}
div#main-sidebar nav#sidebar-top-nav ul li a.contribute {
  background-position:15px -125px;
}

div#main-sidebar nav#sidebar-top-nav ul li a.audio {
  background-position:15px -195px;
}
div#main-sidebar nav#sidebar-top-nav ul li a.video {
  background-position:15px -265px;
}

div#main-sidebar nav#sidebar-top-nav ul li a.written {
  background-position:15px -335px;
}


div#main-sidebar nav#sidebar-related ul{
  background:url(../images/sidebar-links-bg.png) left top no-repeat;
  margin:20px 0;
  padding:0;
  }
  
div#main-sidebar nav#sidebar-related ul li{
  
  border-top:1px solid #FFF;
  border-bottom:1px solid #c1c1c1;
  

  }
  
div#main-sidebar nav#sidebar-related ul li a{
  display:block;
  padding:5px 20px;
  line-height:25px;
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
  color:#000;
  text-decoration:none;
  
    -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  
  
}

div#main-sidebar nav#sidebar-related ul li a:hover{
  background-color:#ececec;
  color:#186a81;
  
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;


}

div#main-sidebar nav#sidebar-related ul li a span{
  display:block;
  line-height:18px;
  }
  
div#main-sidebar nav#sidebar-related ul li a span:first-child{
  font-weight:bold;
  }
  
div#main-sidebar nav#sidebar-related ul li a span.date{
  font-style:italic;}
  
  
div#main-sidebar nav#sidebar-related ul li h2{
  padding: 15px 20px 10px 20px;
  font:18px 'museo_slab500';
  color:#1a6d8d;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
  margin:0;

  }
div#main-sidebar nav#sidebar-related ul li:first-child{
  
  border-bottom:1px solid #c1c1c1;
  border-top:none;

  }
  
  
  
section#latest-tweets {
  padding:15px 20px;
  width:260px;
  background:url(../images/latest-tweets-bg.png) left top no-repeat;
}
section#latest-tweets h2 {
  font-family: 'BebasNeueRegular';
  font-weight:normal;
  color:#333;
  text-decoration:none;
  font-size:30px;
  color:#0184a9;
}
section#latest-tweets ul {
  list-style:none;
  margin:0;
  padding:0;
}
section#latest-tweets ul li {
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
  color:#0f0f0f;
  line-height:18px;
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px dashed #CCC;
}
section#latest-tweets ul li a {
  color:#0184a9;
  text-decoration:none;
}
section#latest-tweets ul li a:hover {
  color:#999;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
footer#main-footer {
  height:223px;
  background:url(../images/footer-bg.png) left top repeat-x;
}
footer#main-footer div#footer-content {
  width:980px;
  margin:0 auto;
  height:223px;
  background:url(../images/footer-bg2.png) right bottom no-repeat;
}
footer#main-footer div#footer-content .footer-section h1 {
  width:230px;
  height:130px;
  background:url(../images/footer-logo.png) left top no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
footer#main-footer div#footer-content .footer-section p {
  color:#FFF;
  width:230px;
  text-align:center;
}
footer#main-footer div#footer-content .footer-section {
  width:250px;
  float:left;
  background:url(../images/footer-divider.png) right center no-repeat;
  height:223px;
  padding:0 20px;
}
footer#main-footer div#footer-content .footer-section nav {
  margin-top:40px;
}
footer#main-footer div#footer-content .footer-section nav ul {
  list-style:none;
  margin:0;
  padding:0;
}
footer#main-footer div#footer-content .footer-section nav ul li a {
  color:white;
  text-decoration:none;
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
}
footer#main-footer div#footer-content .footer-section nav ul li a:hover {
  text-decoration:underline;
  color:#0CF;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
footer#main-footer div#footer-content .footer-section nav h2 {
  font-family: 'museo_slab500';
  color:#074658;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
  font-size:20px;
  text-decoration:none;
  font-weight:500;
  margin-bottom:0;
}
footer#main-footer div#footer-content .footer-section nav.media-nav ul li {
  background:url(../images/footer-icons.png) left 5px no-repeat;
  padding-left:25px;
}
footer#main-footer div#footer-content .footer-section nav.media-nav ul li.video {
  background-position:left -25px;
}
footer#main-footer div#footer-content .footer-section nav.media-nav ul li.written {
  background-position:left -60px;
}


/*Homepage specific*/

  
#homepage-wrap {
  background:url(../images/home-header-bg.png) left top repeat-x;
}
#home-header {
  height:537px;
  z-index:10;
  overflow:hidden;
}
ul.home-slider {
  position:absolute;
  left:0;
  top:-22px;
  margin:0;
  padding:0;
  z-index:0;
  background:url(../images/slider-bg.png) left top no-repeat;
  height:500px;
}
ul.home-slider li {
  width:980px;
  height:400px;
}
ul.home-slider li .slide-left {
  padding-top:40px;
  width:400px;
  height:350px;
  float:left;
}
ul.home-slider li .slide-right {
  width:580px;
  height:400px;
  float:right;
}
ul.home-slider li p, ul.home-slider li h2 {
  text-align:center;
}
ul.home-slider li p.intro {
  font-family: 'museo_slab500';
  color:#d9d9d9;
  font-size:18px;
}
ul.home-slider li h2 {
  font-family: 'museo_slab500';
  font-weight:500;
  color:#FFF;
  font-size:36px;
  text-shadow: 0px 1px 0px rgba(1, 1, 1, 1);
}
ul.home-slider li h2 span {
  color:#14b2df;
}
ul.home-slider li p.subtext {
  color:white;
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
}
div#content-main,  div#homepage-main{
  float:left;
  width:625px;
  margin-right:25px;
}
div#homepage-main-without-sidebar{
}

div#homepage-main div.homepage-excerpt {
  width:300px;
  float:left;
  margin:0;
}
div#homepage-main div.homepage-excerpt:first-child {
  margin-right:25px;
}
div#homepage-main div#homepage-latest {
  width:595px;
  height:486px;
  padding:10px 15px;
  background:url(../images/homepage-latest-bg.png) left top no-repeat;
  margin-top:20px;
}
div#homepage-main div#homepage-latest h2 {
  color:#666666;
  font-family: 'museo_slab500';
  font-weight:500;
  text-decoration:none;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
  font-size:30px;
  margin-top:10px;
}
div#homepage-main div#homepage-latest .latest-top-left {
  float:left;
  width:220px;
  margin-right:10px;
}
div#homepage-main div#homepage-latest p.date-published {
  font-family: 'museo_slab500';
  font-weight:500;
  color:#303030;
  font-size:12px;
  margin-bottom:5px;
}
div#homepage-main div#homepage-latest .latest-top-right h3 {
  margin:5px 0;
}
div#homepage-main div#homepage-latest .latest-top-right h3 a {
  color:#0482a7;
  font-family: 'BebasNeueRegular';
  font-size:30px;
  font-weight:normal;
  margin:0;
  text-decoration:none;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
div#homepage-main div#homepage-latest .latest-top-right h3 a:hover {
  color:#999;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
div#homepage-main div#homepage-latest .latest-bottom ul {
  list-style:none;
  margin:0;
  padding:0;
}
div#homepage-main div#homepage-latest .latest-bottom ul li {
  display:inline-block;
  width:173px;
  margin-right:5px;
  padding-right:15px;
  background:url(../images/latest-divider.png) right center no-repeat;
}
div#homepage-main div#homepage-latest .latest-bottom ul li:last-child {
  margin-right:0;
  background:none;
}
div#homepage-main div#homepage-latest .latest-bottom ul li h3 {
  margin-top:5px;
}
div#homepage-main div#homepage-latest .latest-bottom ul li h3 a {
  font-family: 'BebasNeueRegular';
  font-weight:normal;
  color:#333;
  text-decoration:none;
  font-size:24px;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
div#homepage-main div#homepage-latest .latest-bottom ul li h3 a:hover {
  color:#0184a9;
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
}

/*inner pages*/

#page-wrap{
  background:url(../images/page-bg.png) left top repeat-x;
  overflow:visible;
  
  }
  
section#article-heading{
  position:relative;
  overflow:visible;
  width:625px;
  height:258px;
  }
  
article#main-article section#article-heading h2{
  position:absolute;
  left:-10px;
  bottom:20px;
  font-size:28px;
  
  width:358px;
  padding:20px 30px 30px 30px;
  background:url(../images/article-title-bg.png) left bottom no-repeat;
  text-shadow: 0px 1px 0px rgba(10, 25, 30, 1);
  color:white;
  }
  
article#main-article section.article-meta{
  background:url(../images/article-meta-bg.png) left top repeat;
  padding:10px;
  margin-top:20px;
  }

article#main-article section.article-meta p{
  display:inline-block;
  padding-left:25px;
  background:url(../images/article-meta-icons.png) left top no-repeat;
  height:30px;
  line-height:30px;
  margin:0 10px 0 0;
}

article#main-article section.article-meta p a{
  color:#1e7a9b;
  text-decoration:none;
  }
  
article#main-article section.article-meta p a:hover{
  color:#367081;
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
  }

article#main-article section.article-meta p.article-tags{
  background-position:0 -30px;}

ul.article-share{
  float:right;
  margin:0;
  height:30px;

  }
ul.article-share li{
  display:inline;
  float:left;
  height:30px;
  line-height:30px;
  }
ul.article-share li a{
  display:block;
  float:left;
  width:25px;
  height:18px;
  margin-top:6px;
  background:url(../images/social-links-meta-bg.png) left bottom no-repeat;
  
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  
  
  }
ul.article-share li a.tw{
  background-position:right bottom;
  
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  }
  
ul.article-share li a:hover{
  background-position:left top;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  }
  
ul.article-share li a.tw:hover{
  
  background-position:right top;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  }
  
ul.article-share li.share-this{
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
  color:#0f0f0f;
  line-height:30px;
  padding-left:25px;
  background:url(../images/article-meta-icons.png) left -63px no-repeat;
  }
  
article#main-article section.article-content{
  padding:10px;
  }
  
article#main-article section.article-content blockquote{
  margin:0;
  padding:0;
  font:italic 16px Georgia, "Times New Roman", Times, serif;
  color:#000;
  line-height:24px;
  }
  
  
article#main-article section.article-content h3{	
    color:#666666;
  font-family: 'museo_slab500';
  font-weight:500;
  text-decoration:none;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
  font-size:24px;
}

article#main-article section.article-content h4{
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
  font-weight:bold;
  color:#1e7a9b;
  
}

article#main-article section.article-content ul{
  margin:0;
  padding:0;
  }
  
article#main-article section.article-content ul li{
  padding:5px 0 5px 25px;
  margin:0;
  
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
  color:#0f0f0f;
  line-height:18px;
  background:url(../images/bullet.png) left 7px no-repeat;
  }
  
article#main-article section.article-content a{
  color:#0598c3;
  text-decoration:none;
  }
  
article#main-article section.article-content a:hover{
  background-color:#FFF;
  border-bottom:1px dashed #0598c3;
}

/*teachings pages */

div#content-main.teachings h1{
  font-family: 'museo_slab500';
  color:#0197be;
  font-weight:normal;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
  height:95px;
  line-height:95px;
  background:url(../images/teachings-title-sprite.png) right top no-repeat;
  
  }
  
div#content-main.teachings h1.written{
  background-position:right top;}
  
div#content-main.teachings h1.video{
  background-position:right -100px;
  }
  
div#content-main.teachings h1.audio{
  background-position:right -200px;
  }
  
 .teaching-item {
   padding-bottom:25px;
   padding-top:25px;
   border-bottom:1px solid #cccccc;
   border-top:1px solid #ffffff;
   }
 .teaching-item.first{
   border-top:none;
   padding-top:0;
   }
 .teaching-item .item-left{
  width:176px;
  padding-right:30px;
  background:url(../images/teaching-item-divider.png) right top no-repeat;
  float:left;
  position:relative;
  }
 .teaching-item .item-right{
  width:405px;
  float:right;
  }
  
.teaching-item .item-right h2{
  color:#737373;
  margin-top:0;
  margin-bottom:10px;
  }
  
  
.teaching-item .item-right h3{
  font-size:12px;
  font-weight:bold;
  margin-top:0;
  color:#0197be;
  }
  
 .teaching-item .item-right a.item-option{
  display:block;
  float:left;
  width:145px;
  height:38px;
  background:url(../images/teaching.item-button-bg.png) left bottom no-repeat;
    text-decoration:none;
  }
  
 .teaching-item .item-right a.item-option:hover{
   background-position:left top;
   }
  
.teaching-item .item-right a.item-option span{
  display:block;
  padding:8px;
  width:120px;
  height:18px;
  line-height:18px;
  font-size:14px;
  font-weight:bold;
  color:#FFF;

  text-shadow: 0px 1px 1px rgba(2, 84, 105, 1);
  background:url(../images/reading-icon.png) right center no-repeat;
  
  }
  
.teaching-item.written .item-right a.item-option span{
  background-image:url(../images/reading-icon.png);
  }
  
.teaching-item.audio .item-right a.item-option span{
  background-image:url(../images/audio-icon.png);
  }
  
.teaching-item.video .item-right a.item-option span{
  background-image:url(../images/video-icon.png);
  }

.teaching-item .item-right a.item-option span.download{
  background-image:url(../images/download-icon.png);
  }
  
  
 .teaching-item .item-left .item-type{
   text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width:40px;
  height:54px;
  background:url(../images/file-type-sprite.png) left top no-repeat;
  position:absolute;
  top:-5px;
  left:15px;
  margin:0;
   
   }
   
.teaching-item.written .item-left .item-type{
  background-position:left top;
  } 
.teaching-item.audio .item-left .item-type{
  background-position:-40px top;
  }
  
.teaching-item.video .item-left .item-type{
  background-position:-80px top;
  }
/*TODO add aditional icons for item options here */
.teaching-item .item-left a img{
  border:3px solid white;
  -webkit-box-shadow: 0px 2px 3px 1px #cdcdcd;
  box-shadow: 0px 2px 3px 1px #cdcdcd;}
  
  
nav#item-pagination{
  margin:30px 0;}
  

nav#item-pagination ul{
  background:url(../images/transp.png) left top repeat;
  padding:10px;
  display:inline-block;
  margin:0 auto;
  
  -webkit-box-shadow: inset 0px 1px 1px 1px #cccccc;
box-shadow: inset 0px 1px 1px 1px #cccccc;

-webkit-border-radius: 10px;
border-radius: 10px;

-webkit-box-shadow: 0px 1px 0px 0px #ffffff;
box-shadow: 0px 1px 0px 0px #ffffff;
  }
  
nav#item-pagination ul li{
display:inline;
padding:10px;
}

nav#item-pagination ul li a{
  font-family: 'museo_slab500';
  color:#666;
  text-decoration:none;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
  
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

nav#item-pagination ul li a:hover{
  
  color:#0197be;
  
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  }


.outer-center {
    float: right;
    right: 50%;
    position: relative;
}
.inner-center {
    float: right;
    right: -50%;
    position: relative;
}

/*albums-page*/

div#content-main-full h1.photo-albums-title, div#content-main-full h1.photo-album-title{

font-family: 'museo_slab500';
  color:#0197be;
  font-weight:normal;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
  float:left;
  padding-left:90px;
  height:80px;
  line-height:80px;
  background:url(../images/teachings-title-sprite.png) left -295px no-repeat;
  margin-bottom:0;
}

div#content-main-full h1.photo-album-title{
  font-size:24px;
  padding-left:100px;
  }

div#content-main-full .album-thumb{
  width:233px;
  height:233px;
  background:url(../images/album-thumb-bg.png) left top no-repeat;
  position:relative;
  padding:12px 0 0 12px;
  hasLayout:true;
  }
  
  div#content-main-full .album-thumb,div#content-main-full .delete-thumb {
  width:233px;
  height:233px;
  background:url(../images/album-thumb-bg.png) left top no-repeat;
  position:relative;
  padding:12px 0 0 12px;
  hasLayout:true;
  }
  
div#content-main-full .delete-thumb {
  height:170px;
  }
  
div#content-main-full .delete-thumb{
  background-image:none;

  }
div#content-main-full .delete-thumb img{	
    border:3px solid white;
  -webkit-box-shadow: 0px 3px 5px rgba(121, 121, 118, 0.75);
  -moz-box-shadow:    0px 3px 5px rgba(121, 121, 118, 0.75);
  box-shadow:         0px 3px 5px rgba(121, 121, 118, 0.75);
}


div#content-main-full .album-thumb a.view-album, div#content-main-full .delete-thumb a.delete-image {
  position:absolute;
  left:12px;
  top:12px;
  display:block;
  width:223px;
  height:152px;
  background:url(../images/album-thumb-overlay.png) left top no-repeat;
  
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  
  hasLayout:true;
  -moz-opacity: 0;
  opacity:0;
  filter: alpha(opacity=0);
  
  -webkit-transition: opacity 200ms ease-out;
  -moz-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  -ms-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
  }
  
  div#content-main-full .delete-thumb a.delete-image {
  left:15px;
  top:15px;
  background-image:url(../images/delete-thumb-overlay.png);
  }
  
div#content-main-full .album-thumb a.view-album:hover{
  
  -moz-opacity: 0.70;
  opacity:.70;
  filter: alpha(opacity=70);
  
  }
  
  div#content-main-full .delete-thumb a.delete-image:hover{
  
  -moz-opacity: 0.90;
  opacity:.90;
  filter: alpha(opacity=90);
  
  }

div#content-main-full .album-thumb h2{
  
  color:#0197be;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
  font-size:16px;
  font-weight:500;
  line-height:22px;
  margin:10px 0 5px 0;
  
  }
  
.album-meta p{
  font-size:11px;
  width:80px;
  float:left;
  margin:0;
  height:20px;
  line-height:20px;
  padding-left:25px;
  background:url(../images/album-thumb-meta-icons.png) left top no-repeat;
  }


.album-meta p.number-of-images{
  background-position:0 -30px;
  }


div.albums-top .album-meta{
  float:right;
  margin-top:60px;
  }
  
div#content-main-full .album-thumb.latest-album{
  width:490px;
  height:490px;
  background:none;
  padding:0;
  position:relative;
  overflow:visible;
}
  
div#content-main-full .album-thumb.latest-album h3{
  color:#797979;
  font-family: 'museo_slab500';
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
  font-weight:500;
  font-size:24px;
  margin-top:5px;
  }	
  
div#content-main-full .album-thumb.latest-album #latest-album-name{
  position:relative;
  display:block;
  margin-bottom:25px;
  }
div#content-main-full .album-thumb.latest-album h2{
  
  position:absolute;
  left:0px;
  bottom:30px;
  font-size:28px;
  line-height:40px;
  width:340px;
  padding:20px 30px 30px 30px;
  background:url(../images/article-title-bg.png) left bottom no-repeat;
  text-shadow: 0px 1px 0px rgba(10, 25, 30, 1);
  color:white;
  

  }	
  
div#content-main-full .album-thumb.latest-album a{
  display:block;
  padding:10px 0 0 10px;
  background:url(../images/album-latest-thumb-bg.png) left top no-repeat;
  width:480px;}
  
  


.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope-hidden a{
  cursor:pointer;
}
  
  
ul#album-filters{
  float:right;
  margin-top:60px;
  }
  
ul#album-filters li{
  display:inline;
  }

ul#album-filters li a{
  display:inline;
  font-family: 'Open Sans', sans-serif;
  font-weight:bold;
  color:#333;
  text-transform:uppercase;
  text-decoration:none;
  font-size:11px;
  padding-left:15px;
  }	
  
ul#album-filters li a:hover, ul#album-filters li a.current{
  color:#0197be;
  
  }
  
div.albums-top{
  background:url(../images/indent-line.png) left bottom repeat-x;
  margin-bottom:20px;
  }
  
#photo-album .img-link{
  margin-bottom:20px;
  margin-left:5px;
  
  }
  #photo-album{
  margin-bottom:30px;
  }


/*helpers*/

.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.cf:after {
  content: "";
  display: table;
  clear: both;
}
.fLeft {
  float:left;
}
.fRight {
  float:right;
}


/*upload form*/


#upload-form{
  background:url(../images/transp.png) left top repeat;
  padding:10px;
  display:inline-block;
  margin:0 auto;
  
  -webkit-box-shadow: inset 0px 1px 1px 1px #cccccc;
  box-shadow: inset 0px 1px 1px 1px #cccccc;

  -webkit-border-radius: 10px;
  border-radius: 10px;

  -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
  box-shadow: 0px 1px 0px 0px #ffffff;
  margin-bottom:20px;
  }

#upload-form a.form-btn{
  display:block;
  float:left;
  width:145px;
  height:38px;
  background:url(../images/teaching.item-button-bg.png) left bottom no-repeat;
    text-decoration:none;
  }
  
#upload-form a.form-btn span{
  display:block;
  padding:8px;
  width:120px;
  height:18px;
  line-height:18px;
  font-size:14px;
  font-weight:bold;
  color:#FFF;

  text-shadow: 0px 1px 1px rgba(2, 84, 105, 1);
  background:url(../images/reading-icon.png) right center no-repeat;
  
  }
  
#upload-form a.form-btn span.upload-btn{
  background-image:url(../images/upload-icon.png);
  }
  
#upload-form a.form-btn span.select-btn{
  background-image:url(../images/select-icon.png);
  }
  
  
#upload-form .filename{
  float:left;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
  font-weight:bold;
  margin-left:15px;
  margin-right:30px;
  }
  
#upload-form a.form-btn:hover{
   background-position:left top;
   }
   
#upload-form a.disabled{
  -moz-opacity: 0.40;
  opacity:.40;
  filter: alpha(opacity=40);
  cursor:default;
  
}

#upload-form a.form-btn.disabled:hover{
  background-position:left bottom;
  }