gabrielle theme

<!--
gabriella christmas theme#2 by wildthemes. do not remove credits, themes take alot of time and effort to make, you will be reported if you're seen using this theme with no credits.-->

<!--This work is licensed under a Creative Commons Attribution 3.0 Unported License.

taking credits off/stealing/using my themes as a basecode is illegal.-->


 <!--IMPORTANT: for infinite/endless scrolling/show all posts on your blog, go to customize -> scroll down to advanced -> change posts per page to 15.-->


 {block:ifSnowfall}
 <script type="text/javascript">

/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use
******************************************/

  //Configure below to change URL path to the snow image
  var snowsrc="http://www.snazzyspace.com/tumblr/snowb.gif"
  // Configure below to change number of snow to render
  var no = 40;
  // Configure whether snow should disappear after x seconds (0=never):
  var hidesnowtime = 0;
  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
  var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

  var ie4up = (document.all) ? 1 : 0;
  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

    function iecompattest(){
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
	}

  var dx, xp, yp;    // coordinate and position variables
  var am, stx, sty;  // amplitude and step variables
  var i, doc_width = 800, doc_height = 600;

  if (ns6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
  } else if (ie4up) {
    doc_width = iecompattest().clientWidth;
    doc_height = iecompattest().clientHeight;
  }

  dx = new Array();
  xp = new Array();
  yp = new Array();
  am = new Array();
  stx = new Array();
  sty = new Array();
  snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
  for (i = 0; i < no; ++ i) {
    dx[i] = 0;                        // set coordinate variables
    xp[i] = Math.random()*(doc_width-50);  // set position variables
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20;         // set amplitude variables
    stx[i] = 0.02 + Math.random()/10; // set step variables
    sty[i] = 0.7 + Math.random();     // set step variables
		if (ie4up||ns6up) {
      if (i == 0) {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://www.snazzyspace.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
      } else {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
      }
    }
  }
/******************************************
* Generated at tumblr-layouts.tumblr.com
******************************************/
  function snowIE_NS6() {  // IE and NS6 main animation function
    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
		doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
    for (i = 0; i < no; ++ i) {  // iterate for every dot
      yp[i] += sty[i];
      if (yp[i] > doc_height-50) {
        xp[i] = Math.random()*(doc_width-am[i]-30);
        yp[i] = 0;
        stx[i] = 0.02 + Math.random()/10;
        sty[i] = 0.7 + Math.random();
      }
      dx[i] += stx[i];
      document.getElementById("dot"+i).style.top=yp[i]+"px";
      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
    }
    snowtimer=setTimeout("snowIE_NS6()", 10);
  }

	function hidesnow(){
		if (window.snowtimer) clearTimeout(snowtimer)
		for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
	}


if (ie4up||ns6up){
    snowIE_NS6();
		if (hidesnowtime>0)
		setTimeout("hidesnow()", hidesnowtime*1000)
		}

</script>{/block:ifSnowfall}
{block:ifTitleEffect}
<script type="text/javascript">
// <![CDATA[
var bgcolour="#ffffff"; // background colour
var fgcolour="{color:Title effect colour}"; // foreground colour
var speed=100; // speed of bubbling, lower is faster
var shades=10; // number of shades of bubble

/****************************
*    Bubbling Text Effect   *
*(c) 2003-6 mf2fm web-design*
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
****************************/
var bubbcol=new Array();
var bubbler, bubbtxt;
var bubbchr=new Array();
window.onload=function() { if (document.getElementById) {
  for (bubbler=0; bubbler<=shades; bubbler++) {
    bubbtxt="#";
    for (var i=1; i<6; i+=2) {
      var bg=parseInt(bgcolour.substring(i,i+2),16);
      bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)));
    }
    bubbcol[bubbler+1]=bubbtxt;
  }
  bubbler=document.getElementById("bubble");
  bubbtxt=bubbler.firstChild.nodeValue;
  while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  for (var i=0; i<bubbtxt.length; i++) {
    var bubbi=document.createElement("span");
    bubbi.setAttribute("id", "bubb"+i);
    bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));
    bubbler.appendChild(bubbi);
  }
  bubbler=setInterval ("bubbling()", speed);
}}

