theme #19 - ask/faq/blogroll

<html>

<head>


    <title>{title}</title>

    <link rel="shortcut icon" href="{favicon}" />
    <link rel="alternate" type="application/rss+xml" href="http://emmalucys.com/rss" />

<style type="text/css">


::-webkit-scrollbar-thumb{
    background-color: #A1A1A1;
    border: 2px solid #ffffff;
    height:5px;
    -moz-border-radius: 20px;
    border-radius: 20px;}

::-webkit-scrollbar {
    height:5px;
    width:9px;
    background-color: #000;
    border: 4px solid #ffffff;}

body {
    background:#fff;
    color:#a8a8a8;
    overflow:scroll;}

a {
    text-decoration:underline;
    color:#000;}

a:hover{
    text-decoration:none;}

#ayy {
    top:-20px;
    position:fixed;
    width:930px;
    padding-top:70px;
    left:50%;
    z-index:99;
    background-color:white;
    position:absolute;
    margin-left:-465px;}

#faq{
    width:386px;
    margin-top:32px;
    height:250px;
    border:1px solid #000000;
    position:absolute;
    overflow:scroll;
    padding:10px;
    font-size:11px;
    margin-left:470px;
    color:#000000;
    font-family:cambria;}

#following {
    width:410px;
    margin-top:35px;
    height:264px;
    border:1px solid #000000;
    padding:3px;
    overflow:scroll;
    position:absolute;
    margin-left:40px;}

#following img{
    width:30px;
    margin:5px;
    display:block;
    float:left;}

#following img:hover{
    opacity:0.2;}

#title {
    font-size:19px;
    margin-top:15px;
    font-weight:600;
    position:absolute;
    width:930px;
    text-align:left;
    letter-spacing:-1px;
    font-family:cambria;
    text-transform:lowercase;
    color:#000;
    text-shadow: 2px 0px 2px #bebebe;
    border-bottom:10px solid #000;}

#links {
    text-align:right;
    margin-right:-5px;
    margin-top:45px;}

#links a{
    display:inline-block;
    padding:2px 5px;
    text-align:right;
    text-decoration:none;
    font-family:cambria;
    font-size:9px;
    color:#000;
    letter-spacing:1px;
    text-transform:uppercase;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;}

#links a:hover{
    padding-right:13px;}

.headings{
    font-size:17px;
    text-shadow: 1px 0px 1px #bebebe;
    letter-spacing:-1px;
    font-weight:600;
    margin-bottom:-10px;}

#ask{
    margin-left:205px;
    margin-top:320px;}


</style>
</head>

<body>

<div id="ayy">
<div id="title">ask - faq - blogroll</div> <!--change title-->


<!--links-->
<div id="links">

<a href="/">back to blog</a>
<a href="/ask">message</a>
<a href="http://emmalucys.com/">theme</a>
</div>


<!-- dont change-->
<table border="0">
<tr><td>

<div id="following">
{block:Following}{block:Followed} <a href="{FollowedURL}" title="{FollowedName}" target="_blank"><img src="{FollowedPortraitURL-30}" /> {/block:Followed}{/block:Following}</div>

</td></tr>
</table>
<!-- dont change-->


<div id="faq">

<div class="headings">title here</div>
<ol>type your faq!!!!!! there's plenty of room to type whatever u want xx


<!--
    type your faq above here. for more headings, use this code:
            <div class="headings">title here</div>
    and change the 'title here' to what you want the title to be. to make spaces between the lines of text, use either <br> or <p>. for how to bold, underline, italicise etc text, visit http://emmalucys.com/htmlbasics xx
-->
</div>


<div id="ask">
<p><iframe frameborder="0" height="200px" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/YOURURLHERE.tumblr.com" width="500px"></iframe></p>
</div>

</body>
</html>