/* Blog 
--------------------------------------------------- */  

.post { 
    padding: 15px 0; 
    position: relative;
    }

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

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

    
.post h2 { 
    font-size: 31px;
    line-height: .9;
    text-transform: none;
    margin-bottom: 10px; 
    }
    
    .post h2 a { 
        color: #7d7d7d;
        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; 
        }
    
     .post h2 a:hover { color: black; }   

.post time {
    font-size: 11px;
    line-height: 1;
    margin-bottom: 10px;
    display: block;
    color: #989898;
    padding-bottom: 10px;
    }  


 /* Author info 
--------------------------------------------------- */  
 
.post .author { 
    padding: 10px 0 20px 0;
    } 
 
.post .author .headshot { 
    width: 35px;
    height: 35px;
    display: block;
    float: left;
    margin-right: 10px;
    }
    
.post .author .headshot img { 
    width: 35px;
    height: 35px;
    } 
    
.post .author p {
    font-size: .75em;
    line-height: 1.1;
    margin: 0; 
    } 
    
.post .author .author-archive { 
    display: block;
    font-size: 1.4em;
    color: #6c6c6c;
    margin-bottom: 3px;
    } 
    
    .post .author .author-archive:hover { color: #4b4b4b; }      
    

.post .image-intro img {
    max-width: 100%;
    width: 100%;
    }

@media (orientation: portrait) { 
.post .image-intro { 
  width: 100%;
  margin-bottom: 10px; }
}   
@media (orientation: landscape) { 
.post .image-intro { width: 40%; }
.post .img-left {
    margin: 0 15px 15px 0; 
    float: left;
    }
    
.post .img-right {
    margin: 0 0 15px 15px; 
    float: right;
    }
}  
    

.post .post-footer { 
    margin-top: 15px; 
    background: #f6f6f6;
    border-bottom: 5px solid #ededed;
    position: relative;
    padding: 10px 90px 10px 10px; }
    
.comment-count {
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1;
    display: block;
    float: left;
    margin-right: 15px;
    }

.post .tags {
   font-size: 10px;
   line-height: 1;
   float: left;
   }


.post .author-bio {
    font-size: .8em;
    line-height: 1.25;
    font-style: italic;
    }




/* Addthis - Sharing
------------------------------------ */ 

.post .share { 
  position: absolute;
  top: 5px;
  right: 5px; }
  
.post .share a {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 13px !important;
  display: block;
  float: left !important;
  margin-left: 2px; }   

.blog-graphic .share {
  margin-top: 10px; 
  text-align: center; }

.blog-graphic .share .addthis_toolbox {
  display: inline-block; }
.blog-graphic .share h3 {
  display: inline-block;
  float: none; }

h3.archive { font-size: 18px; text-transform: uppercase; font-weight: 700;}





/*  -------------- Youtube Video for the Blog  ---------------- */

.intro > div:first-child {
  width: 100% !important; }
  
  
.post iframe,
.post object,
.post embed {
  width: 100%;
  -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; }
    
.blog-post .post iframe {
  width: 100%; }
    
@media (orientation: portrait) { 
.post iframe,
.post object,
.post embed { height: 220px; }
}   
@media (orientation: landscape) { 
.blog-post .post iframe,
.blog-post .post object 
.blog-post .post embed {
   height:320px; }
}  


#presidents-latest {
    background: #2372af;
    padding: 15px;
    margin-bottom: 15px;
    }
    
#presidents-latest .post { padding: 0; color: #c0dbef; }

#presidents-latest .post h2 a,
#presidents-latest .post a { color: #e2f3ff; }


#presidents-latest .post h3.title { color: #DEF1FF; }

#presidents-latest .post .author-archive { color: #c0dbef; }
    
#presidents-latest .post a:hover,
#presidents-latest .post h2 a:hover,
#presidents-latest .post .author-archive:hover { color: white; } 




#presidents-latest .author { padding: 0; color: #c0dbef; }


#presidents-latest .post iframe,
#presidents-latest .post object {
    width: 100%;
    height: 410px; 
    }
    


#presidents-latest .post .intro {
    padding-top: 20px; 
    }


#content #presidents-latest .post .share {
    color: #1a3947; 
    top: auto;
    bottom: 0;
    right: 0;
    }

