body 
{
    background-color:#FFFFFF;
  padding-top: 0px;
  font-family: 'Open Sans', 'sans-serif';
  font-size: 14px;
}


/* columns */
.rightColumn{width:300px;float:right;margin-left:-300px;}
.leftColumn{float:left;margin-right:327px; }




.clear { clear:both;height:0px; padding:0; margin:0; }
.cl { clear: both; padding:0; margin:0; height:0px;}
.textcenter { text-align: center; }
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.left { float: left; }
.right { float: right; }
.nofloat { float: none; display:inline-block;  }

.regscript {font-size: .6em; position: relative; top: -.6em; left: 1px;}

.cb { clear:both; }
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
.tabshow { display: none !important; }
.padbottom10 {padding-bottom:10px;}
.padbottom20 {padding-bottom:20px;}
.padbottom30 {padding-bottom:30px;}
.padleft10 {padding-left:10px;}
.padleft20 {padding-left:20px;}
.padleft30 {padding-left:30px;}
.padright10 {padding-right:10px;}
.padright30 {padding-right:30px;}
.padtop10 {padding-top:10px;}
.valigntop {vertical-align:top !important;}

.logo{padding:0;margin:5px 0 5px 0;background:url(http://dmz8qjbdnlb8h.cloudfront.net/hbc/logo_top_s1.png) no-repeat left center;height:60px;width:273px;transition:background .2s;-moz-transition:background .2s;-webkit-transition:background .2s;-o-transition:background .2s}
.siconpadding {padding: 0 3px;}
.socialicons {padding: 5px 0 0 0;}
.pointerCursor {  cursor:pointer }



/* sidebar defaults */
.sidebarBlock {max-width:300px;}
.sidebarBlockOdd {max-width:300px;}
.sidebarBlockEven {max-width:300px;}
.TrendingBox  {max-width:300px;}
/*Footer*/
.footer {
	color: #dadada;
	background: #585f69;
	padding: 20px 0 30px;
	margin: 10px 0 0 0;
}

.footer.margin-top-0 {
	margin-top: 0;
}

.footer p,
.footer a {
	font-size: 14px;
} 
.footer p {
	color: #dadada;
} 

.footer a {
	color: #fcfcfc;
}
.footer a:hover {
	color: #f09090;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.footer h2, 
.footer h3,
.footer h4 {
	color: #e4e4e4;
	background: none;
	text-shadow: none;
}

.btn-footer 
{
    color: #232323;
    }



      
      
      
      
     /*  Nav */
     
     .navnonmobile { display: block; padding: 5px 0;}
     .navmobile { display: none; }
   


.navcenter {
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  float:left;
  position:relative; 
  left:50%;
  }
.navcenter li {
  float:left; position:relative; right:50%;
  }

.navfont li a {font-size: 18px;}

.hidepic {display:none;}

.header { background-color: #353E4D; color: #e3e3e3;}


.navbar-tcolor .offcanvas-toggle {
background-color: transparent;
  background-image: none;
  border-color: #ddd;
}
.navbar-tcolor .offcanvas-toggle:hover,
.navbar-tcolor .offcanvas-toggle:focus {
  background-color: #EB9D23;
}
.navbar-tcolor .offcanvas-toggle .icon-bar {
  background-color: #E3E3E3;
}

.navbar-tcolor a {color: #f3f3f3;}

/* votes */
.postrow {padding: 5px 8px 10px 8px; border-bottom: 1px solid #ddd; margin: 10px 0px;}
.postrow:hover {background: #f3f3f9;}
.votecell{width:60px;vertical-align:top}
.postcell{padding-left:8px; vertical-align:top}
.postrowdetail {padding: 5px 8px 10px 8px; margin: 10px 0px;}

/**************** VOTE ******************/
.votebox{
background:#fff;
-webkit-border-radius: 4px;
 -moz-border-radius: 4px;
	  border-radius: 4px;
margin:4px 15px 0 0px;
box-shadow: 0 1px 2px rgba(0,0,0,.2);

float:left;
}
.vote {
padding:6px 5px 4px 5px;
}
.votenumber {
font-size:14px;
text-align:center;
display:inline-block;
line-height:1.3;
font-weight: bold;
margin:0 0 4px;
padding:0;
}
.votebutton {
text-align:center;
overflow: hidden;
}
.votebutton .btn {
margin: 0 1px;
padding: 1px 2px;
}



 /**
       * Simple fade transition,
       */
      .mfp-fade.mfp-bg {
        opacity: 0.001; /* Chrome opacity transition bug */
        -webkit-transition: all 0.15s ease-out; 
        -moz-transition: all 0.15s ease-out; 
        transition: all 0.15s ease-out;
      }
      .mfp-fade.mfp-bg.mfp-ready {
        opacity: 0.8;
      }
      .mfp-fade.mfp-bg.mfp-removing {
        opacity: 0;
      }

      .mfp-fade.mfp-wrap .mfp-content {
        opacity: 0;
        -webkit-transition: all 0.15s ease-out; 
        -moz-transition: all 0.15s ease-out; 
        transition: all 0.15s ease-out;
      }
      .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
        opacity: 1;
      }
      .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
        opacity: 0;
      }
      
      
      .panel-custom {
  border-color: #EB9D23;
}
.panel-custom > .panel-heading {
  color: #fff;
  background-color: #EB9D23;
  border-color: #EB9D23;
}
.panel-custom > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #EB9D23;
}
.panel-custom > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #EB9D23;
}


 .has-error .form-control { background-color: #ffeeee !important; }
 
 /* Form Validation */


.styled span.error {
font: bold 11px;
color:#a94442;
display: block; 
padding: 7px 5px 7px 20px; 
line-height: 1em; 
margin-top: 3px;
}

.styled .input-group {padding: 0 15px;}


/* socail */
 #socialtop
 {
     width:180px;
     margin: 5px auto;
}

.side300box 
{
     width:300px;
     margin: 0px auto;
    }
    
    
  .page-formheader {
  padding-bottom: 9px;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #eee;
}  

.twitter-share-button[style] { vertical-align: text-bottom !important; }
.fb-share-button { vertical-align: text-bottom !important; }
.fb_iframe_widget span { vertical-align: text-bottom; }

/* This gets Google to fall into place */
.socialhl {
font-size: 1px;
display:inline;
vertical-align:text-bottom;
margin-top:3px;
}

.socialhl .mtop {
margin-top:3px;
} 
/* This gets Facebook to fall into place */
.socialhl iframe {
vertical-align: middle;
}
 
/* Set an optional width for your button wrappers */
.socialhl span {
display: inline-block;
width: 110px;
}
 
/* Adjust the widths individually if you like */
.socialhl .google {
width: 75px;
}


.submitLink{font-size:22px;font-weight:bold;text-decoration:none;display:block;padding:15px 0px 0px 0px; color:#EB9D23}

.submitLink:hover {color:#353E4D}

/* resize boxes */
.boxy {
  width:270px;
}

.article {
  padding: 8px;
  line-height: 1;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  position: relative;

}

.sharrre{margin:0 2px 15px 0}
.sharrre .box a:hover{text-decoration:none}
.sharrre .count{color:#666666;display:inline-block;font-size:12px;line-height:22px;height:22px;position:relative;text-align:center;width:45px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #cccccc;background:#f8f8f8; margin-left: 2px;}
.sharrre .share{color:#FFFFFF;display:inline-block;font-size:10px;font-weight:bold;height:22px;line-height:23px;padding:0;text-align:center;text-decoration:none;width:62px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.sharrre .share i{font-size:12px}
.s_twitter .share{background:#38aadd}
.s_facebook .share{background:#405c93 }
.s_facebook {margin-right:8px}
.inlblock { display:inline-block; }

.section-header{width:100%;float:left;padding-bottom:10px;border-bottom:1px solid #e3e3e3;overflow:hidden; margin:10px 0 10px 0;}
.section-header>a{color:inherit;text-decoration:inherit}.section-header-text{text-align:center}.section-header,.section-header-text{font-weight:bold;font-style:italic;font-size:185%;line-height:100%;color:#333}
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}
.imgcmmtpage{max-width:300px;float:left; padding: 0px 0px 10px 0px; margin:0px 8px 0px 0px;}
.imgcmmtpage img{width:100%; max-width:400px;}

.jsCssNotLoggedIn{display:none;}
.jsCssIsLoggedIn{display:none;}
.logshow{display:none !important;}
.loghide{display:none !important;}
.linkdomain {font-size:11px; font-style:italic; }
.mtext {font-size:150%; font-weight:500; display:block;  width:100%; text-align:center; line-height:180%; }