/* Section ID
------------------------------------ */

#id {
  text-align: left; }


 /* Content
------------------------------------ */

#body { 
   width: 980px;
   background: #fff;
} 
      
#content, #section-menu, #callouts, #offices { float: left; } 
   
#content {
   text-align: left;
   width:710px;
   padding:20px;} 
   
#content.topic {
    padding: 20px;
    text-align: left;
    width: 500px;
}   

#content figure.photo {
    display: block;
    float: right;
    margin: 0 0 15px 15px;
    position: relative;
    width: auto;
}

#section-menu {
    width: 190px;
    padding: 0 0 20px 20px;
    margin-top:20px;}
    
#callouts {
  width: 210px;
  margin-top:20px;
}

#offices {
  width: 210px;
  margin:40px 0;
}

#offices h4 {
    font-size: 16px;
    margin-top: 20px;
    color: #bc420e;
}

#callouts a {
  color:#fff;
}

  #callouts article {
    background: #26547c;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI2NTQ3YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMTMzNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #26547c 0%, #113350 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#26547c), color-stop(100%,#113350));
    background: -webkit-linear-gradient(top,  #26547c 0%,#113350 100%);
    background: -o-linear-gradient(top,  #26547c 0%,#113350 100%);
    background: -ms-linear-gradient(top,  #26547c 0%,#113350 100%);
    background: linear-gradient(to bottom,  #26547c 0%,#113350 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26547c', endColorstr='#113350',GradientType=0 );
    color: #fff; 
    margin-bottom:20px;
    padding:15px; }
  
    #callouts article.money, #callouts article.question { 
    background: #62cbca; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyY2JjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMTdjN2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #62cbca 0%, #217c7b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62cbca), color-stop(100%,#217c7b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #62cbca 0%,#217c7b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #62cbca 0%,#217c7b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #62cbca 0%,#217c7b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #62cbca 0%,#217c7b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62cbca', endColorstr='#217c7b',GradientType=0 ); /* IE6-8 */ }
    
    #callouts article.resource, #callouts article .media, #callouts article .quote { 
      background: #bc420e; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JjNDIwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZDJjMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top,  #bc420e 0%, #8d2c02 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bc420e), color-stop(100%,#8d2c02)); /* Chrome,Safari4+ */  
      background: -webkit-linear-gradient(top,  #bc420e 0%,#8d2c02 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #bc420e 0%,#8d2c02 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #bc420e 0%,#8d2c02 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #bc420e 0%,#8d2c02 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc420e', endColorstr='#8d2c02',GradientType=0 ); /* IE6-8 */}
   
#callouts article h5 {
    background: url("../img/icon-highlight.png") no-repeat scroll left top transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 800;
    height: 30px;
    line-height: 1.3;
    margin-bottom: 10px;
    padding: 3px 0 5px 40px;
    text-transform: uppercase; }
    
    #callouts article.states h5  { background: url("../img/icon-states.png") no-repeat scroll left top transparent;}
    #callouts article.money h5  { background: url("../img/icon-money.png") no-repeat scroll left top transparent;}
    #callouts article.media h5  { background: url("../img/icon-media.png") no-repeat scroll left top transparent;}
    #callouts article.question h5  { background: url("../img/icon-question.png") no-repeat scroll left top transparent;}
    #callouts article.quote h5 { background: url("../img/icon-quote.png") no-repeat scroll left top transparent; }
    #callouts article.resource h5  { background: url("../img/icon-resource.png") no-repeat scroll left top transparent; }


#section-hero {
 padding:20px;
 height:205px;
 background: #c7c9cc;}

#section-hero h1 {
  font-size: 28px;
  color: rgba(255, 255, 255, 1);
  
}

#section-hero p {
     color: rgba(255, 255, 255, .7);
    font-size: 23px;
    font-weight: 300;
    line-height: 1.3;
    position: absolute;
    width: 500px;
    font-family: "jaf-bernino-sans",arial,sans-serif; }
    
.wide #body { background-image: none; }
.wide #content {
   width: 950px;
   float: none;
   padding: 10px 0; }      
      
      
