/*

CSS3 Styles by...

oooo    oooo           oooo  oooo                           ooooo         o8o                              
`888   .8P'            `888  `888                           `888'         `"'                              
 888  d8'     .ooooo.   888   888   .ooooo.  oooo    ooo     888         oooo  ooo. .oo.  .oo.    .oooo.   
 88888[      d88' `88b  888   888  d88' `88b  `88.  .8'      888         `888  `888P"Y88bP"Y88b  `P  )88b  
 888`88b.    888ooo888  888   888  888ooo888   `88..8'       888          888   888   888   888   .oP"888  
 888  `88b.  888        888   888  888          `888'        888       o  888   888   888   888  d8(  888  
o888o  o888o `Y8bod8P' o888o o888o `Y8bod8P'     .8'        o888ooooood8 o888o o888o o888o o888o `Y888""8o 
                                             .o..P'                                                        
                                             `Y8P'  

You've found my Cascading Style Sheet!
Great job!
Contact me and let me know what you think.
Especially if you have helpful code and design advice.  :)

Thanks!
-
Kelley

*/

body {
	font-size:100%;
	background:url(../_images/bg_grid2.jpg) fixed repeat #123;
	margin:0px;
	padding:0px;
}
#wrapper {
	width:980px;
	margin:0px auto;
}
.musicpg a, .musicpg a:visited, .musichighlight {
	color:#83f52c;
	text-decoration:none;
}
.musicpg a:hover, .musicpg ul#socialmenu a:hover {
	color:#83f52c;
	text-shadow:0px 0px 8px #83f52c;
}
.aboutpg a, .aboutpg a:visited, .abouthighlight {
	color:#fcd116;
	text-decoration:none;
}
.aboutpg a:hover, .aboutpg ul#socialmenu a:hover {
	color:#fcd116;
	text-shadow:0px 0px 8px #fcd116;
}
.contactpg a, .contactpg a:visited, .contacthighlight {
	color:#67c8ff;
	text-decoration:none;
}
.contactpg a:hover, .contactpg ul#socialmenu a:hover, footer a:hover {
	color:#67c8ff;
	text-shadow:0px 0px 8px #fcd116;
}
a {
	outline:none;
	border:none;
}

/*
"Transitions" DON'T work on Internet Explorer.  Boo!  IE Sucks!  Please use anything else unless IE conforms to the new CSS3 and HTML5 coding."
--
Kelley
*/
#logo a, #logo a:hover, #followme a, #followme a:hover, #twitterfeed a, #twitterfeed a:hover, #menu a, #menu a:hover, #socialmenu a, #socialmenu a:hover, #mobilesite a, #mobilesite a:hover, footer a, footer a:hover, .main a, .main a:hover, .albuminfo a img, .albuminfo a:hover img, #watchvideos a, #watchvideos a:hover, #hearmusic a, #hearmusic a:hover {
	transition-property: all;
	transition-duration: .2s;
	-moz-transition-property: all; /* Firefox 4 */
	-moz-transition-duration: .2s; /* Firefox 4 */
	-webkit-transition-property: all; /* Safari and Chrome */
	-webkit-transition-duration: .2s; /* Safari and Chrome */
	-o-transition-property: all; /* Opera */
	-o-transition-duration: .2s; /* Opera */
}
header {
	width:100%;
	height:128px;
	margin:34px 0px 64px 0px;
}
#logo {
	margin:0px 0px 30px 0px;
}
#logo a {
	height:200px;
	width:250px;
	display:block;
	background:url(../_images/logo3.png) 0px 0px no-repeat;
}

/*
#logo a:hover {
	background:url(../_images/logo3.jpg) 0px -200px no-repeat;
}*/

