/* All the design and code contained here remains the sole property of Timothy Paul Read and is used strictly under license. It may not be copied, re-used or redistributed in any fashion without prior permission. */

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



html, body {
    margin: 0;
    min-height: 100%;
    min-width: 980px;
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif; 
   	
}
	
body {
    position: relative; /* needed for the overlay to extend when you scroll */
    /* general styles */
    /* padding: 30px; */
	/* background-color: #878697; */
    background-color: rgba(161,156,145,1.0);	
}

a:link {
	color: #000;
}

a:visited {
	color: #000;
}

#ctrlbar {
	position: fixed;
	display: block;
	left: 0px;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 60px;
	background-color: rgba(161,156,145,0.75);
	z-index: 10;
}

#minilogo {
	position:absolute;
	bottom: 0px;
	left: 20px;
	width: 225px;
	height: 50px;
}

#musiclinks {
	position: absolute;
	bottom: 10px;
	right: 20px;
}

#musiclinks img {
	width: 120px;
	height: 25px;
	}

.fixedpanel {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 768px;
	background-color: #fff;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-size:cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-position: center center;
}

.lyricsheet {
	position: relative;
	display: inline-block;
	width: 100%;
/*	height: 900px;*/
/*	background-color: #fff;*/
	background-color: rgba(161,156,145,1.0);
	padding-bottom: 3rem;
}

.lsection {
	display: inline-block;
	text-align: left;
	font-size: 1.2em;
}

.video {
	position: relative;
	padding-left: 2rem;
	transform:translateY(-50%);
	height: 10rem;
}

.audio {
	position: relative;
	padding-left: 2rem;
	transform:translateY(25%);
	height: 10rem;
}

.section0 {
	display: inline-block;
	float: left;
	width: 90%;
	padding-left: 3rem;
	padding-bottom: 2rem;
}

.section1 {
	display: inline-block;
	float: left;
	width: 40%;
	padding-left: 3rem;
	
}

.section2 {
	display: inline-block;
	float: left;
	width: 40%;
	padding-left: 3rem;
	transform:translateY(-2rem);
}

.cover_inline {
	display: inline-block;
	float: left;
	width: 28%;
	
	padding-right: 2rem;
	padding-bottom: 1rem;
	
	/*
	transform:translateY(-2rem);
	*/
}

#gpanel0 {
	background-image: url("img/guy10_angles.jpg");
}

#gpanel1 {
	background-image: url("img/guy02_kerouac.jpg");
}

#gpanel2 {
	background-image: url("img/guy05_guitar.jpg");
}

#gpanel3 {
	background-image: url("img/guy15_lookup.jpg");
}

#gpanel4 {
	background-image: url("img/guy04_palmsdown.jpg");
}

#gpanel5 {
	background-image: url("img/guy06_guitar.jpg");
}

#gpanel6 {
	background-image: url("img/guy11_holdinglegs.jpg");
}

#gpanel7 {
	background-image: url("img/guy07_guitar.jpg");
}

#gpanel8 {
	background-image: url("img/guy03_necklace.jpg");
}

#gpanel9 {
	background-image: url("img/guy01_seated.jpg");
}

#gpanel10 {
	background-image: url("img/guy08_guitar_closeup.jpg");
}

#gpanel20 {
	background-image: url("img/gmlp002_guitar.jpg");
}
#gpanel21 {
	background-image: url("img/gmlp002_pinecones.jpg");
}
#gpanel22 {
	background-image: url("img/gmlp002_wood.jpg");
}
#gpanel23 {
	background-image: url("img/gmlp002_wine.jpg");
}
#gpanel24 {
	background-image: url("img/gmlp002_script.jpg");
}
#gpanel25 {
	background-image: url("img/gmlp002_shoes.jpg");
}
#gpanel26 {
	background-image: url("img/gmlp002_jewelcase.jpg");
}
#gpanel27 {
	background-image: url("img/lovewideopen_back.jpg");
}
#gpanel28 {
	background-image: url("img/lovewideopen_back2.jpg");
}


.credits {
	font-size: 0.85em;
}

#aabstrkt {
	font-size: 0.75em;
	
}

@media screen and (max-width: 1080px) {
.fixedpanel {
	position: relative;
	width: 100%;;
	height: 980px;
	background-attachment: scroll;
	background-size:cover;
	padding-left: 5rem;
}

.lyricsheet {
	position: relative;
	width: 100%;
	/*	background-color: #fff;*/
	background-color: rgba(161,156,145,1.0);
	padding-left: 5rem;
	padding-bottom: 3rem;
}

#ctrlbar {
	height: 80px;
}

#minilogo {
	width: 270px;
	height: 60px;
}

#musiclinks img {
	width: 40px;
	height: 40px;
}

.section0 {
	float: left;
	width: 90%;
	padding-left: 0.5rem;
	font-size: 1.8em;
}

.section1 {
	float: none;
	width: 90%;
	padding-left: 3rem;
	font-size: 1.8em;
}

.section2 {
	float: none;
	width: 90%;
	padding-left: 3rem;
	font-size: 1.8em;
}
	
}