/* Expander 
--------------------------------------------------- */

.expander { margin: 0 0 5px; }
   
.expander-header { 
   cursor: pointer;
   padding: 10px 0;
   display: block;	
	-webkit-transition: background-color .35s ease-in-out, color .35s ease-in-out;
		-moz-transition: background-color .35s ease-in-out, color .35s ease-in-out;
		-o-transition:   background-color .35s ease-in-out, color .35s ease-in-out;
		-ms-transition:  background-color .35s ease-in-out, color .35s ease-in-out;
		transition:      background-color .35s ease-in-out, color .35s ease-in-out; }

.expander-header h2 {
   font-size: 18px;
      color: #eb6e1f;
      line-height: 1;
      text-transform: none;
	margin: 0;
   padding: 0 25px 0 0;
   position: relative;
   padding-bottom: 0 !important; 
   transition:            color .3s ease-in-out;    
      -webkit-transition: color .3s ease-in-out;  
      -moz-transition:    color .3s ease-in-out;  
      -o-transition:      color .3s ease-in-out;  
      -ms-transition:     color .3s ease-in-out; }   
.expander-header:hover h2,
.expander-header.selected h2 { color: #fdb825 !important; }   
.expander-header.selected:hover h2 { color: #00aec5 !important; }   

.expander-header h2:after {
   background: #00aec5 url(http://www.policyforresults.org/theme/img/expander.png) no-repeat center 5px; 
   width: 22px;
   height: 21px;
   display: block;
   content:" ";
   -moz-border-radius:       20px;
      -webkit-border-radius: 20px;
      border-radius:         20px;    
   color: #fff;
   font-size: 22px;
   line-height: 19px;
   font-weight: 300;
   text-align: center;
   position: absolute;
      top: 0;
      right: 0;
   transition:            background-color .3s ease-in-out;    
      -webkit-transition: background-color .3s ease-in-out;  
      -moz-transition:    background-color .3s ease-in-out;  
      -o-transition:      background-color .3s ease-in-out;  
      -ms-transition:     background-color .3s ease-in-out; }
.expander-header:hover h2:after { background-color: #eb6e1f; }
.expander-header:active h2:after { 
   background-color: #fdb825; 
   box-shadow:            inset 1px 1px 2px rgba(0, 0, 0, 0.3);       
      -moz-box-shadow:    inset 1px 1px 2px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);  }

.expander-header.selected h2:after { background-position: center -47px !important; }

.expander-header p { margin-bottom: 0; }
   
.expander-header:hover { background-position: 630px -68px; }
.expander-header:active {  }        
      
.expander-body { 
   background: #fff;
   padding: 5px 0;   }       
.expander-body p:last-child { margin-bottom: 0; }     
   
   
/* Blog 
--------------------------------------------------- */  

.post { padding: 15px 0; }

.post:first-child { padding: 0 0 15px 0; } 

.post:last-child { 
   border-bottom: none;
   padding: 15px 0 0; }   
   
.meta { 
   border-bottom: 1px solid #f5f5f5; 
   padding: 0 0 10px;
   margin-bottom: 15px; }

   .post h2 { 
      font-size: 26px;
      text-transform: none;
      margin-bottom: 5px;
      border:none;
      text0transform:none;}
      
   .meta small {
      font-size: 10px;
      line-height: 1;
      text-transform: uppercase; }  

.post .text { padding: 0 5px 0; }

.post .tags {
   padding: 8px 4px;
   border-top: 1px solid #f5f5f5;
   display: block;
   font-size: 10px;
   line-height: 1; }

.post .share {
   background: #f4f3f3;   
   padding: 9px 10px 4px 0px;
   -moz-border-radius:     6px;
   -webkit-border-radius:  6px;
   border-radius:          6px; 
   font-size: 10px;
   line-height: 1;  
   text-align: left;
   text-transform: uppercase;    
   position: relative; 
   transition:            background-color .3s ease-in-out;    
      -webkit-transition: background-color .3s ease-in-out;  
      -moz-transition:    background-color .3s ease-in-out;  
      -o-transition:      background-color .3s ease-in-out;  
      -ms-transition:     background-color .3s ease-in-out; }
.post .share { background-color: #e2e0e0; }

.share .twitter-share-button {
   margin-left: 10px;
   float: left; }

.share a.rss,
.share a.addthis { 
   float: right;
   display: block; 
   line-height: 16px;
   width: 40px;
   margin: 5px 7px; }
   
.share a.rss {  width: 37px;  } 
.share a.addthis { width: 52px; } 

.share a.rss .icon { background-image: url(../img/rss.png); }
.share a.addthis .icon { background-image: url(../img/share.png); } 

.share a .icon {
   background-color: #0099ad;   
   background-position: center center;
   background-repeat: no-repeat;
   width: 14px;
   height: 14px;
   float: right;
   -moz-border-radius:    9px;
   -webkit-border-radius: 9px;
   border-radius:         9px;    
   display: inline-block; 
   -webkit-transition: all .3s ease-in-out;
   -moz-transition:    all .3s ease-in-out;
	-o-transition:      all .3s ease-in-out;
	-ms-transition:     all .3s ease-in-out;
	transition:         all .3s ease-in-out; }
.share a:hover .icon {
   background-color: #eb6e1f;
   -moz-box-shadow:    0 1px 1px rgba(0,0,0,.2);
   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
   box-shadow:         0 1px 1px rgba(0,0,0,.2); }
.share a:active .icon {
   background-color: #00aec5;
   -moz-box-shadow:    inset 0 1px 1px rgba(0,0,0,.2);
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
   box-shadow:         inset 0 1px 1px rgba(0,0,0,.2); }        

 
 /* Three Column Layout
------------------------------------ */

.threecol { }
   
.threecol .col1,
.threecol .col2,
.threecol .col3 { 
   width: 326px;
   float: left; }   
   
.threecol .col1 { 
   background: #eee;      
   width: 280px;
   padding: 25px;
   -moz-border-radius:     6px;
   -webkit-border-radius:  6px;
   border-radius:          6px; 
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition:   all .3s ease-in-out;
	-ms-transition:  all .3s ease-in-out;
	transition:      all .3s ease-in-out; }
.threecol .col1:hover { background: #e4e4e4; }

.threecol .col2 { 
    width: 350px;
    padding: 0 25px; 
    }
   
.threecol .col3 { 
   width: 205px;
   text-align: center;
   padding: 0 0 0 15px; } 

 
 




 /* VIDEO
------------------------------------ */

#video {
    border-bottom: 1px solid #d9dee0;
    margin-bottom: 20px;
    position: relative;
    }

#video iframe,
#video embed,
#video object {
    width: 700px;
    height: 390px;
    -moz-border-radius:     6px;
    -webkit-border-radius:  6px;
    border-radius:          6px; 
    }
    
#video h2 {
    font-size: 28px;
    margin-top: 10px;
    text-transform: none;
    }
    
    
/* --------------- AddThis --------------- */

#video .addthis_toolbox {
    width: 33px;
    position: absolute;
    top: 240px;
    right: 7px;
    padding-top: 3px;
    background: url('../img/video-share.png') no-repeat right top;
    }
    
