Bootsrap 100% height column

#main-row{overflow:hidden} /* The row that contains your sidebar. If you run into anchor tag issues with the overflow try applying this to a different parent divĀ  */
#secondary{background:#E1E9EC; margin-bottom:-1000px; padding-bottom:1000px} /* Your sidebar */

 

/* Lots of problems with this, use this css and jquery if you cant deal with the anchor issues */

<script type="text/javascript">
jQuery(document).ready(function(){
var mainRowHeight = jQuery("#main-row").outerHeight(true);
alert(mainRowHeight);
jQuery("#secondary").css("height", mainRowHeight + 'px');
});
</script>

/* The CSS */

@media (max-width: 991px){
#secondary{height:inherit !important}
}

Social CSS

#content #social .social-nav li a,#content #social .social-nav,#content #social,#content #social .social-nav .social-current-tab{background:none}
#content #social #reply-title,#content #social #reply-title span{background:none; padding:0}
#content #social input.social-input,#content #social .social-select{padding:0}
#content #social input#submit{padding:2px 13px}

Linear Gradient

#footer-nav .navbar-inner{background-color:#000; background-image:-moz-linear-gradient(top, #333, #000); background-image:-ms-linear-gradient(top, #333, #000); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#000)); background-image:-webkit-linear-gradient(top, #333, #000); background-image:-o-linear-gradient(top, #333, #000); background-image:linear-gradient(top, #333, #000)}

Box sizing

/* apply a natural box layout model to all elements */
* { box-sizing: border-box; -moz-box-sizing: border-box; }

Rounded corner fix

#cycle { width: 680px; height: 432px; position: relative; margin: 0 0 20px 0; }
#cycle ul { list-style-type: none; width: 680px; height: 432px; margin: 0; padding: 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; }