faq / PIANIST

<!DOCTYPE html>
<head>

<!--


                             pianist

                            @odeysseus


-->

    <title>message</title><!--title-->


<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

 <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,700italic|Inconsolata' rel='stylesheet' type='text/css'>


<style type="text/css">


* { margin:0;padding:0; }


@-webkit-keyframes fadein {
        0%   {opacity: 0;}
        100% { opacity: 1; }
}

@-moz-keyframes fadein {
        0%   { opacity: 0; }
        100% { opacity: 1; }
}

@keyframes fadein {
        0%   { opacity: 0; }
        100% { opacity: 1; }
}

.tmblr-iframe { display:none; } /* to hide tumblr controls */


body {
    background:#fff; /*background*/
    font-family:'Source Sans Pro', sans-serif; /*font*/
    font-size:12px;
    font-weight:400;
    line-height:180%;
    color:#999;
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    animation:fadein 1s;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;

}

a {
    color:#999; /*links*/
    text-decoration:none;
    border-bottom:1px solid transparent;
    transition: .2s ease-in-out;
}

a:hover {
    color:#444;
    text-decoration:none;
    border-color:#eee;
}


#con {
    margin:80px auto;
    width:500px;
}

.heading {
    font-family:'Inconsolata',monospace;
    color:#222;
    font-size:15px;
    letter-spacing:.5px;
    margin-bottom:1px;
}

header {
    margin:0px auto 30px auto;
}

header a {
    color:#cdc6c7;
    margin:0px 3px;
}

.sleepy {
    bottom:27px;
    right:27px;
    position:fixed;
}

#con h8 {
    font-family:'Inconsolata',monospace;
    font-size:13px;
    color:#222;
    font-weight:400;
    display:block;
    margin-top:35px;
}

#con u {
    font-style:normal;
    text-decoration:none;
    padding:0.2px 0px;
    border-bottom:1px solid #eee;
}

hr {
    background:#eee;
    border:none;
    width:100px;
    height:1px;
    margin:-10px 0px;
}
</style>
</head>
<body>


<div id="con">
<header>
 <div class="heading">frequently asked questions</div>
<a href="/">return</a> <a href="http://tumblr.com/dashboard">dash</a> <a href="http://odeysseus.tumblr.com">credit</a>
</header> <hr>

<!--start questions: you can add as many as you like-->
<h8>this is a question!</h8>
and this is your answer. <b>bold</b>, <i>italic</i>, <u>underline</u> and <a href="url here">link</a>.

<h8>is this a new question?</h8>
this is a new answer.

<!--end questions-->
<iframe frameborder="0" scrolling="no" width="100%" height="190" src="https://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;margin-top:40px" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->

</div>

<div class="sleepy">
    <a href="http://odeysseus.tumblr.com">O</a>
</div>
</body>
</html>