html, body {
	min-height: 100%;
	
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 300;
	background: #f2f2f2;
}

h1, h2, h3, h4, h5, h6, h7 {
	font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
}

h2, h3, h4, h5, h6, h7 {
    color: #333;
}

h1 {
	font-size: 24px;
	font-weight: 700;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 16px;
	font-weight: 700;
}

h4 {
	font-size: 16px;
}

/* ELEMENTS */
.pagination-container {
	text-align: center;
}

/* /ELEMENTS */

/* TOP-MENU */
#top-menu {
	border: 0;
	background: #333;
	border-radius: 0;
}

#top-menu,
#top-menu .container,
#top-menu .navbar-header {
	min-height: 80px;
}

#top-menu .navbar-brand {
	height: 80px;
	line-height: 50px;
	font-family: Roboto Condensed, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 32px;
	font-weight: normal;
	color: #fff;
}

#top-menu .navbar-brand h1 {
	height: 80px;
	font-family: Roboto Condensed, Helvetica, Arial, sans-serif;
	font-size: 32px !important;
	line-height: 50px;
	margin-top: 0;
	margin-bottom: 0;
}

#top-menu .container .nav {
	margin-top: 15px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

#top-menu .container .nav a {
	color: #ddd;
}

#top-menu .navbar-toggle {
	margin-top: 21px;
    margin-right: 21px;
}

#top-menu li span.title {
    display: block;
    color: #ddd;
    text-decoration: none;
    padding: 10px 15px 10px 15px;    
}

#top-menu li span.title {
	margin-top: 20px;
	
	font-size: 1.2emn;
	text-transform: uppercase;
	
	color: #888;
	border-top: 1px solid #232323;
}

#top-menu li.collection-item .media {
    padding-bottom: 7px;
}

#top-menu li.collection-item .media-left {
	padding: 0 10px;
	text-align: center;
}

#top-menu li.collection-item .media-left span {
	display: inline-block;
	width: 25px;
}

#top-menu li.collection-item .media-body a {
	padding: 0;
	padding-right: 5px;
	line-height: 25px;
}
/* /TOP-MENU */

#main {
	min-height: 820px;
}

/* SIDEBAR */
#sidebar {
	
}

#sidebar a,
#sidebar a:link,
#sidebar a:visited,
#sidebar a:active {
	color: #555;
}

#sidebar .sidebar-container {
	margin-left: 15px;
	padding: 25px;
	font-size: 14px;
	color: #888;
	background: #fff;
	border: 1px solid #e9e9e9;
}

#sidebar h2, 
#sidebar h3,
#sidebar h4, 
#sidebar h5, 
#sidebar h6 {
	font-family: Roboto Condensed, Roboto, Helvetica, Arial, sans-serif;
	color: #555;
	text-transform: uppercase;
} 

#sidebar h2, 
#sidebar h3 {
	font-size: 1em;
	font-weight: 600;
}

#sidebar h3 {
	font-weight: 400;
}

#sidebar h4, 
#sidebar h5,  
#sidebar h6 {
	font-size: 0.9em;
	font-weight: 600;
}

#sidebar h5,
#sidebar h6 {
	font-weight: 400;
}

#about-section .about-blog-image {
	display: block;
	
	margin: 30px auto 30px auto;
	
	width: 150px;
	height: 150px;
	
	background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    
    border: 1px solid #E9E9E9;
}

#about-section .about-heading {
	text-align: center;
}

#primary-sidebar-menu {
	margin-top: 10px;
	margin-bottom: 25px;
}

#sidebar nav a {
	display: block;
	
	padding-top: 4px;
	padding-bottom: 4px;
	
	border-bottom: 1px solid #E9E9E9;
}

#sidebar nav a:LAST-OF-TYPE {
	border-bottom: 0;
}

/* WIDGETS */
div.latest-blog-posts-widget {
	margin-bottom: 40px;
}

div.latest-blog-posts-widget .latest-blog-posts .media {
	padding-top: 5px;
	padding-bottom: 3px;
	border-bottom: 1px solid #eee;
}

div.latest-blog-posts-widget .latest-blog-posts .media-left {
	min-width: 60px;
}

