Theme 17

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



<!---
THEME #17 by HOGWAT

PLEASE FOLLOW THE RULES FOR A LOVELY TIME
A TUTORIAL ON HOW TO USE THE FISHY SCRIPT IS ON THE THEME POST ;)
--->

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#a8a8a8"/>
<meta name="color:Sidebar Links" content="#b8b8b8"/>
<meta name="color:DescriptionText" content="#b8b8b8"/>
<meta name="color:Border" content="#dddddd"/>
<meta name="color:Hover" content="#f7cf75"/>
<meta name="color:Scrollbar" content="#000000"/>
<meta name="color:ScrollbarBg" content="#ffffff"/>
<meta name="color:Post Links" content="#c0bfbf"/>
<meta name="color:Answer Backg" content="#000000"/>
<meta name="image:Background" content=""/>
<meta name="text:Link 1" content="" />
<meta name="text:Link 1 Text" content="" />
<meta name="text:Link 2" content="" />
<meta name="text:Link 2 Text" 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="if:Show Link 1" content="1" />
<meta name="if:Show Link 2" content="1" />
<meta name="if:Show Link 3" content="1" />

 <a title="click to feed">
 <div style="position:fixed;top:0;">
 <object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?up_fishColor2=EEEEEE&up_fishColor10=F45540&up_fishName=Fish&up_fishColor3=EEEEEE&up_fishColor7=F45540&up_fishColor1=EEEEEE&up_fishColor6=F45540&up_fishColor5=EEEEEE&up_foodColor=EE4393&up_backgroundImage=http://&up_backgroundColor=000000&up_fishColor8=F45540&up_fishColor4=EEEEEE&up_numFish=5&up_fishColor9=F45540&" width="68" height="750"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?up_fishColor2=EEEEEE&up_fishColor10=F45540&up_fishName=Fish&up_fishColor3=EEEEEE&up_fishColor7=F45540&up_fishColor1=EEEEEE&up_fishColor6=F45540&up_fishf5=EEEEEE&up_foodColor=5ba49c&up_backgroundImage=http://&up_backgroundColor=000000&up_fishColor8=F45540&up_fishColor4=EEEEEE&up_numFish=5&up_fishColor9=F45540&"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object></div></a>


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

<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<!--tutorial by meem.co.vu-->
<script>

(function($){

$(document).ready(function(){

$("a[title]").style_my_tooltips({

tip_follows_cursor:true,

tip_delay_time:90,

tip_fade_speed:600,

attribute:"title"

});

});

})(jQuery);

</script>

<style type="text/css">

#s-m-t-tooltip {/* tutorial by meem.co.vu */

max-width:300px;

padding:3px 4px 5px 4px;

margin:20px 0px 0px 20px;

background-color:#fff; /* change the background color */

border:1px solid #fff; /* change the border color */

font-family:calibri; /* change the font */

font-size:9px; /* change the font size */

letter-spacing:2px; /* change the letter spacing */

text-transform:lowercase; /* can be uppercase, lowercase, none*/

color:#999; /* change the text color */

z-index:999999999999999999999999999999999999;

}


::-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:helvetica;
font-weight:lighter;
font-size:10px;
line-height:15px;
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};
}

img {
    border:none;
}

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

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

h1 {
font-size:8px;
letter-spacing:2px;
text-transform:uppercase;
font-family:'CAMBRIA';
font-style:none;
line-height:10px;
text-align:left;
padding:0px;
}

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

li {
    margin-left:-15px;
    line-height:14px;
    list-style-image:url('http://static.tumblr.com/3yblkz0/XRFmtqmot/1335651657_arrow3_e.gif');
    }

/*ENTRIES*/

#entries {
padding:10px;
width:400px;
margin-left:102px;
margin-top:5px;
font-size:10px;
font-family:'arial';
letter-spacing:0px;
}

#post {
width:400px;
padding-bottom:40px;
padding:25px;
margin-top:50px;
}

#tit{
    margin-left:-5px;
    font-family:helvetica;
    text-transform:uppercase;
    font-size:14px;
    line-height:14px;
    font-weight:lighter;
    text-align:left;
    padding:7px;
    padding-bottom:9px;
    letter-spacing:8px;
    -moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

#tit a{
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

#tit a:hover{
letter-spacing:9px;
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

.ti{
    font-family:helvetica;
    text-transform:uppercase;
    font-size:12px;
    line-height:14px;
    font-weight:lighter;
    text-align:left;
    padding:7px;
    padding-bottom:9px;
    letter-spacing:4px
}

/*SIDEBAR*/

#sidebar{
position:fixed;
margin-top:300px;
margin-left:600px;
width:150px;
}

#sidebarimg img{
width:120px;
}

#links{
width:155px;
font-family:'CAlibri';
text-align:center;
text-transform:uppercase;
margin-top:15px;
margin-left:-5px;
}

#links a{
font-size:8px;
display:inline-block;
margin-left:5px;
color:{color:Sidebar Links};
}

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



#desc{
text-align:justify;
font-family:'helvetica';
font-weight:lighter;
width:155px;
margin-top:10px;
font-size:9px;
text-transform:none;
color:{color:DescriptionText};
}

#title{
font-family:arial;
letter-spacing:-2px;
color:#000;
font-weight:bold;
font-size:30px;
width:160px;
 -webkit-transition: all .5s linear;
}

