style.css

/*
Theme Name: Amerca Today
Theme URI: tuts.leagueofbeards.com/amerca
Author: The League of Beards
Author URI: https://leagueofbeards.com
Description: Responsive, Bootstrap 3.0 based theme demonstrating techniques to replicate some of the features of USAToday.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: amerca
*/

#copyright p {
	padding-top: 15px;
}

.navbar-form input, .form-inline input {
	width:auto;
}

.navbar-brand {
	font-size: 35px;
	line-height: 50px;
}

.navbar-brand img {
	float:left;
	width: 50px;
	height: 50px;
	margin-top: 0px;
	margin-right: 10px;
}

.meta {
	color: #bbb;
}

.highlights {
	float:left;
	width: 175px;
	margin-right:20px;
}
	.highlights strong {
		text-transform: uppercase;
		font-size: 12px;
		color: #999;
		width: 100%;
		float:left;
		margin-top: 3px;
		padding-bottom: 3px;
		border-bottom: 1px solid #eee;
	}
	
	.highlights ul {
		margin-top: 30px;
		margin-left: 0px;
		padding-left: 15px;
	}
		.highlights ul li {
			font-size: 13px;
			padding-bottom: 10px;
			padding-top: 10px;
			font-weight:bold;
		}
			.highlights ul li:first-child {
				padding-top:0px;
			}
			
			.highlights ul li + li {
				border-top: 1px solid #eee;
			}

#featured_image {
	margin-top: 30px;
}

.badge a, .badge a:hover {
	color:#fff;
}

.social_stats {
	width: 100%;
	float:left;
	margin: 10px 0px 15px 0px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}

.social_stats .stats {
	background: #eee;
	color: #333;
	padding: 10px 0px;
	text-align:center;
}

.social_stats .social {
	text-align:center;
	font-size: 15px;
	font-weight: bold;
	border-right: 1px solid #eee;
}
	.social_stats .social.last {
		border:none;
	}
	.social_stats .social a:hover {
		color:#aaa;
	}
	
	.social_stats .social small {
		font-size: 12px;
		font-weight:normal;
		clear:both;
		display:block;
	}
	
	.meta small.cats {
		margin-left: 10px;
		padding-right: 2px;
		margin-right: 5px;
		border-right: 1px solid #ccc;
	}

.form-inline {
	margin-top: 22px;
	margin-right: -15px;
}	
	.form-inline input.form-control {
		width: 300px;
	}

#new-content {
	position:relative;
	z-index: 100;
}

#left-menu {
	position:relative;
	z-index: 101;
}

.alignleft {
	float:left;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-top: 5px;
}

.next_previous {
	display:block;
	width: 100%;
	margin-bottom: 5px;
}
	.next_previous a {
		width: 48%;
		font-size: 11px;
	}

#midCol .well {
	margin-bottom: 30px;
}

#midCol .media:last-child {
	margin-bottom: 20px;
}

#midCol .media:last-child hr {
	display:none;
}

.left {
	float:left;
	display:block;
	text-align:left;
}

.right {
	float:right;
	display:block;
	text-align:right;	
}

.in-post {
	margin-left: 10px;
}

.related_header {
	margin-bottom: 15px;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 15px;
}

.related {
	padding-left: 0px;
}
	.panel img {
		border: 1px solid #eee;
		padding: 3px;
	}
	
	.panel img.featured {
		padding:0px;
		border:none;
	}
	
	.related_sep {
		float:left;
		width: 100%;
	}
	.related_sep:last-child {
		display:none;
	}
	
	.related div {
		padding-left: 0px;
	}
		.related div h4 {
			margin-left: 10px;
		}

#quick_links {
	padding-left: 10px;
	padding-right: 10px;
}
	#quick_links h4 {
		text-transform:uppercase;
		font-size: 13px;
		font-weight:bold;
	}
	
	#quick_links ul {
		margin-left:0px;
		padding-left:0px;
		list-style:none;
	}
	
		#left-menu .panel-body #quick_links ul li {
			text-indent:5px;
			padding: 3px 0px;
		}

.panel-heading {
	text-transform:uppercase;
	font-weight:bold;
}

header {
	min-height:180px;
  	margin-bottom:5px;
}

.tagline {
	border: 1px solid #eee;
	padding: 5px;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 5px;
}

.relatedposts h4 {
	float:left;
	width: 100%;
	margin-top:0px;
	margin-bottom:20px;	
}

.relatedposts ul {
	margin-top: 10px;
	margin-left: 0px;
	padding-left: 0px;
}

.relatedposts ul li {
	display:inline-block;
}

.relatedthumb {
	position: relative;
	width: 25%;
	display:inline-block;
}

/* only apply sticky columns on wider screens */
@media (min-width: 1200px) {
  #sidebar {
 	margin-left:15px;
  }

  #content {
 	padding-right:15px;
  }

  #sidebar.affix-top {
      position: static;
  }
  
  #sidebar.affix {
      position: fixed !important;
      top: 20px;
      width: 180px;
  }

  #midCol.affix-top {
      position: static;
  }

  #midCol.affix-bottom {
      padding-top:0;
  }
  
  #midCol.affix {
      position:fixed !important;
  	  top: 20px;
  	  width:292px;
  }
}

.affix {
      position:static;
}

body {
  font-family: 'Open Sans',Arial,Helvetica,Sans-Serif;
  font-weight:300;
  color:#676767;
  background-color:#efefef;
}

a,a:hover {
	color:#77CCDD;
  	text-decoration:none;
}

.highlight-bk {
	background-color:#77CCDD;
    padding:1px;
    width:100%;
}

.highlight {
	color:#77CCDD;
}
  
h3.highlight  {
	padding-top:13px;
    padding-bottom:14px;
  	border-bottom:2px solid #77CCDD;
}

.navbar {
	background-color:#21759b;
  	color:#ffffff;
  	border-radius:0;
}
.navbar-nav > li > a {
  	color:#fff;
  	padding-left:20px;
  	padding-right:20px;
  	border-left:1px solid #66BBCC;
}
.navbar-nav > li:last-child > a {
  	border-right:1px solid #66BBCC;
}

.navbar-nav li a:hover {
  	background-color:#66BBCC;
}

.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {
	color: #000;
  	opacity:.9;
}

.navbar-brand {
	color:#fff;
}
.navbar-brand:hover {
	color: #fff;
}

.dropdown-menu {
	min-width: 250px;
}

.caret {
	color:#fff;
}

.navbar-toggle {
	color:#fff;
    border-width:0;
}
  
.navbar-toggle:hover {
	background-color:#fff;
}

.panel,.panel-heading {
  	border-radius:0;
  	border-width:0;
  	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.09);
	box-shadow: 0 3px 3px  rgba(0, 0, 0, 0.09);
}

.thumbnail {
	margin-bottom:8px;
	border-radius:0;
}

.well {
  	border-radius:0;
}

.accordion-heading .accordion-toggle, .accordion-inner, .nav-stacked li > a {
	padding-left:1px;
}

#left-menu .panel-body {
	padding-left: 0px;
	padding-right: 0px;
}
	#left-menu .panel-body ul li {
		text-indent: 10px;
	}

	#left-menu .panel-body ul li .themes {
		border-left: 5px solid #009bff;
	}
		#left-menu .panel-body ul li .themes:hover, #left-menu .panel-body ul li .themes.active {
			background: #009bff;
			color: #fff;
		}

	#left-menu .panel-body ul li .plugins {
		border-left: 5px solid #b81800;
	}
		#left-menu .panel-body ul li .plugins:hover, #left-menu .panel-body ul li .plugins.active {
			background: #b81800;
			color: #fff;
		}

	#left-menu .panel-body ul li .buddypress {
		border-left: 5px solid #fa5f00;
	}
		#left-menu .panel-body ul li .buddypress:hover, #left-menu .panel-body ul li .buddypress.active {
			background: #fa5f00;
			color: #fff;
		}
		#left-menu .panel-body #social {
			padding-left: 10px;
			padding-right: 10px;
		}
		
		 #left-menu hr {
			 margin-left: 10px;
			 margin-right: 10px;
		 }
footer {
	height:50px;
  	background-color:#dfdfdf;
  	color:#888;
  	margin-top:20px;
}

@media (min-width: 992px) {
  .no-gutter.row > div[class*='col-md'] {
    padding-left: 0;
    padding-right: 0;
  }
  .no-gutter.row > .col-md-12 {
    width: 99.99999999999999%;
    *width: 99.93055555555554%;
  }
  .no-gutter.row .col-md-11 {
    width: 91.66666666666666%;
    *width: 91.59722222222221%;
  }
  .no-gutter.row > .col-md-10 {
    width: 83.33333333333331%;
    *width: 83.26388888888887%;
  }
  .no-gutter.row > .col-md-9 {
    width: 74.99999999999999%;
    *width: 74.93055555555554%;
  }
  .no-gutter.row > .col-md-8 {
    width: 66.66666666666666%;
    *width: 66.59722222222221%;
  }
  .no-gutter.row > .col-md-7 {
    width: 58.33333333333333%;
    *width: 58.263888888888886%;
  }
  .no-gutter.row > .col-md-6 {
    width: 49.99999999999999%;
  }
  .no-gutter.row > .col-md-4 {
    width: 33.33333333333333%;
  }
  .no-gutter.row > .col-md-3 {
    width: 24.999999999999996%;
    *width: 24.930555555555554%;
  }
  .no-gutter.row > .col-md-2 {
    width: 16.666666666666664%;
    *width: 16.59722222222222%;
  }
  .no-gutter.row > .col-md-1 {
    width: 8.333333333333332%;
    *width: 8.263888888888888%;
  }
}