#video .addthis_button_facebook,
#video .addthis_button_twitter,
#video .addthis_button_email {
    display: block;
    width: 33px;
    height: 33px;
    float: left;
    padding: 0;
    -webkit-transition: background-color .5s ease-in-out;
  	-moz-transition: background-color .5s ease-in-out;
		-o-transition: background-color .5s ease-in-out;
		-ms-transition: background-color .5s ease-in-out;
		transition: background-color .5s ease-in-out;
    }  
    
#video .addthis_button_facebook span,
#video .addthis_button_twitter span,
#video .addthis_button_email span {
    text-indent: -99999px;
    background: transparent !important;
    }  
    
    
#video .addthis_button_facebook { background:  #2E659D url('../img/facebook.png') no-repeat center center; }
#video .addthis_button_twitter { background: #2ba9dd url('../img/twitter.png') no-repeat center center; }
#video .addthis_button_email { background: #BC420E url('../img/email.png') no-repeat center center; }
    
#video .addthis_button_facebook:hover { background-color: #275687; opacity: 1; }
#video .addthis_button_twitter:hover { background-color: #288db8; opacity: 1;}
#video .addthis_button_email:hover { background-color: #98361b; opacity: 1; }


#at15s { display: none; }
    
    
    
/* --------------- Video Feed --------------- */