#content #presidents-latest .post .share a {
    background: rgba(255,255,255,0.4);
    color: #2372af;
    }   

#content #presidents-latest .post .share a:hover {
    background: rgba(255,255,255,1);
    } 




/*  -------------- New Presidents' Perspective Styles  ---------------- */


#presidents-latest .presidents-perspective .author{ 
    margin-bottom: 25px;
    }
    
#presidents-latest .presidents-perspective h3.title { 
    color: #DEF1FF; 
    margin-top: 2px;
    }

#presidents-latest .presidents-perspective .headshot,
#presidents-latest .presidents-perspective .headshot img { 
    width: 60px;
    height: 60px; 
    }

#presidents-latest .presidents-perspective p .author-archive { font-size: 1.65em; }


#content #presidents-latest .post.presidents-perspective .share {
    right: 0;
    bottom: -20px;
    }
    
#presidents-latest .post.presidents-perspective .intro {
    padding-top: 10px; 
    }

    
    
/*  -------------- BLOG Commenting  ---------------- */

.discussion {
    padding: 25px 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,
#ce-reply-helper-text .link-to-reply { 
    font-size: 18px; 
    margin: 0 0 14px 0;
    }
    
    #ce-reply-helper-text .link-to-reply { 
        float: left;
        max-width: 330px;
        }
    

.login-required.logged-out li.textarea, .login-required.logged-out li.submit { display: none !important;  }
.login-required.logged-in  li.textarea, .login-required.logged-in  li.submit { display: block !important; }

/*  -------------- LOGIN LINKS  ---------------- */

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

#ce-commenter-identity nav {   
    display: inline-block;
    float: left;
    }
    
#ce-commenter-identity ul { 
    margin: 0;
    list-style-type: none;
    display: block; 
    }
   
   
#ce-commenter-identity #ce-login-links-pheme {   
    margin-top: 0;
    }
    
#ce-commenter-identity li { 
    display: inline-block !important;
    padding: 0 5px 0 0;
    margin-bottom: 4px !important; 
    line-height: 16px; 
    }

#ce-login-links-providers li {
    width: 16px;
    height: 16px;
    padding: 0; 
    margin: 0 2px 0 !important;
    float: left; 
    white-space: nowrap;
    }
   
#ce-login-links-label {
   width: auto !important; 
   padding-right: 5px;
   line-height: 16px; 
   }
   
#ce-login-links-providers li:first-child { width: auto; }
#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; 
    background-color: #70859C;
    }
   
#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(/theme/img/discussion-facebook.png);   
    }
   
    #ce-login-facebook:hover { background-color: #495ea4 }
   
#ce-login-twitter {
    background-image: url(/theme/img/discussion-twitter.png);      
    }
    
    #ce-login-twitter:hover { background-color: #00acee; }
   
#ce-login-google { 
    background-image: url(/theme/img/discussion-google.png);      
    }
    
    #ce-login-google:hover { background-color: #d2442a; }
   
#ce-login-linkedin {
    background-image: url(/theme/img/discussion-linkedin.png);      
    }
    
    #ce-login-linkedin:hover { background-color: #0073b2; }

#commenter-identity {
   display: block;
   font-size: 10px;
   text-transform: uppercase;
   position: relative; }
   
#ce-login-links-logged-in {
    }

#ce-login-links-logged-in li { padding-left: 0 !important; }
#ce-login-links-logged-in li:first-child:after {
   content: "  ·"; }



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

#ce-comments-meta {
    margin: 15px 0 0 0;
    padding: 10px; 
    border-top: 5px solid #ededed;
    background: #f6f6f6;
    position: relative; 
    clear: both;
    }
   
#ce-comments-count { 
    display: inline;
    font-weight: bold; 
    font-size: 12px;
    float: left;
    }  

#ce-comments-count:after {
    content: "·";
    padding: 0 5px; 
    }

#ce-sort-order { 
    display: inline; 
    font-size: 12px; 
    }   




/*  ----- Comments  ----- */

#comments-container { padding: 15px 0; }
    
#ce-commenter-comments {  }


#comments-container .comment {
    padding: 10px 0 15px 15px;
    border-top: 5px solid #f5f5f5;
    }
   
