Muffled

<!--

theme by septim

╔╔ ══ ══        Rules:
║║                     -do not use as base
╚╚ ══ ╗╗               -do not steal bits of code
      ║║               -do not remove credits
══ ══ ╝╝


-->


<!DOCTYPE html>
<head>

<title>{Title}</title>

<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<!--Default Variables-->

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#000000"/>
<meta name="color:link" content="#000000"/>
<meta name="color:link hover" content="#FFF661"/>
<meta name="color:title"content="#000000"/>
<meta name="color:blog title"content="#000000"/>
<meta name="color:scrollbar" content="#d5d5d5" />
<meta name="color:borders" content="#cccccc"/>


<meta name="image:Sidebar image" content=""/>

<meta name="if:500px posts" content="0"/>
<meta name="if:Centered Content" content="1"/>
<meta name="if:Show Sidebar Image" content="1"/>
<meta name="if:Small Sidebar Image" content="1"/>
<meta name="if:Show Tags" content="0"/>
<meta name="if:Show Captions" content="1"/>
<meta name="if:Show Title" content="1"/>
<meta name="if:Top Sidebar" content="0"/>
<meta name="text:Link 1 URL" content="" />
<meta name="text:Link 1" content="" />
<meta name="text:Link 2 URL" content="" />
<meta name="text:Link 2" content="" />
<meta name="text:Link 3 URL" content="" />
<meta name="text:Link 3" content="" />




<!-- jquery -->


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>

<script>

(function($){

$(document).ready(function(){

$("a[title]").style_my_tooltips({

tip_follows_cursor:true,

tip_delay_time:30,

tip_fade_speed:300,

attribute:"title"

});

});

})(jQuery);

</script>



<!--CSS customization here. -->

<style type="text/css">


#s-m-t-tooltip{
    font-size:9px;
    position:absolute;
    margin-top: 15px;
    letter-spacing:1px;
    z-index:9999;
    background:white;
    color:{color:text};
    text-transform:uppercase;
    padding:2px 3px 2px 3px;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}




/*scrollbar*/
::-webkit-scrollbar{height: 5px;
width: 4px;
-webkit-border-radius: 0px;
background-color:{color:background}}
::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
::-webkit-scrollbar-track{background-color:{color:background};}





#text {margin-bottom:100px;
margin-top:5px;
text-transform:uppercase;
font-size:7px;
letter-spacing:2px;
text-align:center;}


/*main structure*/
blockquote {padding:5px 0 5px 15px;
border-left:1px solid {color:borders};
margin:10px 0px 10px 15px;
}

.caption blockquote {padding:0 0 0 15px;
margin:10px 0;
}

body {
background:{color:background};
color:{color:text};
font-family:arial;
font-size:11px;
text-align:justify;
margin:0;
line-height:20px;}

a {color:{color:link};
text-decoration:none;
}

a:hover {
text-shadow:1px 1px {color:link hover};
 }

img{
border:none;
text-decoration:none}

b, strong {
color:{color:title}}
i, em {
color:{color:text}}
p {
margin-top:5px;
margin-bottom:5px}
ol {
list-style:normal;}
ul {
list-style:square;}

small {
font-size:10px;}

big {
font-size:14px;}




#title {font-size:14px;
line-height:18px;
margin-bottom:10px;
font-weight:900;
text-transform:lowercase;
color:{color:title};}
#title a {color:{color:title};}




/*header*/
#headers {{block:iftopsidebar}
top:100px;
{/block:iftopsidebar}
{block:ifnottopsidebar}
bottom:150px;
{/block:ifnottopsidebar}
width:150px;
text-align:left;
position:fixed;
{block:if500pxposts}
margin-left:550px;
{/block:if500pxposts}
{block:ifnot500pxposts}
margin-left:450px;
{/block:ifnot500pxposts}}

#bat img {
{block:ifsmallsidebarimage}
width:75px;
height:75px;
{/block:ifsmallsidebarimage}
{block:ifnotsmallsidebarimage}
width:150px;
{/block:ifnotsmallsidebarimage}
}
#bat a {border:none}

#blogt {font-size:12px;
margin-top:15px;
font-weight:900;}
#blogt a {color:{color:blog title};
border:none;}
#standardlinks {border-top:1px solid {color:borders};
padding-top:20px;
}
#standardlinks a {
display:inline-block;
width:70px;
border:none;
}
#description {
margin:15px 0 20px 0;
}

/*pagination*/
#pagination {
text-align:center;
margin-top:50px;
font-size:12px;
text-transform:lowercase;
font-weight:bold;
}
#pagination a {
margin:0 35px;
border:none;
text-decoration:none;
}
#pagination a:hover {font-style:italic;}
/*container*/
#con {
{block:ifcenteredcontent}
left:50%;
{block:if500pxposts}
margin-left:-250px;
{/block:if500pxposts}
{block:ifnot500pxposts}
margin-left:-200px;
{/block:ifnot500pxposts}
{/block:ifcenteredcontent}
{block:ifnotcenteredcontent}
left:50px;
{/block:ifnotcenteredcontent}
position:absolute;
}