#title :hover{
    color:{color:hover};
 -webkit-transition: all .2s linear;
}



    .pagi {
    font-size:8px;
    text-transform:uppercase;
    letter-spacing:3px;
    font-style:normal;
    text-align:center;
    margin-left:-25px;
    }

    .pagi a {
    color:{color:sblinks};
    }

/*POST INFO*/

#info {
width:400px;
text-align:left;
font-family:'trebuchet ms';
margin-top:3px;
margin-left:px;
letter-spacing:1px;
font-size:7px;
font-style:none;
padding:1px;
line-height:10px;
text-transform:uppercase;
border-top:1px solid;
border-color:{color:Border};
}

#info a {
text-align:center;
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}
}

#post:hover #tags{
opacity:.99;
-moz-transition-duration:0.7s;
-webkit-transition-duration:0.7s;
-o-transition-duration:0.7s;
}

#tags {
float:left;
width:489px;
margin-top:-7px;
margin-left:-5px;
text-align:left;
font-size:7px;
padding:5px;
font-size:8px;
opacity:0;
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:8px;
text-align:center;
font-family:'CALIBRI';
text-decoration:none;
display:inline-block;
color:#ddd;
}

#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:#fff;
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};
}

.player {
width:25px;
height:25px;
overflow:hidden;
margin-left:350px;
padding-top:17px;
z-index:2;}

.audioinfo {
text-align:left;
z-index:2;
position:absolute;
color:#fff;
font-weight:lighter;
text-transform:uppercase;
padding-top:17px;
line-height:14px;
letter-spacing:6px;
width:200px;
margin-left:15px;
float:right;
}


.bar {
height:60px;
width:100%;
background-color:black;
margin-bottom:5px;
}

/*CREDIT*/

#cred {
position:fixed;
font-family:'Calibri';
text-transform:uppercase;
font-size:8px;
right:9px;
bottom:9px;
padding:4px;
letter-spacing:1px;
}

.cbord{
border-bottom:1px solid #eee;
padding-bottom:5px;
}

.quote{
    margin-left:-5px;
    font-family:helvetica;
    text-transform:uppercase;
    font-size:16px;
    line-height:18px;
    font-weight:lighter;
    text-align:left;
    padding:7px;
    padding-bottom:9px;
    letter-spacing:2px;
}

    .layer1 {
    margin-left:-10px;
    padding: 5px;
    width:450px;
    }

    .heading {
    color:#fff;
    text-align:left;
    cursor: pointer;
    position: relative;
    width:450px;
    padding:10px;
    font-size:10px;
    letter-spacing:2px;
    text-transform:uppercase;
    font-family:helvetica;
    font-weight:lighter;
    }

    .heading:hover{
    background-color:#000;
    }

    .content {
    padding:10px;
    width:450px;
    clear: left;
    text-align:justify;
    font-size:8px;
    color:#fff;
    text-transform:uppercase;
    font-weight:lighter;
    letter-spacing:1px;
    font-family:helvetica;
    }

    .content a{
    color:#fff;
    margin-left:5px;
    padding:3px;
        -moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
    }

    .content a:hover{
    background-color:#000;
        -moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
    }

    .subtext{
    padding:10px;
    width:450px;
    clear: left;
    text-align:left;
    font-size:10px;
    color:#fff;
    font-weight:lighter;
    font-family:arial;
    text-transform:none;
    }

    #box{
    width:25px;
    height:25px;
    overflow:hidden;
    top:10px;
    position:fixed;
    padding:2px;
    float:right;
    right:10px;
    background-color:#000;
    -moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
    }

    .music{
    width:25px;
    height:30px;
    padding:5px;
    padding-left:10px;
    padding-right:9px;
    overflow:hidden;
}

     .musica{
         background-color:#fff;
        margin-top:-1px;
    margin-left:-22px;
    -moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
    }

    #icon{
    padding:5px;
    margin-top:2.5px;
    -moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
    }

    #box:hover #icon{
    margin-top:-25px;
    -moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
    }

{CustomCSS}</style>



<div id="sidebar">
<div id="sidebarimg">
<img src="{image:sb}"></div>
<div id="title">{title}</div>
<div id="links">
<a title="{text:Link 1 Text}" href="{text:Link 1}">01. </a>
<a title="{text:Link 2 Text}" href="{text:Link 2}">02. </a>
<a title="{text:Link 3 Text}" href="{text:Link 3}">03. </a>
<a title="{text:Link 4 Text}" href="{text:Link 4}">04. </a>

</div>
<div id="desc">{description}</div>
{block:Pagination}
<div class="pagi">
{block:PreviousPage}
<a href="{PreviousPage}">←</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}">→</a>
{/block:NextPage}
</div>
{/block:Pagination}
</div>
</div>


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

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

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

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

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

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


{block:Chat} <div id="tit">{block:Title}{Title}{/block:Title}</div>{block:Lines}{block:Label}<a style="color:#000;
letter-spacing:1px; text-transform:uppercase;"><li>{Label}</li></a>{/block:Label} <div class="cbord">{Line}</div><br>{/block:Lines}{/block:Chat}

{block:Audio}
<div class="audioinfo">
{block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
</div>
<div class="bar">
<div class="player">{AudioPlayerBlack}</div>
</div>
{/block:Audio}


{block:Video}{Video-400}{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}"></a>
{block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
 {block:ContentSource}and <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 title="katrina" href="http://wintcr.tumblr.com/">CREDIT</a>
</div>
</div>



    </body></html>