nav {
	width:250px;
	float:left;
}
nav ul#menu {
	color:#fff;
	font-family:QuicksandLight, sans-serif;
	font-size:3.8em;
	letter-spacing:-.07em;
	text-align:right;
	width:220px;
	margin:0px 0px 0px 30px;;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	border-bottom:solid 1px #012;
}
nav ul#menu li a, nav ul#menu li a:visited {
	color:#fff;
	text-decoration:none;
	display:inline;
	overflow:hidden;
}
nav ul#menu li#music a:hover, nav ul#menu li#musichome a {
	color:#83f52c;
	text-shadow:0px 0px 8px #83f52c;	
}
nav ul#menu li#youtube a span#youtubeflash {
	animation:youtubeflash 1s linear 180s infinite alternate;
	-moz-animation:youtubeflash 1s linear 180s infinite alternate;
	-webkit-animation:youtubeflash 1s linear 180s infinite alternate;
}
@keyframes youtubeflash {
	from {
		color:#fff;
		text-shadow:0px 0px 0px #fff;
		}
	to {
		color:#ff0a0a;
		text-shadow:0px 0px 8px #ff0a0a;
		}
}
@-moz-keyframes youtubeflash {
	from {
		color:#fff;
		text-shadow:0px 0px 0px #fff;
		}
	to {
		color:#ff0a0a;
		text-shadow:0px 0px 8px #ff0a0a;
		}
}
@-webkit-keyframes youtubeflash {
	from {
		color:#fff;
		text-shadow:0px 0px 0px #fff;
		}
	to {
		color:#ff0a0a;
		text-shadow:0px 0px 8px #ff0a0a;
		}
}
nav ul#menu li#youtube a:hover {
	color:#ff0a0a;
	text-shadow:0px 0px 8px #ff0a0a;
}
nav ul#menu li#about a:hover, nav ul#menu li#abouthome a {
	color:#fcd116;
	text-shadow:0px 0px 8px #fcd116;
}
nav ul#menu li#contact a:hover, nav ul#menu li#contacthome a {
	color:#67c8ff;
	text-shadow:0px 0px 8px #67c8ff;
}
nav ul#socialmenu {
	width:220px;
	margin:0px 0px 0px 30px;
	padding:10px 0px 10px 0px;
	list-style-type:none;
	border-top:solid 1px #234;
	border-bottom:1px solid #012;
	height:44px;
}
nav ul#socialmenu li a, nav ul#socialmenu li a:visited {
	height:44px;
	display:block;
	float:left;
	background-position:0px 0px;
	background-repeat:no-repeat;
}
nav ul#socialmenu li a:hover {
	background-position:0px -44px;
}
nav ul#socialmenu li#ytsocial a {
	width:88px;
	background-image:url(../_images/social/youtube.png);
}
nav ul#socialmenu li#itsocial a {
	width:44px;
	background-image:url(../_images/social/itunes.png);
}
nav ul#socialmenu li#fbsocial a {
	width:44px;
	background-image:url(../_images/social/facebook.png);
}
nav ul#socialmenu li#tsocial a {
	width:44px;
	background-image:url(../_images/social/twitter.png);
}
#mobilesite {
	color:#fff;
	height:44px;
	width:220px;
	margin:0px 0px 0px 30px;
	line-height:50px;
	font-family:QuicksandLight, sans-serif;
	font-size:2.1em;
	letter-spacing:-.07em;
	padding:10px 0px 10px 0px;
	border-top:solid 1px #234;
	border-bottom:1px solid #012;
}
#mobilesite a {
	padding-left:44px;
	height:44px;
	display:block;
	background:url(../_images/mobile.png) 0px 0px no-repeat;
	color:#fff;
}
#mobilesite a:hover {
	background-position:0px -44px;
}
#mobilesite.musicpg a:hover {
	color:#83f52c;
	text-shadow:0px 0px 8px #83f52c;
}
#mobilesite.aboutpg a:hover {
	color:#fcd116;
	text-shadow:0px 0px 8px #fcd116;
}
#mobilesite.contactpg a:hover {
	color:#67c8ff;
	text-shadow:0px 0px 8px #67c8ff;
}
.addthis_toolbox {
	height:44px;
	width:220px;
	margin-left:30px;
	font-size:.65em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding-top:30px;
	border-top:solid 1px #234;
	border-bottom:1px solid #012;
}
.addthis_toolbox a, .addthis_toolbox a:hover {
	color:#fff;
	text-shadow:none;
}
footer {
	width:220px;
	margin:0px 0px 0px 30px;
	color:#cddeef;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:.6em;
	text-align:right;
	border-top:solid 1px #234;
}
.main {
	width:600px;
	padding-left:100px;
	padding-right:30px;
	padding-bottom:100px;
	float:left;
}
.videoscreen {
	width:600px;
	height:368px;
	/*border:solid 20px #000;*/
	margin:50px 0px 50px 0px;
	background:url(../_images/featuredvideo.jpg) no-repeat center center #112;
	border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:0px 0px 100px #789;
	-moz-box-shadow:0px 0px 100px #789;
	-webkit-box-shadow:0px 0px 100px #789;
	-o-box-shadow:0px 0px 100px #789;
	overflow:hidden;
}
#featuredvideo iframe {
	height:368px;
	width:600px;
	background:url(../_images/loadingmedia.png) no-repeat center center #112;
}
#featuredvideo a, #featuredvideo a:visited {
	height:368px;
	width:600px;
	background:url(../_images/featuredvideo.jpg) no-repeat #112;
	display:block;
	transition-property:none;
	-moz-transition-property: none; /* Firefox 4 */
	-webkit-transition-property: none; /* Safari and Chrome */
	-o-transition-property: none; /* Opera */
}
#featuredvideo a:hover, #featuredvideo a:active {
	background-position:0px -368px;
	transition-property:none;
	-moz-transition-property: none; /* Firefox 4 */
	-webkit-transition-property: none; /* Safari and Chrome */
	-o-transition-property: none; /* Opera */
}
a.alert, a.alert:visited {
	background:#a00;
	display:block;
	height:50px;
	line-height:50px;
	text-decoration:none;
	text-align:center;
	color:#fff;
	border:solid 2px #fff;
	font-size:1.4em;
	font-style:bold;
	border-radius:25px;
	-moz-border-radius:5px;
	box-shadow:0px 0px 100px #000;
	-moz-box-shadow:0px 0px 100px #000;
	-webkit-box-shadow:0px 0px 100px #000;
	-o-box-shadow:0px 0px 100px #000;
}
a.alert:hover, a.alert:active {
	background:#c00;
}
#whereto {
	color:#fff;
	font-family:QuicksandLight, sans-serif;
	font-size:2em;
	letter-spacing:-.07em;
	width:100%;
	height:128px;
}
#watchvideos, #hearmusic {
	float:left;
	height:128px;
	width:300px;
}
#watchvideos a, #hearmusic a {
	height:128px;
	width:300px;
	display:block;
}
#watchvideos a {
	background:url(../_images/watchvideos.png) 0px 0px no-repeat;
}
#watchvideos a:hover {
	background:url(../_images/watchvideos.png) 0px -128px no-repeat;
}
#hearmusic a {
	background:url(../_images/hearmusic.png) 0px 0px no-repeat;
}
#hearmusic a:hover {
	background:url(../_images/hearmusic.png) 0px -128px no-repeat;
}
hr {
	width:100%;
	height:0px;
	background:none;
	padding:0px;
	margin:0px;
	border:none;
	border-top:1px solid #012;
	border-bottom:1px solid #234;
}
.musicstore {
	color:#fff;
	width:600px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-top:80px;
}
.musicstore table {
	border-collapse:collapse;
	width:100%;
}
.musicstore h2 {
	text-align:left;
	line-height:40px;
	font-size:1.3em;
	background-color:#012;
	height:40px;
	padding:0px 0px 0px 8px;
	margin:0px;
	border:1px solid #234;
	border-radius:5px;
	-moz-border-radius:5px;
}
.musicstore th, .musicstore .songs td {
	padding-left:8px;
}
.album {
	margin-bottom:60px;
}
.albuminfo {
	width:100px;
	vertical-align:top;
	border:none;
}
.albuminfo img {
	margin-top:8px;
	border-radius:5px;
	-moz-border-radius:5px;
}
.albuminfo a img {
	display:block;
	box-shadow:4px 4px 6px #012;
	-moz-box-shadow:4px 4px 6px #012;
	-webkit-box-shadow:4px 4px 6px #012;
	-o-box-shadow:4px 4px 6px #012;
}
.albuminfo a:hover img {
	box-shadow:0px 0px 20px #789;
	-moz-box-shadow:0px 0px 20px #789;
	-webkit-box-shadow:0px 0px 20px #789;
	-o-box-shadow:0px 0px 20px #789;
}
.songs {
	background-color:#142536;
	border:none;
}
.songs tr td {
	height:30px;
	border:none;
}
.songs tr.alt td {
	background-color:#123;
	border:none;
}
.songs .musiclinks {
	width:65px;
	text-align:center;
	font-size:.8em;
}
.songs tr.albumlinks td {
	background-color:#012;
}
.compcat {
	color:#83f52c;
	font-weight:bold;
	font-size:1em;
}
.backtotop {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:italic;
	font-size:.7em;
}
.backtotop a {
	color:#789;
	text-decoration:none;
}
.backtotop a:hover {
	color:#fff;
	text-shadow:0px 0px 8px #fff;
}
summary {
	color:#789;
	font-family:QuattrocentoRomanRegular, serif;
	font-size:2.1em;
	margin:0px;
	padding:0px;
}
#aboutme {
	/*margin-bottom:123px;*/
}
.title {
	font-family:QuicksandLight, sans-serif;
	letter-spacing:-.07em;
	font-size:2em;
	margin:0px 0px 10px 0px;
	padding:0px;
}
#pictures {
	padding:0px;
	margin:0px;
	height:60px;
}
#pictures li {
	list-style-type:none;
	float:left;
}
#pictures li a {
	width:60px;
	height:60px;
	display:block;
	background-image:inherit;
	background-position:0px 0px;
	background-repeat:no-repeat;
}
#pictures li a:hover {
	background-position:0px -60px;
}
#pictures li#pic01 {
	background-image:url(../_images/pictures/thumbs/grand1.jpg);
}
#pictures li#pic02 {
	background-image:url(../_images/pictures/thumbs/grand2.jpg);
}
#pictures li#pic03 {
	background-image:url(../_images/pictures/thumbs/kelley1.jpg);
}
#pictures li#pic04 {
	background-image:url(../_images/pictures/thumbs/northrop.jpg);
}
#pictures li#pic05 {
	background-image:url(../_images/pictures/thumbs/treefrog.jpg);
}
#pictures li#pic06 {
	background-image:url(../_images/pictures/thumbs/kelley2.jpg);
}
#pictures li#pic07 {
	background-image:url(../_images/pictures/thumbs/varsity1.jpg);
}
#pictures li#pic08 {
	background-image:url(../_images/pictures/thumbs/varsity2.jpg);
}
#pictures li#pic09 {
	background-image:url(../_images/pictures/thumbs/varsity3.jpg);
}
#pictures li#pic10 {
	background-image:url(../_images/pictures/thumbs/kelley3.jpg);
}
.note {
	color:#789;
	font-size:.8em;
	font-style:italic;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-top:10px;
}
.regulartext {
	color:#789;
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size:1em;
}


/* Fonts downloaded from Font Squirrel (http://www.fontsquirrel.com) */


/* ##########  Quatrocento, serif  ########## */

@font-face {
    font-family: 'QuattrocentoRomanRegular';
    src: url('_fonts/Quattrocento-Regular-webfont.eot');
    src: url('_fonts/Quattrocento-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('_fonts/Quattrocento-Regular-webfont.woff') format('woff'),
         url('_fonts/Quattrocento-Regular-webfont.ttf') format('truetype'),
         url('_fonts/Quattrocento-Regular-webfont.svg#QuattrocentoRomanRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ##########  Quicksand  ########## */

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

}