@font-face {
  font-family:c1;
  src:url(c1.ttf);
}

body,html {
    margin:0;
    font:16px Consolas, c1, monospace;
    border:0;
    /*height:100%;*/
    width:auto;
}
body {
    background:#d9d9d9;
    padding:0 120px 10px 120px;
    margin:0;
    border-width:0;
    text-align:center;
}
h1 {
    margin:0 0 0 -1px;
    text-shadow:#bbb 1px 0, #fff -1px -1px,#ddd 0 2px;
    font-size:35px;
    line-height:50px;
    letter-spacing:2px;
    text-transform:uppercase;
}
a {
    outline:0 !important;
}
div {
    position:relative;
}
#code div {
    background:#f8f8f8;
    padding:10px 18px 16px 22px;
    border-top:1px solid #fff;
    border-bottom:1px solid #aaa;
    margin:16px 0;
}

#code div, #art img {
    -moz-box-shadow:#ccc 0 3px;
    -webkit-box-shadow:#ccc 0 3px;
}

#art div {
    background:none;
    border:0;
    margin:0;
    height:100%;
}

#art img {
    border:0;
    border-color:#ccc #ccc #bbb;
    max-height:92%;
    position:relative;
    z-index:9;
    top:46%;
}

#art img.z {
    top:0;
} 

#art img.z:hover {
    cursor:-moz-zoom-in;
    cursor:-webkit-zoom-in;
}

#art h1 {
    color:#ccc;
    font-size:30px;
    line-height:35px;
    text-shadow:0 1px #aaa, 1px 3px #ccc;
}

#art div a {
    height:100%;
    width:50%;
    display:block;
    position:absolute;
    top:0;
    right:-140px;
    padding-left:138px;
    background:url(n1.png) center right no-repeat fixed;
}

#art div a:hover {
    background-image:url(n2.png);
}

#art div a:first-child {
    right:auto;
    left:-30px;
    padding-left:30px;
    background:url(p1.png) center left no-repeat fixed;
}

#art div a:first-child:hover {
    background:url(p2.png) center left no-repeat fixed;
}

#art div a.blank {
    cursor:default;
    background:none;
}

h2 {
    height:4%;
    padding:0;
    margin:0;
    display:block;
}

h5 {
    position:absolute;
    right:-140px;
    top:-7px;
    margin:0;
    height:100%;
}

h5 a {
    font-family:Consolas, c1, monospace;
    font-size:16px;
    text-decoration:none;
    width:120px;
    height:100%;
    padding:10px;
    text-shadow:#ddd 0 -1px;
    color:#c2c2c2;
    word-spacing:-1px;
    letter-spacing:2px;
    display:block;
}

div:hover h5 a {

}

p {
    margin:5px 0;
}

tt {
    top:0;
    position:fixed;
    left:0;
    text-align:left;
}

tt a {
    font:bold 20px Consolas;
    color:#bbb;
    display:block;
    text-decoration:none;
    letter-spacing:3px;
    line-height:36px;
    padding:0 28px;
    text-shadow:#ddd 0 -1px;
    outline:none;
}

tt a:first-child {
  padding-top:15px;
}

tt:hover a {
    color:#bbb;
    text-shadow:inherit;
}

tt a:hover, .sec {
    text-shadow:#ccc 0 2px,#d6d6d6 0 -1px;
    color:#333;
}

::-moz-selection
{
  background-color:#111;
  color:#fff;
}

#disqus_thread {
    padding:0 3px;
}

.str { color: #080; }
.kwd {color:#108ca2;background:#d8f2f7;font-weight:bold; }
.com {color:#800}
.typ {color:#606}
.lit {color:#066}
.pun {color:#660}
.pln {color:#000}
.tag {color:#008}
.atn {color:#606}
.atv {color:#080}
.dec {color:#606}
pre.prettyprint { font-size:14px;text-shadow:none; }

table {
    border-collapse: collapse;
    font-size:15px;
    font-weight:bold;
    color:#fff;
    /*font-family:"Segoe UI", Consolas, monospace;*/
    width:100%;
    text-align:left;
    text-shadow:#222 0 2px;
}

th a, td {
    padding-left:7px;
}

th a {
    top:0;
    position:fixed;
    display:block;
    width:100%;
    background:#292929;
    color:#999;
    text-decoration:none;
    border-left:2px solid #111;
    font-size:16px;
    text-transform:uppercase;
    line-height:25px;
    height:25px;
    letter-spacing:1px;
}

th.num a {
    border:0;
}

th.num   {width:50px}
/*th.title {width:15%} 
th.artist{width:15%}
th.album {width:15%}*/
th.year  {width:50px}
th.recco {width:80px}
th.for   {width:80px}

tr {
    height:30px;
    background:#262626;
    border-bottom:5px solid #292929;
}

td.num {
    font-size:38px;
    text-align:right;
    text-shadow:#111 1px 3px;
}

th {
    color:#999;
    background:#292929;
}

tr.odd td {

}

body#mp3s {
    background:#292929;
}

#mp3s tt a{
    text-shadow:none;
}

span {
    color:#777;
}

table img {
    margin:2px 0 -2px 0;
    border:1px solid #111;
    -moz-box-shadow:#222 0 2px;
    -webkit-box-shadow:#222 0 2px;
}