﻿/* Container for blogs.
/* Uses a fixed default font-size for compatibility with
/* existing site, while preserving em sizing internally
/* for potential future accessibility
*/
#blogs{
    font-size: 16px;
    position: relative;
    width: 100%;
    font-family: Tahoma, lucida, sans-serif;
}

/* Default styles begin */ 
#blogs a{text-decoration:none; color:#0047B6;}
#blogs p{
    font-size: .75em;
    line-height: 1.8333;
    color: #6F6F62;
    margin-bottom: 2em;
    float: none;
    width: auto;
    margin-top: 0;
    /*display: inline;*/
}
#blogs h1{
    font-size: 1.5em;
    color: #6f6f62;
    line-height: 1.33;
    font-weight: normal;
    margin: 0;
}
#blogs h2{
    font-size: 1.125em;
    line-height: 1.222;
    color: #a7a295;
    font-weight: normal;
}
#blogs h3{
    font-size: .875em;
    line-height: 2.25;
    color: #a7a295;
    font-weight: bold;
    border-top: solid 1px #a7a295;
    border-bottom: solid 1px #a7a295; 
    margin: 1em 0;   
}
#blogs h4{
    font-size: .875em;
    line-height: 1.57;
    color: #a7a295;  
    margin: 0;  
}
#blogs h5, #blogs h6{
    font-size: .75em;
    line-height: 1.833;
    color: #a7a295; 
    font-weight: bold;   
}
#blogs ul.disc{
    font-size: .75em;  
    list-style-type: disc;
    list-style-position: inside;
    padding: 0;
    line-height: 1.83;
    color: #6f6f62;
    margin: 0 0 2em 2em;
}
#blogs ol{
    font-size: .75em;    
    margin: 0 0 2em 2em;
    list-style-type: decimal;
    list-style-position: inside;
    padding: 0;
    line-height: 1.83;
    color: #6f6f62;    
}
#blogs ol ol{
    font-size: 1em;
    margin: 0 0 0 2em;}
#blogs blockquote{
    font-size: .75em;    
    padding-left: 2em;   
    padding-right: 2em;    
    background: transparent url('../images/blogs/blockquote_left.gif') no-repeat top left;
    background-image: url('../images/blogs/blockquote_right.gif'), url('../images/blogs/blockquote_left.gif');
    background-position: right bottom, left .5em;
    background-repeat: no-repeat, no-repeat;
    margin: 0 0 2em 0;
    line-height: 1.8333;
    color: #6F6F62;
}

#blogs p.callout{
    font-size: .75em;  
    margin: .5em 0 2em 0;
    padding: 1em;
    background-color: #a7a295;
    color: White;
}

#blogs a img{display: block; border: none;}
#blogs ul, #blogs ul li{font-size: 1em;} /* set to 1em to allow for consistent cascade */

/* end default styles */

/* positioning for primary and related content columns */
#blogs .primary_content{
    float: left;
    display: inline;
    font-size: 1em;
    width: 31.375em;
}
#blogs .related_content{
    float: right;
    display: inline;
    font-size: 1em;
    width: 12.75em;
}


.main .primary_content{position: relative;} /* required for absolute positioning of top-bar */

/* begin Top Bar */
#blogs .top-bar{min-height: 20px; height: auto !important; height: 20px; margin-bottom: 10px;}
#blogs .breadcrumbs{margin: 0; padding-top: .25em; margin-right: 30px; font-size: .625em; line-height: 1.25; color: #FF5200;}
#blogs .breadcrumbs span{color: #6F6F62; margin: 0 .5em;}
#blogs ul#tool_menu{position: absolute; top: 0; right: 0; margin: 0; list-style-type: none;}
#blogs ul#tool_menu li a.toggle{ float: right; margin-right: 0; width: 19px; height: 19px; background: transparent url('../images/blogs/tools/wrench.gif') no-repeat 0 0; display: inline;}
#blogs ul#tool_menu li a.toggle:hover, #blogs ul#tool_menu li a.open{background-position: 0 -19px;}
#blogs ul#tool_menu ul{list-style-type: none; float: right; display: inline; margin: 0;}
#blogs ul#tool_menu ul li{width: 24px; margin: 0; float: right; display: inline;}
#blogs ul#tool_menu ul li a{float: none; display: block;}

