/*
Style Blog 
Three column:left info/film, mid content, right banners
*/

#wrapper-blog-whole { margin:0 auto; width:986px; padding:0px; float:center; }

#wrapper-blog-header { float: left; width: 986px; font-size: 11px; line-height:12px; font-weight: normal; color:#ffffff; text-align:left; }
#wrapper-blog-header-left { float: left; font-family:Arial; width: 576px; font-size: 12px; line-height:12px; font-weight: normal; color:#ffffff; text-align:left; padding: 6px 10px 6px 10px; }
#wrapper-blog-header-right { float: left; font-family:Arial; width: 300px; font-size: 12px; line-height:12px; font-weight: normal; color:#ffffff; text-align:right; padding: 6px 10px 6px 10px; }

#wrapper-blog-content { float:left; width: 986px; font-size: 11px; line-height:12px; font-weight: normal; color:#333333; text-align:left; background:#ffffff; padding: 20px 0 0 0; }
#wrapper-blog-content-main { float:left; color:#333; border:0px; margin:0px; padding:0px 10px 0 10px; width:626px; background:#ffffff; border-right:thin solid #cccccc; }
#wrapper-blog-content-right { background:url('/i/blogs/blog-idcard-arrow.png') 0px 0 no-repeat; color:#333; border:0px; margin:0px; width:310px; padding:10px 10px 0 10px; float:right; } 

