/*!
 * Start Bootstrap - The Big Picture HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
	margin-top: 50px;
	margin-bottom: 50px;
	background: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	font-size: 24px;
	text-tansform: uppercase;

}

.full {
  background: url(/images/ayerguesthouse.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.page {
  background: url(/images/ayerguesthouse.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

h1 {
	color:#000;
}

p {
	color:#000;
}

a {
	color:#000;
}

.box {
	background:#fff;
	padding:20px;
	opacity: .7;
	border-radius: 5px;
	
}

img {max-width:100%;}

#splash {
/**background:#ffffff;**/
	opacity: .9;
	padding: 25px 50px;
	position: relative;
}

.page-container {
   /**background: rgba(0, 0, 0, 0) url("/site/wp-content/themes/Rogue-child/white-trans.png") repeat scroll 0 0;**/
    padding: 25px 50px;
    position: relative;
}

#artist h1.entry-title {
    font-size: 72px;
    line-height: 120%;
    opacity: 0.9;
    position: absolute;
    top: 0;
}

#bands {
	font-size:36px;
	text-transform:uppercase;
}

.purchase {
 	   background: #fff none repeat scroll 0 0;
 z-index: 1000;
    right: 0;
    padding: 10px;
    position: fixed;
 	
/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
 }
 
 .featured-image-overlay {

    opacity: 1;

}

#portland {
    padding: 10px 0 0;
    text-align: right;
}

.line {
	background: #000 none repeat scroll 0 0;
	border: 0 none;
	height: 5px; 
	width:100%;
	margin: 20px 0;
	
}

.wp-toolbar-active {
    margin-top: 0;
}

	#day1 {display:block;}
	.tactile-horizontal-menu-wrapper {display:block;}
.tactile-horizontal-menu-wrapper { background:#1D2220;}

#sitewrap {
    margin-top: 5px;
}

@media (max-width:992px) {
	
}

/* make keyframes that tell the start state and the end state of our object */
 
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}
 
.fade-in.one {
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
animation-delay: 0.7s;
}