/* end Top Bar */

/* begin Landing page only */
#blogs .blog_title{ 
    width: 100%; 
    height: 146px;
    background: transparent url('../images/blogs/blog_title.jpg') no-repeat top left;    
    }    
#blogs .blog_title h1, #blogs .blog_title p.tagline{display: block; text-indent: -5000em; height: 1px; width: 1px;} 
#blogs .landing{margin-top: 1.5em;}

#blogs ul.posts{list-style-type: none; margin: 0; padding: 0;}
#blogs ul.posts li{margin: 0; padding: 0; margin-bottom: 1.75em; }
#blogs ul.posts li .post_body{position: relative; min-height: 180px; height: auto !important; height: 180px;}
#blogs ul.posts li li{margin-bottom: 0;}
#blogs ul.posts li .post_snippet{float: left; display: inline; margin-left: 204px;  }
#blogs ul.posts li .post_snippet p{line-height: 1.83;}
#blogs ul.posts li .post_snippet span.more{margin: 0 .5em;}
#blogs ul.posts li .thumbnail{
    width: 178px; 
    height: 178px; 
    border: solid 1px #D8D4C9; 
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    }
#blogs ul.posts li .thumbnail a{
    border: solid 5px white; 
    width: 168px; 
    height: 168px; 
    overflow: hidden; 
    display: block;}
    
#blogs ul.posts li .thumbnail img{margin-left: -160px;} 
#blogs ul.posts li h2{font-size: 1.125em; line-height: 1.33; margin: 0;}  
#blogs ul.posts li h2 a{color: #2f70d5;}
#blogs ul.posts li .post_footer, #blogs .post_byline{
    clear: both; 
    margin: 1.6em 0 0 0; 
    border-top: solid 1px #D8D4C9; 
    border-bottom: solid 1px #D8D4C9; 
    width: 100%;
    float: left;
    font-size: .625em;
    list-style-type: none;
    padding: .5em 0;
    }
#blogs ul.posts li .post_footer li, #blogs .post_byline li{
    float: left;
    margin: 0 2em 0 0;
}
#blogs ul.posts li .post_footer li .comments{padding-right: 16px; background: transparent url('../images/blogs/posts/comment_bubble.gif') no-repeat right 1px;}
#blogs ul.posts li .post_footer li.posted_tags span, #blogs .post_byline li.posted_tags span{float: left; margin-right: .5em;}
#blogs ul.posts li .post_footer li.posted_tags ul, #blogs .post_byline li.posted_tags ul{
    list-style-type: none;
    float: left;
    margin: 0;
    padding: 0;
}
#blogs ul.posts li .post_footer li.posted_tags ul li, #blogs .post_byline li.posted_tags ul li{margin-right: .5em;}

/* end landing page only */

#blogs .post_byline{border: none; margin: 0 0 1em 0; padding: 0;}

/* Begin Pager widget - apply to and/or modify to accomodate your
/*  server side paging code output */
#blogs .pager{text-align: center; font-size: .625em; color: #6F6F62;}

#blogs .pager ul{list-style-type: none; display: inline; margin: 0 .5em; padding: 0;}

#blogs .pager ul li{display: inline; margin: 0 .33em; overflow: visible; }
#blogs .pager ul li a{
    padding: .33em .5em; 
    border: solid 1px #6F6F62; 
    background-color:#D8D4C9; 
    color: #6F6F62;
    font-weight: bold;
    line-height: 2;
    }
#blogs .pager ul li a:hover{     
    background-color:#6F6F62; 
    color: White;
    }