.blog-entry-header-owner { width:616px; padding:10px 5px 10px 10px; margin:0 0 0 10px; font-family:Arial; font-size: 12px; line-height:15px; font-weight: normal; color:#333333; text-align:left; background:#cccccc; }
.blog-entry-header-owner li { margin:5px 0 0 30px; list-style:none; }
.blog-entry-date { clear:both; width:606px; padding:5px 10px 5px 10px; margin: 20px 0 10px 10px; font-family:Arial; font-size: 12px; line-height:12px; font-weight: normal; color:#333333; text-align:right; }
.blog-entry-title { width:616px; padding:10px; margin: 0 0 10px 0; font-family:Arial; font-size: 20px; line-height:24px; font-weight: normal; color:#333333; text-align:left; }

.blog-entry-ads-large { clear:both; float:left; width:613px; padding:17px 0 0 0; margin: 10px 0 30px 10px; background:url('/lib/cssi/ad613.png') 0px 0 no-repeat;}
.blog-entry-ads-large-left { width:300px; float:left; padding:0px; margin: 0px; text-align:left; }
.blog-entry-ads-large-right { width:300px; float:right; padding:0px; margin: 0px; text-align:right; }
.blog-entry-ads-small { clear:both; float:left; width:613px; padding:5px 0px 5px 0px; margin: 10px 0 30px 10px;}
.blog-entry-ads-small-left { width:300px; float:left; padding:0px; margin: 0px; text-align:right; }
.blog-entry-ads-small-right { width:300px; float:right; padding:0px; margin: 0px; text-align:left; }

.blog-entry-text { clear:both; width:616px; padding:10px 0 5px 10px; font-family:Verdana,Arial; font-size: 13px; line-height:21px; font-weight: lighter; color:#333333; text-align:left; }
.blog-entry-text img { width:expression(this.height >= this.width ? "auto" :"280px"); height:expression(this.width > this.height ? "auto" :"250px"); max-width:280px; max-height:250px;  padding:2px; border: thin solid #333333; }
.blog-entry-text object { width:expression(this.height >= this.width ? "auto" :"480px"); height:expression(this.width > this.height ? "auto" :"350px"); max-width:480px; max-height:350px;  padding:2px; border: thin solid #333333; }
.blog-entry-text embed { width:expression(this.height >= this.width ? "auto" :"480px"); height:expression(this.width > this.height ? "auto" :"350px"); max-width:480px; max-height:350px;  padding:2px; border: thin solid #333333; }

.blog-entry-photos { width:616px; padding:0 0 10px 10px; font-family:Verdana,Arial; font-size: 10px; line-height:12px; font-weight: normal; color:#333333; text-align:left; }
.blog-entry-photos-mini { clear:both; width:616px; padding:0 0 10px 10px; font-family:Verdana,Arial; font-size: 12px; line-height:16px; font-weight: normal; color:#333333; text-align:left; }
.blog-entry-photos-mini-thumb { float:left; display:inline-block; padding: 3px 5px 5px 0px; }
.blog-entry-photos-mini-thumb img { width:expression(this.height >= this.width ? "auto" :"120px"); height:expression(this.width > this.height ? "auto" :"120px"); max-width:120px; max-height:120px; padding:2px; border: thin solid #cccccc; }

.wrapper-blog-sidebar-id { clear:both; float:left; display:block; width:300px; height:165px; background:url('/i/blogs/blog-idcard-blank.png') 0 0 no-repeat; margin:0 0 15px 0; }
.wrapper-blog-sidebar-id-left { float:left; display:inline-block; width:100px; padding:30px 20px 0 12px; }
.wrapper-blog-sidebar-id-right { float:left; display:inline-block; width:155px; height:165px; text-align:right; padding:0 10px 0 0; }
.wrapper-blog-sidebar-id-right-buttons { float:left; display:inline-block; width:145px; text-align:right; padding:0 15px 0 0; }
.wrapper-blog-sidebar-id-right-text { float:left; display:inline-block; width:155px; text-align:right; padding:9px 0 0 0; font-family:Arial; font-size:12px; line-height:20px; font-weight:normal; color:#333333; }
.wrapper-blog-sidebar-id-right-safe { float:left; display:inline-block; width:155px; text-align:right; padding:9px 0 0 0; font-family:Arial; color:#333333; }
.wrapper-blog-sidebar-id-right-text a { text-decoration: none; font-size:12px; line-height:20px; }

.wrapper-blog-sidebar-info { clear:both; float:left; display:block; width:300px; margin:0 0 20px 0; font-family:Arial; font-size:12px; line-height:16px; font-weight:normal; color:#333333; }

.wrapper-blog-sidebar-film { clear:both; float:left; display:block; width:300px; background:url('/i/blogs/blog-film.png') 0 0 repeat; margin:20px 0 20px 0; }
.wrapper-blog-sidebar-film-photo { clear:both; width:280px; padding:12px 10px 12px 10px; text-align:center; }
.wrapper-blog-sidebar-film-photo-thumb { width:70px; display:inline-block; padding: 3px 1px 5px 1px; text-align:center; }
.wrapper-blog-sidebar-film-photo-thumb img { width:expression(this.height >= this.width ? "auto" :"70px"); height:expression(this.width > this.height ? "auto" :"85px"); max-width:70px; max-height:85px; border: thin solid #aaaaaa; }

.blog-border { border: thin solid #aaaaaa; }
.blog-title { clear:both; font-family:Verdana,Arial; font-size:13px; line-height:17px; font-weight:bold; text-transform:uppercase; }
.blog-entry { clear:both; margin: 4px 0 9px 0; clear:both; font-weight:lighter; }
.blog-sidebar-hr { width:100%; color:#cccccc; clear:both; }

.blog-comments-wrapper { clear:both;  border-top:thin solid #cccccc; width:520px; display:block; margin:0px 0 0 90px; padding: 15px 0 0 0; }
.blog-comments-add { clear:both; width:520px; display:block; margin:0 0 3px 90px; padding: 10px 0 0 0; text-align:right; font-family:Verdana,Arial; font-size:11px; line-height:15px; font-weight:normal; color:#8888CC; }
.blog-comments-add-margin { clear:both; width:520px; display:block; margin:10px 0 30px 90px; padding: 5px 0 0 0; text-align:right; font-family:Verdana,Arial; font-size:11px; line-height:15px; font-weight:normal; color:#8888CC; }
.blog-comments-add-nomargin { clear:both; width:520px; display:block; margin:0 0 3px 90px; padding:0px; text-align:right; font-family:Verdana,Arial; font-size:11px; line-height:15px; font-weight:normal; color:#8888CC; }
.blog-footer-wrapper { clear:both; border-top:thin solid #cccccc; width:520px; display:block; margin:0 0 26px 90px; padding: 5px 0 10px 0;  color:#999999; font-family:Verdana,Arial; font-size:12px; line-height:17px; font-weight:normal; }

.blog-paging { margin:0 0 0 10px; width:100%; padding: 6px 0 5px 0; float:left; border-top:thin solid #cccccc; border-bottom:thin solid #cccccc; }
.blog-paging-title { background:#cccccc; width:200px; margin:30px 0 0 10px; color:#222255; padding:7px 20px 6px 10px; }

.mod-comment-footer-blog { font-family:Arial,Verdana; font-size:10px; line-height:17px; text-transform:uppercase; background: url(/lib/cssi/comments/arrow.gif) 20px 0 no-repeat; padding-left: 58px; padding-top: 9px; color: #4A4A4A; }

.blog-box-300 {width:280px; clear:both; padding:10px; background-color:#f1ecff;}

.blog_mg_wrap {width:968px; display:table; clear:both; padding:10px 0 0 0;}
.blog_mg_left { float:left; width:306px; padding:30px 6px 0 0; border-right:1px solid #cccccc; text-align:left;}
.blog_mg_right { float:left; width:641px; padding:30px 0 0 13px; }