/* Craig Miller
     Module 5 assignment
     music.css
     INFO 1311  Web Class
     Laurie Olberding
     July 20th, 2015
*/




body {background-color: #3366ff; 
	background-image: linear-gradient(to bottom, #2447B2, #85A3FF);
	background-repeat: no-repeat;
      color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	  font-family: NewTimesRoman, Arial, sans-serif;}
#wrapper {width: 95%;
           min-width: 600px;
		   max-width: 1024px;
           margin-right: auto;
		   margin-left: auto;
		   background-color: #ADC2FF;}

header { background-color: #ADC2FF;
       color: #000000;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	  font-family: NewTimesRoman, Arial, sans-serif;}




h1 {text-align: Center;
	font-size: 5em;
	color:  #ff9900;
	width: 750px;
	text-align: center;
	margin-left: auto;
	margin-right:  auto;
	padding-top: 40px;
	padding-bottom: 20px;
	text-shadow: 3px 3px 3px #3e8be5;
	font-family: NewTimesRoman, Arial, sans-serif;
	border: 8px solid #ff9900;
	border-radius:  30px;	
		height: 100px;

	background-image: url("Storm%20Clouds%20750.jpg");
	background-position: center;
		background-repeat: no-repeat;

		   background-color: #ADC2FF;}}

#photoSpace {height: 250px;
           margin-right: auto;
		   margin-left: auto;
			background-image: url("Secret_Radio_M_Banner_Image.png");
	background-position: center;
		background-repeat: no-repeat;

		   background-color: #ADC2FF;}


nav {border-bottom: 8px solid #ff9900;
	margin-left: 60px;
	margin-right:  60px;
	text-align: center;
	}

nav ul	{list-style-type: none;}

nav li {display:  inline;}

nav li a {
	font-weight: bold;
	font-Size: Large;
	padding: 8px;}


nav a:link { color: #47a3ff; }
nav a:visited { color: #1A3380 }
nav a:hover { color: #FFFFFF; }

h2 {text-align: Center;
	font-size: 3em;
	color:  #1A3380;
	text-shadow: 3px 3px 3px #2447B2;
	font-family: NewTimesRoman, Arial, sans-serif;
	text-decoration: none;}


h3 {text-align: Center;
	font-size: 1.3em;
	color:  #1A3380;
	font-family: NewTimesRoman, Arial, sans-serif;
	text-decoration:  none;}

h3 a {text-shadow: 3px 3px 3px #3e8be5;
    font-family: NewTimesRoman, Arial, sans-serif;
    color: aqua;}

main { padding-left: 0px;
        padding-right: 0px;
		background-color: #ADC2FF;
		margin-left: 30px;
		margin-right: 30px;
		padding-top: 1px;
		padding-bottom: 1px;
	font-size: 1.5em;
	font-family: NewTimesRoman, Arial, sans-serif;
}

main figure {margin-left: auto;
	margin-right: auto;
	text-align: center;}	

#newThisWeek {color: #ffff00;}	

#tableHeader {color: #1A3380;
		font-size: 1.5em;
		padding-top: 0px;
		padding-bottom: 0px;}

table {width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top:  20px;
	background-color: #99ccff;
	border: 2px solid #000000;
	padding: 0px;
	}


th {border: 2px solid #000000;
	margin: 0px;
	color: #1A3380;
	padding: 2px;}


td {border: 2px solid #000000;
	margin: 0px;
	color: #1A3380;
	padding:  8px;}

	
tr:nth-of-type(even) {background-color: #B6C8FF;
	margin: 0px;
	border: 0px;
	padding: 0px;}

tr:nth-of-type(odd) {background-color: #6699ff;
	margin: 0px;
	border: 0px;
	padding: 0px;}

td:first-of-type {font-weight: bold;}
td:first-of-type a:link {color: #000099;}

.tabletopic {font-weight: bold;
		font-size: x-large;
		font-family: TimesNewRoman, Arial, sans-serif;
		text-align: center;
		color:  #1A3380;
		padding-left:  50px;
		padding-right: 50px;
		padding-top: 20px;
		padding-bottom: 20px;
		margin: 0px;}

tr a:link { color: #ffff00; 
		font-weight: bold;}
tr a:visited { color: #0000cc; }
tr a:hover { color: #003366; }
	
footer { font-size: 1.0em;
       text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	   font-style: italic;
	font-weight: bold;
	   margin-left: 0px;
	   background-color: #ADC2FF;}



@media only all and (max-width: 850px){

#wrapper {width: 90%;
           min-width: 200px;}

header { background-color: #ADC2FF;
       color: #000000;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	  font-family: NewTimesRoman, Arial, sans-serif;}

h1 {text-align: center;
	width: auto;
	font-size: 2em;
	margin-left: 5px;
	margin-right:  10px;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 30px;
	font-family: NewTimesRoman, Arial, sans-serif;
    background-image: none;
	border: 3px solid #ff9900;	
	border-radius: 3px;}

h2 {text-align: Center;
	font-size: 1.2em;
	
	font-family: NewTimesRoman, Arial, sans-serif;
	text-decoration: none;}


h3 {text-align: Center;
	font-size: 1em;

	font-family: NewTimesRoman, Arial, sans-serif;
	text-decoration:  none;}

nav {border-bottom: 3px solid #ff9900;
	margin-left: 10px;
	margin-right:  10px;
	
	
	}

nav ul	{list-style-type: none;}

nav li {display:  block;
	text-align: Left;
	padding-bottom: 10px;}

nav li a {
	font-Size: Medium;}




main { 
		background-color: #ADC2FF;
		margin-left: 8px;
		margin-right: 8px;
		padding-top: 1px;
		padding-bottom: 1px;
	font-size: 0.8em;
	font-family: NewTimesRoman, Arial, sans-serif;}

#photoSpace {height: 60px;
           margin-right: auto;
	    margin-left: auto;
 	    background-image: url("Storm%20Clouds%20220.jpg");
	    background-position: center;
	    background-repeat: no-repeat;
	    background-color: #ADC2FF;}

#photoSpaceSmall {height: 60px;
           margin-right: auto;
	    margin-left: auto;
 	    background-image: url("Storm%20Clouds%20220.jpg");
	    background-position: center;
	    background-repeat: no-repeat;
	    background-color: #ADC2FF;}




}