/* End pager widget */

/* Begin Related Content panels - general */    
#blogs .related_content .panel h3, #blogs  #blog_tags  h3{
    background-color: #a7a295;
    padding: .25em .5em;
    color: White;
    font-size: .75em;
    font-weight: normal;
    margin: 0;
    line-height: 1.5;
    border: none;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}    
  
#blogs .related_content .panel ul{
    list-style-type: none;
    margin: .75em 0 0 0;
    padding: 0;
    
}    
#blogs .related_content .panel{margin-bottom: 1em;}   
#blogs .related_content .panel ul.profiles .thumbnail img{width: 33px; height: 33px;}    
#blogs .related_content .panel ul.profiles .brief{float: left; display: inline; margin-left: 45px; min-height: 33px; height: auto !important; height: 33px;} 
#blogs .related_content .panel ul.profiles li{position: relative; padding-bottom: .67em; margin-bottom: .75em; border-bottom: solid 1px #a7a295; }    
#blogs .related_content .panel ul.profiles li.last{margin-bottom: 0;}
#blogs .related_content .panel ul.profiles .thumbnail{position: absolute; top: 0; left: 0;}
#blogs .related_content .panel ul.profiles .brief h4{font-size: .6875em; margin: 0; padding: 0; line-height: 1.15; margin-top: -2px;}  
#blogs .related_content .panel ul.profiles .brief p{font-size: .6875em; line-height: 1.25; margin: 0;}  

/* end related content general */

/* begin specific panel styling */
#blogs #blog_one_subscribe fieldset{ /* only applies to one panel */
    background-color: #efeee9;
    font-size: 1em;
    padding: .75em;
    margin: 0;
    border: none;
}
#blogs .related_content .panel ul.thumbs{
    background-color: #efeee9;
    font-size: 1em;
    padding: 0 .75em .75em .75em;
    margin-top: 0;
}
#blogs .related_content .panel ul.thumbs li{margin-top: .75em; text-align: center;}
#blogs .related_content .panel ul.thumbs li a img{margin: 0 auto;}
#blogs #blog_one_subscribe fieldset p{font-size: .6875em;}
#blogs #blog_one_subscribe fieldset input{padding: 2px; float: left; display: inline;}
#blogs #blog_one_subscribe fieldset a.linkbutton{
    padding: 0 .5em; 
    background-color: #ff5200;
    color: White;
    float: right;
    display: inline;
    line-height: 1.67;
    }
#blogs #blog_one_subscribe fieldset p.subscribe{margin-bottom: 0;}
#blogs #blog_one_subscribe h3{position: relative; display: block;}
#blogs #blog_one_subscribe h3 a.rss{position: absolute; top: .5em; right: .5em;}

#blogs .related_content .panel ul.links{
    font-size: .75em;
    padding: 0 .5em;
    line-height: 2;
}
#blogs .related_content .panel ul.twocolumn li
{
    width: 49%;
    float: left;
    display: inline;
}
/* end specific panel styling */
/* begin tag cloud styling */
#blogs #blog_tags{
    margin-top: 1.75em;   
}
#blogs #blog_tags ul{
    list-style-type: none;
    padding:0.25em 0.5em 1em .5em; 
    margin: 0;
    line-height: 1.375;
    background-color:#EFEEE9;
    }
#blogs #blog_tags li{
    display: inline;
    margin: 0 .25em;
}
#blogs #blog_tags li a:hover{
    background-color: #0047b6;
    color: White;
}