function dechex(dec) {
  var hex=dec.toString(16);
  if (dec<16) return "0"+hex;
  else return hex;
}

function bubbling() {
  for (var i=0; i<bubbtxt.length; i++) {
    var bubbme=document.getElementById("bubb"+i);
    if (bubbchr[i]) {
      bubbme.style.color=bubbcol[bubbchr[i]];
      bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
    }
    else if (Math.random()<0.75/bubbchr.length) bubbchr[i]=1;
  }
}
// ]]>
</script>
{/block:ifTitleEffect}

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

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>

<meta name="color:Border colour" content="#eee"/>
<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#000000"/>
<meta name="color:Hover" content="#818185"/>
<meta name="color:Link" content="#000000"/>
<meta name="color:Links background" content="#fff"/>
<meta name="color:posts" content="#ffffff"/>
<meta name="color:post border" content="#ddd"/>
<meta name="if:White glow" content="1"/>
<meta name="if:Snow fall" content="1"/>
<meta name="if:Snow flake" content="1"/>
<meta name="if:Show horizontal border" content="1"/>

<meta name="if:Title Effect" content="1"/>
<meta name="color:Title effect colour" content="#eee"/>
<meta name="image:Sidebar" content="1"/>
<meta name="image:Background" content="1"/>
<meta name="image:BorderBackground" content="1"/>
<meta name="if:Show Photo" content="0"/>
<meta name="if:Kewl font" content="0"/>
<meta name="text:Link 1" content= ""/>
<meta name="text:Link 1 Title" content= ""/>
<meta name="text:Link 2" content= ""/>
<meta name="text:Link 2 Title" content= ""/>
<meta name="text:Link 3" content="" />
<meta name="text:Link 3 Title" content="" />
<meta name="text:Link 4" content="" />
<meta name="text:Link 4 Title" content="" />
<meta name="text:Link 5" content="" />
<meta name="text:Link 5 Title" content="" />
<meta name="text:Link 6" content="" />
<meta name="text:Link 6 Title" content= ""/>
<meta name="if:Two Columns" content="0"/>
<meta name="if:Three Columns" content="1"/><script type="text/javascript" src="http://static.tumblr.com/o0thhnj/LCDma95ko/infinite.txt"></script><link rel="stylesheet" href="http://static.tumblr.com/tak5d5w/raDlsuinn/quicksandfonts.css" type="text/css" charset="utf-8">

<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>

<style type="text/css">

@font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }


@font-face {font-family: "Tall Films"; src: url('http://static.tumblr.com/w1f0ilq/4m9lyy51c/tall_film.ttf');}



::-webkit-scrollbar {width: 10px; height: 4px; background: #eeeeee; border-left: 1px solid #aaaaaa;border-radius:10px; }

::-webkit-scrollbar-thumb { background-color:#000; border-radius:10px; }

a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}

<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content=”{MetaDescription}” />{/block:Description}







#tumblr_controls{
position:fixed !important;
-webkit-filter: invert(100%);

}

.wrapper{
margin: 0px auto;
width: 802px;
}

.header{
float: left;
width: 100%;
}

.left{
float: left;
margin-right: 20px;
width: 802px;
}

.right{
float: right;
width: 200px;
background-color: {color:Background};
}
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
body {
padding: 0px;
margin: 0px;
color:{color:text};
font-family: {block:ifKewlfont}'silkscreen'; font-size: 8px;line-height:11px;{/block:ifKewlfont}{block:ifnotKewlfont}short stack; font-size: 11px;line-height:13px; {/block:ifnotKewlfont};
line-height: 12px;
background-color: {color:Background};
background-image:url({image:Background});
background-attachment: fixed;
background-repeat: repeat;
}

a:link, a:active, a:visited{
color: {color:Link};
text-decoration: none;
-webkit-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
}

