FAQ THEME

    <!--
    FAQ THEME
    by flannelsammy (prev.pumpkinchesters)
    *please do not steal or remove credit
    *please contact me directly if you need assistance

    -->

<!--
BACKGROUND COURTESY

http://grsites.com

-->


  <!DOCTYPE html>
<html>
<head>
    <link rel="shortcut icon" href="{Favicon}" />

<script type="text/javascript">
 function unhide(divID) {
 var item = document.getElementById(divID);
 if (item) {
 item.className=(item.className=='hidden')?'unhidden':'hidden';
 }
 }
</script>


                <link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>


     <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>


<title>{Title}</title>


<style type="text/css">


    ::-webkit-scrollbar-thumb:vertical {background-color: {color:scrollbar}; height:100px;}

    ::-webkit-scrollbar-thumb:horizontal {background-color: {color:scrollbar}; height:10px !important;}

    ::-webkit-scrollbar {height:9px; width:9px; background-color: {color:Background};}


body {
background: #fff url('http://i1165.photobucket.com/albums/q594/bluerosemarcella/ltgraybgb_zps27fb0862.jpg') fixed;
margin:40px auto;
position:relative;
width:573px;
color:#090909;
font-family:calibri;
font-size:10px;
letter-spacing:1px;
text-align:justify;
opacity:0.9;
}

a {
color:#b1b4b4;
text-decoration:none;
font-family:'calibri';
font-style:italic;
text-transform:none;
letter-spacing:2px;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}

a:hover {
color:#090909;
text-decoration:none;
font-family:calibri;
letter-spacing:2px;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}


    #center {margin:40px auto;width:573px;}


#container {
margin:40px auto;
background:#fff;
position:relative;
width:573px;
height:auto;
padding-bottom:50px;
margin-top:60px;
border:2px solid #eee;
}


#header {
margin:40px auto;
margin-top:0px;
opacity:0.8;
height:auto;
width:500px;
background:#fff;
padding:10px 10px 10px 10px;
text-align:center;
position:relative;
}

#header_title {
font-family:"Playball";
font-size:45px;
line-height:180%;
color:#000000;
position:relative;
border-bottom:1px solid #eee;
}

#navigation {
opacity:0.8;
text-decoration:none;
display:inline-block;
position:relative;
padding: 2px 2px 2px 2px;
font-family:calibri;
font-size:10px;
letter-spacing:1px;
color:#000000;
}

#navigation a {
opacity:0.8;
text-decoration:none;
font-style:none;
display:inline-block;
position:relative;
padding: 2px 2px 2px 2px;
font-family:calibri;
font-size:10px;
letter-spacing:1px;
color:#000000;
}

#navigation a:hover {
opacity:0.8;
text-decoration:none;
padding: 2px 2px 2px 2px;
display:inline-block;
font-family:calibri;
font-size:10px;
letter-spacing:1.2px;
color:#b1b4b4;
}


#box {
margin:40px auto;
background:#fff;
position:relative;
width:573px;
margin-top:50px;
border:2px double #eee;
}


.faq a {
    display:block;
    color:#b1b4b4;
    font-size:12px;
    margin-left:25px;
    font-style:italic;
    line-height:9px;
    opacity:0.9;
    font-family:"calibri";
    text-transform:uppercase;
    letter-spacing:2px;
}

.faq a:hover {
    font-style:italic;
    display:block;
    color:#000000;
    line-height:9px;
    letter-spacing:2px;
    opacity:0.9;
}


.hidden {
    display:none;
    color:#b1b4b4;
    font-size:10px;
    line-height:14px;
    padding: 7px 7px 7px 7px;
    margin-left:25px;
    margin-right:25px;
    opacity:1;
    font-family:"calibri";
    letter-spacing:1px;}


 .unhidden {
    display:block;
    color:#000000;
    font-size:10px;
    text-align:justify;

    line-height:14px;
    padding: 7px 7px 5px 5px;
    margin-left:25px;
    margin-right:25px;
    opacity:1;
    font-family:"calibri";
    letter-spacing:1px;}


 .unhidden a {
    display:inline-block;
    color:#b1b4b4;
    font-size:10px;
    font-style:normal;
position:relative;
    line-height:14px;
    margin: 1px 1px 1px 1px;
text-transform:none;
    opacity:1;
    font-family:"calibri";
    letter-spacing:1px;}

     .unhidden a:hover {
    display:inline-block;
    color:#000000;
    font-size:10px;
        font-style:normal;
    line-height:14px;
    margin: 1px 1px 1px 1px;
text-transform:none;
    opacity:1;
    font-family:"calibri";
    letter-spacing:1px;}

 #asksub_box_button { text-align: center;
width:345px;
}

#asksub_box_button a {
text-align:center;
    display:inline-block;
font-weight:normal;
    color:#333333;
        background-color:#eee;
        border: 1px solid #000;
        padding:15px 15px 15px 15px;
        width:115px;
        height:auto;
        font-size: 18px;
    font-family:'marck script';
    margin:2px 1px;
    text-align:center;
    letter-spacing:2px;
    text-decoration:none;
    text-transform:none;
}

#asksub_box_button a:hover {
text-align:center;
    background-color:#ffffff }


#asksub_box {
text-align:center;
padding: 5px 5px 5px 5px;
}