#blogs #blog_tags li a.one{
    font-size: .5625em;
}
#blogs #blog_tags li a.two{
    font-size: .625em;
}
#blogs #blog_tags li a.three{
    font-size: .6875em;
}
#blogs #blog_tags li a.four{
    font-size: .75em;
}
#blogs #blog_tags li a.five{
    font-size: .8125em;
}
#blogs #blog_tags li a.six{
    font-size: .875em;
}
#blogs #blog_tags li a.seven{
    font-size: .9375em;
}
#blogs #blog_tags li a.eight{
    font-size: 1em;
}
#blogs #blog_tags li a.nine{
    font-size: 1.0625em;
}
#blogs #blog_tags li a.ten{
    font-size: 1.125em;
}
/* end tag cloud styling */
/* begin category filter widget */
#blogs ul#category_filter{
    border-top: solid 1px #cecece;
    border-bottom: solid 1px #cecece;
    background-color: #efeee9;
    padding: 0 .625em;
    margin: 0 0 1.375em 0;
    list-style-type: none;
    overflow: visible;
}
#blogs ul#category_filter li{float: left; margin: 0; padding: 0; padding: 1em 0; margin-bottom: -1px;}
#blogs ul#category_filter li a{
    font-size: .875em;
    color: #a7a295;
    line-height: 1.57em;
    border-right: solid 1px #a7a295;
    padding: 0 1em;
    margin: 0;
}
#blogs ul#category_filter li.last a{border: none;}
#blogs ul#category_filter li a:hover, #blogs ul#category_filter li.active a{
    color: #ff5200;
}
#blogs ul#category_filter li.active{background: transparent url('../images/blogs/filter_arrow.gif') no-repeat bottom center;}
#blogs ul#category_filter li.active a{
    font-weight: bold;
    }
/* end category filter widget */

#blogs #blog_author h1{display: inline; clear: none;}
#blogs #blog_author .author_photo{float: left; margin: .33em .75em 0 0;}
#blogs #blog_author .author_photo{display: block;}


#blogs #blog_post .post_banner{
    border: solid 1px #D8D4C9; 
    clear: both;
    margin-bottom: 1em;
    }
#blogs #blog_post .post_banner img{
    border: solid 5px white; 
    display: block;    
}

/* begin blog post navigation */
#blogs #blog_post .post_nav{
    font-size: .875em;
    line-height: 2.25;
    color: #a7a295;
    border-top: solid 1px #a7a295;
    border-bottom: solid 1px #a7a295; 
    margin: 1em 0;  
    clear: both;
}
#blogs #blog_post .post_nav a.prev{float: left; text-align: left;}
#blogs #blog_post .post_nav a.next{float: right; text-align: right;}
#blogs .post_nav{text-align: center;}
/* end blog post navigation */

#blogs .vid{clear: both; margin-bottom: 1em;} /* embedded Youtube */

/* begin float right blog post inline image */
#blogs #blog_post .post_inline_right{float: right; border: solid 1px #D8D4C9; margin: .25em 0 1em 1em;  }
#blogs #blog_post .post_inline_right img{border: solid 5px white; display: block;}
/* end float right blog post inline image */

/* begin author panel */
#blogs #blog_post .related_content .panel .overview{position: relative; margin-top: .75em;}
#blogs #blog_post .related_content .panel .avatar img{width: 70px; height: 77px;}    
#blogs #blog_post .related_content .panel .brief{float: left; display: inline; margin-left: 80px; min-height: 77px; height: auto !important; height: 77px;} 
#blogs #blog_post .related_content .panel .avatar{position: absolute; top: 0; left: 0;}
#blogs #blog_post .related_content .panel .brief h4{font-size: .6875em; margin: 0; padding: 0; line-height: 1.45; margin-top: -2px;}  
#blogs  #blog_post .related_content .panel .brief p{font-size: .6875em; line-height: 1.45; margin: 0;}  
/* end author panel */

/* begin Facebook and Twitter widgets */
#blogs #blog_post .sm_buttons{float: left; margin-right: .83em; padding-right: .83em; border-right: solid 1px #D8D4C9;}
#blogs #blog_post .sm_buttons iframe{margin-bottom: 6px;}
#blogs #blog_post .sm_buttons .FBConnectButton_Text  {
margin-left:8px;
}
#blogs #blog_post .sm_buttons .FBConnectButton_Small, #blogs #blog_post .sm_buttons .FBConnectButton_RTL_Small {
    background-position:-6px -232px;
}
/* end facebook and twitter widgets */

