theme 13 - flaws

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

<!---

FLAWS (theme #13) BY MELODYPCND(.tumblr.com)

- DO NOT REMOVE THE CREDIT
- DO NOT TOUCH THE CREDIT IN ANY WAY
- DO NOT MOVE THE CREDIT TO A SECONDARY PAGE
- DO NOT STEAL THIS CODE AND REDISTRIBUTE AS YOUR OWN
- DO NOT USE THIS AS A BASE CODE
- AND LASTLY, DO NOT TAKE PARTS OF THE CODE, AS THAT IS ALSO STEALING

but please DO like or reblog the post! :) enjoy the theme! <3

--->

<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}

<meta name="text:Link1" content="" />
<meta name="text:Link1 URL" content="" />
<meta name="text:Link2" content="" />
<meta name="text:Link2 URL" content="" />
<meta name="text:Link3" content="" />
<meta name="text:Link3 URL" content="" />
<meta name="text:Link4" content="" />
<meta name="text:Link4 URL" content="" />
<meta name="text:Link5" content="" />
<meta name="text:Link5 URL" content="" />
<meta name="image:SidebarImage" content="" />
<meta name="color:Background" content="#ffffff" />
<meta name="color:Text" content="#000000" />
<meta name="color:Link" content="#000000" />
<meta name="color:LinksBG" content="#f4f4f4" />
<meta name="color:Border" content="#dddddd" />
<meta name="color:TextSelect" content="#000000" />

<script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
<style>
div#qTip {
position: absolute;
display:none;
padding: 3px;
margin-left: 12px;
font-family: 'inconsolata', sans-serif;
font-size: 7px;
letter-spacing: 3px;
text-align: center;
color: {color:Text};
background-color: {color:Background};
border: 1px solid {color:Border};
z-index: 99999999999999;}
</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".link").hide();
//toggle the componenet with class msg_body
jQuery(".nav").click(function()
{
jQuery(this).next(".link").slideToggle("normal");
});});
</script>

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

<style type="text/css">

::-webkit-scrollbar {width: 5px; height: auto; background-color: #fff;}
::-webkit-scrollbar-corner {background: #000;}
::-webkit-scrollbar-thumb:vertical {background: #000;}
::-webkit-scrollbar-thumb:horizontal {background: #000;}

::selection {color: {color:TextSelect};}
::-moz-selection {color: {color:TextSelect};}

body {
margin-top:-40px;
padding-top:50px;
font-family: 'inconsolata', sans-serif;
font-size: 11px;
font-style: none;
line-height: 100%;
color: {color:Text};
background-color: {color:Background};
}

blockquote {border-left: 1px solid {color:Text};  padding-left: 10px; margin-left: 20px;}

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

img {max-height: 100%; max-width: 100%;}

h1 , h2 {
font-family: 'inconsolata', sans-serif;
font-size: 12px;
line-height: 30px;
letter-spacing: 1px;
text-align: left;
font-style: none;
text-transform: none;
}


#sb {
width: 180px;
margin-left: 175px;
margin-top: 170px;
position: fixed;
text-align: center;
background-color: {color:Background};
}

.pagi {
width: 170px;
padding: 5px;
font-family: 'inconsolata', sans-serif;
font-size:  10px;
letter-spacing: 2px;
text-align: right;
color: {color:Link};
}

#sbimage {
width: 180px;
background-color: {color:Background};
}

#sbimage img {
width: 178px;
background-color: {color:Background};
margin-bottom:5px;
border:1px solid {color:Border};
}

.desc {
width: 180px;
padding:5px 0px 5px;
font-family: 'inconsolata', serif;
font-size: 9px;
letter-spacing: 2px;
text-align: justify;
color: {color:Text};
background-color: {color:Background};
}

.nav {
cursor: help;
display: block;
width: 170px;
padding: 5px;
font-size: 8px;
letter-spacing: 2px;
text-transform: uppercase;
background-color: {color:LinksBG};
border: 1px solid {color:Border};
}

.nav:hover {
border-bottom: 1px solid {color:Border};
}

.link {
width: 180px;
margin-top: -1px;
padding-top: 7.5px;
font-size: 8px;
letter-spacing: 2px;
text-transform: uppercase;
border-top: 0px;
border: 1px solid {color:Border};
background-color: {color:LinksBG};
}

.link a {
display: block;
border-bottom: 1px solid {color:Border};
padding: 2px;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-o-transition-duration:0.5s;
}

.link a:hover {
color: {color:LinksBG};
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-o-transition-duration:0.5s;
}

#e {
width: 400px;
margin-top: 50px;
}