.feed  h2 {
    font-family: "jaf-bernino-sans", arial;
    font-size: 25px;
    line-height: 1;
    font-weight:700;
    padding-bottom:20px;
    text-transform: uppercase;
    margin: 0 0 10px; 
    color: #2E659D;
    }     
   
.feed h2:hover { color: #62CBCA; }

.feed a.rss,
.feed a.youtube {
    width: 18px;
    height: 18px;
    -moz-border-radius:       9px;
    -webkit-border-radius: 9px;
    border-radius:         9px;    
    display: inline-block; 
    -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
    -o-transition:   all .3s ease-in-out;
    -ms-transition:  all .3s ease-in-out;
    transition:      all .3s ease-in-out; 
    }
    
    .feed a.rss { background: #2E659D url(../img/rss.png) no-repeat center center;  }
    .feed a.youtube { background: #2E659D url(../img/youtube.png) no-repeat center center;  }    
    
       
.feed a.rss:hover,
.feed a.youtube:hover {
    background-color: #62CBCA;
    -moz-box-shadow:       0 1px 1px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-shadow:         0 1px 1px rgba(0,0,0,.2); 
    }
      
.feed a.rss:active,
.feed a.youtube:active {
    background-color: #62CBCA;
    -moz-box-shadow:       inset 0 1px 1px rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
    box-shadow:         inset 0 1px 1px rgba(0,0,0,.2); 
    }   

.feed.video .panel { min-height: 500px; } 

.feed.video {
    margin-top: 30px;
    }

.feed.video article {
    width: 145px;
    min-height: 180px;
    padding: 15px;
    float: left;
    -moz-border-radius:     4px;
    -webkit-border-radius:  4px;
    border-radius:          4px; 
    }
    
    .video-feed.blocks article:last-child { margin-right: 0; }
     
    .feed.video article:hover {
        background-color: #f6f6f6; 
        -moz-box-shadow:    0 1px 2px rgba(0,0,0,.15);
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
        box-shadow:         0 1px 2px rgba(0,0,0,.15); 
        }
            
    .feed.video article:active,
    .feed.video article.active{
        background-color: #f3f3f3; 
        -moz-box-shadow:    inset 0 1px 2px rgba(0,0,0,.15);
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.15);
        box-shadow:         inset 0 1px 2px rgba(0,0,0,.15); 
        }
            
.feed.video article img {
    width: 145px;
    height: 109px;
    -moz-border-radius:     6px;
    -webkit-border-radius:  6px;
    border-radius:          6px;  
    }
        
.feed.video article h3 {
    text-transform: none;
    font-size: 13px;
    }
      
.tabs {
  position: relative;   
  clear: both;
  margin: 25px 0;
}

.tab-content {
    background: url("../img/tab-content-bg.png") no-repeat;
    min-height: 200px;
    padding: 20px;
}

a.tab {
    background: none repeat scroll 0 0 #f1f1f1;
    color: #2b2525;
    display: inline-block;
    padding: 10px;
    text-transform: uppercase;
    font-family: "jaf-bernino-sans", sans-serif;
    font-weight:600;
}

a.tab.active {
  background-color: #26547c;
  color: #ffffff;
}

.heading {
    background: url("../img/icon-data.png") no-repeat scroll 0 0 transparent;
    display: block;
    padding-left: 80px;
    min-height:80px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E6E6E6;
}

.heading h2 {
  margin-bottom: 0;
  border-bottom: none;
}

  .strategies .heading { background: url("../img/icon-strategy.png") no-repeat scroll 0 0 transparent;}
  .implementation .heading { background: url("../img/icon-implementation.png") no-repeat scroll 0 0 transparent;}
  .funding-principles .heading { background: url("../img/icon-funding.png") no-repeat scroll 0 0 transparent;}
  
  #subscribe-response {
    float: right;
}


/* BLOG */

.post { padding: 15px 0; }

.post:first-child { padding: 0 0 15px 0; } 

.post:last-child { 
  border-bottom: none;
  padding: 15px 0 0; }   

.meta { 
  border-bottom: 1px solid #f5f5f5; 
  padding: 0 0 10px;
  margin-bottom: 15px; }

.post h2 { 
  font-size: 26px;
  text-transform: none;
  margin-bottom: 5px; }

.meta small {
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase; }  

.post .text { padding: 0 5px 0; }

.post .tags {
  padding: 8px 4px;
  border-top: 1px solid #f5f5f5;
  display: block;
  font-size: 10px;
  line-height: 1; }
  
/*  -------------- Sharing  ---------------- */
  
.post .share {
  background: #f4f3f3;   
  padding: 9px 10px 4px 0px;
  -moz-border-radius:     6px;
  -webkit-border-radius:  6px;
  border-radius:          6px; 
  font-size: 10px;
  line-height: 1;  
  text-align: left;
  text-transform: uppercase;    
  position: relative; 
  transition:         background-color .3s ease-in-out;    
  -webkit-transition: background-color .3s ease-in-out;  
  -moz-transition:    background-color .3s ease-in-out;  
  -o-transition:      background-color .3s ease-in-out;  
  -ms-transition:     background-color .3s ease-in-out; }
.post .share { background-color: #F5F5F5; margin-top:10px; }

.share .twitter-share-button {
  margin-left: 10px;
  float: left; }

.share a.rss,
.share a.addthis { 
  float: right;
  display: block; 
  line-height: 16px;
  width: 40px;
  margin: 5px 7px; }

.share a.rss {  width: 37px;  } 
.share a.addthis { width: 52px; } 

.share a.rss .icon { background-image: url(../img/rss.png); }
.share a.addthis .icon { background-image: url(../img/share.png); } 

.share a .icon {
  background-color: #0099ad;   
  background-position: center center;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  float: right;
  -moz-border-radius:    9px;
  -webkit-border-radius: 9px;
  border-radius:         9px;    
  display: inline-block; 
  -webkit-transition: all .3s ease-in-out;
  -moz-transition:    all .3s ease-in-out;
  -o-transition:      all .3s ease-in-out;
  -ms-transition:     all .3s ease-in-out;
  transition:         all .3s ease-in-out; }
  
.share a:hover .icon {
  background-color: #eb6e1f;
  -moz-box-shadow:    0 1px 1px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
  box-shadow:         0 1px 1px rgba(0,0,0,.2); }
  
.share a:active .icon {
  background-color: #00aec5;
  -moz-box-shadow:    inset 0 1px 1px rgba(0,0,0,.2);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
  box-shadow:         inset 0 1px 1px rgba(0,0,0,.2); } 
  
  
  
/*  -------------- Commenting  ---------------- */

.discussion {
  border-top: 1px solid #f5f5f5; 
  padding: 20px 0 0 0;
  clear: both;
  display: block; }  
  .discussion h3 {
  margin: 0 0 15px;
  font-size: 22px;
  text-transform: uppercase; }  

#ce-new-comment { position: relative; }

#ce-new-comment h2 { margin-bottom: 14px; }

.comment {
  border: solid 1px #ccc;
  border-radius: 5px;
  margin: 10px 0;
  padding:5px; }
#ce-ce-new-comment .submit { width: 100px; }
.thread .replies { margin: 10px; }

#ce-commenter-identity {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 1;
  text-align: right; }

#ce-commenter-identity nav { display: block; }

#ce-commenter-identity ul { 
  margin: 0;
  list-style-type: none;
  display: inline-block; }
