/* 
    Thanks to Chris Coyier & Tom Gavin
              http://chriscoyier.net
              http://tomgavin.net
*/

html						{height: 101%}
* 							{ margin:0; padding:0; }
body						{ color: #B1B3B6; font-size: 62.5%; font-family: arial, sans-serif; background-color: #1B1B32}
table						{ font-size: 90.5%; font-family: arial, sans-serif; }
ul, li						{ font-size: 1.1em; list-style: none; }
ol							{ margin-left: 2em; font-size: 1.2em;}
a 							{ outline: none; color: white; font-family: arial, sans-serif; text-decoration: none; }
/*a img 						{ border: none; } */
a:hover, a:active			{ color: yellow }
img             { margin: 7px; }


p							{ font-size: 1.3em; margin-bottom: 8px; color: #B1B3B6}
p.small						{ font-size: 1.0em }
.moretop					{ margin-top: 120px; }
h1							{ color: white; font-family: helvetica; font-weight: normal; font-size: 2.2em; margin-bottom: 7px; margin-top: 1em; letter-spacing: -0.03em; }
body#home h1				{ color: #8792B5; }
body#music h1				{ color: #7EAE41; }
body#filmtv h1				{ color: #CCA43B; }
body#web h1					{ color: #C6C6A9; }
body#photo h1				{ color: #9D647F; }
body#math h1				{ color: #978958; }
body#contact h1				{ color: #983B3B; }
.morebottom					{ margin-bottom: 15px;}
.moretop					{ margin-top: 45px; }
body#math li.bottomspace	{ margin-bottom: 8px; }

h2							{ color: white; font-weight: lighter; font-size: 1.4em; letter-spacing: -0.02em; margin-top: 1.2em }
body#music h2				{ margin-top: 0.4em; }

body#home p					{ color: #978958; }
body#past-shows	p			{ color: #978958; }

.clear						{ clear: both; }

.smalltext					{ font-size: 0.8em }

.green						{ color: #7EAE41; }
.yellow						{ color: #CCA43B; }
.blue						{ color: #8792B5; }
.tan						{ color: #C6C6A9; }
.purple						{ color: #9D647F; }
.brown						{ color: #978958; }
.red						{ color: #983B3B; }

#page-wrap 					{ width: 850px; min-height: 600px; margin: 0 auto;}


#header						{ background: url("images/aboutdennis.jpg") no-repeat center; text-indent: -9999px; margin: 10px auto 0; width: 237px; height: 81px }
#header a					{ display: block; width: 237px; height: 81px; }


#left						{ float: left; width: 273px; padding: 10px 40px 10px 30px; text-align: left;}

#leftfilm					{ width: 270px; margin: 0 auto; }

#menu-wrap					{ margin: 0 auto; width: 64px; height: 64px; padding-top: 20px }
						
ul#menu li a				{ margin: 0 auto; display: block; 
								text-indent: -9999px; 
								padding-bottom: 6px;}
								
body#home ul#menu li a.home	 		{background-position: left center}
body#music ul#menu li a.music		{background-position: left center}
body#filmtv ul#menu li a.filmtv		{background-position: left center}
body#web ul#menu li a.web			{background-position: left center}
body#photo ul#menu li a.photo		{background-position: left center}
body#math ul#menu li a.math			{background-position: left center}
body#contact ul#menu li a.contact	{background-position: left center}
								
ul#menu li a.home			 { background: url("images/menu-home.jpg") no-repeat center; width: 64px; height: 64px }
ul#menu li a.music			 { background: url("images/menu-music.jpg") no-repeat center; width: 64px; height: 64px }
ul#menu li a.filmtv			 { background: url("images/menu-filmtv.jpg") no-repeat center; width: 64px; height: 64px }
ul#menu li a.web			 { background: url("images/menu-web.jpg") no-repeat center; width: 64px; height: 64px }
ul#menu li a.photo			 { background: url("images/menu-photo.jpg") no-repeat center; width: 64px; height: 64px }
ul#menu li a.math			 { background: url("images/menu-math.jpg") no-repeat center; width: 64px; height: 64px }
ul#menu li a.contact		 { background: url("images/menu-contact.jpg") no-repeat center; width: 64px; height: 64px }

ul#menu li a.home:hover,
ul#menu li a.music:hover,
ul#menu li a.filmtv:hover,
ul#menu li a.web:hover,
ul#menu li a.photo:hover,
ul#menu li a.math:hover,
ul#menu li a.contact:hover		

							{ background-position: right center; }
							
#right						{ float: right;width:273px; padding: 10px 40px 10px 30px; text-align: right; }
#right-music				{ float: right;width:270px; padding: 10px 0px 10px 30px; text-align: center; }
#right-film					{ float: right; width: 270px; padding: 10px 20px 10px 30px; text-align: right;}

#footer						{ font-size: 1.3em; text-align: center; word-spacing: 5px; margin-top: 10px;}