/* begin ShareThis overrides */
#blogs span.share_this .stico_default{background: none !important; }
#blogs span.share_this a.stbutton{padding: 0; color: #ff5200; font-weight: bold;  }
#blogs span.share_this .stbuttontext {line-height: 2.25 !important;}
/* end ShareThis overrides */

/* -------------- DISQUS STYLES ---------------------- */

li.dsq-login-button { float: left !important; }

div#dsq-new-post { font-size: 1em !important; }
div#dsq-new-post H3 { border: 0px !important; }
div#disqus_thread { margin-top: 1.3em !important; }
div#dsq-content div.dsq-dc-logo { top: .6em; }
div#disqus_thread img { display: inline; }

div#dsq-new-post h3{
    font-size: 1.2em;
    line-height: 2.25;
    color: #a7a295;
    font-weight: bold;
    margin: 0 !important;  
}
/* slightly enhanced, universal clearfix hack */
ul.dsq-login-buttons:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
ul.dsq-login-buttons { display: inline-block; }
/* start commented backslash hack \*/
ul.dsq-login-buttons { height: 1%; }
ul.dsq-login-buttons { display: block; }
/* close commented backslash hack */


/* ------------ END DISQUS STYLES -------------------- */






  /* slightly enhanced, universal clearfix hack */
#blogs .clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
#blogs .clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html #blogs .clearfix { height: 1%; }
#blogs .clearfix { display: block; }
/* close commented backslash hack */



/* ------------ HOME STYLES ------------------------ */
#blogs.home .bold { font-weight: bold; }
#blogs.home h4 { font-size:12px; color: #6f6f62; font-weight: normal; }
#blogs.home h3 { border-bottom:1px solid #efeee9; border-top:1px solid #efeee9; color:#0047b6; font-size: 11px; font-weight:bold; line-height:2.25; margin: 0 0 1.5em 0; text-transform: uppercase; }
#blogs.home a { font-size: 12px; }

#blogs.home .primary_content { width: 700px; }
#blogs.home .related_content { width: 220px; border-bottom: 2px solid #efeee9; min-height: 480px; }

#blogs.home #tabs { list-style: none; margin: 0; padding: 0; }
#blogs.home #tabs li {float: left; margin-right: 1px;}

#blogs.home #tabs li a{
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;

}
#blogs.home #tabs li a { display: table; text-transform: uppercase;  width: 139px; height: 31px; font-size: 9px; color: #6f6f62; font-weight: bold; background-color: #d8d4c9; text-align: center; padding: 0px; border-bottom: 1px solid #fff; }
#blogs.home #tabs li a span{display: table-cell; vertical-align: middle; padding: 0 7px;}
#blogs.home #tabs li a.last { margin-right: 0px; }
#blogs.home #tabs li a:hover { background-color: #c6c1b3 }
#blogs.home #tabs li a.active, #blogs.home #tabs li a.active:hover { background-color: #ff5200;  color: #fff; border-bottom: 1px solid #ff5200; }



#blogs.home #tabbedContent { 
    border-top: 2px solid #ff5200; 
    border-left: 2px solid #efeee9; 
    border-right: 2px solid #efeee9; 
    border-bottom: 2px solid #efeee9; 
    padding: 15px 24px 0px 24px; 
    min-height: 470px; 
    height:auto !important;
    height:470px;
    margin: 0;
}
#blogs.home .js #tabbedContent{
    padding-top: 30px; 
}
#blogs.home .tabImage { float: left; display: inline; }
#blogs.home .mainTabContent { margin-left: 237px; width: 410px; }
#blogs.home .mainTabContent .left { width: 197px; float: left; display: inline; }
#blogs.home .mainTabContent .right { width: 197px; float: right; display: inline;  }