#ce-commenter-identity li { 
  display: inline-block !important;
  padding: 0 0 0 5px;
  margin-bottom: 4px !important; }

#ce-login-links-providers li {
  width: 16px;
  height: 16px;
  padding: 0; 
  margin: 0 2px 0 !important;
  float: left; }
#ce-login-links-providers li:first-child {
  width: auto !important; 
  padding-right: 5px;
  line-height: 16px; }
#ce-login-links-providers li:last-child { margin-right: 0; }

#ce-login-links-providers a {
  background-position: center center;
  background-repeat: no-repeat;
  height: 16px;
  display: block;
  -moz-border-radius:    4px;
  -webkit-border-radius: 4px;
  border-radius:         4px;   
  position: relative;
  overflow: hidden; 
  -webkit-transition: all .3s ease-in-out;
  -moz-transition:    all .3s ease-in-out;
  -o-transition:      all .3s ease-in-out;
  -ms-transition:     all .3s ease-in-out;
  transition:         all .3s ease-in-out; }

#ce-login-links-providers a:hover {
  -moz-box-shadow:    0 1px 1px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
  box-shadow:         0 1px 1px rgba(0,0,0,.2); }
#ce-login-links-providers a:active {
  -moz-box-shadow:    inset 0 1px 1px rgba(0,0,0,.2);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
  box-shadow:         inset 0 1px 1px rgba(0,0,0,.2); }