#p {
width: 400px;
padding-bottom: 100px;
font-style: none;
padding: 15px;
margin-bottom: 40px;
margin-left:  580px;
border: 1px solid {color:Border};
}

#cap {
padding: 10px;
margin-top: 5px;
font-size: 11px;
letter-spacing: 2px;
text-align: left;
}

#quote {
padding: 10px;
font-size: 15px;
font-style: italic;
line-height: 100%;
text-align: left;
text-transform: none;
}

#src {
font-size: 9px;
letter-spacing: 2px;
text-align: right;
}

#chat {
text-align: left;
}

.line {
border-bottom: 1px solid {color:Border};
}

.newplayerbutton {
position: relative;
width: 28px;
height: 27px;
overflow: hidden;
}

.playerbuttonhug {
position: absolute;
top: -11px;
left: -12px;
}

.tumblr_audio_player {
border: none;
padding: 0px;
margin: 0px;
height: 50px;
width: 400px;
}

.playerbuttonbg {
position: absolute;
left: 20px;
top: 20px;
width: 28px;
height: 28px;
background-color: #fff;
padding: 10px;
opacity: .5;
filter: alpha(opacity=50);
-moz-opacity: .5;
 -khtml-opacity: .5;
}

.playerbuttonbg:hover {
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
}

.audioimgwrapper {
position: absolute;
left: 0px;
top: 0px;
overflow: hidden;
width: 88px;
height: 88px;
transition: opacity .7s ease-in-out;
-moz-transition: opacity .7s ease-in-out;
-webkit-transition: opacity .7s ease-in-out;
}

.audioimgwrapper img {
width: 100%;
height: auto;
}

.trackdetails {
width: auto;
display:inline-block;
margin-left: 100px;
min-height: 85px;
}

.audiowrapper {
position: relative;
display:inline-block;
}

#q {
padding: 10px;
font-size: 10px;
letter-spacing: 2px;
border: 1px solid {color:Border};
}

#ans {
padding: 2px;
font-family: 'inconsolata', sans-serif;
font-size: 11px;
letter-spacing: 2px;
font-style: none;
text-align: left;
color: {color:Text};
background-color: {color:Background};
}

#info {
padding: 7px 5px 7px 5px;
margin-top: 2.5px;
font-family: 'inconsolata', sans-serif;
font-size: 8px;
letter-spacing: 2px;
line-height: 100%;
font-style: none;
text-align: left;
text-transform: none;
color: {color:Link};
}

.notecont {
width: 400px;
font-size: 8px;
letter-spacing: 2px;
word-spacing: 5px;
text-transform: uppercase;
}

.notecont li {
width: 400px;
list-style-type: none;
display:block;
}

.notecont img {
width: 0px;
margin-top: 5px;
margin-right: 5px;
opacity: 0;
}

@font-face {
font-family: 'websymbolsregular';
src: url('http://static.tumblr.com/ekfbsgu/3q1m4j9nx/websymbols-regular-webfont.ttf');
}

.sym {
font-family: 'websymbolsregular';
display: inline-block;
}

#poop {
font-size: 10px;
font-family: 'calibri', sans-serif;
letter-spacing: 2px;
font-style: none;
}

#poop a {
position: fixed;
width: 25px;
padding:5px 0px 5px 0px;
bottom: 5px;
right: 5px;
text-align: center;
box-align: center;
text-transform: uppercase;
color: {color:Link};
background-color: {color:LinksBG};
border: 1px solid {color:Border};
}

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

