theme 7 - breakable (500px)

<!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 #7 BY CLAFHLIN(.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

--->

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#"/>
<meta name="color:Link" content="#b8b8b8"/>
<meta name="color:LinkHover" content="#cecece"/>
<meta name="color:Link Shadow" content="#999999"/>
<meta name="color:Asker BG" content="#f5f5f5">
<meta name="color:Sidebar Border" content="#f5f5f5">

<meta name="image:Sidebar" content="" />

<meta name="text:First Letter" content="" />
<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="/">

 <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>

    <style>
    div#qTip {
    padding:5px;
    display:none;
    text-align:left;
    position:absolute;
    font-size:8px;
    margin-left:10px;
    margin-top:-2px;
    line-height:9px;
    font-family:cambria;
    z-index:99999999999999999;
    background-color:#fff;
    color:#000;
    text-transform:lowercase;
    letter-spacing:3px;
    }
    </style>

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

<style type="text/css">

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

body {
    background:{color:background};
    margin:0px;
    color:{color:text};
    font-family:cambria;
    font-size:9px;
    line-height:130%;
    letter-spacing:1px;
}

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

    a:hover {
     color:{color:linkhover};


}

img {
    border:none;
}

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

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

h1 {
    font-size:12px;
}

b, strong {
color:{color:text};
font-weight:bold;
}

i, em {
color:{color:text};
}

#entries {
    padding:10px;
    width:500px;
    margin-left:510px;
    margin-top:100px;
    font-family:cambria;
}

#post {
    width:500px;
    padding-bottom:20px;
    font-family:cambria;
    font-size:9px;
    letter-spacing:1px;
}

#questions {
    padding:10px;
    margin-top:5px;
    margin-bottom:5px;
    font-family:cambria;
    font-size:9px;
    text-align:left;
    background-color: {color:asker bg};
    border-left:5px solid #bbb;
}

#answer {
    font-size:9px;
    text-transform:lowercase;
}

#info {
    width:500px;
    padding:5px;
    font-size:8px;;
    margin-top:10px;
    margin-bottom:5px;
    letter-spacing:2px;
    text-align:left;
    color:{color:link};
}


#sidebar {
    width:200px;
    position:fixed;
    margin-left:150px;
    margin-top:50px;
    padding:20px;
    padding-left:25px;
    padding-right:25px;
    border:1px solid {color:sidebar border};
    -webkit-transition-duration:0.5s;
    -moz-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

#sidebar:hover {
    border:1px solid {color:text};
    -webkit-transition-duration:0.5s;
    -moz-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

#sidebarimage {
    width:200px;
    margin-top:10px;
}

#sidebarimage img {
    width:200px;
    height:auto;
}

#description {
    font-family:cambria;
    font-size:8px;
    color:{color:text};
    text-align:justify;
    text-transform:lowercase;
    letter-spacing:2px;
    width:200px;
    margin-top:10px;
}

#firstletter {
    font-family:cambria;
    font-size:14px;
    font-style:italic;
    text-transform:uppercase;
    text-align:center;
    padding:5px;
    width:12.5px;
    float:left;
    margin-right:3px;
    color:{color:background};
    background-color:{color:text};
}

 #links {
    font-size:10px;
    font-family:cambria;
    color:{color:text};
    letter-spacing:3.5px;
    text-align:center;
    text-shadow: 2px 2px 2px {color:link shadow};
    margin-top:10px;
    margin-bottom:10px;
    width:200px;
    -webkit-transition-duration:0.5s;
    -moz-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

 #links a{
    padding-left:5px;
    padding-right:5px;
    margin-left:3px;
    margin-right:3px;
    -webkit-transition-duration:0.5s;
    -moz-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

 #links a:hover {
     text-shadow: 2px 2px 2px {color:background};
     color:{color:text};
     border-bottom:1px solid {color:text};
     -webkit-transition-duration:0.5s;
     -moz-transition-duration:0.5s;
     -o-transition-duration:0.5s;
 }

#credit {
    margin-bottom:100px;
    margin-top:5px;
    text-transform:lowercase;
    font-size:8px;
    letter-spacing:2px;
    text-align:center;
    width:500px;
    color:{color:text};
}

#pagination {
    text-align:center;
    margin-top:50px;
    font-size:8px;
    font-family:cambria;
    line-height:15px;
    width:500px;
    color:{color:text};

}
#pagination a {
    margin:0 15px;
}

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

<style>body, a, a:hover { cursor:url(http://static.tumblr.com/oxr8htj/cWrmzkcod/thing.png), auto; }</style>

<div id="sidebar">

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

<div id="links">
<a href="{text:link1 url}" title="{text:link1}">i.</a>
<a href="{text:link2 url}" title="{text:link2}">ii.</a>
<a href="{text:link3 url}" title="{text:link3}">iii.</a>
<a href="{text:link4 url}" title="{text:link4}">iv.</a>
<a href="{text:link5 url}" title="{text:link5}">v.</a>
</div>

<div id="description">
<div id="firstletter">{text:first letter}</div>{Description}</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}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}

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

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

{block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}

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

{block:Answer}<div id="questions"><b>{Asker}</b> whispered - <em>{Question}</em></div>
<div id="answer">{Answer}</div>{/block:answer}

<div id="info"> <a href="{Perimalink}">{block:Date}<a href="{Permalink}">{TimeAgo}</a> - {/block:Date}<a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom} - <a href="{ReblogParentURL}">  via </a> {/block:RebloggedFrom}
{block:ContentSource} - <a href="{SourceURL}">src</a>{/block:ContentSource}{/block:RebloggedFrom}<div id="tags">
{block:HasTags}filed under:&nbsp;{block:Tags}<a href="{TagURL}">{Tag}.</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div></div></div>

{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:Posts}

<center>
{block:Pagination}
<div id="pagination">
{block:PreviousPage}
<a href="{PreviousPage}">less</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}">more</a>
{/block:NextPage}
</div>
{/block:Pagination}


<div id="credit">
<a href="http://clafhlin.tumblr.com" target="_blank">created by <u>clafhlin</u></a>
</center>

</div>
</body></html>