/* layout */
#blog-header-col-lft { float: left; width: 680px; margin-bottom: 20px; overflow: hidden; }
#blog-header-col-lft h4 { color:#C0C2C8; }
#blog-header-col-rgt { float: left; width: 250px; margin:25px 0 20px; overflow: hidden; text-align: right; }
#blog-index-col-lft { float: left; width: 720px; overflow: hidden; padding-bottom: 20px; border-right: solid 1px #CCC; min-height: 400px; /* set min height for div */ height: auto !important; /* set min height for div */ height: 400px; /* set min height for div */ }
#blog-index-col-rgt { float: left; width: 200px; padding-bottom: 20px; overflow: hidden; }
#blog-article-col-lft { float: left; width: 400px; overflow: hidden; padding-bottom: 20px; min-height: 400px; /* set min height for div */ height: auto !important; /* set min height for div */ height: 400px; /* set min height for div */ }
#blog-article-col-rgt { float: left; width: 510px; overflow: hidden; padding-bottom: 20px; }
.article-teaser { padding-bottom: 5px; margin-bottom: 5px; border-bottom: dotted 1px #CCC; }
/* text formatting */
.teaser { margin-bottom:10px; padding-bottom:10px; border-bottom: dotted 1px #CCC; }
.teaser-thumbnail { float:left; width:120px; }
.teaser-content { float:left; width:580px; }
.article-title { font-size: 13px; font-weight: bold; margin-bottom: 5px; }
.article-date { font-size: 10px; color: #999; }
.article-content { margin-bottom:0; }
.teaser-title { font-size: 11px; font-weight: bold; margin-bottom: 5px; }
.blog-module-title { font-size: 12px; font-weight: bold; color: #000; margin-bottom: 5px; }
.blog-module { margin-bottom: 30px; }
/* images */
div.pullquote { display: block; float: right; padding: 0 0 10px 20px; margin: 0 0 10px 20px; width: 200px; border-left: 1px solid #CCC; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #336699; }
#blog-img-links { text-align: center; }
.blog-img-item, .blog-img-item-on { float: left; margin: 0 5px 0 0; font-weight: bold; }
.blog-img-item a { width: 20px; height: 20px; border: 1px solid #336699; text-decoration: none; float: left; display: inline; font-size: 10px; line-height: 18px; }
.blog-img-item a:hover { background-color: #336699; color: #FFFFFF; z-index: 100; }
.blog-img-item-on a { width: 20px; height: 20px; border: 1px solid #336699; background-color: #336699; color: #FFFFFF; text-decoration: none; float: left; display: inline; font-size: 10px; line-height: 18px; }