/*
 * Globals
 */

 img {
   display: inline-block;
   height: auto;
   max-width: 100%;
}

body {
/*  font-family: Georgia, "Times New Roman", Times, serif; */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #555;
  /* put this padding back in if you make the navbar fixed
  padding-top: 120px;*/
  background-color:#f1efe6;
}



h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 0;
  font-family:'Segoe UI', Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
}

.container-fluid {
   max-width:1280px;
}



/*
 * Main column and sidebar layout
 */

.blog-main {
  /*line-height: 1.5;*/
  background-color: #FAFAFA;	
  border:thin #BDBDBD solid;
  margin-bottom: 15px;
}


/* Sidebar modules for boxing content */
.sidebar-module {
  text-align:center;
} 

.sidebar-module-inset {
  padding: 15px;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
  margin-bottom: 0;
}

.sidebar-widget {
  background-color: #FAFAFA;	
  border:thin #BDBDBD solid;
  margin-bottom: 15px;
  padding:5px;
}

/* Pagination */
.pager {
  text-align: left;
}
.pager > li > a {
  width: 140px;
  padding: 10px 20px;
  text-align: center;
  border-radius: 30px;
}


/*
 * Blog posts
 */

.blog-post {
  margin-bottom: 10px;
}
.blog-post-title {
  font-size:24px;
  padding-bottom:0px;
}
.blog-post-meta {
  margin-bottom: 20px;
  color: #999;
}


/*
 * Footer
 */

.blog-footer {
  padding: 40px 0;
  color: #999;
  text-align: center;
  background-color: #f9f9f9;
  border-top: 1px solid #e5e5e5;
}
.blog-footer p:last-child {
  margin-bottom: 0;
}


/*
 * thumbnails
 */

.blog-thumb {
  height:300px;
	border:1px gray solid;
}

.thumbnail_container {
     position: relative;
     width: 100%; 
     padding-bottom: 100%;
	margin-bottom:20px;  
}


.thumbnail {
    position:absolute;
    width:100%;
    height:100%;
}


.thumbnail img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

img{
	max-height:100%;
	width:auto;
    /*max-width:100%;*/
}

.caption-overlay{
    position: absolute;	
 	background-color:rgba(0, 0, 0, 0.5);
 	bottom: 0;
    left: 0;
    width:100%;
    padding:2px !important;	
}

.thumb-caption{
	color:white !important;
	margin:0;
	text-align:center;
}



/*
 * slider
 */
 
.myslider {  
  margin:0;
}





/*
 * navbar
 */

.white, .white a {
  color: #fff;
}

/* this puts nav links on separate line from title
 */
@media (min-width: 950px) {
.navbar-nav {
    clear: left;
    float:none;
    display: inline-block;
    text-align:center;
}
}


.navbar-brand {
	font-family:'Segoe UI', Arial, Helvetica, sans-serif;
	line-height:20px;
	padding-top:10px;
	padding-bottom:5px;
    text-transform: uppercase;	
    font-size:large;
    font-weight:bold;
    color:white;
}


.navbar-brand small {
  font-size:x-small;
  display:block;
}

.alt-description {
	display:none;
}


.nav-btn {
	margin-right:2px;
	margin-left:2px;
	height:36px;
}

.navbar{
	margin-bottom:0;
}


@media (max-width: 950px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }        
/*	Put this back in if you make the navbar fixed
	body {
	  padding-top: 70px;
	} */
}

@media (max-width: 690px) {
	.alt-description {
	display:block;
	}
	.my-description {
	display:none;
	}
}

@media (max-width: 375px) {
	.navbar-brand {
		font-size:small;
	}	
	.navbar-brand small {
		font-size:xx-small;
	}
	.thumb-caption{
	font-size:x-small !important;
	}
}


/*
 * ads
 */
 
.linkunit {  
   padding-top: 10px;
   padding-bottom: 10px;
}
	
.responive-ad {
  text-align:center;
   padding-bottom: 10px;	
}