a:hover{
color:{color:Hover};
text-shadow:1px 2px 3px #000000;
text-shadow:0px 0px 3px #000000;
-webkit-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
@font-face { font-family: "cedarcursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v1/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }


.entry {
margin:2px;
padding-right: 4px;
padding-left:4px;
padding-top: 4px;
border:2px solid {color:post border};
padding-bottom: 1px;
float:left;
background-color:{color:posts};
{block:IndexPage}
  {block:ifWhiteglow}

    -moz-box-shadow: 0 0 30px 5px #fff;
-webkit-box-shadow: 0 0 30px 5px #fff;
box-shadow: 0 0 30px 5px #fff;    {/block:ifWhiteglow}
width:450px;
{block:ifTwoColumns}width:280px;{/block:ifTwoColumns}
{block:ifThreeColumns}width:250px;{/block:ifThreeColumns}{/block:IndexPage}{/block:IndexPage}
{block:PermalinkPage}
width:400px;
margin-left: 30px;
z-index:1;
{/block:PermalinkPage}
}


.entry .perma{
margin-left: 0px;
margin-bottom:0px;
width:450px;
{block:ifTwoColumns}width:280px;{/block:ifTwoColumns}
{block:ifThreeColumns}width:250px;{/block:ifThreeColumns};
height: auto;
position: absolute;
overflow:hidden;
opacity: 0.0;
background-color:{color:posts};
}

.entry:hover .perma{
    width:450px;
{block:ifTwoColumns}width:280px;{/block:ifTwoColumns}
{block:ifThreeColumns}width:250px;{/block:ifThreeColumns}; overflow:visible;
opacity:0.9;
color: #000000;
overflow:visible;
-webkit-transition: 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}

.perms {
padding: 3px;
font-family: {block:ifKewlfont}'silkscreen'; font-size: 8px;line-height:11px;{/block:ifKewlfont}{block:ifnotKewlfont}short stack; font-size: 11px;line-height:13px; {/block:ifnotKewlfont};
text-transform: uppercase;
line-height: 20px;
text-align: center;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}

.perms a:hover{
color: #000;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
#descp{ -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;

position:fixed !important;
width: 250px;
height:auto;
opacity:0;
  {block:ifWhiteglow}
    -moz-box-shadow: 0 0 30px 5px #fff;
-webkit-box-shadow: 0 0 30px 5px #fff;
box-shadow: 0 0 30px 5px #fff;    {/block:ifWhiteglow}
margin-left: -230px;
padding: 6px;
text-align: center;
background-color:{color:posts};
border: solid 2px {color:post border};}
#sidebar:hover #descp{-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;

    left:275px;position:fixed !important; -webkit-transition: all 0.6s ease;opacity:1;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
  }

#sidebar{ -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;

position:fixed !important;
width: 250px;
height:auto;
margin-top: 200px;;
  {block:ifWhiteglow}
    -moz-box-shadow: 0 0 30px 5px #fff;
-webkit-box-shadow: 0 0 30px 5px #fff;
box-shadow: 0 0 30px 5px #fff;    {/block:ifWhiteglow}
margin-left: -230px;
padding: 6px;
text-align: center;
background-color:#fff;
}

#border1{
position:fixed !important;
width: 100px;
height:150%;
opacity:0.8;
margin-top: 0px;;
margin-left: 55px;
background:{color:Border colour};
background-image:url({image:BorderBackground});
background-attachment:fixed;
  {block:ifWhiteglow}

    -moz-box-shadow: 0 0 10px 5px #fff;
-webkit-box-shadow: 0 0 10px 5px #fff;
box-shadow: 0 0 10px 5px #fff;    {/block:ifWhiteglow}
}
#border2{

position:fixed;
width: 103%; opacity:0.8;

height:80px;
margin-top: 100px;
margin-left:-275px;
background:{color:Border colour};
background-image:url({image:BorderBackground});
background-attachment:fixed;
  {block:ifWhiteglow}

    -moz-box-shadow: 0 0 5px 5px #fff;
-webkit-box-shadow: 0 0 5px 5px #fff;
box-shadow: 0 0 5px 5px #fff;    {/block:ifWhiteglow}
}




#blogtitle {-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;

    top:120px;

    width:260px;
    left:200px;
font-family:'tall films';
font-size: 70px;
line-height: 100%;
opacity:0;
  {block:ifWhiteglow}

    -moz-box-shadow: 0 0 30px 5px #fff;
-webkit-box-shadow: 0 0 30px 5px #fff;
box-shadow: 0 0 30px 5px #fff;    {/block:ifWhiteglow}
position:fixed;
padding-left:5px;padding-right:5px;

