Simply Elegant

<!DOCTYPE html>
<!--[if lt IE 7]><html class="lt-ie10 lt-ie9 lt-ie8 lt-ie7"><![endif]-->
<!--[if IE 7]><html class="lt-ie10 lt-ie9 lt-ie8"><![endif]-->
<!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
<!--[if IE 9]><html class="lt-ie10"> <![endif]-->
<!--[if gt IE 9]><!--> <html> <!--<![endif]-->
    <head>
        {MobileAppHeaders}
        <meta charset="utf-8">
        <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
        {block:Description}
        <meta name="description" content="{MetaDescription}">
        {/block:Description}


        <!--Do not remove credit-->


        <!-- Theme Defaults -->


        <meta name="select:Layout" content="regular" title="Regular">
        <meta name="select:Layout" content="narrow" title="Narrow">
        <meta name="select:Layout" content="grid" title="Grid">

        <meta name="text:Disqus shortname" content="">
        <meta name="text:Google analytics ID" content="">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <link rel="shortcut icon" href="{Favicon}">
        <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
        <link rel="alternate" type="application/rss+xml" href="{RSS}">

        <link rel="stylesheet" href="http://static.tumblr.com/vr9xgox/PuGmmhqcs/normalize.css">
        <link rel="stylesheet" href="http://static.tumblr.com/vr9xgox/zbqmtbju7/main.css">
        <!-- HTML5 Shiv -->
        <!--[if lt IE 9]>
                <script src="http://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
        <![endif]-->

<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>

<style type="text/css">
::-webkit-scrollbar-thumb {background-color:#f6b962; border: 3px solid #fff; height:auto; border-bottom:none;}

::-webkit-scrollbar {height:9px;width:9px;background-color:#f6b962; border:4px solid #fff;}

a{text-decoration:none;}

body{
    background:url(http://i98.photobucket.com/albums/l274/shell282/grainy_zpsa12d6ceb.png);
    background-position:left top;
    background-repeat:repeat;
    background-attachment:fixed;
}


#header{
    position:fixed;
    width:1367px;
    height:100px;
    background-color:silver;
    opacity:.7;
    z-index:999;
}

#header .title{
    font-size:100px;
    font-family:pristina;
    text-align:center;
}


.title a{color:black;}

#extralinks{
    position:fixed;
    margin-top:110px;
    margin-left:950px;
    z-index:999;

}

#extralinks a{color:black;}

#nav{
    position:fixed;
    margin-top:110px;
    margin-left:170px;
    z-index:999;
}

#nav a{color:black;}

#sidebar{
    position:fixed;
    margin-left:1100px;
    margin-top:200px;
    width:200px;
    height:300px;
    background-color:silver;
}

#sidebar img{
    width:200px;
    height:300px;
}

#sidebar .description{
    width:200px;
    font-size:12px;
    padding:5px;
    text-align:center;
}


#content {
    position:absolute;
    margin-left: 10%;
    margin-top:200px;
    width: 65%;
}

/*Articles*/
#content article {
    background: #fff;
    margin-bottom: 5%;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;
}
article .inner {
    display: inline-block;
    padding: 4%;
    width: 92%;
}
/*Post styles*/
.title a {
    color: {color:Text};
    text-align:center;
}
blockquote {
    margin: 0;
    padding: 2%;
    color:black;
    font-style:italic;
}

.quotesource{
    color:black;
    font-size:12px;
}
.photo img {
    display: block;
}
.html_photoset {
    text-align: center;
    background: rgb(68, 68, 68);
    padding: 6% 0;
}
.link .title a {
    border-bottom: 1px solid;
}
.chat ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.chat li {
    padding: 0.5% 2%;
    color:black;
}


/*Tags*/
.metadata {
    background: rgba(233, 233, 233, 0.76);
    border-top: 1px solid #ADADAD;
    font-size: 0.9em;
    padding: 2% 4%;
     border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;
}

.metadata a{color:black;}

.metadata ul {
    width: 100%;
    display: inline-block;
}

.metadata ul, #notes ol {
    list-style: none;
    margin: 0;
    padding: 0;

}
.tags {
    margin-top: 1% !important;
}
.tags li {

    padding: 0.5%;

}
.index li, .tags li {
    float: left;
    margin-right: 2%;
}
.note {
    border-bottom: 1px solid white;
    padding: 1% 0;
}

#reblog{
    margin-left:-80px;
    background-color:white;
    width:70px;

}

.caption{
    color:black;
}

.ask a{color:tan; background-color:white;}

.answer{
    border:1px solid tan;
    padding:5px;
    text-align:center;
}

.answerer{
    background-color:white;
}

.question{background-color:{color:question}; text-align:center;}


.like_and_reblog_buttons {

                border-radius: 3px;
                list-style: none;
            }

            .like_and_reblog_buttons li {
                float: left;
                margin-left:-110px;
                margin-top:-10px;
                padding: 7px 15px;
                height: 20px;
                background-color:white;


            }

