/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
  margin: 0; 
  padding: 0; 
  text-transform: lowercase;
} 
table { 
  border-collapse: collapse; 
  border-spacing: 0; 
} 
fieldset,img {  
  border: 0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
  font-style: normal; 
  font-weight: normal; 
} 
ol,ul { 
  list-style: none; 
} 
caption,th { 
  text-align: left; 
} 
h1,h2,h3,h4,h5,h6 { 
  font-size: 100%; 
  font-weight: normal; 
} 
q:before,q:after { 
  content: ''; 
} 
abbr,acronym {
  border: 0; 
} 

/* General */
@font-face {
  font-family: 'Quicksand_Book';
  src: url('../fonts/Quicksand_Book.otf');
}
@font-face {
  font-family: 'Quicksand_Light';
  src: url('../fonts/Quicksand_Light.otf');
}
body {
  color: #333;
  background-color: #fff;
  font: 16px/24px Helvetica, Arial, sans-serif;
  min-width: 960px;
  position: relative;
}
.big {
  font-size: 20px;
}
a {
  text-decoration: none;
  color: #555;
}
a:hover {
  color: #888;
}
p a {
  color: #f8003e;
}
p a:hover {
  color: #ff6074;
}
em {
  font-weight: bold;
}
pre {
  font: 14px/24px 'Lucida Console', sans-serif;
}
#wrap {
  background: url(/img/logo.png) top right no-repeat;
  padding-bottom: 50px;
}
h1, h2, h3 {
  color: #f8003e;
}
h1 a, h2 a, h3 a, h1 a:hover, h2 a:hover, h3 a:hover {
  color: #f8003e;
}
h1 {
  font: 64px Quicksand_Light, Helvetica, Arial, sans-serif;
  letter-spacing: -5px;
  margin: 36px 0 20px -48px;
}
h2 {
  font: 28px Quicksand_Book, Helvetica, Arial, sans-serif;
  margin: 32px 0 16px -48px;
}
h3 {
  font: 20px Quicksand_Book, Helvetica, Arial, sans-serif;
  margin: 36px 0 12px 0;
}
#error {
  position: static;
}
#error div {
  width: 210px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -85px;
  margin-top: -90px;
  line-height: 32px;
}
#error h1 {
  font-size: 84px;
  line-height: 54px;
  margin: 0 0 20px 0;
  border-bottom: 4px solid  #f8003e;
}
#error h2 {
  font-size: 42px;
  margin: 0;
  color: #333;
}
#error h2 span {
  font-size: 70px;
  color:  #888;
}
.clear {
  clear: both;
}

/* Menu */
#menu {
  font-family: Quicksand_Book, Helvetica, Arial;
  font-size: 20px;
  padding: 70px 0 0 98px;
  font-weight: normal;
}
#menu li {
  list-style: none;
  display: inline;
  margin-right: 20px;
}
#menu a {
  color: #555;
  padding-top: 12px;
}
#menu a:hover {
  color: #999;
  border-top: 2px solid #ccc;
  padding-top: 13px;
}
#menu .sel a {
  color: #f8003e;
  border-top: 3px solid #f8003e;
}
#menu .sel a:hover {
  padding-top: 12px;
}

/* Content */
#content {
  width: 450px;
  margin-left: 140px;
  margin-top: 90px;
}
#content p {
  text-align: justify;
  margin-bottom: 24px;
}
.personal dd {
  float: left;
  width: 180px;
  font-weight: bold;
}
.interests li {
  display: inline;
  color: #555;
}
.album-notes {
  padding-top: 10px;
  border-top: 1px solid #aaa;
  font-size: 11px;
  line-height: 14px;
}
.album-title {
  font-size: 24px;
}
.album-title span {
  display: block;
}
.album-cover {
  margin-bottom: 20px;
}
.album img {
  border-bottom: 4px solid  #fff;
  margin-right: 15px;
}
.album:hover img {
  border-color: #f8003e;
}
.links li {
  display: block;
  font-size: 20px;
  line-height: 28px;
}
.links a {
  text-decoration: none;
}
.old {
  margin: 16px 0;
}
.thumbs-about {
  margin-top: 20px;
  height: 100px;
}
.thumbs-photo {
  margin-top: 30px;
  height: 540px;
}
#thumbnails img {
  display: block;
  float: left;
  margin: 0 10px 6px 0;
  border-bottom: 4px solid  #fff;
}
#thumbnails img:hover {
  border-bottom: 4px solid #f8003e;
}
.license {
  display: block;
  margin-top: 20px;
  background: url(/img/cc-by-nc-sa.png) top left no-repeat;
  padding-left: 75px;
  height: 20px;
}
.friends dt {
  font-size: 20px;
  line-height: 28px;
}
.friends dd {
  margin-bottom: 20px;
  color: #999;
}
.tracks {
  font-size: 18px;
  margin-bottom: 16px;
}
.em-link {
  margin-top: 24px;
  font-size: 20px;
}
.cv {
  font-size: 20px;
}
label {
  color: #f8003e;
  font-size: 18px;
}
input, textarea {
  display: block;
  border: 2px solid #d0d0d0;
  margin-bottom: 14px;
  padding: 4px;
  font: 16px Helvetica, Arial, sans-serif;
  color: #333;
  width: 400px;
}
fieldset {
  padding-bottom: 50px;
}
.submit {
  background: #777;
  color: #fff;
  border: none;
  letter-spacing: 1px;
  padding: 4px 0;
  width: 120px;
}
.submit:hover {
  background: #888;
  cursor: pointer;
}
.error { 
  margin-left: -44px;
  display: block;
  padding: 6px 12px;
  background: #f8003e;
  color: #fff;
  margin-top: 40px;
  font-size: 18px;
  letter-spacing: 1px;
  width: 484px;
}
.error em {
  text-transform: uppercase;
}
.sent { 
  margin-top: 40px;
  line-height: 28px;
  width: 400px;
  height: 220px;
}
.footer {
  margin-top: 40px;
}

/* Tracklist */
.tracklist {
  margin-top: 24px;
  width: 100%;
  font-size: 14px;
}
.tracklist td {
  padding: 2px;
  border-bottom: 1px solid #ddd;
}
.tracklist .index {
  width: 30px;
}
.tracklist .length {
  text-align: right;
}
.tracklist .total td {
  border: none;
  font-weight: bold;
}
.download h3 {
  margin-top: 32px;
}
.download {
  border-bottom: 1px solid #aaa;
  margin-bottom: 26px;
  padding-bottom: 12px;
}
.download table {
  border: none;
  margin: 0;
}
.download table td {
  padding: 2px 0;
}
.download table ul li {
  float: left;
  border-right: 1px solid #aaa;
  padding-right: 6px;
  padding-left: 6px;
  font-size: 14px;
  line-height: 14px;
}
.download .link {
  width: 150px;
}
.download .last {
  border: none;
}
.download .cover {
  margin-top: 10px;
}