div.latest-blog-posts-widget .latest-blog-posts .post-image {
	display: block;
	width: 50px; 
	height: 50px;
	
	border-radius: 50%;
	-moz-border-radius: 50%;
  	-webkit-border-radius: 50%;
  	
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
div.latest-blog-posts-widget .latest-blog-posts .media-body {
	font-weight: 500;
}

div.latest-blog-posts-widget .latest-blog-posts .time-stamp {
	display: block;
	font-size: 12px;
	font-weight: 400;
	color: #888;
}

.instagram-feed-widget img {
    width: 7vw;
    height: 7vw;
}

.blog-post-categories-widget a {
	display: block;
}

div.latest-blog-post-comments-widget.footer h2 {
	padding-left: 35px;
}

#latest-blog-post-comments-footer-widget  {
	min-height: 150px;
	font-size: 80%;
    line-height: 20px;
    padding-bottom: 60px;
}

#latest-blog-post-comments-footer-widget a {
	color: #000;
}

#latest-blog-post-comments-footer-widget .carousel-inner {
	min-height: 200px;
}

#latest-blog-post-comments-footer-widget div.item span {
	display: block;
}

#latest-blog-post-comments-footer-widget div.item {
	padding-left: 35px;
	padding-right: 35px;
}

#latest-blog-post-comments-footer-widget div.item .post-image {
	display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

#latest-blog-post-comments-footer-widget a.carousel-control {
	background: none;
}

#latest-blog-post-comments-footer-widget a.carousel-control .glyphicon {
	font-size: 12px;
}

#latest-blog-post-comments-footer-widget .carousel-indicators li {
	margin-left: 2px;
	margin-right: 2px;
}
/* /WIDGETS */

/* BLOG-ROLL */

.blog-post-list .blog-post-item h2 {
	font-size: 24px;
	font-weight: 700;
}

.blog-post-list .blog-post-item .blog-post-inside {
	overflow: hidden;
}

.blog-post-list .blog-post-item span.heading {
	font-family: Roboto Slab, Helvetica, Arial, sans-serif;
}

.blog-post-list .blog-post-item span.heading.heading-1,
.blog-post-list .blog-post-item span.heading.heading-2 {
	font-size: 20px;
	line-height: 30px;
}

.blog-post-list .blog-post-item span.heading.heading-3, 
.blog-post-list .blog-post-item span.heading.heading-4 {
	font-size: 16px;
	line-height: 24px;
}

.blog-post-list .blog-post-item span.heading.heading-4 {
	
}
/* /BLOG-ROLL */

/* BLOG-POSTS */
 
.blog-post-item {
	margin-bottom: 40px;
	
	background: #fff;
}

.blog-post-item h1 a,
.blog-post-item h2 a,
.blog-post-item h3 a,
.blog-post-item h4 a {
	color: #000;
}

.blog-post-item .blog-post-thumbnail {
	display: block;
	
	height: 350px;
	width: 100%;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.blog-post-item .blog-post-inside {
	padding: 25px 35px;
	border-left: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;
	border-bottom: 1px solid #e9e9e9;
}

.blog-post-item .blog-post-inside.no-image {
	border-top: 1px solid #E9E9E9;
}


.blog-post-item.single-post .blog-post-inside {
	min-height: 500px;
}

.blog-post-item .text-meta {
	font-size: 12px;
	color: #666;
	margin-bottom: 15px;
    margin-top: 15px;
}
 
.blog-post-item .text-meta span {
	margin-right: 15px;
}

.blog-post-item .post-btns {
	text-align: right;
}

.blog-post-item .post-btns a,
.blog-post-item .post-btns span {
	margin-left: 10px;
	
	font-size: 15px;
	color: #000;
	
	cursor: pointer;
}

.blog-post-item .readmore-section {
	margin-top: 40px;
}

.blog-post-item .text-meta-bottom {
	font-size: 12px;
}

.blog-post-item #comment-container .media .media-heading {
	font-weight: 600;
	display: block;
}

.blog-post-item #comment-container .media .media-reply-box .reply-btn,
.blog-post-item #comment-container .media .media-reply-box .delete-btn {
	font-size: 11px;
}

.blog-post-item #comment-container .media .media-reply-box .reply-btn {
	margin-right: 15px;
}

.blog-post-inside img {
	max-width: 100%;
}
/** /BLOG-POSTS */

/** Comments */
#comment-section div.media span.media-heading {
	display: block;
	font-weight: 600;
}
/** /Comments

/** FOOTER */

footer {
	position: relative;
	min-height: 250px;
	padding-top: 10px;
	margin-top: 50px;
	background: #eaeaea;
}

footer h2 {
	font-size: 1em;
	color: #555;
}
/** /FOOTER */

#sub-footer {
	padding-top: 30px;
	padding-bottom: 30px;
	
	background: #eaeaea;
	
	font-size: 13px;
	text-align: center;
}

/* AD SPACES */

.leaderboard-ad.ad-top {
	margin-bottom: 10px;
}

/* /AD SPACES */