text-align: center;
background-color:{color:posts};
border: solid 2px {color:post border};
text-transform:uppercase;
text-shadow:1px 2px 3px #fff;
}

#sidebar:hover #blogtitle{
            top:120px;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
    width:260px;
    left:40px;
font-family:'tall films';
font-size: 70px;
line-height: 100%;
opacity:1;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;

  {block:ifWhiteglow}

    -moz-box-shadow: 0 0 30px 5px #fff;
-webkit-box-shadow: 0 0 30px 5px #fff;
box-shadow: 0 0 30px 5px #fff;    {/block:ifWhiteglow}
position:fixed;
padding-left:5px;padding-right:5px;

text-align: center;
background-color:{color:posts};
border: solid 2px {color:post border};
text-transform:uppercase;
text-shadow:1px 2px 3px #fff;
}
#posts {
width:800px;
margin-left:180px;
margin-top:0px;
float:left;

}

#infscr-loading{
bottom: -70px;
position: absolute;
left: 50%;
margin-left:-8px;
width:16px;
height:11px;
overflow:hidden;
margin-bottom: 50px;
}

.title{
font-family: 'quicksandlight';
font-size: 20px;
line-height:17px;
color: #000;
text-transform:uppercase;
font-weight: normal;text-shadow:1px 2px 3px #000000;
text-shadow:0px 0px 3px #000000;
}



@font-face {
font-family: "tinytots";
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}

{CustomCSS}

.linkss {
width: 50px;
height: 15px;
font-size:9px;
letter-spacing:0px;
font-family: {block:ifKewlfont}'silkscreen'; font-size: 8px;line-height:11px;{/block:ifKewlfont}{block:ifnotKewlfont}short stack; font-size: 11px;line-height:13px; {/block:ifnotKewlfont};

margin-top:5px;
margin-left:3px;
line-height:15px;
border: solid 2px {color:post border};background: {color:Links background};
text-align:center;
-webkit-transition-duration: .6s;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
display: inline-block;
}

.linkss:hover {
color: #000;
border: solid 2px {color:post border};background:{color:Hover};
box-shadow: 0px 0px 20px #888;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-webkit-transition-duration: .4s;
}

#img3{
  position:fixed !important;
opacity: 1;
width: 160px;
padding:2px;
height: 130px;
margin-top: 170px;
margin-left:-260px;
-webkit-border-radius: 220px;
-moz-border-radius: 220px;
border-radius: 220px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
font-size: 8px;
letter-spacing: 0px;
transition: all 0.7s ease;
-o-transition-transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
z-index:1;
}


#img3:hover #descp #blogtitle{}
</style>

{block:IndexPage}
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>

<script type="text/javascript">
$(window).load(function () {
var $content = $('#posts');
$content.masonry({itemSelector: '.entry'}),
$content.infinitescroll({
navSelector : 'div#pagination',
nextSelector : 'div#pagination a#nextPage',
itemSelector : '.entry',
loading: {
finishedMsg: '',
img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
},
bufferPx : 600,
debug : false,
},
// call masonry as a callback.
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );


});
});
});
</script>

{/block:IndexPage}

<title>{title}</title>

<link rel="icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
<meta name="viewport" content="width=820" />

</head>
<body>

<div class="wrapper">

<div class="header">
</div>


<div id="border1"></div>{block:ifShowhorizontalborder}
<div id="border2"></div>{/block:ifShowhorizontalborder}
{block:ifSnowflake}
<div id="img3"><img src="http://i48.tinypic.com/2cx9vn7.png" border="0" width="80"></a></div>{/block:ifSnowflake}


<div id="sidebar"><div id="blogtitle"><span id="bubble">{Title}</span></div>

{block:ifshowphoto}<center><a title="" href="/"><img src="{image:sidebar}" width=250px height=auto></a></center>{/block:ifshowphoto}
<div id="descp">{Description} <br>{block:AskEnabled}<span class="linkss"><a href="/ask">Ask</a></span>{/block:AskEnabled}

{block:HasPages}{block:Pages}<span class="linkss"><a href="{URL}">{Label}</a></span>{/block:Pages}{/block:HasPages}