#credit{
    position:fixed;
    right:10px;
    bottom:10px;
    opacity:.7;
}
            {CustomCSS}
        </style>
    </head>
    <body>


<div id="header">
<div class="title">
{Title}
</div>
</div>


<div id="extralinks">
<a href="{Link1}" style="padding-right:10px;">Link 1</a>
<a href="{Link2}" style="padding-right:10px;">Link 2</a>
<a href="{Link3}" style="padding-right:10px;">Link 3</a>
<a href="{Link4}">Link 4</a>
</div>


<div id="nav">
<a href="/" style="padding-right:10px;">Home</a>
<a href="/ask" style="padding-right:10px;">Message</a>
<a href="/submit" style="padding-right:10px;">Submit</a>
<a href="/archive">Archive</a>
</div>

<div id="sidebar">
<img src="http://i98.photobucket.com/albums/l274/shell282/ideas_and_styles_for_an_elegant_wedding_1_zps9522750c.jpg">

<div class="description">
{block:Description}{Description}{/block:Description}
</div>
</div>


<div id="content">
    {block:Posts}


    <article>

   <div id="reblog"> <a href="{ReblogURL}"><img src="http://i98.photobucket.com/albums/l274/shell282/reblogggg_zps9a52556c.png"</a></div>

    <ul class="like_and_reblog_buttons">

              <li>{LikeButton}</li>
          </ul>


        {block:Text}
        <div class="text inner">
            {block:Title}<h1 class="title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
            {Body}
        {/block:Text}

        {block:Photo}
        <div class="photo inner">
            {LinkOpenTag}<img src="{PhotoURL-500}"alt="{PhotoAlt}" />{LinkCloseTag}
            {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
        {/block:Photo}

        {block:Photoset}
        <div class="photoset inner">
            {Photoset-700}
            {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
        {/block:Photoset}

        {block:Quote}
        <div class="quote inner">
            <blockquote>{Quote}</blockquote>
            {block:Source}<div class="quotesource"> ~{Source}</div> {/block:Source}
        {/block:Quote}

        {block:Link}
        <div class="link inner">
            <h1 class="title"><a href="{URL}">{Name}</a></h1>
            {block:Description}{Description}{/block:Description}
        {/block:Link}

        {block:Chat}
        <div class="chat inner">
            <ul>
                {block:Lines}<li class="{Alt}"><p>{block:Label}<strong>{Label}</strong>{/block:Label} {Line} </p></li>{/block:Lines}
            </ul>
        {/block:Chat}

        {block:Audio}
        <div class="audio inner">
            {block:TrackName}<h1 class="title"><a href="{Permalink}">{TrackName}</a></h1>{/block:TrackName}
            {block:AlbumArt}<img src="{AlbumArtURL}" width="500" height="500"/>{/block:AlbumArt}
            {AudioPlayerBlack}
            {block:Caption}{Caption}{/block:Caption}
        {/block:Audio}

        {block:Video}
        <div class="video inner">
            {Video-700}
            {block:Caption}{Caption}{/block:Caption}
        {/block:Video}

    {block:Answer}
     <div class="answer"><img src="{AskerPortraitURL-30}" alt=""><div class="ask">{Asker}</div> asks:
<br><br> <div class="question"><b>{Question}</b></div>
<br>
 {block:Answerer}
 <div class="ask">{Answerer}</div>
<div class="answerer">Answer: {Answer}</div>
 {/block:Answerer}
 <br><br>
{Replies}
 </div>
    {/block:Answer}

        {block:Date}
        <footer class="metadata">
            <ul class="index">
                <li><a href="{Permalink}"> <time datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}">{DayOfMonth} {Month} {Year}</time> </a></li>

                {block:NoteCount}<li><a class="notecount" href="{Permalink}#notes">{NoteCountWithLabel}</a></li>{/block:NoteCount}

                {block:ContentSource}
                <li><a href="{SourceURL}">{lang:Source}:{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
                {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}"height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}</a></li>
                {/block:ContentSource}
            </ul>

            {block:PermalinkPage}
            {block:HasTags}
            <ul class="tags">
                {block:Tags}<li><a href="{TagURL}">#{Tag}</a> </li>{/block:Tags}
            </ul>
            {/block:HasTags}

            {block:PostNotes}
            <div id="notes">
                {PostNotes}
            </div>
            {/block:PostNotes}
            {/block:PermalinkPage}
        </footer>
        {/block:Date}
     </article>
    {/block:Posts}


</div>

    {block:IfNotInfiniteScrolling}{block:PreviousPage}<a href="{PreviousPage}">previous</a>
{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:IfNotInfiniteScrolling}

<div id="credit">
<a href="http://www.slapdashthemes.tumblr.com"><img src="http://static.tumblr.com/knytmqx/L1Umu6jbr/sdticon2.png">
</div>

    </body>
</html>