#ce-login-links-providers a span {  
  position: absolute;
  left: -999em;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

#ce-login-facebook {
  background-image: url(../img/facebook-16.png);   
  background-color: #495ea4; }
#ce-login-facebook:hover { background-color: #243E6F }

#ce-login-twitter {
  background-image: url(../img/twitter-16.png);      
  background-color: #00acee; }
#ce-login-twitter:hover { background-color: #037FAE; }

#ce-login-google { 
  background-image: url(../img/google-16.png);      
  background-color: #d2442a; }
#ce-login-google:hover { background-color: #ee2d09; }

#ce-login-linkedin {
  background-image: url(../img/linkedin-16.png);      
  background-color: #0073b2; }
#ce-login-linkedin:hover { background-color: #045c8c; }

#ce-commenter-identity-logged-in { padding-top: 12px; }

#ce-commenter-identity-logged-in li { padding-left: 0 !important; }
#ce-commenter-identity-logged-in li:first-child:after {
  content: "·";
  padding: 0 7px; }

/*  ----- Comment Meta  ----- */

#ce-comments-meta {
  margin: 15px 0 5px;
  padding: 7px 0 6px; 
  border-top: 1px solid #E2E0E0;
  border-bottom: 1px solid #E2E0E0;
  position: relative; }

.comment-count {
  float: left;
  margin: 1px 10px 0 12px;  
  font-size: 10px;
  text-transform: uppercase; }

.comment-count strong { 
  background: #00aec5; 
  display: inline-block;
  position: relative; 
  padding: 0 4px; 
  margin-right: 3px;
  font-size: 12px;
  line-height: 1.5;
  color: #fff;
  font-weight: normal;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition:    all .3s ease-in-out;
  -o-transition:      all .3s ease-in-out;
  -ms-transition:     all .3s ease-in-out;
  transition:         all .3s ease-in-out; } 