#blogs.home .mainTabContent ul { margin: 0px; padding: 0px; list-style-position: outside; margin-bottom: 1.5em; }
#blogs.home .mainTabContent li { color: #0047b6; margin-left: 1.25em; }
#blogs.home .mainTabContent li a { color: #0047b6; }
#blogs.home .mainTabContent li a:hover { text-decoration: underline; }
#blogs.home #snippetBlog{min-height: 121px;}
#blogs.home .snippet { margin-bottom: 1.5em; position: relative; width:100%; }
#blogs.home .snippet ul.nav {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:47%;
   text-align:center;
}
#blogs.home .snippet ul.nav li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
   width: 13px;
   height: 17px;
}
#blogs.home .snippet ul.nav li a {
   display:block;
   width: 13px;
   height: 17px;
   background: transparent url('/images/home/dots.gif') no-repeat center top;
   text-decoration:none;
   line-height:1.3em;
}
#blogs.home .snippet ul.nav li.next a{ background-image: url('/images/home/right_arrow.gif');}
#blogs.home .snippet ul.nav li.prev a{ background-image: url('/images/home/left_arrow.gif');}
#blogs.home .snippet ul.nav li a:hover {
   background-position: center -17px;
}
#blogs.home .snippet ul.nav li a.active,
#blogs.home .snippet ul.nav li a.active:hover {
   background-position: center -34px;
}
#blogs.home .snippet h4{color: #0047b6;}
#blogs.home .snippet h4 .postTitle{font-weight: bold;}
#blogs.home .ticker { padding: 0px; margin: 0px; list-style: none; text-align: center; }
#blogs.home .ticker li { display: inline; }

#blogs.home .thumbnail img { padding: 5px; border: 1px solid #ededed; }

#blogs.home #excerpts {  }
#blogs.home #excerpts h5 { font-size: 11px; color: #0047b6; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #efeee9; margin: 20px 0 0 0; padding: 0;  }
#blogs.home #excerpts h6 { font-size: 11px; color: #ff5200; font-weight: bold; margin: 12px 0 5px 0;  }
#blogs.home #excerpts h6 span { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #ff5200; color: #fff; padding: 2px 5px; margin-right: 10px; }
#blogs.home #excerpts .left { float: left; width: 460px; margin-right: 20px; }
#blogs.home #excerpts .right { float: right; width: 460px; text-align: left; }

#blogs.home #excerpts .right h5 { margin-bottom: 12px; }

#blogs.home .excerptContent { float: left; width: 220px; height: 220px; position: relative; }
#blogs.home .excerptContent.first { margin-right: 20px; }

#blogs.home .right .excerptContent { float: left; width: 220px; height: 208px; position: relative; }
#blogs.home .right .excerptContent .articleLink { display: block; clear: both; line-height: 1.5em; }


#blogs.home .actionLink { position: absolute; bottom: 0px; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #d8d4c9 url(../images/home/moreArrow.gif) no-repeat 216px 10px; width: 220px; padding: 5px 0px 5px 9px; }
#blogs.home .actionLink:hover { text-decoration: underline; }

#blogs.home .excerptDesc { display: block; font-size: 0.75em; color: #6F6F62; }
#blogs.home .profile { float: left; padding: 3px 10px 25px 0; }
#blogs.home	ul#tabbedContent li{display: block;}
#blogs.home	.js ul#tabbedContent li{display: none;}
#blogs.home	ul#tabbedContent li li, #blogs.home	.js ul#tabbedContent li li{display: list-item;}
#blogs.home	ul#tabbedContent li.active{display: block;}
#blogs.home	h2.tabHeader{display: block;}
#blogs.home	.js h2.tabHeader{display: none;}
#blogs.home	ul#tabs{display: none;}
#blogs.home	.js ul#tabs{display: block;}

/* ------------ END HOME STYLES -------------------- */