@import url('header_0712.css') screen;
@import url('umbrella_0712.css') screen;


img
{
max-width: 100%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
padding: 0px auto;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.image {
margin: 0px 0px 25px 0px;
}

h3
{
font-size: 24px;
line-height: 32px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 25px;
}

h3.link
{
font-size: 18px;
}

h3.link a
{
border-bottom: 1px solid #eee;
}

p
{
margin-bottom: 25px;
}

blockquote 
{
border-left:5px solid #ccc;
padding:0 0 0 20px;
}


#content {}

.player 
{margin: 0 0 1.5em 0;}

li.index-tag {display:none;}

li.index-tag:first-child, li.index-tag:first-child a {
display:inline;
letter-spacing:1px;
font-weight:700;
color:#333;
text-transform: uppercase;
font-size:12px; margin-left:3px;
}

li.index-date, li.index-date a  {
display:inline;
font-weight:700;letter-spacing:1px;
font-weight:900px;
color:#ccc;
border-bottom: none;
margin-left:none;
text-transform: uppercase;
font-size:12px;
}
ul.index-date, ul.index-tags {display:inline;}
ul.index-meta {margin-bottom:25px;}

aside {margin-bottom: 20px;}
.nav {padding: 25px 0px; text-align:center;}
.nav a.next img, .nav a.prev img {display:inline;padding: 0px 20px;}
.nav p.index {display:inline;font-size: 14px;line-height:28px;font-weight:700; letter-spacing:1px;}
.nav p.pagination {display:inline;font-size: 14px;line-height:28px;font-weight:700; letter-spacing:1px; text-transform:uppercase;}
.native-audio-player {display:block;margin-bottom:20px;background-color:#f7f7f7;}
.media-player {width:140x; float:left;line-height:0px;} 
.media-player img {padding:0px; width: 140px;margin:0px;}
.audio_player {width: 207px; margin:0px;}
.track-details {padding: 20px; margin-left: 160px;}

h3.track {margin-bottom: 0px;}
h3.artist, h3.album {font-size: 18px;margin-bottom: 0px;}
.permalink {font-size: 15px;font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2"; font-weight: 400;font-style: italic; color:#bbb;line-height: 36px;padding-bottom: 25px;}
li.date { text-transform:uppercase;text-shadow: white 0 1px;display:inline;letter-spacing:1px;}
li.tag, li.label {text-transform:uppercase;display:inline;margin-right: 10px;}
ul.mega-sharing {padding:20px 0;}
li.share-tab {text-transform:uppercase;display:inline;margin-right: 10px;border: 0;padding: 10px 12px; letter-spacing: 1px; font-weight: 700; background: #EEE; font-size: 13px; margin: 0 10px 0 0; -moz-border-radius: 3px; border-radius: 3px;}
.twitter {float:right;}
.details {display:none;}
#show {display:inline;float:right;}

@media screen and (min-width: 912px) {
.content {float:right; width: 500px}
.container {width:700px;margin-left:auto; margin-right:auto; margin-top:0px;padding-top:80px;}
.post {}
.post:hover .permalink {display:block;}
article{padding: 25px 0px 0px 0px;}
li.date a, li.tag a {}
li.date a:hover, li.tag a:hover {}
}

@media screen and (max-width: 911px) {
#content {margin-left:auto; margin-right:auto;}
.container {width:640px;margin-left:auto; margin-right:auto; margin-top:0px;padding-top:80px;padding: 0px;}
.post {}
article{border-bottom: 1px dotted #ebebeb;padding: 20px;}
}


@media screen and (max-width: 480px) {
.container {width:100%;padding: 0px;}
.post {}
p {font-size:14px;margin: 0 0 1em 0;}
article{border-bottom: 1px dotted #ebebeb;padding: 20px;}
.native-audio-player {display:block;margin-bottom:20px;background-color:#f7f7f7;padding: 10px;}
.media-player img {display:none;}
.track-details {padding: 0px;margin:0px auto;}
}