/*
Theme Name: wpbootstrap3
Theme URI: http://teamtreehouse.com/wordpress-bootstrap-theme-tutorial
Description: A demo theme built to accompany the Treehouse blog post <a href="http://teamtreehouse.com/wordpress-bootstrap-theme-tutorial">How to Build a WordPress Theme with Bootstrap</a>.
Author: Zac Gordon
Author URI: http://teamtreehouse.com/
Version: 1.0
Tags: responsive, white, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

This simple theme was built using the example Bootstrap theme "Basic marketing site" found on the Bootstrap web site http://twitter.github.com/bootstrap/examples/hero.html
*/

@import url('bootstrap/css/bootstrap.css'); 
@import url('bootstrap/css/bootstrap-theme.css');

body {
       padding-top: 5px; 
     padding-bottom: 5px;
     margin-top: 0 !important;
     text-align: center;
     background-color: #eee8ac;
     font-size: 1.5em;
     
     margin-left: auto;
     margin-right: auto;
	
color: black;
    font-size: 1.2em;
   
    }
     #page{
	  margin: 0 auto;
	  text-align:  left; 
	  border: 0px solid yellow;
	  background-color: white;
	  max-width: 800px;
	  
	  }
	  #main{
	        padding: 0 36px 0 36px;
	       }
	       #primary{
		    
		    }
		    #secondary{
			 
			 }
			 /*-------------*/
			 /* content-menu*/
			 /*-------------*/
		    /* ---- end of scope of secondary ----*/
		    #content{
			 margin: 0px 0px 0px 0px;
			 width: 100%;
			 border:0px solid red;
			
			 border: 0px solid red;
			 
			 }
			 /*-------------*/
			 /* content-{} */
			 /*-------------*/
		    /* ---- end of scope of content ----*/
	       /* ---- end of scope of primary ----*/		    
	  /* ---- end of scope of main ----*/		    
     /* ---- end of scope of page ----*/
/* ---- end of scope of body ----*/

.container{
     width: 100%;
     margin: 0 auto;
     padding: 0;
}
 

.entry-content{
	margin: 0;
	padding: 0 0px 0 0px;
	border:0px solid red;
}
.site-content{
	padding: 0px 0 0 0;
            border:0px solid red;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
#banner_large.visible-sm,
#banner_large.visible-md,
#banner_large.visible-lg{
     display: block;
     border: 0px solid red;
    
}
#banner_small.visible-sm ,
#banner_small.visible-md ,
#banner_small.visible-lg {
     display: none;
}
#banner_small.visible-sm ,
#banner_small.visible-md ,
#banner_small.visible-lg {
     display: none !important;
     border: 0px solid black;
}
#banner_large.visible-xs{
     display: none !important;
     border: 0px solid white;
}     
#banner_small.visible-xs{
     display: block;
     border: 0px solid blue;
     margin: 0 auto;
     
}  
#banner_small.visible-xs{
	
	min-width: 310px;
	
}
    


#masthead *{
     text-decoration: none;
     
     
}
#masthead img{
    display: block;   
}    
.site-footer{
	
	background-color: #7ab989;
	 border-top: 0px solid #888888;
	 color: black;
	margin:20px 0 0 0; 
	padding: 10px 0 10px 0;
}
.site-footer *{
	color: black;
	text-align: center;

}
.qsl_footer{
	text-align: center;
	font-style: italic;
	font-size: .8em;
	min-height:30px;
	padding: 15px 0 0 0;
}
.qsl_footer a:hover{
     color: black;
     text-decoration: underline;
}
/*---------------------------------------------------- */
/* margins around nav bar */

.navbar{
     margin: 0px;
     border-width: 0;
     border-radius: 0;
     border: 0px solid red;
    padding: 0;
       min-height: 0px;
 
    
}
/*---------------------------------------------------- */
/* menu bar shading boder outline*/
.navbar-default {
 /* background-image: linear-gradient(to bottom, #fff 0%, red 100%);
    background-repeat: repeat-x;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);
*/
    background-image: none;
    box-shadow: none;
    background-color: #371d0c;
    padding: 0;
    margin: 0;
    border: 0px solid red;

    

}
nav{
    border:0px solid blue;
}
/*---------------------------------------------------- */
/* center the menu bar */
.navbar-collapse{
    /* text-align: center;*/		/* centre the menu */
     background-color: #371d0c;
     margin: 0px 0 0 0;
     /*height: 25px;*/
     line-height: 1px;   		/* prevent space under menu items */
     padding: 0;
 
}
.navbar-nav{
     float: none;
     display: inline-block;
     margin: 0;
     padding: 0;
 

}
/*---------------------------------------------------- */
/* caret color */
.navbar .nav li.dropdown > .dropdown-toggle .caret {
    border-bottom-color: black;
    border-top-color: black;
}