{BLOCK:IfLink1Title}<span class="linkss">
<a href= "{text:Link 1}">{text:Link 1 Title}</a></span>{/BLOCK:IfLink1Title}
{BLOCK:IfLink2Title}<span class="linkss">
<a href= "{text:Link 2}">{text:Link 2 Title}</a></span>{/BLOCK:IfLink2Title}
{BLOCK:IfLink3Title} <span class="linkss">
<a href= "{text:Link 3}">{text:Link 3 Title}</a></span>{/BLOCK:IfLink3Title}
{BLOCK:IfLink4Title} <span class="linkss">
<a href= "{text:Link 4}">{text:Link 4 Title}</a></span>{/BLOCK:IfLink4Title}
{BLOCK:IfLink5Title} <span class="linkss">
<a href= "{text:Link 5}">{text:Link 5 Title}</a></span>{/BLOCK:IfLink5Title}
{BLOCK:IfLink6Title} <span class="linkss">
<a href= "{text:Link 6}">{text:Link 6 Title}</a></span> {/BLOCK:IfLink6Title} <span class="linkss">
<a href="http://wildthemes.tumblr.com/">theme</a></span>
</div>



</div>


<div class="left">

<div id="posts">

{block:Posts}
<div class="entry">

{block:IndexPage}

{/block:IndexPage}

{block:Text}
{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
<div style="border-top:1px #ccc dotted; "></div>
<a href="{permalink}">{NoteCountWithLabel}</small></a>
&middot<a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a>
{/block:Text}

{block:Link}
<a href="{URL}" class="title">{Name}</a>
{block:Description}{Description}{/block:Description}
<div style="border-top:1px #ccc dotted; "></div>
<a href="{permalink}">{NoteCountWithLabel}</small></a>
&middot<a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a> {block:Link}

{block:Photo}
<div class="img">
<div class="perma">
<div class="perms">
<a href="{ReblogURL}" target="_blank">reblog</a> - <a href="{permalink}"> {NoteCountwithLabel}</a> - <a href="{Permalink}">{timeago}</a> </div></div>
{/block:IndexPage}
{Block:IndexPage}<center>{LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"width=100%/></a>{LinkCloseTag}</center>{/block:indexpage}
{Block:PermalinkPage}<center><img src="{PhotoURL-250}" alt="{PhotoAlt}"width=400px/></center>{/Block:PermalinkPage}
</div>
{/block:Photo}

{block:Photoset}
<section class="top media photoset">
{Photoset-250}
</section>
{block:IndexPage}
<div class="perma">
<div class="perms">
<a href="{ReblogURL}" target="_blank">reblog</a>
</div>
</div>
<div style="border-top:1px #ccc dotted; "></div>
<a href="{permalink}">{NoteCountWithLabel}</small></a>
&middot<a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a>
{/block:IndexPage}
{/block:Photoset}

{block:Quote}
{Quote}</span>
{block:Source}<strong>{Source}</strong>{/block:Source}<br>
<div style="border-top:1px #ccc dotted; "></div>
<a href="{permalink}">{NoteCountWithLabel}</small></a>
&middot<a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a>
{/block:Quote}

{block:Chat}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<ul class="chat">
{block:Lines}
<li class="user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}

{Line}
</li>
{/block:Lines}
</ul>
<div style="border-top:1px #ccc dotted; "></div>
<a href="{permalink}">{NoteCountWithLabel}</small></a>
&middot<a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a>
{/block:Chat}

{block:Audio}
<center><div style="width:340px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
{block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
<br>
<div style="border-top:1px #ccc dotted; "></div>
<a href="{permalink}">{NoteCountWithLabel}</small></a>
&middot<a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a>
{/block:Audio}

{block:Video}
{block:IndexPage}
<center>
{Video-340}</center>
{/block:IndexPage}
{block:PermalinkPage}
<center>
{Video-550}</center>
{/block:PermalinkPage}
{block:Video}

{block:PermalinkPage}
<center>
<br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</center>


{/block:PermalinkPage}


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


{/block:Posts}
</div>
</div>
{block:IndexPage}
{block:Pagination}
<div id="pagination">
{block:NextPage}
<a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
{/block:NextPage}
{block:PreviousPage}
<a href="{PreviousPage}">&larr;&nbsp;</a>
{/block:PreviousPage}
</div>
{/block:Pagination}
{/block:IndexPage}
</div>

</body>

</html>