Rivergronrph's Theme #2 "I'm a freak, Baby"

<!---
Theme #2 'I'm a Freak Baby' | by Stephanie @ Rivergronrphelper
            .
           .|.
           |||
           |||
           |||
           |||
           j_I  K&M4E
          .)_(.
          |===|
          /___\
         //___\\
        /=======\
       / .-"""-. \
      |__|     |__|

 Please fill free to edit to your liking, just please don't remove the credit or redistrube it. My inbox is always open if you have any questionss or problems with the theme.
--->


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


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

 <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>


<meta name="color:Background" content="#ffffff"/>
<meta name="color:post background" content="#ffffff"/>
<meta name="color:title" content="#ffffff"/>
<meta name="color:bold" content="#ffffff"/>
<meta name="color:italic" content="#ffffff"/>
<meta name="color:post title" content="#000000"/>
<meta name="color:Text" content="#a8a8a8"/>
<meta name="color:DescriptionText" content="#b8b8b8"/>
<meta name="color:Sidebar Links" content="#b8b8b8"/>
<meta name="color:Post Links" content="#c0bfbf"/>
<meta name="color:Hover" content="#f2f2f2"/>
<meta name="color:Scrollbar" content="#000000"/>
<meta name="color:ScrollbarBg" content="#ffffff"/>
<meta name="color:Answer Backg" content="#000000"/>
<meta name="color:bbar" content="#000000"/>
<meta name="color:border" content="#000000"/>
<meta name="color:links text" content="#000000"/>
<meta name="color:links background" content="#ffffff"/>
<meta name="color:ask background" content="#ffffff"/>
<meta name="color:ask text" content="#ffffff"/>


<meta name="image:image1" content=""/>
<meta name="image:image2" content=""/>
<meta name="image:image3" content=""/>
<meta name="image:Background" content=""/>
<meta name="image:bbar" content=""/>


<meta name="text:Link 3" content="" />
<meta name="text:Link 3 Text" content="" />
<meta name="text:Link 4" content="" />
<meta name="text:Link 4 Text" content="" />
<meta name="text:Link 5" content="" />
<meta name="text:Link 5 Text" content="" />
<meta name="text:Link 6" content="" />
<meta name="text:Link 6 Text" content="" />
<meta name="text:Link 7" content="" />
<meta name="text:Link 7 Text" content="" />
<meta name="text:Link 8" content="" />
<meta name="text:Link 8 Text" content="" />
<meta name="text:blog title" content="" />
<meta name="text:subtitle" content="" />
<meta name="text:quote" content="" />



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

<style type="text/css">

::-moz-selection {
    background-color:#eeeeee;
color:#999999;

}

::selection {
    background-color:#eeeeee;
    color:#999999;
}

::-webkit-scrollbar-thumb {
height:auto;
background-color:{color:Scrollbar};
border: 1px solid {color:border};
}

::-webkit-scrollbar {
height:9px;
width:6px;
background-color:{color:ScrollbarBg};
border: 1px solid {color:border};
}

b, strong {
    color:{color:bold};
}

i, em {
    color:{color:italic}

}
blockquote {
    border-left:2px solid {color:text};
    padding-left:5px;
    margin:0px 2px 0px 10px
}

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

pre {
text-align: center;
padding:2px;
background-color:{color:links background};
color:{color:links text};
font-family:arial;
text-shadow: 1px 1px 1px black;
border: 1px solid {color:border};
text-transform:uppercase;
}

body {
background:{color:background};
margin:0px;
color:{color:text};
font-family:arial;
font-size:10px;
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};
font-weight:bold;
}

a:hover {
color:{color:hover};
text-decoration:none;
text-shadow: 1px 1px 0px black;
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
}


img {
    border:none;
}





h1 {
font-size:26px;
letter-spacing:2px;
font-family:"bebas neue";
font-style:none;
color:{color:post title};
line-height:22px;
text-align:center;
padding:0px;
     text-shadow:1px 1px 1px black;


}

h2 {
color:{color:text};
letter-spacing:2px;
font-size:15px;
text-shadow: 1px 1px 1px black;
font-family:arial;
line-height:17px;
text-align:center;
}






/*ENTRIES*/

#entries {
width:500px;
padding:10px;
margin-left:500px;
margin-top:5px;
font-size:11px;
line-height:12px;
font-family:'arial';
letter-spacing:0px;
float: center;
text-align: justify;
}

#post {
width:500px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
margin-top:5px;
margin-left:-1px;
background-color:{color:post background};
border: 1px solid {color:border};
text-align: justify;
overflow:hidden;
}


#entrybar {
width:520px;
padding-bottom: 5px;
height:auto;
margin-left:0px;
margin-top:20px;
border:1px solid {color:border};
background-image:url('{image:bbar}');
background-color:{color:bbar};
}

/*SIDEBAR*/

div#qTip {
display: none;
text-align: center;
position :absolute;
letter-spacing: 0px;
text-transform: uppercase;
margin-top:5px;
z-index: 5;
font: 8px;
font-family: arial;
padding:2px; color: {color:text};
background: {color:post background};
border: 1px solid {color:border}}

#topbox {
 position:fixed;
 background-attachment:fixed;
 background-color:{color:post background};
 overflow:hidden;
 border:1px solid  {color:border};
 margin-left:90px;
 margin-top:20px;
 width:349px;
 height:100px;
}

#toptitle {
font-family:"bebas neue";
    text-align:center;
    font-size:26px;
    padding:4px;
    color:{color:title};
     text-shadow:1px 1px 1px black;
     margin-top:10px;
     line-height:22px;
}

#subtitle {
    font-family: arial;
    color:{color:DescriptionText};
    text-align:center;
    font-style:italic;
    font-size:10.5px;
}


 #box1 {
 position:fixed;
 background-attachment:fixed;
 background-color:{color:post background};
 width:174px;
 height:120px;
 overflow:hidden;
 margin-top:121px;
 margin-left:90px;
 border:1px solid  {color:border};
 }

 #nav1 {
 text-align:center;
 margin-top:8px;
 margin-left:-1.4px
 }

#nav1 a {
display:inline-block;
width:150px;
height:6px;
background-color:{color:links background};
padding:8px 0;
margin-left:0.4px;
margin-right:-1px;
margin-bottom:3.5px;
color:{color:links text};
font-size:18px;
font-family:"bebas neue";
font-weight:bold;
line-height:7px;
border:1px solid  {color:border};
text-shadow: 1px 1px 0px #000000;
letter-spacing:1px;
-webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; transition: all 0.5s ease-in
}

#nav1 a:hover {
background-color:{color:links text};
border:1px solid  {color:border};
color:{color:links background};
text-shadow: 1px 1px 1px #000000;
box-shadow:1px 1px 1px #000000;
font-weight:bold
}


#image1 {
 position:fixed;
 background-image:{image:image2};
 background-color:{color:post background};
 width:174px;
 height:120px;
 overflow:hidden;
 margin-top:121px;
 margin-left:265px;
 border:1px solid  {color:border};

 }

 #image2 {
 position:fixed;
 background-image:{image:image2};
 background-color:{color:post background};
 width:174px;
 height:120px;
 overflow:hidden;
 margin-top:242px;
 margin-left:90px;
 border:1px solid  {color:border};

 }

 #box2 {
 position:fixed;
 background-attachment:fixed;
 background-color:{color:post background};
 width:174px;
 height:120px;
 overflow:hidden;
 margin-top:242px;
 margin-left:265px;
 border:1px solid  {color:border}
 }

 #quote {
     text-align:center;
     font-size:10.5px;
     line-height:15px;
     font-size:arial;
     margin-top:10px;
     padding:4px;
    font-style:italic;
 }

 #box3 {
 position:fixed;
 background-attachment:fixed;
 background-color:{color:post background};
 width:174px;
 height:120px;
 overflow:hidden;
 margin-top:363px;
 margin-left:90px;
 border:1px solid {color:border}
 }

  #nav2 {
 text-align:center;
 margin-top:7px;
 margin-left:-1.4px
 }

#nav2 a {
display:inline-block;
width:150px;
height:6px;
background-color:{color:links background};
padding:8px 0;
margin-left:0.4px;
margin-right:-1px;
margin-bottom:3.5px;
color:{color:links text};
font-size:18px;
font-family:"bebas neue";
font-weight:bold;
line-height:7px;
border:1px solid  {color:border};
text-shadow: 1px 1px 0px #000000;
letter-spacing:1px;
-webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; transition: all 0.5s ease-in
}

#nav2 a:hover {

background-color:{color:links text};
border:1px solid black;
color:{color:links background};
text-shadow: 1px 1px 1px #000000;
box-shadow:1px 1px 1px #000000;
font-weight:bold

}

#image3 {
 position:fixed;
 background-image:{image:image2};
 background-color:{color:post background};
 width:174px;
 height:120px;
 overflow:hidden;
 margin-top:363px;
 margin-left:265px;
 border:1px solid  {color:border};

 }





#pagination {
font-style:bold;
padding:2px;
font-family:"bebas neue";
letter-spacing:0px;
font-size:16px;
text-align:center;
padding:2px;
margin-top:10px;
text-transform:lowercase;
text-shadow: 1px 1px 1px black;
}



#description {
    margin-top:-1px;
text-align:justify;
width:338px;
 height:136px;
font-family:'arial';
font-size:11px;
position:fixed;
padding-left:6px;
padding-right:6px;
padding-top:6px;
text-transform:none;
line-height:12px;
color:{color:DescriptionText};
overflow: auto;
}

#sidebar {
    float:right;
position:fixed;
 width:349px;
 height:140px;
  margin-top:484px;
 margin-left:90px;
overflow:hidden;
border: 1px solid  {color:border};
transition-duration: .8s;
transition: opacity .8s ease-in-out;
-moz-transition: opacity .8s ease-in-out;
-webkit-transition: opacity .8s ease-in-out;
background-color:{color:post background}

}

#bbar {
 position:fixed;
 background-image:url('{image:bbar}');
 background-attachment:fixed;
 background-color:{color:bbar};
 width:349px;
 height:616px;
 margin-top:14px;
 margin-left:90px;
 overflow:hidden;
 border:1px solid  {color:border}}


/*POST INFO*/

#info {color:{color:text};
font-size:9px;
text-transform:lowercase;
width: 516px;
margin-left:-1px;
margin-top:5px;
background: {color:post background};
padding:2px;
padding-top:4px;
padding-bottom:4px;
border:1px {color:border} solid;
overflow:hidden;
}

#tags {color:{color:text};
font-size:9px;
text-transform:lowercase;
width: 514px;
margin-bottom:0px;
margin-top: 3px;
background-color:
{color:posts};
text-align: left;
padding:3px;
border:1px {color:borders} solid;
    overflow:hidden;
}

/* QUESTIONS */

#question {
    background-color: {color:ask background};
    color:{color:ask text};
    text-shadow: 1px 1px 1px black;
    border: 1px solid  {color:border};
    text-align: justify;
    font-family: 'arial';
    font-size: 10px;
    font-style:none;
    margin-left: 60px;
    padding: 10px;
}

#askerportrait {
    width:50px;
    height:50px;
    margin-top:-4px;
    position: absolute;}

#askerportrait img {
    border: 1px solid  {color:border};
}


#answer {
    padding-top:3px;
    text-align: justify;
    margin-top: 8px;
}

#answerbar {
    width:auto;
    height:auto;
    padding:7px;
    margin-left:0px;
    margin-top:0px;
    margin-bottom:3px;
    background-color:{color:bbar};
    background-image:url('{image:bbar}');
    border:1px solid {color:border};}

/*CREDIT! DO NOT TOUCH*/


#cred a {
position:fixed;

font-size:16px;
font-family:arial;
background-color:{color:post background};
font-weight:; bold;
text-shadow:0px 1px 0px black;
border:1px solid {color:border};
padding: 4px 4px 4px 4px;
bottom:6px;
right:6px;
-webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; transition: all 0.5s ease-in
}

#cred a:hover{
    background:{color:links background};
}



    /*Audio posts*/

    #audio {
    background-color:{color:bbar};
    background-image:url('{image:bbar}');
    height:100px;
    padding:12px;
    display:table;
    width:475px;
    border: 1px solid {color:border};
}

#audioinfo {
    display:table-cell;
    vertical-align:middle;
    padding-left:110px;
    padding-right:10px;
    line-height:120%;
    text-align:left;
font-size:12px;
color:{color:links text};
background-color: {color:links background};
border: 1px solid {color:border};
}

#audioinfo li{
    list-style:none;
    padding:5px;
    margin-left:-40px;
}



#albumart {
    position:absolute;



}

#albumart img {
    width:100px;
    height:100px;
    z-index:901;


}

#player {
    position:absolute;
border:37px solid transparent;
   border-right:36px solid transparent;
   border-bottom:36px solid transparent;
    margin-left:2px;
    margin-top:0px;
    height:27px;
    width:27px;
    overflow:hidden;
    color:{color:links text};
    z-index:903;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;

}

.qsource {
        text-align:right;
        text-transform:uppercase;

    }



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

<div id="bbar"></div>
</div>

<div id="topbox">
<div id="toptitle">
{text:blog title}</div>
    <div id="subtitle">
{text:subtitle}</div>
<div id="pagination">
{block:PreviousPage}<a href="{PreviousPage}">▬</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">✚</a>{/block:NextPage}</div>
</div>

</div>

<div id="box1">
<div id="nav1">
<a href="/" title="Home">01.</a><br/>
<a href="/ask" title="Message">02.</a><br/>
{block:ifLink3}<a href="{text:Link 3}" title="{text:Link 3 text}">03.</a>{/block:ifLink3}<br/>
{block:ifLink4}<a href="{text:Link 4}" title="{text:Link 4 text}">04.</a>{/block:ifLink4}<br/>
</div></div>

<div id="image1" align="center"><img src="{image:image1}" /></div>

 <div id="image2" align="center"><img src="{image:image2}" /></div>

<div id="box2">
<div id="quote">
{text:quote}</div></div>

<div id="box3">
<div id="nav2">
{block:ifLink5}<a href="{text:Link 5}" title="{text:Link 5 text}">05.</a>{/block:ifLink5}<br/>
{block:ifLink6}<a href="{text:Link 6}" title="{text:Link 6 text}">06.</a>{/block:ifLink6}<br/>
{block:ifLink7}<a href="{text:Link 7}" title="{text:Link 7 text}">07.</a>{/block:ifLink7}<br/>
{block:ifLink8}<a href="{text:Link 8}" title="{text:Link 8 text}">08.</a>{/block:ifLink8}<br/>
</div></div>

<div id="image3" align="center"><img src="{image:image3}" /></div>


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






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



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

{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</p>
{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}<h1>{block:Title}{Title}{/block:Title}</h1>{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}

{block:Audio}<div id="audio">{block:AlbumArt}<div id="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
<div id="player">{AudioPlayerWhite}</div>
<div id="audioinfo"><ul>
{block:TrackName}
<li><b>{TrackName}</b></li>
{/block:TrackName}
{block:Artist}
<li>{Artist}</li>
{/block:Artist}
{block:PlayCount}<li>{PlayCountWithLabel}</li>{/block:PlayCount}</ul>
</div>
</div>
{block:Caption}{Caption}{/block:Caption}{/block:Audio}

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

{block:Answer}
<div id="answerbar">
<div id="askerportrait"><span style="width:48px;height:48px;"><img src="{AskerPortraitURL-48}"></span></div>

<div id="question">{Question}<div style="text-align: right; text-transform:uppercase;font-size:16px;font-family:'bebas neue'; letter-spacing:1px; font-weight: normal; text-shadow: 1px 1px 1px black">- {asker}</div></div></div>

<div id="answer">{Answer}</div>

{/block:Answer}</div>

{block:Date}<div id="info">
posted <a href="{Permalink}">{TimeAgo}</a>
{block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}{/block:NoteCount}{block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} <a href="{SourceURL}"></a>{block:ContentSource}{/block:RebloggedFrom}<br>{block:HasTags}tagged: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>{/block:Date}
</div>



{/block:Posts}

{block:PostNotes}{PostNotes}{/block:PostNotes}</div>


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



    </body></html>