theme #1 Wallflower

<!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">

    <link rel="shortcut icon" href="{Favicon}">
    <link rel="alternate" type="application/rss+xml" href="{RSS}">
    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}



<!---
Theme by Stephanie @ Rivergronrphelper
            .
           .|.
           |||
           |||
           |||
           |||
           j_I  K&M4E
          .)_(.
          |===|
          /___\
         //___\\
        /=======\
       / .-"""-. \
      |__|     |__|
--->


<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#a8a8a8"/>
<meta name="color:blog title color" content="#000000"/>
<meta name="color:DescriptionText" content="#b8b8b8"/>
<meta name="color:Post Links" content="#c0bfbf"/>
<meta name="color:Hover" content="#f2f2f2"/>
<meta name="color:Answer Backg" content="#000000"/>
<meta name="color:bordercolor" content="#000000"/>
<meta name="color:description background" content="#000000"/>
<meta name="color:links background color" content="#000000"/>
<meta name="color:links text color" content="#000000"/>
<meta name="color:Scrollbar" content="#000000"/>
<meta name="color:ScrollbarBg" content="#ffffff"/>
<meta name="color:bold" content="#000000"/>
<meta name="color:italic" content="#000000"/>
<meta name="color:text shadow" content="#000000"/>

<meta name="image:Background" content=""/>
<meta name="image:Sidebar" content=""/>
<meta name="text:Subtitle" content=""/>
<meta name="image:LeftSidebar1" content=""/>
<meta name="image:LeftSidebar2" content=""/>
<meta name="image:LeftSidebar3" content=""/>

<meta name="text:LINK1 TITLE" content="" />
<meta name="text:LINK1" content="" />
<meta name="text:LINK2 TITLE" content="" />
<meta name="text:LINK2" content="" />
<meta name="text:LINK3 TITLE" content="" />
<meta name="text:LINK3" content="" />
<meta name="text:LINK4 TITLE" content="" />
<meta name="text:LINK4" content="" />
<meta name="text:LINK5 TITLE" content="" />
<meta name="text:LINK5" content="" />
<meta name="text:LINK6 TITLE" content="" />
<meta name="text:LINK6" content="" />
<meta name="text:LINK7 TITLE" content="" />
<meta name="text:LINK7" content="" />
<meta name="text:LINK8 TITLE" content="" />
<meta name="text:LINK8" content="" />
<meta name="text:LINK9 TITLE" content="" />
<meta name="text:LINK9" content="" />
<meta name="text:LINK10 TITLE" content="" />
<meta name="text:LINK10" content="" />
<meta name="text:quote" content="" />

<meta name="if:Show Subtitle" content="1" />
<meta name="if:Show LINK1" content="1">
<meta name="if:Show LINK2" content="1">
<meta name="if:Show LINK3" content="1">
<meta name="if:Show LINK4" content="1">
<meta name="if:Show LINK5" content="1">
<meta name="if:Show LINK6" content="1">
<meta name="if:Show LINK7" content="1">
<meta name="if:Show LINK8" content="1">
<meta name="if:Show LINK9" content="1">
<meta name="if:Show LINK10" content="1">

<link href='http://static.tumblr.com/whx9ghv/AdUnbw2jm/sosa.css' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Just+Me+Again+Down+Here&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

<style type="text/css">


b, strong {
    font-weight:bold;
    color:{color:bold};
}
i, em {
    color:{color:italic};
}

::-webkit-scrollbar-thumb {
height:auto;
background-color:{color:Scrollbar};
}

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

body {
background:{color:background};
margin:0px;
color:{color:text};
font-family:calibri;
font-size:11px;
line-height:100%;
letter-spacing:0px;
text-align:justify;
background-image:url('{image:Background}');
}

a {
text-decoration:none;
outline:none;
-moz-outline-style:none;
color:{color:Post Links};
}

a:hover {
color:{color:hover};
text-shadow: 1px 1px 1px {color:text shadow};
font-weight:bold;
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

}

img {
    border:none;
}

blockquote {
padding-left:5px;
border-left:2px solid;
}

blockquote blockquote {
padding-left:5px;
border-left:2px solid;
}

h1 {
font-size:18px;
letter-spacing:2px;
text-transform:uppercase;
font-family:'Calibri';
font-style:none;
line-height:14px;
text-align:center;
padding:0px;
color:{color:links background color};
text-shadow: 1px 1px 1px {color:text shadow};
}

h2 {
line-height:14px;
}

pre {
    margin-top:10px;
    margin-bottom:-5px;
    padding:2px;
    font-family:'arial';
    text-transform:uppercase;
    background:{color:bordercolor};
    text-align:center;
    font-size: 10px;
    color:{color:description background};

}




/*ENTRIES*/

#entries {
padding:10px;
width:500px;
margin-left:265px;
line-height:12px;
margin-top:5px;
font-size:10.5px;
font-family:'arial';
letter-spacing:0px;
}

#post {
width:500px;
padding-bottom:40px;
padding:25px;
margin-top:50px;
background:white;
border: solid 5px;
border-color: {color:bordercolor};
}

/*SIDEBAR*/

#title {
font-family: 'Just Me Again Down Here', cursive;
position:fixed;
letter-spacing:3px;
font-size:35px;
line-height:22px;
margin-left:975px;
margin-top:140px;
width:240px;
text-align:center;
text-shadow: 1px 1px 1px {color:text shadow};
font-style:italic;
color:{color:blog title color};


}

#subtitle {
font-family:'Calibri';
font-size:12px;
margin-left:735px;
margin-top:570px;
text-shadow: 1px 1px 1px {color:text shadow};
font-style:italic;
position:fixed;
text-align:center;
color:{color:blog title color};
width:235px;

}


#sidebar {
position:fixed;
text-align:center;
margin-left:755px;
margin-top:-15px;
margin-left:130px;
}

#sidebarimage {

}

#sidebarimage img {
width:235px;
height:190px;
margin-top:175px;
margin-left:730px;
border: solid 5px;
border-color: {color:bordercolor};
position:fixed;

}




#description {
text-align:justify;
font-family:'Arial';
width:235px;
height:190px;
margin-top:375px;
margin-left:970px;
font-size:10px;
position:fixed;
text-transform:none;
color:{color:DescriptionText};
background-color:{color:description background};



}

#pagination  {
font-weight:bold;
padding:2px;
font-family:'calibri';
letter-spacing:0px;
font-size:10px;
text-align:center;
padding:2px;
margin-top:585px;
margin-left:1050px;
text-transform:uppercase;
display: inline-block;
position:fixed;
}

#pagination a {
 color:{color:blog title color};
text-shadow: 1px 1px 0px {color:text shadow};
font-size:10px;
font-weight:bold;
text-align:center;

}

#pagination a:hover {
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
color:{color:hover};
}

/*POST INFO*/

#info {
width:500px;
text-align:left;
font-family:'calibri';
margin-top:3px;
margin-left:px;
letter-spacing:1px;
font-size:9.5px;
font-style:none;
padding:1px;
line-height:10px;
text-transform:uppercase;
border-top:5px solid;
border-color:{color:Bordercolor};
}

#info a {
text-align:center;
font-weight:bold;
color:{color:Post Links};

}

#info a:hover {
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
color:{color:Hover}
}

#tags {
float:left;
width:489px;
margin-top:-2px;
margin-left:-5px;
text-align:left;
padding:5px;
font-size:8px;
opacity:1;
transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s
color:{color:Post Links};
}

#tags a {
letter-spacing:0px;
font-size:9px;
text-align:center;
font-family:'calibri';
text-decoration:none;
display:inline-block;
color:{color:Post Links};
font-style:italic;
}

#tags a:hover {
background-color:#fff;
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
color:{color:hover};
}

/*QUESTION*/

#asker {
color:#fcfcfc;
padding:14px;
font-family:'arial';
font-size:11px;
letter-spacing:0px;
text-align:left;
margin-top:0px;
text-transform:lowercase;
line-height:100%;
background-color:{color:Answer Backg}
}


/*LINKS*/

.links {
width:152px;
font-family:'calibri';
padding: 4px;
text-align:center;
text-transform:uppercase;
position:fixed;
margin-top:150px;
margin-left:775px;
position:fixed;
font-weight:bold;
}

.links a {
width:94px;
padding:3px;
font-size:10px;
letter-spacing:0px;
color:{color:blog title color};
text-shadow: 1px 1px 1px {color:text shadow};
}

.links a:hover {
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
color:{color:hover};
}

.rightlinks {
      position:fixed;
    line-height:110%;
    font-family:'Calibri';
    text-align:center;
    margin-top:195px;
    margin-left:970px;
    text-align:center;
    text-transform:uppercase;
    text-shadow: 1px 1px 1px {color:text shadow};
}

.rightlinks a {
   width:210px;
   height:12px;
    display: block;
    font-size: 12px;
    padding:5px;
    background-color:{color:links background color};
    color:{color:links text color};
     margin-bottom:8px;
    margin-left:10px;
    border: 1px solid black;
}

.rightlinks a:hover {
   background-color:{color:links text color};
   color:{color:links background color};
 text-shadow: 1px 1px 1px {color:text shadow};
 Text-transform:lowercase;
  font-size:11px;
 font-weight:bold;
}

 .leftlinks {
      position:fixed;
    line-height:110%;
    font-family:'Calibri';
    text-align:center;
    margin-top:400px;
    margin-left:730px;
    text-align:center;
    text-transform:uppercase;
    text-shadow: 1px 1px 1px {color:text shadow};
}

.leftlinks a {
   width:210px;
   height:12px;
    display: block;
    font-size: 12px;
    padding:5px;
    background-color:{color:links background color};
    color:{color:links text color};
     margin-bottom:8px;
    margin-left:10px;
    border: 1px solid black;
}

.leftlinks a:hover {
   background-color:{color:links text color};
   color:{color:links background color};
   border: 1px solid {color:links background color};
   text-shadow: 1px 1px 1px {color:text shadow};
 Text-transform:lowercase;
 font-size:11px;
 font-weight:bold;
}

/*LEFT IMAGES*/
#pictureline {
    z-index:999;
    width:6px;
    height:1000%;
    position:fixed;
    margin-top:-110px;
    padding-top:10px;
    padding-bottom:10px;
    background:{color:bordercolor};}

    #leftcolumn {
    width:120px;
    height:110%;
    position:fixed;
    margin-top:75px;
    margin-left:145px;
    background-color:transparent;
    }

    #leftimage1 {
    width:200px;
    margin-top:105px;
    margin-left:-75px;
    }

#leftimage1 img {
   width:150px;
   height:150px;
   border-radius:100px;
   border: solid 5px;
   border-color: {color:bordercolor};
   background:{color:bordercolor};
   -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}


#leftimage1 img:hover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);

}

#leftimage2 {
    width: 100px;
    margin-top:5px;
    margin-left:-75px;
}

#leftimage2 img {
   width:150px;
   height:150px;
   border-radius:100px;
   border: solid 5px;
   border-color: {color:bordercolor};
   background:{color:bordercolor};
}

#leftimage2:hover #quote{
opacity:0.8;
    position:fixed;
}


 #quote {
font-family:arial;
font-size:9px;
width:150px;
height:150px;
border-radius:150px;
font-weight:bold;
line-height:150%;
letter-spacing:.7px;
margin-top:10px;
opacity:0;
margin-top:-157px;
margin-left:5px;
overflow:hidden;
background:{color:description background};
text-align:center;
color:{color:Description Text};
position:fixed;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-ms-transition:all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;
}

#leftimage3 {
    width: 100px;
    margin-top:5px;
    margin-left:-75px;
}

#leftimage3 img {
    width:150px;
   height:150px;
   border-radius:100px;
   border: solid 5px;
   border-color: {color:bordercolor};
   background:{color:bordercolor};
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

 #leftimage3 img:hover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
        position:fixed;
}


 /*CREDIT! DO NOT TOUCH*/

#cred a{
position:fixed;
font-weight:bold;
font-family:'Arial';
text-transform:uppercase;
font-size:10px;
right:9px;
bottom:9px;
padding:4px;
letter-spacing:1px;
color:{color:links background color};
text-shadow: 1px 1px 0px {color:text shadow};
background:{color:links text color};
border: 1px solid {color:links background color};
}

#cred a:hover {
    Color:{color:background};
    text-shadow:1px 1px 1px {color:text shadow};
}

{CustomCSS}</style></head><body>

<div id="leftcolumn">
<div id="pictureline">
<div id="leftimage1"><img src="{image:leftsidebar1}"></div>

<div id="leftimage2"><img src="{image:leftsidebar2}">
<div id="quote"></br></br></br></br>{text:quote}</div></div>

<div id="leftimage3"><img src="{image:leftsidebar3}">
</div>
</div></div></div></div></div>


<div id="sidebar">

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

 <div class="links">
<a href="/">Home</a>
<a href="/ask">Ask</a>
<a href="/submit">Submit</a>
<a href="/archive">archive</a>
</div>


<div id="sidebarimage">
<img src="{image:Sidebar}">
</a>
</div>

<div class="rightlinks">
{block:IfShowLINK1}<a href="{text:LINK1}">{text:LINK1 TITLE}</a>{/block:IfShowLINK1}
{block:IfShowLINK2}<a href="{text:LINK2}">{text:LINK2 TITLE}</a>{/block:IfShowLINK2}
{block:IfShowLINK3}<a href="{text:LINK3}">{text:LINK3 TITLE}</a>{/block:IfShowLINK3}
{block:IfShowLINK4}<a href="{text:LINK4}">{text:LINK4 TITLE}</a>{/block:IfShowLINK4}
{block:IfShowLINK5}<a href="{text:LINK5}">{text:LINK5 TITLE}</a>{/block:IfShowLINK5}
</div>

<div class="leftlinks">
{block:IfShowLINK6}<a href="{text:LINK6}">{text:LINK6 TITLE}</a>{/block:IfShowLINK6}
{block:IfShowLINK7}<a href="{text:LINK7}">{text:LINK7 TITLE}</a>{/block:IfShowLINK7}
{block:IfShowLINK8}<a href="{text:LINK8}">{text:LINK8 TITLE}</a>{/block:IfShowLINK8}
{block:IfShowLINK9}<a href="{text:LINK9}">{text:LINK9 TITLE}</a>{/block:IfShowLINK9}
{block:IfShowLINK10}<a href="{text:LINK10}">{text:LINK10 TITLE}</a>{/block:IfShowLINK10}
</div>

<div id="description">
<div style= "border: solid 5px; border-color: {color:bordercolor};height: 180px; width: 215px; overflow:auto; padding:5px; margin-top:-5px;">{description}</div></div>
<div id="subtitle">{block:IfShowSubtitle}<h2>{text:Subtitle}</h2>{/block:IfShowSubtitle}</div>


{block:Pagination}
<div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous page</a>{/block:PreviousPage} / {block:NextPage}<a href="{NextPage}">next page</a>{/block:NextPage}{/block:Pagination}</div>
{/block:Pagination}
</div>
</div>
</div>

<div id="entries">
{block:Posts}
<div id="post">

{block:Text}
<h1>{block:Title}{Title}{/block:Title}</h1>
{Body}{/block:Text}

{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}{/block:Photo}

{block:Photoset}{Photoset-500}{block:Caption}{Caption}
{/block:Caption}{/block:Photoset}

{block:Quote}<h2>"{Quote}"</h2>
{block:Source}<div class="qsource"> —{Source}</div>
{/block:Source}{/block:Quote}

{block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}

{block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}

{block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
{/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
{/block:Audio}<br>

{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}

{block:Answer}<div id="asker">{Question} —<span style="text-align:lowercase; color:#fcfcfc;font-style:italic; "><b><i>{Asker}</i></b><br></span> </div><left><div style="padding:4px;margin-top:3px;font-size:11px;"><font face="arial">{Answer}</font></div>{/block:Answer}

<div id="info">
<a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> —
{block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
with {NoteCountWithLabel}</a>
{block:HasTags}<div id="tags">

{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
</div>{block:HasTags}
</div>
</div>
{/block:Posts}
<br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
{/block:Posts}</div></div></div>
<br><br><br><br>

<div id="cred">
<a href="http://rivergronrph.tumblr.com/tagged/my-themes">✈</a>
</div>
</div>



    </body></html>