/*posts*/

#entries {
margin-top:100px;
{block:if500pxposts}
width:500px;
{/block:if500pxposts}
{block:ifnot500pxposts}
width:400px;
{/block:ifnot500pxposts}
}



.posts {
{block:if500pxposts}
width:500px;
{/block:if500pxposts}
{block:ifnot500pxposts}
left:400px;
{/block:ifnot500pxposts}
{block:IndexPage}
margin-bottom:100px;
{/block:IndexPage}
{block:PermalinkPage}
margin-bottom:25px;
{/block:PermalinkPage}
}

/*images*/
.posts img {{block:if500pxposts}
max-width:500px;
{/block:if500pxposts}
{block:ifnot500pxposts}
max-width:400px;
{/block:ifnot500pxposts}}
.photo img {
{block:if500pxposts}
width:500px;
{/block:if500pxposts}
{block:ifnot500pxposts}
width:400px;
{/block:ifnot500pxposts}
display:block;
}


.photoset {
display:block;
}


/*quote*/
#titlequote{
font-size:14px;
font-weight:bold;
line-height:22px;
color:{color:title};
text-indent:20px;
}
#titlequote:before {content:'“';
font-size:30px;
margin-left:-40px;
width:30px;
position:absolute;
padding-right:15px;
padding-bottom:5px;}

#source {
font-size:8px;
text-transform:uppercase;
letter-spacing:2px;
line-height:16px;
padding-top:10px;}

.posts li, .posts blockquote {max-width: 100%;}
.caption img{max-width:300px;}
.caption {
{block:ifNotShowCaptions}
{block:IndexPage}
display:none;
{/block:IndexPage}
{/block:ifNotShowCaptions}
margin:15px 0;
text-transform:none;
}




/*audio*/

#art {margin-bottom:10px;
}
#art img {height:200px;
width:200px;
display:block;}
.tumblr_audio_player {
border: none;
padding: 0px;
margin: 0px;
height:40px;
width:315px;
            }
.playerback {position:absolute;
opacity:.2;
margin:10px;
height:180px;
width:180px;
background:white;
  -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -ms-transition:all 0.8s;
    -o-transition:all 0.8s;
    transition:all 0.8s;}
.player {
overflow:hidden;
height:50px;
width:50px;
margin-left:60px;
margin-top:65px;
border-top:5px solid white;
border-left:13px solid white;
border-right:7px solid white;
border-bottom:5px solid white;
}

#art:hover .playerback {opacity:.8;
  -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -ms-transition:all 0.8s;
    -o-transition:all 0.8s;
    transition:all 0.8s;}

.audio_info {
font-size:12px;
float:right;
padding:45px 15px 15px 15px;
border:1px solid {color:borders};
font-style:italic;
height:200px;
{block:if500pxposts}
width:290px;
{/block:if500pxposts}
{block:ifnot500pxposts}
width:190px;
{/block:ifnot500pxposts}
            }



/*asks*/

.q {
padding-bottom:15px;
border-bottom:1px solid {color:borders};
margin-bottom:15px;

}
.as {
text-transform:uppercase;
color:{color:title};
font-weight:bold;}
.ast{
text-transform:uppercase;
color:{color:title};
float:left;
padding-right:5px;
font-weight:bold;}
.a {
padding-bottom:2px;}



/*chat*/

.chat ol {
padding:0;
line-height:180%;
list-style:none;
}

.line.odd {padding:10px;
border-bottom:1px solid {color:borders};
}
.line.even {
padding:10px;
border-bottom:1px solid {color:borders};
}
.line:last-of-type {border:none;
padding-bottom:0;}

.label {font-weight:bold;
padding-right:1px;
letter-spacing:1px;
text-transform:uppercase;
color:{color:title};
}

/*text*/
.texta {margin:0}



/*permalink and notes*/


#permalink {
border-top:1px solid {color:borders};
padding:5px 10px 0 10px;
margin-top:10px;
font-size:8px;
letter-spacing:1px;
text-transform:uppercase;
}
#permalink a {
border:none;
margin-right:5px;
text-decoration:none;
}


.tags {{block:ifNotShowTags}
{block:IndexPage}
display:none;
{/block:IndexPage}
{/block:ifNotShowTags}
word-break:break-all;
padding:0 10px 3px 10px;
border-bottom:1px solid {color:borders};
margin-right:-10px;
margin-bottom:10px;
margin-left:-10px;}

.from {float:right;}
.from a {margin-right:0;
margin-left:5px;}