<div id="sb">
{block:Pagination}
<div class="pagi">
{block:PreviousPage}
<a href="{PreviousPage}">rise & </a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}"> fall</a>
{/block:NextPage}
</div>
{/block:Pagination}
<div id="sbimage"><img src="{image:SidebarImage}"></div>
<div class="desc">{Description}</div>
<a href="#" class="nav">navigate <div class="sym">[</div></a>
<div class="link">
{block:IfLink1}
<a href="{text:link1 url}">{text:link1}</a><br>
{/block:IfLink1}
{block:IfLink2}
<a href="{text:link2 url}">{text:link2}</a><br>
{/block:IfLink2}
{block:IfLink3}
<a href="{text:link3 url}">{text:link3}</a><br>
{/block:IfLink3}
{block:IfLink4}
<a href="{text:link4 url}">{text:link4}</a><br>
{/block:IfLink4}
{block:IfLink5}
<a href="{text:link5 url}">{text:link5}</a><br>
{/block:IfLink5}
</div>

</div>

</div>

</div>

<div id="e">
{block:Posts}
<div id="p">

{block:Text}
<h1>
{block:Title}
{Title}
{/block:Title}
</h1>
<div id="cap">{Body}</div>
{/block:Text}

{block:blockquote}
{/block:blockquote}

{block:Photo}
<center>
{LinkOpenTag}
<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
{LinkCloseTag}
</center>
{block:Caption}
<div id="cap">{Caption}</div>
{/block:Caption}
{/block:Photo}

{block:Photoset}
<center>
{Photoset-400}
</center>
{block:Caption}
<div id="cap">{Caption}</div>
{/block:Caption}
{/block:Photoset}

{block:Quote}
<div id="quote">❝{Quote}❞</div><p>
{block:Source}
<div id="src">—{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}
<div id="chat">
{block:Title}
<h1>
{Title}
</h1>
{/block:Title}
{block:Lines}
{block:Label}
<div class="line">
<b>{Label}</b>
{/block:Label}
{Line}
</div><br>
{/block:Lines}
</div>
{/block:Chat}

{block:AudioPlayer}
<div align="left">
<div class="audiowrapper">
{block:AlbumArt}
<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
{/block:AlbumArt}
<div class="playerbuttonbg">
<div class="newplayerbutton">
<div class="playerbuttonhug">
{AudioPlayerWhite}
</div></div></div>
<div class="trackdetails">
{block:TrackName}
{TrackName}
{/block:TrackName}<br>
{block:Artist}
Artist: {Artist}
{/block:Artist}<br>
{block:Album}
Album: {Album}
{/block:Album}<br>
{PlayCountWithLabel}
</div></div>
{block:Caption}
<div id="cap">{Caption}</div>
{/block:Caption}
</div>
{/block:AudioPlayer}

{block:Video}
{Video-400}
{block:Caption}
<div id="cap">{Caption}</div>
{/block:Caption}
{/block:Video}

{block:Answer}
<div id="q" id="cap">
<a href="{askerURL}"><b>{Asker}</b>- &nbsp;{Question}</div>
<div id="ans">{Answer}</div>
{/block:answer}

<div id="info">
{block:Date}
<a title="{TimeAgo}" href="{Permalink}">{MonthNumberWithZero}-{DayOfMonthWithZero}</a>
{/block:Date}
{block:NoteCount}
with <a href="{Permalink}">{NoteCount} ♥</a>
{/block:NoteCount}
{block:RebloggedFrom}
/ <a href="{ReblogParentURL}">via</a>
{/block:RebloggedFrom}
{block:ContentSource}
/ <a href="{SourceURL}">src</a>
{/block:ContentSource}
/ <a href="{ReblogUrl}">reblog</a>
{block:HasTags}
/ {block:Tags}
<a href="{TagURL}">#{Tag}&nbsp;</a>
{/block:Tags}
{/block:HasTags}
</div>

{block:PostNotes}
<div class="notecont">
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:Posts}

<div id="poop">
<a href="http://melodypcnd.tumblr.com/">mk</a>
</div>

</body>

</html>