/*---------------------------------------------------- */
/* menu colors */
.navbar .nav > li{
         
     padding: 3px 7px 3px 7px;
     margin: 0;
     border-left: 1px solid black;
}
.navbar .nav > li:nth-child(1){
     border-left-width: 0;
     padding-left:15px;
}     


.navbar .nav > li > a
{
    color: black;
   /* line-height: 25px;*/
    margin: 0;
 padding: 0;
 color: white;
 display: block;


}




/*---------------------------------------------------- */
/* fade in out menu options */
.navbar .nav > li > a {
    -webkit-transition: all ease .6s;
       -moz-transition: all ease .6s;
         -o-transition: all ease .6s;
            transition: all ease .6s;
}
/* ---------------------------------------------------- */
/* hover colors */
/*
.navbar .nav > li > a:hover{
    color:  white;
}
.navbar .nav > li,dropdown :hover{
    color:  white;
}
 */    
     
/*---------------------------------------------------- */
/* active */
/*  removes shading to the selected menu item */
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
    background-image: none;
    box-shadow: none;
}
.navbar .nav  > .active > a{
     color:  #cc4444;
     background-color: #371d0c;
}
.navbar .nav  > li.active{
     color:  black;
     background-color: #371d0c;
}


 .navbar-default .navbar-nav > .open > a,
 .navbar-default .navbar-nav > .active > a {
      color:  #cc4444;
     background-color: #371d0c;
 }
 .dropdown-menu > .active > a,
 /*.dropdown-menu > .active > a:hover,*/
 .dropdown-menu > .active > a:focus {
     color:  black;
     background-color: #dcb902;
}

.dropdown-menu{
     font-size: inherit;
}
/* --------------------------------------------------- */
/*   if drop down open ensure same color  */
/* .navbar .nav  > li.open.dropdown > a,
 .navbar .nav  > li.dropdown > a,
.navbar .nav  > li.open > a*/
 
 /*
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{
     color: black ;
     background-color: #ba820c;
     border-left-color: black;
}
*/
/* ------------------------------------------------------------ */
/* ensure drop downs are same color */
.navbar-default .navbar-nav > .dropdown > a,
.navbar-default .navbar-nav > .dropdown > a:focus{
      color: black ;
    background-color: #dcb902;
 
       
 }
/* ----------------------------------------------------------------------------------- */

/* set bg color of drop down */
.navbar-default .navbar-nav > .dropdown > .dropdown-menu  {
     color: black ;
    background-color: #dcb902;
    border: 0px solid red;

}
.navbar-default .navbar-nav > .dropdown > .dropdown-menu  >  .menu-item > a{
     color: black ;
    background-color: #dcb902;
    background-image: none;	/* ensure that we can control drop down menu color */
    
}
/*----------------------------------------------------------------- */
/* hovers */
/* */
.navbar .nav > li:hover{
     background-color: #cc4444;
}
/**/
 /* */
.navbar .nav > li:hover > a{
    color: white;
}
/**/
/* */
.navbar .nav  > li.active:hover > a {
     color:  white;
     background-color:#cc4444;
 }
 
 /**/
.navbar .nav  > .open {
     color:  black;
     background-color:#dcb902;
    
}
/**/
.navbar .nav  >  .open:hover > a {
     color:  white;
     background-color:black;
    
}
.navbar .nav  > .open > .dropdown-menu > .menu-item:hover > a {
     color:  white;
     background-color:black;
}

/* --------------- for shrunk menus ---------------------------------*/
.navbar-nav li.menu-item.visible-xs {
      padding: 0 0 0 30px;
      height: 30px;
     
}

.navbar-nav li.menu-item.visible-xs > .dropdown-menu {
     border: 0px solid red;
     margin: 0px 0 0 70px;
     padding: 0;
}
.navbar-nav li.menu-item.visible-xs > .dropdown-menu  >  .menu-item  {
     border: 0px solid blue;
     margin: 0;
     padding: 0;
         
}
li.menu-item.visible-xs > ul  {
     border: 0px solid red;
     margin: 0 0  0 0px;
}
/* ----------------------------------------------------------------------------------- */
#type1a_heading{
     font-size: 1.2em;
     font-weight: 600;
     padding: 3px 0 3px 0;
     color: black;
}
#type1a_image1{
    float: none;
    margin: 0 0 0px 0;
}
#type1a_image1caption{
    color: black;
    text-align: center;
    margin: 3px 0 10px 0;
    font-size: .8em;
    
}
#type1a_image2{
    border:0px solid red;
    margin: 0 0 20px 0;
    float: right;
 
}
#type1a_image2.visible-xs{
    float: left;
}    
#type1a_normal{
    float:left;
    margin: 0 0 0px 0;
    min-width: 310px;
    width: 55%;

}
/* ----------------------------------------------------------------------------------- */
#type1c_heading{
     font-size: 1.2em;
     font-weight: 600;
     padding: 13px 0 3px 0;
     color: black;
}
#type1c_image{
    float: right;
    padding-left: 10px;
    
}
#type1c_image img{
    display: block;
}
#type1c_imagecaption{
    color: black;
    text-align: center;
    margin: 3px 0 10px 0;
    font-size: .8em;
}    
/* ----------------------------------------------------------------------------------- */
#type27a_heading{
    font-size: 1.2em;
     font-weight: 600;
     padding: 3px 0 3px 0;
     color: black;
}
#type27a_image1{
    float: none;
    margin: 0 0 0px 0;
}
#type27a_image1caption{
    color: black;
    text-align: center;
    margin: 3px 0 10px 0;
    font-size: .8em;
    
}


