/*
  Max Tax
  Author: Bao Kim Tran
  Version: HTML 5, CSS 3
  Date: 10.10.2015

  Filename: 				masterVolume.css

    Supporting files:	home.htm, tax.htm, accounting.htm, aboutus.htm, contactus.htm, calendar.htm, gallery.htm, resources.htm

		This version is revised for desktop, tablet, and mobile devices.
		Revised date: 11/23/2015
 
*/

html {
	font-family: "Lucida Sans", sans-serif, Arial, Helvetica;
	font-weight: 100; /* set font weight for Chrome */
}

p {
	margin: 0%;    /* set margin for Firefox */
}

ul {
	margin: .5em;
	padding-left: 1em;	
}

header, section, footer, aside, nav, main, article, figure
 { 
 display: block; 
}

body {
	font-size: 100%;
  margin: 0;
  padding: 0;
	background: url(../Images/paper.gif);
	background-color: rgb(245,245,245);
	border: 0px solid yellow;
}

.blackLight {
	color: black;
}

.background {
	background-color: rgb(255,255,245);
}

.calcTitleBack {
	background-color: rgb(145, 5, 10);
}

.centerChannel {
	Text-align: center;
}

.endSong {
	clear: both;
}

.color {
	color: rgb(145, 5, 10) !important;
}

.microphone {
	margin-top: 0px;
}

.microphone:first-line   {
	font-weight: bold;
}

.microphone:first-letter {
	float: left;
	font-size: 2.5em;
	font-family: 'Times New Roman', serif;
	line-height: 0.8; 
	margin: 0px 5px 0px 0px;
	color: rgb(145, 5, 10);
}

.leftChannel {
	text-align: left;
	padding: 0;
}

.links a {
	color: rgb(0, 128, 255);
	text-decoration: none;
}

.links a:hover {
text-decoration: underline;
color: red;
}

.lowVolumn {	
	font-weight: lighter;
}

.panCenter {
	margin: auto auto;
}

.panLeft {
	float: left;
	margin: 0% 2% 0% 0%;
}

.panRight {
	float: right;
	margin:  0% 0% 0% 2%;
}

.rightChannel {
	text-align: right;
	padding: 0;
}

.red {
	color: red;
}

.whiteLight {
	color: rgb(240,240,240);
}

* {
  box-sizing: border-box;
}

#subWoofer:after {
  content: "";
  clear: both;
  display: block;
}

[class*="speaker-"] {
  float: left;
  padding: 0px;
  width: 100%;
}

@media only screen and (min-width: 1100px) {
    .speaker-s-1 {width: 8.33%;}
    .speaker-s-2 {width: 16.66%;}
    .speaker-s-3 {width: 25%;}
    .speaker-s-4 {width: 33.33%;}
    .speaker-s-5 {width: 41.66%;}
    .speaker-s-6 {width: 50%;}
    .speaker-s-7 {width: 58.33%;}
    .speaker-s-8 {width: 66.66%;}
    .speaker-s-9 {width: 75%;}
    .speaker-s-10 {width: 83.33%;}
    .speaker-s-11 {width: 91.66%;}
    .speaker-s-12 {width: 100%;}
}

@media only screen and (min-width: 1280px) {
    .speaker-1 {width: 8.33%;}
    .speaker-2 {width: 16.66%;}
    .speaker-3 {width: 25%;}
    .speaker-4 {width: 33.33%;}
    .speaker-5 {width: 41.66%;}
    .speaker-6 {width: 50%;}
    .speaker-7 {width: 58.33%;}
    .speaker-8 {width: 66.66%;}
    .speaker-9 {width: 75%;}
    .speaker-10 {width: 83.33%;}
    .speaker-11 {width: 91.66%;}
    .speaker-12 {width: 100%;}

}