</style>
</head>

<body>

<div id="center">
<div id="container">


<!-- HEADER -->


<div id="header"><div id="header_title">F &nbsp A &nbsp Q </div><br>

<div id="navigation">

<a href="/">index</a> / <a href="javascript:history.go(0)">refresh</a> / <a href="http://flannelsammy.tumblr.com">theme</a>
</div></div>


<!-- END HEADER -->


<div class="box">
<div class="faq">


<!-- QUESTION 1 -->

<a href="javascript:unhide('displaybx');">

&rarr; &nbsp (Question #1)</a>


<div id="displaybx" class="hidden"><p>

Answer #1

</div><br />


<!-- END QUESTION 1 -->


<!-- QUESTION 2 -->

<a href="javascript:unhide('displaybx2');">

&rarr; &nbsp (Question #2)</a>


<div id="displaybx2" class="hidden"><p>

Answer #2

</div><br />

<!-- END QUESTION 2 -->


<!-- QUESTION 3 -->


<a href="javascript:unhide('displaybx3');">

&rarr; &nbsp (Question #3)</a>

<div id="displaybx3" class="hidden"><p>

Answer #3

</div><br />


<!-- END QUESTION 3 -->


<!-- QUESTION 4 -->


<a href="javascript:unhide('displaybx4');">

&rarr; &nbsp (Question #4)</a>

<div id="displaybx4" class="hidden"><p>

Answer #4

</div><br />


<!-- END QUESTION 4 -->


<!-- QUESTION 5 -->


<a href="javascript:unhide('displaybx5');">

&rarr; &nbsp (Question #5)</a>

<div id="displaybx5" class="hidden"><p>

Answer #5

</div><br />


<!-- END QUESTION 5 -->


<!-- QUESTION 6 -->


<a href="javascript:unhide('displaybx6');">

&rarr; &nbsp (Question #6)</a>

<div id="displaybx6" class="hidden"><p>

Answer #6<br />

blah blah blah blah <a href="http://flannelsammy.tumblr.com">my blog</a>

</div><br />


<!-- END QUESTION 6 -->


<!-- QUESTION 7 -->


<a href="javascript:unhide('displaybx7');">

&rarr; &nbsp (Question #7)</a>

<div id="displaybx7" class="hidden"><p>

Answer #7

</div><br />


<!-- END QUESTION 7 -->


<!-- QUESTION 8 -->


<a href="javascript:unhide('displaybx8');">

&rarr; &nbsp (Question #8)</a>

<div id="displaybx8" class="hidden"><p>

Answer #8

</div><br />


<!-- END QUESTION 8 -->


<!-- QUESTION 9 -->


<a href="javascript:unhide('displaybx9');">

&rarr; &nbsp (Question #9)</a>

<div id="displaybx9" class="hidden"><p>

Answer #9

</div><br />


<!-- END QUESTION 9 -->


<!-- QUESTION 10 -->


<a href="javascript:unhide('displaybx10');">

&rarr; &nbsp (Question #10)</a>

<div id="displaybx10" class="hidden"><p>

Answer #10

</div><br />


<!-- END QUESTION 10 -->


<!-- **QUESTION EXAMPLE** REMOVE -->


<a href="javascript:unhide('displaybxEX');">

&rarr; &nbsp What is the greatest song of all time and how does it go?</a>

<div id="displaybxEX" class="hidden"><p>

Obviously it's Sweet Child 'O Mine by Guns 'N Roses, and it goes a little something like this.<br><br>

She's got a smile that it seems to me, reminds me of childhood memories, when everything was as fresh as the bright blue sky. Now and then when I see her face, it takes me away to that special place, and if I stare too long, I'd probably break down and cry.<br><br>

Whoa-oa-oa-oa sweet child of mine. Whoa-oa-oa-oa sweet love of mine.

</div><br />


<!-- **QUESTION EXAMPLE** REMOVE -->


<br />
<br />
<br />


<!-- ASK & SUBMIT --
MAKE SURE TO CHANGE THE URLS IN THE CODES TO MATCH YOUR OWN
-->

<center>

<div id="asksub_box_button">

<a href="javascript:unhide('displaybxASK');">ask</a>
<a href="javascript:unhide('displaybxSUB');">submit</a>

</div>

<div id="asksub_box">

<div id="displaybxASK" class="hidden"><br />

<center><p><p>
<iframe frameborder="0" height="200" id="ask_form" scrolling="no"
src="http://www.tumblr.com/ask_form/YOURURLHERE.tumblr.com"
width="80%"></iframe><!—[if IE]><mce:script type="text/javascript">
<!document.getElementById(‘ask_form’).allowTransparency=true; // —>
<!—[endif] —></center>
 <br /><br />


<br />
<br />
<br />
</div>


<div id="displaybxSUB" class="hidden"><br />


 <center><iframe frameborder="0" scrolling="yes" width="80%" height="530" src="http://tumblr.com/submit_form/YOURURLHERE.tumblr.com" style="background-color:transparent; overflow:hidden;" id="submit_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('submit_form').allowTransparency=true;</script><![endif]--></center>

 <br />
<br />
<br />
<br />
</div>

</center>
</div>

<!-- END ASK & SUBMIT -->


</div>

</div>
</div>
</div>


</body>

</html>