.comment-count:hover strong { background: #eb6f21; } 
  
.comment-count strong:after { 
  width: 0;   
  height: 0; 
  margin-top: -3px;   
  border: solid transparent; 
  border-color: rgba(0, 174, 197, 0); 
  border-left-color: #00aec5; 
  border-width: 3px; 
  content: " ";  
  pointer-events: none;
  position: absolute; 
  left: 100%; 
  top: 50%;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition:    all .3s ease-in-out;
  -o-transition:      all .3s ease-in-out;
  -ms-transition:     all .3s ease-in-out;
  transition:         all .3s ease-in-out; }
.comment-count:hover strong:after { border-left-color: #eb6f21; }

/*  ----- Comment Pagination  ----- */

.pagination ul { 
  list-style: none; 
  margin: 0;}

.pagination li { 
  width: 12px;
  margin: 0 1px;
  display: inline-block; }

.pagination li a {
  background-color: #0099ad;   
  height: 13px;
  width: 13px;
  -moz-border-radius:    6px;
  -webkit-border-radius: 6px;
  border-radius:         6px;
  display: block;
  font-size: 9px;
  line-height: 13px;
  color: #fff;
  text-align: center; 
  -webkit-transition: all .3s ease-in-out;
  -moz-transition:    all .3s ease-in-out;
  -o-transition:      all .3s ease-in-out;
  -ms-transition:     all .3s ease-in-out;
  transition:         all .3s ease-in-out; }
.pagination li:hover a {
  background-color: #eb6e1f;
  -moz-box-shadow:    0 1px 1px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
  box-shadow:         0 1px 1px rgba(0,0,0,.2); }
.pagination li:active a {
  background-color: #fdb825;
  color: #677d86;
  -moz-box-shadow:    inset 0 1px 1px rgba(0,0,0,.2);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
  box-shadow:         inset 0 1px 1px rgba(0,0,0,.2); } 

.pagination ul li a.active-page-link { 
  background-color: #e2e0e0; 
  -moz-box-shadow:    inset 1px 1px 1px rgba(0,0,0,.3);
  -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,.3);
  box-shadow:         inset 1px 1px 1px rgba(0,0,0,.3);   
  color: #677d86; }
.pagination ul li a.active-page-link:hover,
.pagination ul li a.active-page-link:active { 
  background-color: #e2e0e0;
  cursor: auto; }


/*  ----- Comment/Textarea  ----- */

li.comment label,
#ce-commenter-identity label { position: relative; }

#ce-new-comment label span {
  position: absolute;
  left: -999em;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }
  #ce-new-comment input, 
  #ce-new-comment textarea {
  width: 686px;
  color: #fff;
  font-size: 16px; }
#ce-new-comment textarea { height: 110px; }

#ce-new-comment .comment { margin-bottom: 3px !important; }   
#ce-new-comment .comment textarea { height: 80px; }

#ce-new-comment .submit { 
  clear: both; 
  padding-top: 0 !important; }
#ce-new-comment button { width: 100%; }

#ce-commenter-comments { padding-top: 20px; }

#ce-commenter-comments .comment {
  content: "";  
  padding: 10px 5px 15px 5px;
  border-bottom: 1px solid #f5f5f5; }
#ce-commenter-comments .comment:last-child { border-bottom: 0 !important; }

.comment .meta { 
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 0 !important; 
  line-height: 14px; }

.comment time,
.comment .author {
  display: inline;
  font-size: 10px;
  text-transform: uppercase; }
.comment .author:after {
  content: "·";
  padding: 0 7px; }

.comment .text { padding: 5px 0 0; }

.comment.comment-with-photo { padding: 10px 10px 10px 40px !important; }
  
.comment .avatar {
  float: left;
  margin-left: -34px; }
  
.comment .avatar img { 
  width: 30px;
  height: 30px;
  -moz-border-radius:    4px;
  -webkit-border-radius: 4px;
  border-radius:         4px; }

#ce-errors {
  color: #cc0000;
  font-weight: bold;
}

.comment-actions {
  text-align: right;
}

.comment-actions ul {
  list-style-type: none;
}

.comment-actions ul li {
  display: inline-block;
}

#bnav h3 {
    margin: 10px 0 5px;
}

#bnav h3:first-child {
    margin-top: 0;
}

#bnav {
  padding: 15px;
  background-color: #F5F5F5
}

#bnav select {
    border: medium none;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 13px;
    margin: 0 auto;
    padding: 7px 9px 6px 6px;
    transition: all 0.35s ease-in-out 0s;
    width: 180px;
}