/* Mr DJ MV
Author: Tyler Rutherford
Date: 11/7/15
*/


/*ALL PAGES*/
body { background-color: #000000; color: #ffffff; font-family: sans-serif;}
h1 { color: #000000;}
header { background-image: url(sitelogo.png); background-repeat: no-repeat; width: auto; height: 768px; min-width: 1024px; background-position: center; }
/*  nav bar */ 
#navbar { background-color:#FFFFFF; clear: both; margin: auto; padding-top: 20px; padding-bottom: 20px; }
nav { text-align: center; list-style-type: upper-alpha; font-family: sans-serif ; font-size: large;  }
nav  a { color: #000000 ; text-decoration: none; padding-right: 10px; padding-left: 10px; }

/* three column for index.html*/
#container { width: 1024px; margin: 100px auto; } 
#primary { float: left;width: 341px; height: 768px; } /*facebook plugin*//*index*/
#content { float: left; width:341px; height: 768px; }/*index*/
#secondary { float: left; width: 341px; height: 768px; }/*index*/
#footer {  margin: auto ; clear: both; padding-top: 20px; padding-bottom: 20px;  background-color : #ffffff; color: #000000; text-align: center; font-family: sans-serif; }
/* end three column*/
/*---end ALL PAGES---*/

/*---bio---*/
#floatright { float: right; width: 512px; height: 384px; margin: auto; padding-bottom: 60px; }
#floatright img { height: 200px; width: auto; }
#floatright ul {list-style-type: none; }
#floatleft { float: right; width: 512px; height: 384px; margin: auto; padding-bottom: 60px; }
/*-----end-----*/ 

/*---events---*/
#floatleftt{ float: right; width: 512px; height: auto; margin: auto; padding-bottom: 60px; }
#floatrightt { float: right; width: 512px; height: auto; margin: auto; padding-bottom: 60px; }
/*-----end----*/

/*---gallery---*/
#photos { width: 1024px ; height: auto; margin: auto; text-align: center; }
#photos ul { text-decoration: none; list-style-type: none; display: inline-block; }
#photos img { width: 300px; height: 300px; }
#floatlefttt {  float: left; width: 512px; height: 900px; margin: auto; padding-bottom: 60px; }
#floatrighttt { float: right; width: 512px; height: 900px; margin: auto;  padding-bottom: 60px; }
#videos { width: 1024px; height: auto; text-align: center; } 
/*---end---*/

/*---contact---*/
#contact { width: 512px; height: auto; margin-top: 100px; float: right; }

/*email form*/
label {float: left; display: block; 
        text-align: right; width: 8em; 
        padding-right: 10px; }
        
 input { margin-bottom: 1em; display: block; }
 textarea { margin-bottom: 1em; display: block; }
 #mySubmit {margin-left: 12em ; }