#comments-container .comment .comment {
    border-top: 2px solid #f5f5f5;
    }


.comment-actions ul {
    margin: 0;
    list-style-type: none;
    }
    
.replies { 
    padding: 15px 0 0 0; 
    } 
    

.reply-link,
#ce-reply-helper-text .cancel-reply { 
    background: #c36600;  
    padding: 5px 10px;
    display: inline-block;
    border: 0;
    cursor: pointer;
    font-size: 10px;
    line-height: 1;
    color: white;
    text-transform: uppercase;   
    -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; 
    }
    
    .reply-link { margin-top: 5px; }
    
     #ce-reply-helper-text .cancel-reply { float: left; margin-left: 10px;}

.reply-link:hover,
#ce-reply-helper-text .cancel-reply:hover { 
    color: white;
    background: #a25d11; 
    -moz-box-shadow:    0 1px 1px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15);
    box-shadow:         0 1px 1px rgba(0,0,0,.15);
    }   

.reply-link:active,
#ce-reply-helper-text .cancel-reply:active { 
    color: white;
    background: #7e480c;
    -moz-box-shadow:    inset 0 1px 1px rgba(0,0,0,.35);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.35);
    box-shadow:         inset 0 1px 1px rgba(0,0,0,.35);
    }  
     
















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

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


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

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

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

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

.comment .meta { 
   margin: 0 !important;
   padding: 0 !important;
   border-bottom: 0 !important; 
   line-height: 1; 
   }
   
.comment time,
.comment .author {
    display: inline;
    font-size: 10px;
    line-height: 1;
    text-transform: uppercase; 
    }
   
.comment .author:after {
   content: "·";
   padding: 0 7px; }

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




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

.pagination ul { 
    list-style: none; 
    margin: 0;
    position: absolute;
    right: 10px;
    top: 5px; 
    }
   
.pagination li { 
    width: 16px;
    margin: 0 1px;
    display: inline-block; 
    }

.pagination li a {
    background-color: #a1b8d2;   
    height: 16px;
    -moz-border-radius:    8px;
    -webkit-border-radius: 8px;
    border-radius:         8px;
    display: block;
    font-size: 11px;
    line-height: 16px;
    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: #70859C; 
    -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 {
    -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: white;    
    color: #677d86; 
    }
   
.pagination ul li a.active-page-link:hover,
.pagination ul li a.active-page-link:active { 
    background-color: #e2e0e0;
    cursor: auto; 
    }





 
 /* Forms
------------------------------------ */

.discussion form ol { 
    list-style: none; 
    margin: 10px 0 0 0; 
    }

.discussion form li.submit { 
   text-align: center;
   display: block; }

.discussion form li { 
    margin: 0 0 7px;
    display: block; 
    }

.discussion label span {
    position: absolute;
    left: -999em;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden; 
    }

.discussion input,
.discussion select,
.discussion textarea { 
    background: #f6f6f6;   
    border: none;
    margin: 0 auto;
    padding: 8px 1%;  
    cursor: pointer; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #a6a6a6;
    width: 98%;
    transition:         all .35s ease-in-out;    
    -webkit-transition: all .35s ease-in-out;  
    -moz-transition:    all .35s ease-in-out;  
    -o-transition:      all .35s ease-in-out;  
    -ms-transition:     all .35s ease-in-out; 
    box-shadow:         inset 1px 1px 3px rgba(0, 0, 0, 0.2);       
    -moz-box-shadow:    inset 1px 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
    } 

.discussion textarea { height: 110px; }

.discussion input:hover,
.discussion select:hover,
.discussion textarea:hover { 
    box-shadow:         inset 1px 1px 8px rgba(0, 0, 0, 0.2);       
    -moz-box-shadow:    inset 1px 1px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 1px 1px 8px rgba(0, 0, 0, 0.2);
    }

 /* ---- Placeholder Text Equalizer - NEEEDED!! ---- */
.discussion input:-moz-placeholder,
.discussion textarea:-moz-placeholder  { opacity: 1; }
.discussion input::-moz-placeholder,
.discussion textarea::-moz-placeholder { opacity: 1; }
.discussion input:-ms-input-placeholder,
.discussion textarea:-ms-input-placeholder { color: #c8c8c8; }
.discussion input::-webkit-input-placeholder,
.discussion textarea::-webkit-input-placeholder { color: #c8c8c8; }
   .discussion input:hover:-ms-input-placeholder,
   .discussion textarea:hover:-ms-input-placeholder { color: #c8c8c8; }
   .discussion input:hover::-webkit-input-placeholder,
   .discussion textarea:hover::-webkit-input-placeholder { color: #c8c8c8; }     

.discussion input:focus,
.discussion select:focus,
.discussion textarea:focus { 
    background: white ;   
    cursor: text; 
    box-shadow:         inset 1px 1px 3px rgba(0, 0, 0, 0.2);       
    -moz-box-shadow:    inset 1px 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
    }    

.discussion option { 
    border-radius:         4px;
    -moz-border-radius:    4px; 
    -webkit-border-radius: 4px; 
    }    

.discussion button { 
    background: #c36600;  
    padding: 5px 7px;
    display: inline-block;
    border: 0;
    cursor: pointer;
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;   
    -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; 
    }

.discussion button:hover { 
    background: #a25d11; 
    -moz-box-shadow:    0 1px 1px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15);
    box-shadow:         0 1px 1px rgba(0,0,0,.15);
    }   

.discussion button:active { 
    background: #7e480c;
    -moz-box-shadow:    inset 0 1px 1px rgba(0,0,0,.35);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.35);
    box-shadow:         inset 0 1px 1px rgba(0,0,0,.35);
    }  
     


/* -----  Video Box --- */

.blog-video time {
    font-size: 11px;
    line-height: 1;
    display: block;
    color: #989898;
    } 
    
.blog-video iframe,
.blog-video img {
    width: 320px;
    height: 200px;
    -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; 
    } 
            
    @media (max-width : 1370px) { .blog-video iframe, .blog-video img { width: 240px; height: 150px; } } 

.blog-video h4 a { font-size: 16px; margin: 0; }





/* -----  Share Graphic Box --- */


.blog-graphic.box { padding-bottom: 45px;}


#options .blog-graphic img {
    width: 100%;
    -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;
    }

    
#options .blog-graphic h4 {
    margin: 0 0 5px 0;
    }     

#options .blog-graphic .share {
    }
    