.pagenotes {
{block:IndexPage}
display: none!important;
{/block:IndexPage}
{block:if500pxposts}
width:500px;
{/block:if500pxposts}
{block:ifnot500pxposts}
width:400px;
{/block:ifnot500pxposts}
text-align:left;

}
.pagenotes img {
display:none!important;}
.pagenotes li {
list-style-type:none;
padding:5px 0px;
text-align:left;
margin:0 0 0 -40px;
font-size:9px;
text-transform:uppercase;
}
.t {
font-size:12px;
font-weight:bold;
letter-spacing:1px;
color:{color:title};
text-transform:lowercase;}


*,
*:after,
*:before {
    box-sizing: border-box;
}

select {border:none;
text-transform:capitalize;
 -webkit-appearance: none;cursor:pointer;
}

#link {width:70px;
display:inline-block;
cursor:pointer;
}
select:hover {text-shadow:1px 1px {color:link hover};
}

{CustomCSS}


</style>


</head>

<body>

<div id="con">

<div id="headers">


{block:IfShowSidebarImage}
<div id="bat">
    <a href="/"><img src="{image:Sidebar image}"></a>
</div>
{/block:IfShowSidebarImage}
{block:IfShowTitle}
<div id="blogt"><a href="/">{Title}</a></div>
{/block:IfShowTitle}
<div id="description">{Description}</div>
<div id="standardlinks">
<a href="/">Index</a>
<a href="/ask">Message</a>
<a href="/archive">Archive</a>
<div id="link">
<select onChange="location.href=this.options[this.selectedIndex].value;" style="width:75px; font-family:arial; font-size:11px;">
<option value="/">links</option>
{block:ifLink1}<option value="{text:Link 1 URL}">{text:Link 1}</a></option>{/block:ifLink1}
{block:ifLink2}<option value="{text:Link 2 URL}">{text:Link 2}</a></option>{/block:ifLink2}{block:ifLink3}<option value="{text:Link 3 URL}">{text:Link 3}</a></option>{/block:ifLink3}
{block:ifLink4}<option value="{text:Link 4 URL}">{text:Link 4}</a></option>{/block:ifLink4}
</select>
</div>
</div>
</div>




<div id="entries">

{block:Posts}
<div class="posts">


{block:Quote}


<div id="titlequote">{Quote}</div>
{block:Source}<div id="source">&mdash;{Source}</div>{/block:Source}
{/block:Quote}



{block:Text}

{block:Title}
<div id="title">{Title}</div>{/block:Title}
<div class="texta">{Body}</div>


{/block:Text}

{block:Link}

<div id="title"><a href="{URL}">{Name}</a></div>
{block:Description}<div class="texta">{Description}</div>{/block:Description}

{/block:Link}

{block:Chat}
{block:Title}
<h1>{Title}</h1>
{/block:Title}
<div class="chat">
<ol>{block:Lines}
<li class="line {Alt}">
{block:Label}
<span class="label">
{Label}</span>
{/block:Label}{Line}</li>
{/block:Lines}
</ol></div>
{/block:Chat}

{block:Photo}
<div class="photo">
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
</div>

{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}


{/block:Photo}

{block:Photoset}
<div class="photoset">
{block:if500pxposts}
{Photoset-500}
{/block:if500pxposts}
{block:ifnot500pxposts}
{Photoset-400}
{/block:ifnot500pxposts}
</div>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}


{/block:Photoset}

{block:Video}
{/block:IndexPage}
{block:if500pxposts}
{Video-500}
{/block:if500pxposts}
{block:ifnot500pxposts}
{Video-400}
{/block:ifnot500pxposts}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Video}



{block:Audio}

<div class="audio_info">{block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br><div style="font-size:8px;text-transform:uppercase;letter-spacing:2px;line-height:16px;font-style:normal;padding-top:25px">{block:Artist}{Artist}{/block:Artist}<br>{block:album}{album}{/block:album}<br>{playcountwithlabel}</div></div>
{block:AlbumArt}
<div id="art">
        {block:AudioPlayer}
<div class="playerback"><div class="player">{AudioPlayerwhite}</div></div>
        {/block:AudioPlayer}
<img src="{AlbumArtURL}"></div>
{/block:AlbumArt}


{/block:Audio}



{block:Answer}
<div class="q"><span class="as">Q: </span>{Question} ({asker})</div>
<div class="a"><span class="ast">A: </span>{Answer}</div>
{/block:Answer}



{block:Date}

<div id="permalink">
{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
<div class="from">
{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}</div>
<a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
</div>
{/block:Date}



</div>


{block:PostNotes}
<div class="pagenotes">
{block:NoteCount}<div class="t">Notes</div>{/block:NoteCount}
{PostNotes}
</div>
{/block:PostNotes}


{/block:Posts}

{block:Pagination}
<div id="pagination">
{block:PreviousPage}
<a href="{PreviousPage}">&larr; back</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}">next &rarr;</a>
{/block:NextPage}
</div>
{/block:Pagination}


<div id="text">
Theme by <a href="http://farahmir.tumblr.com" target="_blank">Septim</a></div>

</div>

{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}

</body></html>