#type27a_para1{
    float: left;
    /*max-width: 473px;*/
    min-width: 310px;
    width: 55%;
   
}

#type27a_para1.visible-sm{
    border: 0px solid red;
     width: 64%;
}
#type27a_para1.visible-xs{
    border: 0px solid blue;
     width: 56%;

}    
#type27a_carousel{
    float: right;
    width: 310px;

}



.type27a_para2{
    float: right;
    min-width: 310px;
    width: 68%;
    border: 0px solid green;
    
}
.type27a_para2.visible-sm{
    border: 0px solid red;
     width: 68%1;
}
.type27a_para2.visible-xs{
    float: right;
    border: 0px solid blue;
     width: 64%;

}    


.type27a_image2{
    float: left;
    
    
}
.type27a_image2.visible-xs{
    float: left;
     
}

/* ----------------------------------------------------------------------------------- */
#type27b_heading{
    font-size: 1.2em;
     font-weight: 600;
     padding: 3px 0 3px 0;
     color: black;
}
#type27b_carousel{
    float: right;   
}
#type27b_list{
    padding: 0 30px 0 30px;
    
}
#type27b_list li{
    padding: 2px 0 0 0;
    
}
#type27b_list a{
    text-decoration: underline;
}
/* ----------------------------------------------------------------------------------- */
#type27bchild_heading{
    font-size: 1.2em;
     font-weight: 600;
     padding: 3px 0 3px 0;
     color: black;
}
#type27bchild_image{
    
}
#type27bchild_imagecaption{
     color: black;
    text-align: center;
    margin: 3px 0 10px 0;
    font-size: .8em;   
    
}
#type27bchild_image img{
    display: block;
    margin: 5px auto 0 auto;

    
}
#map_canvas{
    width: 425px;
    height: 350px;
    
}
#map_canvas.visible-xs{
    width: 286px;
    height: 350px;   
    
}
/* --------------------------------------------------*/


table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0px solid red;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
img.size-full {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
img,
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img,
img.size-full {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.size-thumbnail{
     width: 150px;
     margin-bottom: 10px;
     margin-right: 10px;
}



#qsl_type37_head{
	margin: 0 auto;
	text-align:  center;
	padding-top: 15px;
	color: #4B6628;
	font-family: verdana,arial;
	font-size: 12pt;
	font-weight: 500;
}
#qsl_type37_content{
	color: #4B6628;
	font-family: verdana,arial;
	font-size: 8pt;
	font-weight: normal;
	line-height: 140%;
	margin: 10px 8px 15px 5px;
	text-align: left;
}
	.cell{border-top:1px solid black; cursor: pointer; line-height:150%; height: 30px; padding-top:5px; }
	.cellon{background-color: crimson;}
	.celloff{background-color:palegreen;}
	.cellon .cellrate{visibility: hidden;}
	.validcell{}
	.invalidcell{background-color: lightgray; font-size:.8em; color: gray;}
	.validdatecell{font-size: 1.2em; font-weight:bold;}
	.invaliddatecell{}
	.monthcalendar td{width: 35px;}
	.monthcalendar{border-collapse:collapse; font-size: .7em; width: auto; background-color: lightgray; }
	.monthcalendar, .monthcalendar td{border: 1px solid black;} 
	.validdatecell,.dowcell{background-color: white;}
	.monthcalendar *{text-align: center;}
	.gap{height:5px;}
	.gapcolor{background-color: gray;}
	.roomcell{background-color: white;}
	.calendargroup{font-size:.8em}
	.calendar{border:0px solid red; float: left; margin:10px; height:330px;}
	.calendarheading{text-align:center;}
	.nextprev{width:100%; border:0px solid red;}
	.calendar_grids{width: 100%; margin: 0 0 0 70px; border:0px solid red;}
	.calendar_grids.visible-xs{width: 100%; margin: 0 0 0 0px; border:0px solid red;}
	#nextmonthbutt{float:right;}
	#prevmonthbutt{float:left;}