#options .blog-graphic .share a {

    }   


#options .blog-graphic .title {
  display: inline-block;

    }   


/* -----  Presidents Perspective Box --- */


.presidents-perspective.box {
    background: #2372af;
    border-top: 4px solid #003158;
    }
    
.presidents-perspective .box-heading {
    padding-bottom: 5px;
    display: block;
    }
    
.presidents-perspective .box-heading p {  color: #c0dbef; }
.presidents-perspective .box-heading:hover p { color: #def1ff; } 
    
.presidents-perspective .box-heading h3.title {  color: #def1ff; }
.presidents-perspective .box-heading:hover h3.title { color: white; } 


    
.presidents-perspective .headshot { 
    display: block;
    float: left;
    margin-right: 10px;
    }
    
.presidents-perspective .headshot,
.presidents-perspective .headshot img { 
    width: 50px;
    height: 50px;
    }
    
.post-headline { padding-top: 10px; } 

.post-headline  time {
    font-size: 11px;
    line-height: 1;
    margin-top: 3px;
    display: block;
    width: 15%;
    float: left;
    } 
    
    
.presidents-perspective .post-headline  time { color: #c0dbef; } 

.post-headline h4 { font-size: 16px; margin: 0 0 5px 0;  }

.presidents-perspective .post-headline h4 { margin: 0;  }

.presidents-perspective .post-headline h4,
.union-matters .post-headline .text  { width: 85%; float: right; }

.presidents-perspective h4 a { color: #def1ff; }
    
.presidents-perspective h4 a:hover { color: white; } 

.presidents-perspective p {
    font-size: .9em;
    line-height: 1.1;
    /*margin: 0; */
    } 
    
.presidents-perspective p span.name {
    font-size: 1.3em;
    line-height: 1.1;
    margin: 0; 
    display: block;
    } 
    
.presidents-perspective a { color: #6c6c6c; } 
    
    .presidents-perspective a:hover { color: #4b4b4b; }      
    
      
/* Blog Signup
--------------------------------------------------- */

.blog-signup form li.submit { 
    text-align: center;
    display: block;
    } 

.blog-signup form ol { margin: 0; }

.blog-signup form li { 
    margin: 0 0 5px;
    display: block; 
    }
    
.blog-signup input { 
    border: none;
    box-shadow:         inset 0 0 2px rgba(0, 0, 0, 0.25);       
    -moz-box-shadow:    inset 0 0 2px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25); 
    width: 100%;
    padding: 8px;
    background: #efefef;
    color: #717171;
    font-size: 13px;
    font-family: arial,helvetica,sanserif;
    transition:         all .35s ease-in-out;    
    -webkit-transition: all .35s ease-in-out;  
    -moz-transition:    all .35s ease-in-out;  
    -o-transition:      all .35s ease-in-out;  
    -ms-transition:     all .35s ease-in-out; 
    } 


.blog-signup input:hover { 
    background: white;
    color: #a0a0a0; 
    }
    

.blog-signup input:-ms-input-placeholder            { color: #a0a0a0; }
.blog-signup input::-webkit-input-placeholder       { color: #a0a0a0; }
.blog-signup input:hover:-ms-input-placeholder      { color: #a0a0a0; }
.blog-signup input:hover::-webkit-input-placeholder { color: #a0a0a0; }     

.blog-signup input:focus { 
    background: white;   
    color: #b5b5b5;
    cursor: text; 
    box-shadow:         inset 0 0 4px rgba(0, 0, 0, 0.25);       
    -moz-box-shadow:    inset 0 0 4px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.25);  
    }   
    
/* Generic Button
--------------------------------------------------- */

.blog-signup input[type="button"] { 
  background: #0066ba;  
  padding: 5px 7px;
  width: 180px;
  display: inline-block;
  border: 0;
  cursor: pointer;
  font-family: "Arimo",helvetica,arial,sanserif;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  -moz-border-radius:    3px;
  -webkit-border-radius: 3px;
  border-radius:         3px;   
  -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;
  transition:         background-color .3s ease-in-out; 
  }
  
.blog-signup input[type="button"]:hover { 
  background: #004881; 
  -moz-box-shadow:    0 1px 1px rgba(0,0,0,.15);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15);
  box-shadow:         0 1px 1px rgba(0,0,0,.15); 
  }   
  
.blog-signup input[type="button"]:active { 
  margin-top: 2px;
  margin-bottom: -2px;
  margin-left: 2px;
  background: #003865;
  -moz-box-shadow:    inset 0 1px 1px rgba(0,0,0,.35);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.35);
  box-shadow:         inset 0 1px 1px rgba(0,0,0,.35); 
  }  





/* Blog Nav
------------------------------------ */

#bnav { 
  text-align: left; 
  display: block;
  width: 100%;
  margin-top: 20px;
  clear: both;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition:    all .35s ease-in-out;
  -o-transition:      all .35s ease-in-out;
  -ms-transition:     all .35s ease-in-out;
  transition:         all .35s ease-in-out; } 
#bnav form { display: block; }

#bnav select, #bnav .select-btn { 
    background: #4d6b82;   
    border: none;
    width: 32%;
    margin: 0 auto;
    padding: 3px;  
    cursor: pointer; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 13px;
    color: #fdc85a;
    transition:         all .35s ease-in-out;    
    -webkit-transition: all .35s ease-in-out;  
    -moz-transition:    all .35s ease-in-out;  
    -o-transition:      all .35s ease-in-out;  
    -ms-transition:     all .35s ease-in-out; 
    } 
    
    #bnav .select-btn {
       width: auto;
       padding: 5px 7px 5px 7px;
       margin: 0 5px 5px 0; }  
  
#bnav select:hover, #bnav .select-btn:hover { 
    background: #fdc85a; 
    color: #fff; 
    box-shadow:         1px 1px 3px rgba(0, 0, 0, 0.2);       
    -moz-box-shadow:    1px 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); 
    }
  
#bnav select:focus, #bnav .select-btn:focus { 
    background: #8c9ca3 ;   
    color: #fff;
    cursor: text; 
    box-shadow:         inset 1px 1px 1px rgba(0, 0, 0, 0.35);       
    -moz-box-shadow:    inset 1px 1px 1px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35); 
    }