Page #10

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

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

<head>
    <!----

    Page 10: Sky
    faq page
    by: superfrown.tumblr.com

    You may:
      Edit as much as you like

    You may not:
      Claim as your own
      Remove the credit


    ---->


    <style type="text/css">

    /* MAIN */

    body {
        background-color:#efefef;
        background-image: url();
        background-attachment: fixed;
        background-repeat: repeat;
        color:#424242;
        font-family: calibri;
        font-size: 11px;
        margin: 0px;
        padding: 0px;}

    a:link, a:active {
        text-decoration:none;
        color: #a1ccd1;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;}

     a:visited {
        text-decoration:none;
        color: #a1ccd1;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;}

    a:hover {
        color: #d5edf0;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;}


    ::-webkit-scrollbar {
          height:6px;
          width:8px;
          background-color: #ffffff;}

    ::-webkit-scrollbar-thumb:vertical {
          background-color: #84b8bf;}

    ::-webkit-scrollbar-thumb:horizontal {
          background-color: #84b8bf;}


    /* SIDEBAR */

      .sidebar {
        width:540px;
        padding-top:10px;
        padding-bottom:10px;
        background-color:#d1e8eb;
        z-index:2000;}


    /* LINKS */

      .links {
        text-align:center;
        width:540px;
        height:25px;}

      .links a {
        display:inline-block;
        font-size:14px;
        margin-top:4px;
        margin-right:8px;
        margin-left:8px;
        text-transform:lowercase;
        font-style:italic;
        letter-spacing:1px;
        color: #80aab0;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;}

      .links a:hover {
        color: #80aab0;
        text-decoration:underline;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;}


    /* STUFF */

      .stuff {
        width:540px;
        height:auto;
        padding-bottom:60px;
        margin:0 auto;
        background-color:#f4f4f4;}

      .box {
        margin-top:10px;
        margin-left:10px;
        width:500px;
        padding:10px;
        font-size:15px;
        letter-spacing:2px;
        text-align:justify;
        color:#5c7b80;
        background-color:#e1eef0;}

      .box2 {
        width:470px;
        margin-top:10px;
        margin-bottom:10px;
        margin-left:10px;
        padding:5px;
        font-size:11px;
        letter-spacing:1px;
        color:#808080;
        background-color:#f8f8f8;}

      .box3 {
        width:490px;
        margin-top:5px;
        margin-bottom:10px;
        padding:5px;
        text-align:center;
        font-size:14px;
        font-weight:bold;
        letter-spacing:2px;
        color:#555555;
        background-color:#f8f8f8;}


    </style>


</head>

<body>


<div class="stuff">

<div class="sidebar">


<!--- EDIT YOUR PAGE LINKS HERE --->
<div class="links">
    <a href="/"> Home </a>
    <a href=""> Link 1 </a>
    <a href=""> Link 2 </a>
    <a href=""> Link 3 </a>
    <a href=""> Link 4 </a>
    <a href=""> Link 5 </a>
    <a href=""> Link 6 </a>
    <a href="http://superfrown.tumblr.com/"> Credit </a>
</div>


</div>

<div class="box">

<!--- EDIT YOUR QUESTION HERE --->

Question one?

<!--- EDIT YOUR ANSWER HERE --->
<div class="box2">
    Answer one. <a href="/">Lorem ipsum</a> dolor sit <b>amet</b>, consectetur <i>adipiscing</i> elit. Nam nulla augue, dictum vitae orci in, euismod blandit risus. Ut ullamcorper, urna a ultricies luctus, sapien mauris consequat massa, feugiat laoreet eros neque ut ipsum. Aliquam ac ante hendrerit, ultrices sapien ac, aliquet massa.
</div>

</div>


<div class="box">

Question two?

<div class="box2">
    Answer two.  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>

</div>


<div class="box">

Question three?

<div class="box2">
    Answer three
</div>

</div>


<div class="box">

<!--- EDIT YOUR ASK BOX TITLE HERE --->
<div class="box3">
    Talk to me!
</div>


<!--- CHANGE "YOURURL" TO YOUR URL --->
<iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/yoururl.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">

</div>


</body>
</html>