@charset "utf-8";
/* CSS Document */

body {
	background: url('images/theTelewireFade.jpg');
	background-repeat: repeat-x;
	background-color: #f6c24c;
	margin: 0;
}

@font-face {
    font-family: 'quicksandregular';
    src: url('fonts/quicksand-regular-webfont.eot');
    src: url('fonts/quicksand-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quicksand-regular-webfont.woff') format('woff'),
         url('fonts/quicksand-regular-webfont.ttf') format('truetype'),
         url('fonts/quicksand-regular-webfont.svg#quicksandregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.text {
	font-family: 'quicksandregular';
}

.text-size {
	font-size: 60px;
}
.text-med {
	font-size: 30px;
}
.text-small {
	font-size: 15px;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}

.width100 {
	width: 100%;	
}

.width25 {
	width: 25%;	
}

a {
	text-decoration: none;
	color: #ffffff;
}
a:hover {
	color: #dddddd;	
}

.navSection {
	background-color: #bf4742;
	height: 40px;
	display: block;	
}

.navSectionHold {
	position: fixed;
	background-color: #bf4742;
	top: 0px;
	height: 40px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.hide {
    opacity:0;
}
.show {
    opacity:1;
}

.titleSection {
	background-color: #cf9b25;		
}

.musicStyleSection {
	background-color: #cf9b25;	
}

.recordingSection {
	background-color: #cf9b25;	
}
.footerSection {
	background-color: #cf9b25;	
}

.paddingAbove {
	padding-top: 40px;	
}
.paddingBelow {
	padding-bottom: 40px;	
}
.paddingAboveSmall {
	padding-top: 10px;	
}
.paddingBelowSmall {
	padding-bottom: 10px;	
}

.white {
	color: #ffffff;	
}

.red {
	color: #f23d04;	
}

.grey {
	color: #d1d1d1;	
}

.container {
  margin-right: auto;
  margin-left: auto;
}

ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
}

li {
	float: left;
}
li a:hover {
	color: #df9083;
}

.red {
	background-color: #bf4742;
}

.yellow {
	background-color: #cf9b25;
}
/*
@media (min-width: 768px) {
	.telewireWidthHeight {
		width: 415px;
		height: 282px;	
	}
	.mePhotoWidthHeight {
		width: 415px;
		height: 415px;	
	}
	.stephenPhotoWidthHeight {
		width: 415px;
		height: 415px;	
	}
	.albumSize {
		width: 350px;
		height: 350px;	
	}
	.text-size {
		font-size: 40px;
	}
}

@media (min-width: 992px) {
	.telewireWidthHeight {
		width: 519px;
		height: 352px;	
	}
	.mePhotoWidthHeight {
		width: 519px;
		height: 519px;	
	}
	.widthPictures {
		width: 519px;	
	}
	.text-size {
		font-size: 60px;
	}
	.stephenPhotoWidthHeight {
		width: 519px;
		height: 519px;	
	}
	.albumSize {
		width: 375px;
		height: 375px;	
	}
}

@media (min-width: 1200px) {
	.telewireWidthHeight {
		width: 692px;
		height: 470px;	
	}
	.mePhotoWidthHeight {
		width: 692px;
		height: 692px;	
	}
	.widthPictures {
		width: 692px;	
	}
	.text-size {
		font-size: 80px;
	}
	.stephenPhotoWidthHeight {
		width: 692px;
		height: 692px;	
	}
	.albumSize {
		width: 500px;
		height: 500px;	
	}
}
*/