ask layout

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">


<head>

<title>{Title}</title>

<link rel="shortcut icon" href="{Favicon}">

<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>


<style type="text/css">


 #links{
margin-left:86px;
margin-top:138px;
position:fixed;
text-align:left;
width:900px;
height:auto;
}
#links a{
/*---Customize your link color here-----*/
color:#eee;
border-bottom:1px solid #eee;
padding:9px;
width:111px;
font-size:10px;
font-family:calibri;
text-align:center;
text-transform:uppercase;
background:white;
display:inline-block;
margin-left:13px;
}

#links a:hover{
border-bottom:3px solid #eee;
text-shadow:0px 0px 0px #000;}


#tumblr_controls{
    display:none !important;
}


body{
    background:#fdfdfd;
    color:#777;
    font-family:'Georgia', sans-serif;
    font-size:11px;
    line-height:150%;

    cursor:default;
}

a{
    color:gray;
    text-decoration:none;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

a:hover{
    color:#eee;
    font-style:none;
    text-decoration:none;
}


#ghey{
    overflow:hidden;
    position:fixed;
    top:60%;
    left:500px;
    width:500px;
    height:290px;

    margin:-225px 0 0 -274px;
    padding:15px;

    background:white;

    border:12px solid #eee;
    border-radius:5px;
}


#title{
    padding:10px;

    font-size:25px;
    text-align:center;
}


#content{
    width:480px;
    height:0;

    margin:0 10px;

    font-family:'Calibri', sans-serif;
    font-size:12px;
    text-align:justify;

    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}


#ask{
    opacity:0;
    padding:5px 0;

    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}

#ghey:hover #ask{
    opacity:1;
    margin-top:-190px;

    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
}

#ghey:hover #content{
    opacity:0;
    margin-top:190px;

    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
}


</style>
</head>

<body>

<!--------
put your links here!
------------>
<div id="links">
<a href="/">link 1</a>
<a href="/">link 2</a>
<a href="/">link 3</a>
<a href="http://tumblr.com/dashboard">back to dash</a>
<a href="http://lyinng.tumblr.com/">theme credit</a></div>
</div>


<div id="ghey">


<div id="content">
<p>
hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here.
</p>

<p>
hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here. hi put your faq here.
</p>
</div>

<br>

<div id="ask">
<iframe id="ask_form" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" frameborder="0" scrolling="no" width="500" height="200"></iframe>
</div>

<br>

</div>

</body>
</html>