.banner_image { float: left; height: auto; width: 860px; background-repeat: no-repeat; background-image: url("../images/Landing_Pages/mhw_community_bg_spring11.jpg"); }

.content { float: left; padding: 10px; background-color: #3d3f41; }



.yellow-blurb { float: left; background-color: #fcd209; height: 60px; width: 603px;}
.yellow-blurb img { margin: 6px; }
.yellow-blurb .intro {margin: 8px; width: 220px; color: #000; font-size: 12px; float: left; font-size: 12px;}
.yellow-blurb .visit-now {float: right; text-align: right; width: 118px; height: 30px; padding-top: 15px; font-size: 14px; text-transform: uppercase; font-family: Arial Black; color: #000;}
.yellow-blurb a.visit-now { color: #000; }

/* Hardwear Sessions */
.hs-logo { background-color: #3d3f41; height: 60px; float: left; }
.hs-logo img { margin: 20px 10px; }
.hs-yellow-banner { width:570px; float: left; background: url('../images/community/hs_yellow_banner.jpg') no-repeat; text-align: right; padding: 23px 11px; font-size: 18px; text-transform: uppercase; font-family: Arial Black; color: #000; }
.blog-landing-row { padding: 10px; border-bottom: 1px solid #4d4d4d; background-color: #3d3f41; float: left;}
.blog-post {float: left; width: 515px; background-color: #3d3f41; padding: 10px; }
.blog-post .blog-header { font-size: 14px; font-weight: bold; }
.blog-landing-row .blog-thumb {float: left; padding-right: 10px;}
.blog-landing-row .blog-intro { float: left; width: 367px; }
.blog-landing-row .blog-intro .posting-info, 
.blog-post .posting-info { border-top: 1px solid #4d4d4d; margin-top: 5px; padding-top: 5px; text-align: right; }

.blog-sections { width: 250px; float: left; }
.blog-sections .section { margin: 10px 0px 10px 12px; padding: 10px; background-color: #3d3f41; float: left; width: 219px; }
.blog-sections .section .section-header { font-size: 14px; font-weight: bold; margin-bottom: 5px; }
.blog-sections .section .section-header img {margin-right: 4px;}
.blog-sections .section ul li { border-top: 1px solid #4d4d4d; font-weight: bold; display: block; padding: 5px 20px; }
.blog-sections .section .social-icons { float: left; }
.blog-sections .section .txt { float: left; width: 100px; text-transform: uppercase; font-size: 10px; line-height: 17px; }
.blog-sections .section .social-icons a img { float: left; margin-left: 2px; }
.blog-sections .section .social-icons .rss-email { float: left; border-left: 1px solid #4d4d4d; margin-left: 3px; padding-left: 2px; }
.blog-sections .section .social-icons .rss-email a img { float: left; margin-left: 2px; }

/* Blog Pagination */
.blog-pagination {display:none; width:778px; font-weight:bold; padding: 10px; border-bottom: 1px solid #4d4d4d; background-color: #3d3f41; float: left;}
.blog-narrow .blog-pagination {width:515px; display:block;}
.blog-pagination .blog-pagination-newer {float: left;}
.blog-pagination .blog-pagination-older {float: right;}

/* Community Landing Blog Entries */
.blog-entries {margin-top: 10px; float: left;}
.blog-entry-row { padding: 10px; border-bottom: 1px solid #4d4d4d; background-color: #3d3f41; float: left;}
.blog-entry-row .blog-thumb {float: left; padding-right: 10px;}
.blog-entry-row .blog-intro-landing { float: left; width: 628px; } 
.blog-entry-row .blog-intro { float: left; width: 365px; } 

/* Community Landing Social */
.social-hdr-link { text-transform: uppercase; font-size: 14px; font-weight: bold; }
.social-twitter {background-color: #000; width: 190px; float: left; min-height: 258px;}
.social-facebook, .social-flickr, .social-youtube { background-color: #000; width: 190px; float: left; margin-left: 10px; min-height: 258px; }
.social-title { text-align: left; background-color: #3d3f41; padding: 10px; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #4d4d4d; }
.social-icon { float: right; position: relative; top: -4px; }
.ie7 .social-icon { float: right; position: relative; top: -28px; left: -10px; }
.social-content { padding: 10px; background-color: #000; height: 136px; }
.ie7 .social-content { padding: 10px; background-color: #000; height: 146px; }
.social-content img { margin-left: 10px; }
.bottom-yellow-banner { z-index: 1; position: relative; }
.bottom-yellow-banner img { float:left; }
.bottom-yellow-banner .yellow-banner { width: 180px; background-color: #ffd200; padding: 5px; clear: both; float: left; text-align: right; }

.bottom-yellow-banner .yellow-banner .social-linked {float: right;}
.bottom-yellow-banner .yellow-banner .social-linked .top-text { color: #000; font-size: 14px; font-family: Arial Black; text-transform: uppercase; }
.bottom-yellow-banner .yellow-banner .social-linked .bottom-text { color: #000; font-size: 10px; font-family: Arial Black; text-transform: uppercase; }
.bottom-yellow-banner .yellow-banner img.chev { border: 0px; float: right; margin-top: 8px; margin-left: 10px; }

/* Expedition Republic */
.exprep-logo { background-color: #3d3f41; height: 60px; float: left; }
.exprep-logo img { margin: 12px 7px; }
.exprep-forum {background-color: #3d3f41; width: 256px; float: left; min-height: 270px;}
.exprep-upcoming, .exprep-updates {background-color: #3d3f41; width: 256px; float: left; margin-left: 14px; min-height: 270px; }
.exprep-title {padding: 10px; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #4d4d4d;}
.exprep-content {padding: 10px;}


/* Blog Comments */
.comments {}
.comment  { margin-bottom:20px; padding:10px;}
.comments .even { background: #4D4D4D; }
.comments .odd { background: #1F242A; }
.comments .field-header, .comment-form .field-header {padding-bottom:3px; border-bottom:1px solid #666666; color:#FFFFFF; font-size:14px; font-weight:bold; margin-bottom:12px; }
.comments .comment-posting-info { border-top: 1px solid #4d4d4d; margin-top: 5px; padding-top: 5px; text-align: right; }


.comment-form {}
.comment-form label { clear:both; float:left; font-weight:bold; padding-bottom:5px; }
.comment-form input { clear:both; float:left; margin-bottom:10px; font-size:11px; height:20px; width:287px; }
.comment-form textarea { clear:both; float:left; font-size:11px; width:400px; height:100px; margin-bottom:10px; }
.comment-form .caption {color:#999999; font-family:arial,sans-serif; font-size:10px; position:relative; text-align:left; top:-10px; white-space:pre; clear:both;}
.comment-form .errorcaption { clear: both; float: left; color:#FF6600; font-family:arial,sans-serif; font-size:10px; position:relative; text-align:left; top:-10px; white-space:pre; }