FAQ Page

<!DOCTYPE html>

<!---------------


        FAQ PAGE by DOMINICWRITES
        Rules and Regulations:
        #1: Please DO NOT commit thievery and steal this theme/page. I've  worked hard on in so I'd appreciate if you didn't.

        #2: DO NOT redistribute this theme/page, and do not remove the credit.

        #3: You can customize to your liking, just make sure that your theme/page is readable and credible for your viewers.


        ---------------->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>{Title}</title>

    <meta charset="utf-8">

    <meta name="description" content="{MetaDescription}" />

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

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

<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Raleway:400,700,800,900,500' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>


</head>
<style type="text/css">
body {
    margin: 0px;
    list-style: none;
    background-color: #FFFFFF;
    background-attachment: fixed;
    font-family: 'Lato', sans-serif;
    font-size: 10px;
    color: #877b76;

}

a {
    text-decoration: none;
    color: black;
}

b,strong {
    color: #ff00ea;
}

i,em {
    color: #202020;
}

::-webkit-scrollbar-thumb:vertical {
    background-color: #202020;
    height: 10px;
    border-bottom: 2px solid #FFFFF;
    border-top: 2px solid #FFFFFF;
    }
::-webkit-scrollbar-thumb:horizontal {
    background-color: #202020;
    height: 7px!important;
    }
::-webkit-scrollbar {
    background-color: #FFFFFF;
    height: 8px;
    width: 12px;
    }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
    display:block;
    height:15px;
    width: 12px;
    background-color: #202020;
    }

#content {
    margin: auto;
    width: 1000px;
    margin-top: 100px;
    height: 500px;
}

#faq {
    float: left;
    display: inline-block;
    width: 400px;
    height: 480px;
    background-color: #202020;
    background-image:url('http://static.tumblr.com/kamm2qy/7YHmt2bsc/graphy.png');
    padding: 20px;
    overflow: auto;
}

#faq a {
    color: #ffc000;
}

#ask {
    float: right;
    width: 540px;
    height: 500px;
    background-color: #404040;
    display: inline-block;
}

.heading {
    font-family: 'Raleway';
    font-weight: 400;
    color: #00a2de;
    text-align: left;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.answer {
    font-size: 12px;
    color: #808080;
    margin-bottom: 20px;
    text-align: justify;
}

#ask img {
    display: block;
    width: 540px;
    height: 240px;
    background-color: #505050;
}

.links {
    width: 100%;
    height: auto;
    padding-top: 40px;
    text-align: center;
    margin: auto;
}

.links a {
    margin: 10px;
    color: #00a2de;
    text-transform: uppercase;
    font-size: 10px;
    font-family: 'raleway';
}

.links a:hover {
    color: #ff00ea;
}

#askbox {
    display: block;
    width: 500px;
    padding: 20px;
    margin: auto;
    text-align: center;
    background-color: #202020;
}


</style>
<body>
<div id="content">

    <div id="faq">

    <!------ SECTION ------>
        <div class="heading">What is the purpose of this page?</div>
    <div class="answer">The purpose of this page is a <b>Frequently Asked Questions</b> page and it is created for those who need a separate page to direct those who have similar questions as others do.</div>

    <!------ SECTION ------>
        <div class="heading">When are you planning to open your roleplay?</div>
    <div class="answer">We are currently planning for the date to be on October 27th considering that we have little work done as of the moment. We are going to continue working on the aesthetics as well as the world building, which includes <i>cities, towns, landscapes, locations, etc.</i> After that, we are expecting to start posting up character biographies in the beginning of October.</div>

    <!------ SECTION ------>
        <div class="heading">Where can I find your navigation?</div>
    <div class="answer">The navigation page is still under construction, so we've set up a temporary navigation page of the default style. <a href="#">Click here</a> to go have a look at the links.</div>

    <!------ SECTION ------>
        <div class="heading">Who is the main administrator of the roleplay?</div>
    <div class="answer">That would be me, Dominic. I am your head admin and will be for the remainder of the roleplay's existence. I promise to provide you all the help you need regarding any of your questions, so please do not hesitate to contact me if you have some. I will also state that I will keep this roleplay as active as I can possibly can and send out necessary warnings to those who cause OOC drama, lack of inactivity, and things regarding the breaking of the rules.</div>

    <!------ SECTION ------>
        <div class="heading">This is another example heading.</div>
    <div class="answer">TThis is another example answer. You can put in as many FAQs as you want because this section include the <i>overflow</i> feature so that it doesn't over flow the page.</div>

    <!------ SECTION ------>
        <div class="heading">This is another example heading.</div>
    <div class="answer">TThis is another example answer. You can put in as many FAQs as you want because this section include the <i>overflow</i> feature so that it doesn't over flow the page.</div>


    </div>

    <div id="ask">
    <img src="http://static.tumblr.com/kamm2qy/aGCmt2bev/ezxc.png" />
<div id="askbox">
<div class="heading">If your question isn't answered through the FAQ, feel free to ask!</div><br />
<iframe frameborder="0" border="0" scrolling="no" width="100%" height="190" allowtransparency="true" src="http://www.tumblr.com/ask_form/YOURURLHERE.tumblr.com" style"background-color:transparent; overflow:hidden;"></iframe>
</div>

    </div>

</div>

<div class="links">
    <a href="#">home</a>
    <a href="#">message</a>
    <a href="#">archive</a>
    <a href="#">submit</a>
    <a href="http://dominicwrites.tumblr.com">credit</a>
</div>


</body>
</html>