/* Basics
----------------------------------------------------------------------------------------- */
html { height:100%; margin-bottom:1px; }
body { font-family:Georgia, serif; font-size:14px; line-height:1; color:#665555; text-shadow:1px 1px 1px #ddd; background:#fff url('/images/assets/body.jpg') repeat fixed top left; }


/* Typography
----------------------------------------------------------------------------------------- */
@font-face { 
	font-family:"Tallys"; 
	src: local("Tallys"), url('/fonts/Tallys_15.otf'); 
}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-family:Tallys, Georgia, serif; }
h1 { width:319px; height:28px; float:right; position:relative; top:50px; right:0px; text-indent:-9999em; }
h2 { font-size:1.7143em; line-height:1em; margin-top:0; margin-bottom:1em;  }
h3 { font-size:1.4286em; line-height: 1.2em; margin-top:0.5em; margin-bottom:0.52em;  }
p, ol, ul { font-size:1em; line-height:1.7143em; margin:0 0 1.7143em 0; }
em, q { font-style:italic; }
q { quotes: "\201C" "\201D"; }
p.plagiarism { text-align:right; font-size:0.7143em; }
body.error #content h2 { padding-top:180px; }


/* Links
----------------------------------------------------------------------------------------- */
a { color:#7788AA; text-decoration:none; padding:2px 4px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -webkit-transition-property:background-color, color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease-in; }
a:hover { color:#fff; text-shadow:none; background-color:rgb(119, 136, 170); background-color:rgba(119, 136, 170, 0.5); -webkit-transition-property:background-color, color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease-in; }
ol li a:hover { color:#7788AA; background-color:transparent; text-decoration:underline; }
h1 a { display:block; width:319px; height:28px; padding:0; background:transparent url('/images/assets/h1_final.png') no-repeat 0 0; }
h1 a:hover { background-position:0 -28px; background-color:transparent; text-decoration:none; }


/* Errors
----------------------------------------------------------------------------------------- */
span.error { display:block; color:#BD5161; }
p.error input, p.error textarea { border-color:#BD5161; }


/* Confirmation
----------------------------------------------------------------------------------------- */
div.sent { border:solid 1px #249224; background-color:#bdd783; padding:0 10px; margin-bottom:1em; }
div.sent p { margin:0.75em 0 0.75em 0; color:#373737; }


/* Layout
----------------------------------------------------------------------------------------- */
#wrapper { width:940px; margin:0 auto; position:relative; padding:2em 0; }
#tracks, .group-tracks { width:460px; margin-right:20px; }
#tracks li, .group-tracks li { position:relative; padding:1px 0 1px 4px; background-color:rgba(215, 222, 236, 0.0); }
#tracks li.hover { background-color:#E0E5EF; }
#tracks li:hover, #tracks li:target, .group-tracks li:hover, .group-tracks li:target { background-color:rgba(215, 222, 236, 0.6); -webkit-transition:all 0.40s ease-in-out; }
#tracks li .player, .group-tracks li .player { display:inline; height:20px; width:25px; margin-right:5px; }
#tracks li .player object, .group-tracks li .player object { position:relative; top:3px; }
#tracks li .track-number, .group-tracksli .track-number { position:relative; top:-0.15em; font-size:0.85em; }
#tracks .meta, .group-tracks .meta { position:absolute; left:250px; font-size:0.8571em; line-height:2em; font-style:italic; }
#tracks .meta .mb, .group-tracks .meta .mb { margin-left:20px; }
#about { width:560px; margin-right:20px; float:left; }
#contact { width:340px; float:right; }
#footer { clear:both; padding:1.5em 0; }
.group-tracks { margin-bottom:3em; }
#tracks li:target .meta a[rel=bookmark]:after, .group-tracks li:target .meta a[rel=bookmark]:after { content:"\00A0\00A0\00A0\2190 Play me!"; }
#tfga-tracks { position:absolute; top:200px; right:-120px; }
#track { clear:both; padding:10em 0 5em 0; }
#track div, #track h2 { display:inline; }
#track h2 { font-size:3em; margin-left:20px; }


/* Forms
----------------------------------------------------------------------------------------- */
form legend { display:none; }
form label { display:block; }
form input, form textarea { width:330px; padding:4px; border-width:1px; border-style:solid; border-color:#a3a3a3 #ccc #ddd; background-color:rgba(255, 255, 255, 0.3); -webkit-transition:all 0.35s ease-in-out; }
form textarea { height:4em; }
form input:focus, form textarea:focus { background-color:#fff; background-color:rgba(255, 255, 255, 0.7); border-color:#665555; }
form p { margin-bottom:1em; }
form p.honeymonster { display:none; }
form p.button { text-align:right; }
form button { background-color:#665555; color:#f8f8f8; padding:2px 10px; letter-spacing:1px; border:1px solid #665555; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }