IA Visuals

Previews
â€‹Preview 1â€‹ â€‹Preview 2â€‹ Preview 3â€‹
Features
1 - 6 columns
Infinite scroll
Adapts to different screen sizes
Parallax on banner image
Post can be any colour you like
Smooth scrolling that can be toggled
Change fonts of the header, posts and navigation
5 custom links
12 variations for avatar styles
4 variations for header text styles
17 different social media icons (Icons may be deprecated)
Custom CSS
11 photo hover overlay patterns
4 post texture variations
Display your logo on photo posts when hovering over them
Custom navigation bar height
3 different photo post hover effect variations
Install

<!--
 
                                   â•“@â–“â•‘â•–â•–
                               ,â•¦â–“â•¢â•¢â•¢â•¢â–’â–’â–’â–’â•‘â•–,
                           ,â•¦â–“â•¢â–“â–“â–“â•£â•¢â•¢â•¢â–’â–’â–’â–’@â–“â–“â–“â–“â–„,
                       ,â•”@â•£â•¢â•¢â•¢â•¢â–“â–“â–“â–“â–“â–“â–“â•«â–“â–“â–“â–“â–“â–“â–“â–“â–“â–“â–“â–“Ã¦,
 
                 â•¦â–“â–“â–“â–“â–“â–“â–’â–’â–’â–’â–’â–’â•«â–€`           â•šâ–“â–“â•£â•¢â•¢â•¢â•¢â–“â–“â–“â–“â–“â–“W
             â•“â•–â•‘â–’â•¢â•£â–“â–“â–“â–“â–“â–’â–’â•‘â•œ`                  `â•¨â–“â•¢â•¢â–“â–“â–“â–“â–“â–’â–’â•«â–“@â•–
          âˆ©â•‘â–’â–’â–’â–’â–’â•¢â•¢â•¢â•¢â•£â•£â–“`             ,            "â•¨â•¢â–’â–’â–’â–’â–’â•«â•¢â•¢â•¢â•¢â–“@â••
         â–â–“â–“â–“â–’â–’â–’â–’â•¢â•¢â–“â–“â–“â–“â–“          â•“â•–â•‘â–’â–“â–“â–“â•¦             `â•œâ–’â–’â•«â•¢â•£â–“â–“â–“â–“â–Œ
         â–â–“â–“â–“â–“â–“â–“â•£â–“â–“â–“â–“â–“â–“â–“       ^â•‘â–’â–’â–’â–’â–’â–“â–“â–“â–“â–“â–“&â•–             ]â–“â–“â–“â–“â–“â–“â–Œ
         â–â–“â–“â–“â–“â•£â•¢â•£â•¢â•£â–“â–“â–“â–“â–“          `â•œâ–’â–’â–“â–“â–“â–“â–“â–“â–“â•£â•¢â–“N,         ]â–’â–’â–’â–€â–“â–“â–Œ
         ]â•¢â•£â•¢â•¢â•¢â•¢â•£â•¢â•¢â•¢â•¢â•£â•â•œ            ,â–„â–“â–“â–“â–“â–“â–“â–“â•£â•¢â•¢â•¢â•¢â•¢â–“W,     ]â–’â–’â–’â–’â–’â•¢â–Œ
         ]â–’â–’â–’â–’â•«â•£â•£â•¢â•©â•™             â•¥&â–“â–“â–“â–“â–“â–“â–“â–“â–“â–“â•£â•¢â•£â•¢â•¢â•¢â•¢â–“â–“â–“â–“Ã¦, ]â–’â–’â•«â•£â•¢â•¢â–Œ
         ]â–’â–’â–’â–’â–’â–„â–Œ            â•“â–„â–“â–“â–“â–“â–“â–“â–“â–“â–“â–“â–“â–“â–€â•œ`â•™â–“â•¢â•¢â•¢â•¢â–“â–“â–“â–“â–“â–“â•©â–â–“â•£â•¢â•¢â•¢â•¢â–Œ
         ]â–’â–„â–“â–“â–“â–“â–Œ        â•“â–„â–“â–“â–“â–“â•¢â•¢â•¢â•£â–“â–“â–“â–“â–“â•©        "â•¨â–“â–“â–“â•    â–â–“â–“â–“â–“â–“â•£â–Œ
         ]â–“â–“â–“â–“â–“â–“â–Œ    ,gâ–“â–“â–“â–“â–“â–“â–“â–“â•¢â•¢â•¢â•¢â–“â•œ                      â–â–“â–“â–“â–“â–“â–’[
         ]â•¢â•¢â•¢â•£â–“â–“â–Œ,gâ–“â–“â–“â–“â–“â•¢â•¢â•¢â•¢â–“â–“â–“â–“â•`                         â–â–“â–“â–’â–’â–’â–’[
         ]â•¢â•¢â•¢â•£â–“â–“â–“â•£â–“â–“â–“â–“â–“â–“â•¢â•¢â•¢â–“â•`            ,â–„â–“â–“&â•–           ]â•£@â–’â–’â–’â–’[
         ]â–“â–“â–“â–“â–“â–“â–“â•¢â•¢â•¢â•£â•£â–“â–“â•©"            ,â–„â–“â–“â–“â–“â–“â–“â–“â–“â–“â–“&,       ]â•¢â•¢â•¢â•£â•£â–’[
         â–â–“â–“â–“â–“â–“â–“â–“â•¢â•¢â•£â•©â•™             â•¥â–“â–“â–“â–“â–“â–“â–“â–“â–“â–“â–“â–“â–“â–“â•£â•£`      ]â•¢â•¢â•£â–“â–“â–“â–Œ
         â–â–“â–“â–“â–“â–“â–“â–“â•œ             â•“&â–“â–“â–“â–“â–“â–“â–“â–“â–“â–“â–“â–“â–“â–“â•£â•¢â•¢â•¢â•¢`      ]â–“â–“â–“â–“â–“â–“â–Œ
         â–â–“â–“â–“â–“â•£â•£â•£â–’â•–â•–       â•“â–„â–“â–“â•¢â•£â–“â–“â–“â–“â–“â–“â–“â–“â–“â–’â–’â–’â•«â•¢â•¢â•¢â•¢â•¢â•¢`   Ã¦â–“â–“â–Œâ–’â–’â–“â–“â–“â–“â–Œ
         â•˜â–“â•£â•¢â•¢â•¢â•¢â•£â–’â–’â–’â–’â–’â•–â•–â–„â–“â–“â–“â–“â–“â–“â•¢â•¢â•¢â•¢â•¢â•£â–“â–“â–’â–’â–’â–’â–’â–’â•«â•¢â•¢â•¢â•¢â•¢â•£W$â–“â–“â–“â–“â–“â–Œâ–’â–’â–’â–’â–’â•¢â•›
            "â•©â–“â•¢â•£â–’â–’â–’â•«â•£â•¢â•«â–“â–“â–“â–“â–“â–“â–“â•¢â•¢â•¢â•¢â•¢â•£â•¢â–“â–“â–“@â–’â–’â–’â•«â•¢â•£â–“â–“â–“â–“â–“â•¢â•£â–“â–“â–“â–“â–Œâ–’â–’â•œ`
                "â•©â•£â•¢â•¢â•¢â•¢â•«â–“â–“â–“â–“â–“â–“â–“â–“â•¢â•¢â•¢â•¢â•¢â•¢â–“â–“â–“â–“â–“â–“â–“â•«â–“â–“â–“â–“â–“â–“â–“â•¢â•¢â•¢â•¢â•¢Ã‘â•™
                    â•™â•¬â•¢â•«â–“â–“â–“â–’â–’â–’â–’â–“â–“â–“â–“â–“â•£â•¢â–“â–“â–“â–“â•£â•¢â•¢â–’â–’â–’â–’â–“â–“â–“â–“â•¢â–“â•
                        â•™â•‘â–’â–’â–’â–’â–’â–“â–“â–“â–“â–“â–“â–“â–“â•£â•¢â•¢â•¢â•¢â•¢â–’â–’â–’â–’â–’â•‘â•œ`
                            â•™â•‘â–’â–“â–“â–“â–“â•£â•¢â•¢â–“â–“â–“â–“â–“â•£â•¢â–’â•‘â•œ`
                               "â•©â–“â•¢â•¢â•¢â•¢â–“â–“â–“â–“â–“â–€"
                                   â•™â•©â•£â–“â–“â•©
 
                       Â© THEME MADE BY T E 5 S E R Î› C T
                                   PREMIUM 1.0.1
Credits

////////////
Textures:
https://www.transparenttextures.com/
http://dirrtylady.tumblr.com/post/38054337218/lines-dots-textures-contains-15-textures
http://www.noisetexturegenerator.com/

///////////
Scripts:
http://shythemes.tumblr.com/post/148791415248/tutorial-masonry-with-infinite-scroll-and-pxu
http://shythemes.tumblr.com/post/113728114758/tutorial-pixel-union-photosets
http://demirev.cubthemes.com/post/106345243051/changing-like-and-reblog-button-colors-revisited

-->

<title>
{block:TagPage}{Tag} - {/block:TagPage}{block:SearchPage}{lang:Search for SearchQuery} - {/block:SearchPage}{block:PostSummary} - {/block:PostSummary}{Title}
</title>

<link rel="shortcut icon" href="{Favicon}">
<link rel="stylesheet" href="http://static.tumblr.com/hznqxps/ivOmgjf8v/normalize.css">

<link href="https://file.myfontastic.com/n6vo44Re5QaWo8oCKShBs7/icons.css" rel="stylesheet"> 
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

{block:IfDisableAndEnableSmoothScroll}
 <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
{/block:IfDisableAndEnableSmoothScroll}

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

<link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>

<script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
<!---->
<!--TEXT-->
<meta name="text:URL To Banner Image" content="URL Here">
<meta name="text:RGB Value Photo Hover Colour" content="0, 0, 0">
<meta name="text:Post Logo Image Width" content="100">
<meta name="text:Post Logo Height" content="5">
<meta name="text:Post Shadow Colour RGB" content="0, 0, 0">
<meta name="text:Hitcounter" content="">
<meta name="text:Navigation Bar Height" content="60">

<meta name="text:Header Text" content="Turbulence">
<meta name="text:Link1Title" content="Link 1 Title">
<meta name="text:Link1URL" content="Link 1 URL">
<meta name="text:Link2Title" content="Link 2 Title">
<meta name="text:Link2URL" content="Link 2 URL">
<meta name="text:Link3Title" content="Link 3 Title">
<meta name="text:Link3URL" content="Link 3 URL">
<meta name="text:Link4Title" content="Link 4 Title">
<meta name="text:Link4URL" content="Link 4 URL">
<meta name="text:Link5Title" content="Link 5 Title">
<meta name="text:Link5URL" content="Link 5 URL">

<meta name="text:InstagramLink" content="Insert Instagram Link">
<meta name="text:FaceBookButtonLink" content="Insert FaceBookButton Link">
<meta name="text:TwitterLink" content="Insert Twitter Link">
<meta name="text:TumblrLink" content="Insert Tumblr Link">
<meta name="text:GooglePlusLink" content="Insert GooglePlus Link">
<meta name="text:TwitchLink" content="Insert Twitch Link">
<meta name="text:PinterestLink" content="Insert Pinterest Link">
<meta name="text:FlickrLink" content="Insert Flickr Link">
<meta name="text:500pxLink" content="Insert 500px Link">
<meta name="text:WordPressLink" content="Insert WordPress Link">
<meta name="text:SoundCloudLink" content="Insert SoundCloud Link">
<meta name="text:SpotifyLink" content="Insert Spotify Link">
<meta name="text:VimeoLink" content="Insert Vimeo Link">
<meta name="text:YouTubeLink" content="Insert YouTube Link">
<meta name="text:DeviantARTLink" content="Insert DeviantART Link">
<meta name="text:RedditLink" content="Insert Reddit Link">
<meta name="text:WebsiteLink" content="Insert Website Link">

<!--BOOLEANS-->
<meta name="if:Disable And Enable Smooth Scroll" content="1">
<meta name="if:Infinite Scroll" content="1">
<meta name="if:Enable Logo Image On Photo Posts" content="0">
<meta name="if:Enable or Disable Banner Parallax" content="1">
<meta name="if:Show Theme Credit" content="1">

<meta name="if:Enable Photo Hover Style 1" content="1">
<meta name="if:Enable Photo Hover Style 2" content="0">
<meta name="if:Enable Photo Hover Style 3" content="0">

<meta name="if:Show Ask" content="0">
<meta name="if:Show Submit" content="0">

<meta name="if:Show Link 1" content="0">
<meta name="if:Show Link 2" content="0">
<meta name="if:Show Link 3" content="0">
<meta name="if:Show Link 4" content="0">
<meta name="if:Show Link 5" content="0">

<meta name="if:Show Instagram Button" content="0">
<meta name="if:Show FaceBook Button" content="0">
<meta name="if:Show Twitter Button" content="0">
<meta name="if:Show Tumblr Button" content="0">
<meta name="if:Show GooglePlus Button" content="0">
<meta name="if:Show Twitch Button" content="0">
<meta name="if:Show Pinterest Button" content="0">
<meta name="if:Show Flickr Button" content="0">
<meta name="if:Show 500px Button" content="0">
<meta name="if:Show WordPress Button" content="0">
<meta name="if:Show SoundCloud Button" content="0">
<meta name="if:Show Spotify Button" content="0">
<meta name="if:Show Vimeo Button" content="0">
<meta name="if:Show YouTube Button" content="0">
<meta name="if:Show DeviantART Button" content="0">
<meta name="if:Show Reddit Button" content="0">
<meta name="if:Show Website Button" content="0">

<!--COLOURS-->
<meta name="color:Background Colour" content="#3d3d3d">
<meta name="color:Heading Colour" content="#fff">
<meta name="color:Banner Navigation Colour" content="#fff">
<meta name="color:Nav Bar Background Colour" content="#565656">
<meta name="color:Nav Bar Link Colour" content="#7a7a7a">
<meta name="color:Nav Bar Link Hover Colour" content="#fff">
<meta name="color:Question Background Colour" content="#e0e0e0">
<meta name="color:Social Icons Colour" content="#fff">
<meta name="color:Social Icons hover Colour" content="#7a7a7a">
<meta name="color:Description Background Colour" content="#fff">
<meta name="color:Description Text Colour" content="#7a7a7a">
<meta name="color:Decription Close Button" content="#7a7a7a">
<meta name="color:Avatar Border Colour" content="#7a7a7a">
<meta name="color:Search Text Area Background Colour" content="#ccc">
<meta name="color:Search Button Colour" content="#72b0e0">
<meta name="color:Search Text Colour" content="#494949">

<meta name="color:Highlight Colour" content="#56d7ff">
<meta name="color:Scroll Track Colour" content="#7a7a7a">
<meta name="color:Scroll Thumb Colour" content="#fff">
<meta name="color:Scroll Thumb Colour" content="#fff">
<meta name="color:Post Colour" content="#fff">
<meta name="color:Post Text Colour" content="#7a7a7a">
<meta name="color:Time Stamp Colour" content="#ccc">
<meta name="color:Post Link Colour" content="#ccc">
<meta name="color:Post Link Hover Colour" content="#ccc">
<meta name="color:Caption Border Left Colour" content="#7a7a7a">
<meta name="color:Caption Border Bottom Colour" content="#ccc">
<meta name="color:Post Accent Colour" content="#ccc">
<meta name="color:Hitcounter Colour" content="#fff">
<meta name="color:Hitcounter Hover Colour" content="#fff">

<meta name="color:Like Colour" content="#ccc">
<meta name="color:Reblog Button Colour" content="#ccc">
<meta name="color:Reblog Background Colour" content="#fff">
<meta name="color:Pagination Link Colour" content="#7a7a7a">
<meta name="color:Pagination Link Hover Colour" content="#60baff">
<meta name="color:Pagination Background Colour" content="#fff">

<!--IMAGES-->
<meta name="image:Banner Avatar Image" content="">
<meta name="image:Banner Background Image" content="">
<meta name="image:Post Logo Image" content="">

<!--SELECTIONS-->
<meta name="select:Banner Avatar" title="No Avatar" content="avatar0">
<meta name="select:Banner Avatar" title="Small Square" content="avatar1">
<meta name="select:Banner Avatar" title="Big Square" content="avatar2">
<meta name="select:Banner Avatar" title="Small Rounded" content="avatar3">
<meta name="select:Banner Avatar" title="Big Rounded" content="avatar4">
<meta name="select:Banner Avatar" title="Small Bordered Square" content="avatar5">
<meta name="select:Banner Avatar" title="Big Bordered Square" content="avatar6">
<meta name="select:Banner Avatar" title="Small Bordered Rounded" content="avatar7">
<meta name="select:Banner Avatar" title="Big Bordered Rounded" content="avatar8">
<meta name="select:Banner Avatar" title="Small Circle" content="avatar9">
<meta name="select:Banner Avatar" title="Big Circle" content="avatar10">
<meta name="select:Banner Avatar" title="Small Circle Bordered" content="avatar11">
<meta name="select:Banner Avatar" title="Big Circle Bordered" content="avatar12">

<meta name="select:Header Title" title="Header Big Spaced Caps" content="header1">
<meta name="select:Header Title" title="Header Big Spaced Normal" content="header2">
<meta name="select:Header Title" title="Header Small Spaced Caps" content="header3">
<meta name="select:Header Title" title="Header Small Normal" content="header4">

<meta name="select:Photo Hover Variations" title="No Texture" content="photoeffect4">
<meta name="select:Photo Hover Variations" title="Points" content="photoeffect1">
<meta name="select:Photo Hover Variations" title="Scanlines" content="photoeffect2">
<meta name="select:Photo Hover Variations" title="Tiny Dots 1" content="photoeffect3">
<meta name="select:Photo Hover Variations" title="Elegant Tiles" content="photoeffect5">
<meta name="select:Photo Hover Variations" title="Floral" content="photoeffect6">
<meta name="select:Photo Hover Variations" title="Slanted Scanlines" content="photoeffect7">
<meta name="select:Photo Hover Variations" title="Tiny Squares" content="photoeffect8">
<meta name="select:Photo Hover Variations" title="Tiny Squares 2" content="photoeffect9">
<meta name="select:Photo Hover Variations" title="Slanted Scanlines 2" content="photoeffect10">
<meta name="select:Photo Hover Variations" title="Triangles" content="photoeffect11">
<meta name="select:Photo Hover Variations" title="Abstract" content="photoeffect12">

<meta name="select:Post Texture" title="No Texture" content="texture0">
<meta name="select:Post Texture" title="Noise" content="texture1">
<meta name="select:Post Texture" title="Granite" content="texture2">
<meta name="select:Post Texture" title="Leather" content="texture3">
<meta name="select:Post Texture" title="Brushed Metal" content="texture4">


<!--FONTS-->
<meta name="font:Post Font" content="">
<meta name="font:Header Font" content="">
<meta name="font:Navigation Font" content="">




*{margin:0; padding:0;}
body
{
  background-color:{color:Background Colour};/*#3d3d3d*/
}
a:focus
{
  outline:none;
}
::selection{background:{color:Highlight Colour};}/*#56d7ff*/
::-webkit-scrollbar
{
  width:7px;
  height:7px;
}
::-webkit-scrollbar-track
{
  background-color:{color:Scroll Track Colour};/*#7a7a7a*/
}
::-webkit-scrollbar-corner
{
  background-color:{color:Scroll Track Colour};/*#7a7a7a*/
}
::-webkit-scrollbar-thumb
{
  background-color:{color:Scroll Thumb Colour};/*#000*/
}
.layer1
{
  position:absolute;
  z-index:2;
  width:100%;
  height:auto;
}
#top
{
  width:100%;
  height:500px;
}
.bgimg
{
  background-image:url({text:URL To Banner Image});
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  position:fixed;
  z-index:1;
  width:100%;
  height:80%;
}
.bgimg2
{
  background-image:url({image:Banner Background Image});
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  position:fixed;
  z-index:1;
  width:100%;
  height:80%;
}
.avataralign
{
  width:100%;
  text-align:center;
}
.avatar0
{
  display:none;
}
.avatar1
{
  width:auto;
  height:100px;
  text-align:center;
  margin-top:-70px;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
}
.avatar2
{
  width:auto;
  height:150px;
  margin:0 auto;
  margin-top:-100px;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;  
}
.avatar3
{
  width:auto;
  height:100px;
  margin:0 auto;
  margin-top:-70px;
  border-radius:3px;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;  
}
.avatar4
{
  width:auto;
  height:150px;
  margin:0 auto;
  margin-top:-100px;
  border-radius:3px;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;  
}
.avatar5
{
  width:auto;
  height:100px;
  border:4px solid {color:Avatar Border Colour};/*#fff*/
  background-color:{color:Avatar Border Colour};/*#fff*/
  margin:0 auto;
  margin-top:-70px;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;  
}
.avatar6
{
  width:auto;
  height:150px;
  border:4px solid {color:Avatar Border Colour};/*#fff*/
  background-color:{color:Avatar Border Colour};/*#fff*/
  margin:0 auto;
  margin-top:-100px;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;  
}
.avatar7
{
  width:auto;
  height:100px;
  border:4px solid {color:Avatar Border Colour};/*#fff*/
  background-color:{color:Avatar Border Colour};/*#fff*/
  border-radius:3px;
  margin:0 auto;
  margin-top:-70px;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;  
}
.avatar8
{
  width:auto;
  height:150px;
  border:4px solid {color:Avatar Border Colour};/*#fff*/
  background-color:{color:Avatar Border Colour};/*#fff*/
  border-radius:3px;
  margin:0 auto;
  margin-top:-100px;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;  
}
.avatar9
{
  width:auto;
  height:100px;
  text-align:center;
  margin-top:-70px;
  border-radius:100%;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;  
}
.avatar10
{
  width:auto;
  height:150px;
  margin:0 auto;
  margin-top:-100px;
  border-radius:100%;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;  
}
.avatar11
{
  width:auto;
  height:100px;
  border:4px solid {color:Avatar Border Colour};/*#fff*/
  background-color:{color:Avatar Border Colour};/*#fff*/
  margin:0 auto;
  margin-top:-70px;
  border-radius:100%;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;  
}
.avatar12
{
  width:auto;
  height:150px;
  border:4px solid {color:Avatar Border Colour};/*#fff*/
  background-color:{color:Avatar Border Colour};/*#fff*/
  margin:0 auto;
  margin-top:-100px;
  border-radius:100%;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;  
}
.header1
{
  color:{color:Heading Colour};/*#fff*/
  width:100%;
  text-align:center;
  letter-spacing:10px;
  text-transform:uppercase;
  margin-bottom:50px;
  margin-top:20px;
  font-size:22px;
  font-family:{font:Header Font};
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;  
}
.header2
{
  color:{color:Heading Colour};/*#fff*/
  width:100%;
  text-align:center;
  letter-spacing:10px;
  margin-bottom:50px;
  margin-top:20px;
  font-size:22px;
  font-family:{font:Header Font};
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;  
}
.header3
{
  color:{color:Heading Colour};/*#fff*/
  width:100%;
  text-align:center;
  letter-spacing:10px;
  text-transform:uppercase;
  margin-bottom:50px;
  margin-top:20px;
  font-size:15px;
  font-family:{font:Header Font};
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;  
}
.header4
{
  color:{color:Heading Colour};/*#fff*/
  width:100%;
  text-align:center;
  margin-bottom:50px;
  margin-top:20px;
  font-size:15px;
  font-family:{font:Header Font};
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;  
}
.navigation
{
  width:100%;
  text-align:center;
  font-size:12px;
  font-weight:bolder;
  text-transform:uppercase;
  font-family:{font:Navigation Font};
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;  
}
.navigation2
{
  width:100%;
  height:{text:Navigation Bar Height}px;
  background-color:{color:Nav Bar Background Colour};/*#565656*/
  line-height:{text:Navigation Bar Height}px;
  position:fixed;
  top:0;
  left:0;
  z-index:5;
  margin-top:-{text:Navigation Bar Height}px;
  transition:ease-in-out .5s;
  text-align:center;
  font-size:12px;
  font-weight:bolder;
  text-transform:uppercase;
  font-family:{font:Navigation Font};
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;  
}
.navigation3
{
  width:100%;
  height:{text:Navigation Bar Height}px;
  background-color:{color:Nav Bar Background Colour};/*#565656*/
  line-height:{text:Navigation Bar Height}px;
  position:fixed;
  top:0;
  left:0;
  z-index:5;
  transition:ease-in-out .5s;
  text-align:center;
  font-size:12px;
  font-weight:bolder;
  text-transform:uppercase;
  font-family:{font:Navigation Font};
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;  
}
.socialsection
{
  width:100%;
  text-align:center;
  margin-top:10px;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;  
}
.titleav
{
  margin-top:200px;
  width:100%;
  z-index:2;
  height:auto;
  position:absolute;
  animation:ease bannercontentease 4s;
}
#attribcontain
{
  width:28px;
  height:28px;
  background-color:rgba(0, 0, 0, 0.4);
  background-image:url(http://i.imgur.com/N6qzyVn.gif);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  border-top-right-radius:5px;
  position:fixed;
  z-index:10;
  bottom:0;
  left:0;
}
@keyframes bannercontentease{
  0%
  {
    margin-top:-400px;
    opacity:0;
  }
  100%
  {
    margin-top:200px;
    opacity:1;
  }
}
.navcont, .navcont2, .navcont3
{
  display:inline-block;
}
#mobilebox
{
  position:fixed;
  text-align:center;
  padding:0px 0px 0px 0px;
  background-color:rgba(0, 0, 0, 0.7);
  z-index:-1;
  opacity:0;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;  
}
.togglemobcont
{
  width:60px;
  height:60px;
  line-height:63px;
  text-align:center;
  cursor:pointer;
}
.mobtoggle
{
  color:#fff;/**/
  cursor:pointer;
  font-size:30px;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;  
}
.navmob
{
  display:none;
  width:150px;
}
#descriptionwrapper
{
  position:fixed;
  z-index:6;
  width:100%;
  height:100%;
  display:none;
}
.asksubwrapper
{
  position:fixed;
  z-index:6;
  width:100%;
  height:100%; 
}
.description, .searchbox
{
  width:400px;
  height:auto;
  margin:0 auto;
  margin-top:150px;
  background-color:{color:Description Background Colour};/*#fff*/
  color:{color:Description Text Colour};/*#7a7a7a*/
  font-size:13px;
  text-align:center;
  padding:10px;
  box-shadow:0px 3px 5px rgba(0, 0, 0, 0.2);
  border-radius:3px;
  line-height:20px;
}
.searchwrapper
{
  position:fixed;
  z-index:6;
  width:100%;
  height:100%;
  display:none;
}
input.searchbutton, .textarea:focus 
{
  outline-width:0;
}
input[value] 
{
  color:{color:Search Text Colour};
  font-weight:bold;
}
.hitcounter
{
  text-align:center;
  margin-top:10px;
}
.textarea, .searchbutton
{
  border:none;
  background-color:{color:Search Text Area Background Colour};/*#ccc*/
  padding:7px;
  border-radius:3px;
}
.searchbutton
{
  background-color:{color:Search Button Colour};/*#72b0e0*/
}
.closedtoggle
{
  cursor:pointer;
  font-size:29px;
  margin-top:-5px;
  margin-right:-5px;
  color:{color:Decription Close Button};
  float:right;
}
.desctoggle, .searchtoggle
{
  cursor:pointer;
}
.attpos
{
  position:fixed;
  z-index:9;
  bottom:0;
  left:0;
}
/*///HOVERS///*/
.mobnavi
{
  font-size:13px;
  text-decoration:none;
  color:#fff;/**/
  line-height:30px;
  display:block;
  padding:5px;
  transition:ease-in-out .2s;
}
.mobnavi:hover
{
  background-color:#000;/**/
}
.navi
{
  text-decoration:none;
  color:{color:Banner Navigation Colour};/*#fff*/
  margin:5px;
  border-bottom:2px solid transparent;
  padding-bottom:10px;
  transition:ease-in-out .1s;
}
.navi:hover
{
  border-bottom:2px solid {color:Banner Navigation Colour};/*#fff*/
  padding-bottom:0px;
}
.navi2 
{
  text-decoration:none;
  color:{color:Nav Bar Link Colour};/*#7a7a7a*/
  margin:5px;
  transition:ease-in-out .1s;
}
.navi2:hover
{
  color:{color:Nav Bar Link Hover Colour};/*#fff*/
}
.navi3 
{
  text-decoration:none;
  color:{color:Nav Bar Link Colour};/*#7a7a7a*/
  margin:5px;
  transition:ease-in-out .1s;    
}
.navi3:hover
{
  color:{color:Nav Bar Link Hover Colour};/*#fff*/
}
.social
{
  text-decoration:none;
  color:{color:Social Icons Colour};/*#fff*/
  margin:10px;
  transition:ease-in-out .2s;
}
.social:hover
{
  text-decoration:none;
  color:{color:Social Icons Hover Colour};/*#7a7a7a*/
}
.pagination
{
  margin-top:20px;
  padding-bottom:23px;
}
.pagination a
{
  text-decoration:none;
  color:{color:Pagination Link Colour};/*#7a7a7a*/
  background-color:{color:Pagination Background Colour};/*#fff*/
  font-size:13px;
  padding:10px 7px 10px 7px;
  border-radius:3px;
  font-weight:bold;
  transition:ease-in-out .2s;
  box-shadow:0px 2px  4px rgba(0, 0, 0, 0.5);
}
.pagination a:hover
{
  text-decoration:none;
  color:{color:Pagination Link Hover Colour};/*#60baff*/
}
.hitcounter a
{
  text-align:center;
  transition:ease-in-out .2s;
  color:{color:Hitcounter Colour};
  font-size:13px;
}
.hitcounter a:hover
{
  color:{color:Hitcounter Hover Colour};
}
/*CUSTOM CSS*/
{CustomCSS}



<div class="searchwrapper">
 <div class="searchbox">
  <p class="closedtoggle">â¨¯</p><br>
  <form class="formstyle" action="/search" method="get">
   <input class="textarea" type="text" name="q" value="{SearchQuery}">
   <input class="searchbutton " type="submit" value="Search">
  </form>
 </div> 
</div>

<div id="descriptionwrapper">
 <div class="description">
  <p class="closedtoggle">â¨¯</p><br>
  {Description}
 </div>
</div>

<div id="uiwrap">

<a href="http://te5seract.tumblr.com/">
<div title="Â© te5seract" id="attribcontain"></div>
</a>

<div id="mobilebox">
 <div class="togglemobcont">
  <p class="mobtoggle">â˜°</p>
 </div>   
 <div class="navmob">
    <ul>
     <li class="mobcont"><a class="mobnavi" href="/">Home</a></li>
    
    {block:IfShowAsk} 
     {block:AskEnabled} 
      <li class="mobcont"><a class="mobnavi" href="/ask">{AskLabel}</a></li>
     {/block:AskEnabled} 
    {/block:IfShowAsk} 
    
    {block:IfShowSubmit} 
     {block:SubmissionsEnabled}  
      <li class="mobcont"><a class="mobnavi" href="/submit">{SubmitLabel}</a></li>
     {/block:SubmissionsEnabled}
    {block:IfShowSubmit}  
     
    {block:IfShowLink1}
     <li class="mobcont"><a class="mobnavi" href="{text:Link1URL}">{text:Link1Title}</a></li>
    {/block:IfShowLink1} 
    
    {block:IfShowLink2} 
     <li class="mobcont"><a class="mobnavi" href="{text:Link2URL}">{text:Link2Title}</a></li>
    {/block:IfShowLink2} 
    
    {block:IfShowLink3}  
     <li class="mobcont"><a class="mobnavi" href="{text:Link3URL}">{text:Link3Title}</a></li>
    {/block:IfShowLink3} 
    
    {block:IfShowLink4}  
     <li class="mobcont"><a class="mobnavi" href="{text:Link4URL}">{text:Link4Title}</a></li>
    {/block:IfShowLink4} 
    
    {block:IfShowLink5}  
     <li class="mobcont"><a class="mobnavi" href="{text:Link5URL}">{text:Link5Title}</a></li>
    {/block:IfShowLink5} 
    
     <li class="mobcont"><a class="mobnavi" href="/archive">Archive</a></li>
    
     <li class="mobcont"><a class="mobnavi desctoggle">Description</a></li>
     
     <li class="mobcont"><a class="mobnavi searchtoggle"><i class="fa fa-search"></i></a></li><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search">
    </i></i></i></ul><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search">     
 </i></i></i></i></i></i></div><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search">
</i></i></i></i></i></i></i></div><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"> 

{block:PermalinkPage}
   <div class="navigation3">
    <ul>
     <li class="navcont3"><a class="navi3" href="/">Home</a></li>
    {block:IfShowAsk} 
     {block:AskEnabled} 
      <li class="navcont3"><a class="navi3" href="/ask">{AskLabel}</a></li>
     {/block:AskEnabled} 
    {/block:IfShowAsk} 
    
    {block:IfShowSubmit} 
     {block:SubmissionsEnabled}  
      <li class="navcont3"><a class="navi3" href="/submit">{SubmitLabel}</a></li>
     {/block:SubmissionsEnabled}
    {block:IfShowSubmit}  
     
    {block:IfShowLink1}
     <li class="navcont3"><a class="navi3" href="{text:Link1URL}">{text:Link1Title}</a></li>
    {/block:IfShowLink1} 
    
    {block:IfShowLink2} 
     <li class="navcont3"><a class="navi3" href="{text:Link2URL}">{text:Link2Title}</a></li>
    {/block:IfShowLink2} 
    
    {block:IfShowLink3}  
     <li class="navcont3"><a class="navi3" href="{text:Link3URL}">{text:Link3Title}</a></li>
    {/block:IfShowLink3} 
    
    {block:IfShowLink4}  
     <li class="navcont3"><a class="navi3" href="{text:Link4URL}">{text:Link4Title}</a></li>
    {/block:IfShowLink4} 
    
    {block:IfShowLink5}  
     <li class="navcont3"><a class="navi3" href="{text:Link5URL}">{text:Link5Title}</a></li>
    {/block:IfShowLink5} 
    
     <li class="navcont3"><a class="navi3" href="/archive">Archive</a></li>
    
     <li class="navcont3"><a class="navi3 desctoggle">Description</a></li>
     
     <li class="navcont3"><a class="navi3 searchtoggle"><i class="fa fa-search"></i></a></li><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search">
    </i></i></i></ul><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search">
   </i></i></i></i></i></i></div><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search">
{/block:PermalinkPage}

{block:IndexPage}
   <div class="navigation2">
    <ul>
     <li class="navcont2"><a class="navi2" href="/">Home</a></li>
    {block:IfShowAsk} 
     {block:AskEnabled} 
      <li class="navcont2"><a class="navi2" href="/ask">{AskLabel}</a></li>
     {/block:AskEnabled} 
    {/block:IfShowAsk} 
    
    {block:IfShowSubmit} 
     {block:SubmissionsEnabled}  
      <li class="navcont2"><a class="navi2" href="/submit">{SubmitLabel}</a></li>
     {/block:SubmissionsEnabled}
    {block:IfShowSubmit}  
     
    {block:IfShowLink1}
     <li class="navcont2"><a class="navi2" href="{text:Link1URL}">{text:Link1Title}</a></li>
    {/block:IfShowLink1} 
    
    {block:IfShowLink2} 
     <li class="navcont2"><a class="navi2" href="{text:Link2URL}">{text:Link2Title}</a></li>
    {/block:IfShowLink2} 
    
    {block:IfShowLink3}  
     <li class="navcont2"><a class="navi2" href="{text:Link3URL}">{text:Link3Title}</a></li>
    {/block:IfShowLink3} 
    
    {block:IfShowLink4}  
     <li class="navcont2"><a class="navi2" href="{text:Link4URL}">{text:Link4Title}</a></li>
    {/block:IfShowLink4} 
    
    {block:IfShowLink5}  
     <li class="navcont2"><a class="navi2" href="{text:Link5URL}">{text:Link5Title}</a></li>
    {/block:IfShowLink5} 
    
     <li class="navcont2"><a class="navi2" href="/archive">Archive</a></li>
    
     <li class="navcont2"><a class="navi2 desctoggle">Description</a></li>
     
     <li class="navcont2"><a class="navi2 searchtoggle"><i class="fa fa-search"></i></a></li><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search">
    </i></i></i></ul><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search">
   </i></i></i></i></i></i></div><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search">
{/block:IndexPage}

{block:IndexPage}   
 <div id="top">
  <div class="layer1">
  <div class="titleav">   
  
  <div class="avataralign">
   <img src="{image:Banner Avatar Image}" class="{select:Banner Avatar}">
  </div> 
  
  <div class="hitcounter">
   {text:Hitcounter}     
  </div>   
  
   <div class="{select:Header Title}">
    <span style="font-size: 25px;">{Title}</span>
   </div>
   <div class="navigation">
    <ul>
     <li class="navcont"><a class="navi" href="/">Home</a></li>
    {block:IfShowAsk} 
     {block:AskEnabled} 
      <li class="navcont"><a class="navi" href="/ask">{AskLabel}</a></li>
     {/block:AskEnabled} 
    {/block:IfShowAsk} 
    
    {block:IfShowSubmit} 
     {block:SubmissionsEnabled}  
      <li class="navcont"><a class="navi" href="/submit">{SubmitLabel}</a></li>
     {/block:SubmissionsEnabled}
    {block:IfShowSubmit}  
     
    {block:IfShowLink1}
     <li class="navcont"><a class="navi" href="{text:Link1URL}">{text:Link1Title}</a></li>
    {/block:IfShowLink1} 
    
    {block:IfShowLink2} 
     <li class="navcont"><a class="navi" href="{text:Link2URL}">{text:Link2Title}</a></li>
    {/block:IfShowLink2} 
    
    {block:IfShowLink3}  
     <li class="navcont"><a class="navi" href="{text:Link3URL}">{text:Link3Title}</a></li>
    {/block:IfShowLink3} 
    
    {block:IfShowLink4}  
     <li class="navcont"><a class="navi" href="{text:Link4URL}">{text:Link4Title}</a></li>
    {/block:IfShowLink4} 
    
    {block:IfShowLink5}  
     <li class="navcont"><a class="navi" href="{text:Link5URL}">{text:Link5Title}</a></li>
    {/block:IfShowLink5}
    
     <li class="navcont"><a class="navi" href="/archive">Archive</a></li>
    
     <li class="navcont"><a class="navi desctoggle">Description</a></li>
     
     <li class="navcont"><a class="navi searchtoggle"><i class="fa fa-search"></i></a></li><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search">
    </i></i></i></ul><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search">
   </i></i></i></i></i></i></div><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search">
    <div class="socialsection">
     {block:IfShowInstagramButton}
      <a class="social socicon-instagram" href="{text:InstagramLink}"></a>
     {/block:IfShowInstagramButton} 
     {block:IfShowFaceBookButton} 
      <a class="social socicon-facebook" href="{text:FaceBookButtonLink}"></a>
     {/block:IfShowFaceBookButton} 
     {block:IfShowTwitterButton} 
      <a class="social socicon-twitter" href="{text:TwitterLink}"></a>
     {/block:IfShowTwitterButton} 
     {block:IfShowTumblrButton} 
      <a class="social socicon-tumblr" href="{text:TumblrLink}"></a>
     {/block:IfShowTumblrButton} 
     {block:IfShowGooglePlusButton} 
      <a class="social socicon-googleplus" href="{text:GooglePlusLink}"></a>
     {/block:IfShowGooglePlusButton} 
     {block:IfShowTwitchButton} 
      <a class="social socicon-twitch" href="{text:TwitchLink}"></a>
     {/block:IfShowTwitchButton} 
     {block:IfShowPinterestButton} 
      <a class="social socicon-pinterest" href="{text:PinterestLink}"></a>
     {/block:IfShowPinterestButton} 
     {block:IfShowFlickrButton} 
      <a class="social socicon-flickr" href="{text:FlickrLink}"></a>
     {/block:IfShowFlickrButton} 
     {block:IfShow500pxButton} 
      <a class="social socicon-500px" href="{text:500pxLink}"></a>
     {/block:IfShow500pxButton} 
     {block:IfShowWordPressButton} 
      <a class="social socicon-wordpress" href="{text:WordPressLink}"></a>
     {/block:IfShowWordPressButton} 
     {block:IfShowSoundCloudButton} 
      <a class="social socicon-soundcloud" href="{text:SoundCloudLink}"></a>
     {/block:IfShowSoundCloudButton} 
     {block:IfShowSpotifyButton} 
      <a class="social socicon-spotify" href="{text:SpotifyLink}"></a>
     {/block:IfShowSpotifyButton} 
     {block:IfShowVimeoButton} 
      <a class="social socicon-vimeo" href="{text:VimeoLink}"></a>
     {/block:IfShowVimeoButton} 
     {block:IfShowYouTubeButton} 
      <a class="social socicon-youtube" href="{text:YouTubeLink}"></a>
     {/block:IfShowYouTubeButton} 
     {block:IfShowDeviantARTButton} 
      <a class="social socicon-deviantart" href="{text:DeviantARTLink}"></a>
     {/block:IfShowDeviantARTButton} 
     {block:IfShowRedditButton} 
      <a class="social socicon-reddit" href="{text:RedditLink}"></a>
     {/block:IfShowRedditButton} 
     {block:IfShowWebsiteButton} 
      <a class="social fa fa-globe" href="{text:WebsiteLink}"></a>
     {/block:IfShowWebsiteButton} 
   </div>
  </i></i></i></i></i></i></i></div><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search">
   
   <div class="bgimg"></div> 
   <div class="bgimg2"></div> 
  </i></i></i></i></i></i></i></div><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search">
 </i></i></i></i></i></i></i></div><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search">    
{/block:IndexPage}    
</i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></div><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search">

<div id="postcontain"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search">
 <div id="entries"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search">
  {block:Posts}
 <div id="post"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search">
<!---------------------------------------------------
        TEXT POSTS
---------------------------------------------------->
{block:Text}
{block:IndexPage}
<div class="postcontain {select:Post Texture}">

 <div class="postcontent splitter">
   <center><a class="texttitle" href="{Permalink}"><span style="font-size: 25px;">{title}</span></a></center>
   {Body}
 </div>
   
<div class="postcontrolscontain">
 <div class="posttimestamp">
  {block:Date}
    <li class="posttimestampcont"><p class="timeposted">{TimeAgo}</p></li>
  {/block:Date} 
 </div> 
 
 <div class="postlikereb">
    <li class="posttimestampcont">
    <svg width="16" height="16" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
    <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path>
   </svg> 
    {LikeButton size="16"}
   </li>
   
   <li class="posttimestampcont">{ReblogButton size="16" color="grey"}</li>     
 </div>
 
 <div class="postnotes">
  {block:NoteCount}
    <li class="posttimestampcont"><a class="posttimestampcont" href="{Permalink}">{NoteCount}</a></li>
  {/block:NoteCount} 
    <li class="like1"><a class="link1 fa fa-link" href="{Permalink}"></a></li>
 </div>  
</div>  

</div>   
{/block:IndexPage}
{block:PermalinkPage}
</i></i></i><div class="permapagecontain"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search">

 <div class="postperm">
  <center>
   <a class="texttitle" href="{Permalink}"><span style="font-size: 25px;">{title}</span></a>
  </center>
  {Body}
 </div> 
 <div class="permacaptions">
  {block:Caption}{Caption}{/block:Caption} 
 </div>
 
{block:NoteCount}
<div class="notesperm">
 <li><a>This Post Has {NoteCount} Note(s)</a></li>
</div> 
{/block:NoteCount}  

{block:HasTags}
 </i></i></i><div class="tags"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search">  
  <ul>
    {block:Tags}
      <li><a href="{TagURL}"><i class="fa fa-tag">{Tag}</i></a></li><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
    {/block:Tags}
  </i></i></i></ul><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">   
 </i></i></i></i></i></i></i></i></i></div><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
{/block:HasTags}

{block:PostNotes} 
 <div id="notes"> 
   {PostNotes}
 </div> 
{/block:PostNotes} 
 
</i></i></i></i></i></i></i></div><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
{/block:PermalinkPage}
{/block:Text}

<!---------------------------------------------------
        PHOTO POSTS
---------------------------------------------------->
{block:Photo}
{block:IndexPage}
{block:IfEnablePhotoHoverStyle1}
<div class="photocover1 {select:Post Texture}">

<!----> 
 <div class="reblogcontrol {select:Post Texture}">
  <center><li class="reblogbutton1">{ReblogButton size="30" color="black"}</li></center>
 </div>


 {LinkOpenTag}
  <img class="picture" width="100%" src="{PhotoURL-HighRes}">
 {LinkCloseTag}

<div class="controlcontainer1">
 <div class="timestamp1">
  {block:Date}
    <li class="timestampcont1"><p class="timeposted">{TimeAgo}</p></li>
  {/block:Date} 
 </div>
 <div class="controls1">
  {block:NoteCount}
    <li class="notes1"><a class="notecount" href="{Permalink}">{NoteCount}</a></li>
  {/block:NoteCount}
<li class="like1"><a class="link1 fa fa-link" href="{Permalink}"></a></li>  
 </div>  
 
 <div class="likebox1">
 <li class="like1">
 <svg width="16" height="16" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
 <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path>
 </svg> 
 {LikeButton size="16"}
 </li>
 
 </div>
</div>
</div>  
{/block:IfEnablePhotoHoverStyle1}
{block:IfEnablePhotoHoverStyle2}
<div class="photocover2">
 
 <center>
  <div class="rebloglikecontain">
  
  {ReblogButton size="16" color="black"}<br>
  
 <li class="like1">
 <svg width="16" height="16" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
 <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path>
 </svg> 
 {LikeButton size="16"}
 </li>       
  </div>
 </center>
 
 {LinkOpenTag}
 {block:IfEnableLogoImageOnPhotoPosts} 
 <div class="logocontainer">
  <div class="logo">
   <img src="{image:Post Logo Image}">
  </div>
 </div> 
{/block:IfEnableLogoImageOnPhotoPosts}
  <div class="effect1">
  <div class="{select:Photo Hover Variations}"></div>
  </div>
  <img class="picture2" width="100%" src="{PhotoURL-HighRes}">
 {LinkCloseTag}

<div class="controlcontainer2">
 <div class="timestamp2">
  {block:Date}
    <li class="timestampcont2"><p class="timeposted">{TimeAgo}</p></li>
  {/block:Date} 
 </div>
 <div class="controls2">
  {block:NoteCount}
    <li class="notes2"><a class="notecount" href="{Permalink}">{NoteCount}</a></li>
  {/block:NoteCount}
  <li class="like2"><a class="link1 fa fa-link" href="{Permalink}"></a></li>  
 </div>  

</div>
</div> 
{/block:IfEnablePhotoHoverStyle2}
{block:IfEnablePhotoHoverStyle3}
<div class="photocover3">
 
 <center>
  <div class="rebloglikecontain2">
  
  {ReblogButton size="35" color="black"}
  
  </div>
 </center>
 

 
 {LinkOpenTag}
{block:IfEnableLogoImageOnPhotoPosts} 
 <div class="logocontainer">
  <div class="logo">
   <img src="{text:Post Logo Image}{image:Post Logo Image}">
  </div>
 </div> 
{/block:IfEnableLogoImageOnPhotoPosts}
  <div class="containeffects">
   <div class="gradwash"></div>
   <div class="{select:Photo Hover Variations}"></div>
  </div>
  <img class="picture3" width="100%" src="{PhotoURL-HighRes}">
 {LinkCloseTag}

<div class="controlcontainer3">
 <div class="timestamp3">
  {block:Date}
    <li class="timestampcont3"><p class="timeposted">{TimeAgo}</p></li>
  {/block:Date} 
 </div>
 <div class="controls3">
  {block:NoteCount}
    <li class="notes3"><a class="notecount" href="{Permalink}">{NoteCount}</a></li>
  {/block:NoteCount}
  <li class="like3"><a class="link1 fa fa-link" href="{Permalink}"></a></li>  
 </div>
 
 <div class="likebox1">
 <li class="like1">
 <svg width="16" height="16" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
 <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path>
 </svg> 
 {LikeButton size="16"}
 </li> 
 </div>
</div>
</div> 
{/block:IfEnablePhotoHoverStyle3}
{/block:IndexPage}
{block:PermalinkPage}
<div class="permapagecontain">

 <div class="postperm">
 {LinkOpenTag}
  <img class="picture" width="100%" src="{PhotoURL-HighRes}">
 {LinkCloseTag} 
 </div> 
 <div class="permacaptions">
  {block:Caption}{Caption}{/block:Caption} 
 </div>
 
{block:NoteCount}
<div class="notesperm">
 <li><a>This Post Has {NoteCount} Note(s)</a></li>
</div> 
{/block:NoteCount}  

{block:HasTags}
 <div class="tags">  
  <ul>
    {block:Tags}
      <li><a href="{TagURL}"><i class="fa fa-tag">{Tag}</i></a></li><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
    {/block:Tags}
  </i></i></i></ul><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">   
 </i></i></i></i></i></i></div><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
{/block:HasTags}

{block:PostNotes} 
 <div id="notes"> 
   {PostNotes}
 </div> 
{/block:PostNotes} 
  
 
</i></i></i></i></i></i></i></div><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
{/block:PermalinkPage}
{/block:Photo}

/*///PHOTOPOST3///*/
.logocontainer
{
  position:absolute;
  width:100%;
  height:auto;
  z-index:2;
  bottom:0;
  left:0;
  right:0;  
  opacity:0;
  padding-top:-20px;
  transition:ease-in-out .2s;
}
.logo
{
  width:{text:Post Logo Image Width}px;
  height:auto;
  margin:0 auto;
}
.photocover2:hover .logocontainer
{
  opacity:1;
  bottom:{text:Post Logo Height}px;
}
.photocover3:hover .logocontainer
{
  opacity:1;
  bottom:{text:Post Logo Height}px;
}
.timestampcont3, .notes3, .like3
{
  display:inline-block;
  list-style:none;
}
.controls3, .timestamp3
{
  position:absolute;
  z-index:1;
  margin-top:-24px;
}
.notes3
{
  font-weight:bolder;
}
.timestamp3
{
  left:5px;
  font-size:12px;
  color:#ccc;
}
.controls3
{
  right:25px;
}
.reblogbutton3
{
  list-style:none;
  line-height:82px;
}
.rebloglikecontain2
{
  position:absolute;
  width:40px;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  margin-top:30px;
  opacity:0;
  z-index:3;
  transition:ease-in-out .2s;
}
.photocover3
{
  box-shadow:0px 2px  4px rgba({text:Post Shadow Colour RGB}, 0.5);
  word-break:break-word;
}
.controlcontainer3
{
  opacity:0;
  transition:ease-in-out .5s;
}
.photocover3 img
{
  margin-bottom:-3px;
  border-bottom-right-radius:3px;
  border-bottom-left-radius:3px;
}
.photocover3:hover .containeffects
{
  opacity:1;
}
.photocover3:hover .controlcontainer3
{
  opacity:1;
}
.photocover3:hover .rebloglikecontain2
{
  opacity:1;
  margin-top:0px;
}
.containeffects
{
  opacity:0;
  transition:ease-in-out .2s;
}
.gradwash
{
  background: -webkit-radial-gradient(circle, rgba({text:RGB Value Photo Hover Colour}, 0.1), rgba({text:RGB Value Photo Hover Colour}, 0.8));
  background: -o-radial-gradient(circle, rgba({text:RGB Value Photo Hover Colour}, 0.1), rgba({text:RGB Value Photo Hover Colour}, 0.8));
  background: -moz-radial-gradient(circle, rgba({text:RGB Value Photo Hover Colour}, 0.1), rgba({text:RGB Value Photo Hover Colour}, 0.8)); 
  background: radial-gradient(circle, rgba({text:RGB Value Photo Hover Colour}, 0.1), rgba({text:RGB Value Photo Hover Colour}, 0.8));  
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);  
  position:absolute;
  height:100%;
  width:100%;
  transition:ease-in-out .2s;
  border-radius:3px;
  padding-top:1px;
}
.photoeffect1
{
  background-image:url(http://i.imgur.com/K6xPz8V.png);
  background-size:30px;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);  
  position:absolute;
  height:100%;
  width:100%;
  transition:ease-in-out .2s;
  border-radius:3px;
  padding-top:1px;
}
.photoeffect2
{
  background-image:url(http://i.imgur.com/NV6aMkE.png);
  background-size:40px;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);  
  position:absolute;
  opacity:0.2;
  height:100%;
  width:100%;
  transition:ease-in-out .2s;
  border-radius:3px;
  padding-top:1px;
}
.photoeffect3
{
  background-image:url(http://i.imgur.com/r34zHMn.png);
  background-size:3px;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);  
  position:absolute;
  opacity:0.2;
  height:100%;
  width:100%;
  transition:ease-in-out .2s;
  border-radius:3px;
  padding-top:1px;
}
.photoeffect4
{

}
.photoeffect5
{
  background-image:url(http://i.imgur.com/ICrFRri.png);
  background-size:20px;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);  
  position:absolute;
  opacity:0.8;
  height:100%;
  width:100%;
  transition:ease-in-out .2s;
  border-radius:3px;
  padding-top:1px;
}
.photoeffect6
{
  background-image:url(http://i.imgur.com/HysmoEF.png);
  background-size:90px;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);  
  position:absolute;
  opacity:0.8;
  height:100%;
  width:100%;
  transition:ease-in-out .2s;
  border-radius:3px;
  padding-top:1px;
}
.photoeffect7
{
  background-image:url(http://i.imgur.com/erEtTkM.png);
  background-size:380px;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);  
  position:absolute;
  opacity:0.2;
  height:100%;
  width:100%;
  transition:ease-in-out .2s;
  border-radius:3px;
  padding-top:1px;
}
.photoeffect8
{
  background-image:url(http://i.imgur.com/cvTAdZu.png);
  background-size:780px;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);  
  position:absolute;
  opacity:0.1;
  height:100%;
  width:100%;
  transition:ease-in-out .2s;
  border-radius:3px;
  padding-top:1px;
}
.photoeffect9
{
  background-image:url(http://i.imgur.com/H53xKT1.png);
  background-size:580px;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);  
  position:absolute;
  opacity:0.07;
  height:100%;
  width:100%;
  transition:ease-in-out .2s;
  border-radius:3px;
  padding-top:1px;
}
.photoeffect10
{
  background-image:url(http://i.imgur.com/5ld2UNe.png);
  background-size:580px;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);  
  position:absolute;
  opacity:0.07;
  height:100%;
  width:100%;
  transition:ease-in-out .2s;
  border-radius:3px;
  padding-top:1px;
}
.photoeffect11
{
  background-image:url(http://i.imgur.com/YhNSCHG.png);
  background-size:100px;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);  
  position:absolute;
  opacity:0.4;
  height:100%;
  width:100%;
  transition:ease-in-out .2s;
  border-radius:3px;
  padding-top:1px;
}
.photoeffect12
{
  background-image:url(http://i.imgur.com/CYKpAPs.png);
  background-size:250px;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);  
  position:absolute;
  opacity:0.7;
  height:100%;
  width:100%;
  transition:ease-in-out .2s;
  border-radius:3px;
  padding-top:1px;
}
/*///PHOTOPOST2///*/
.photocover2:hover .effect1
{
  width:100%;
  opacity:1;
}
.photocover2:hover .controlcontainer2
{
  opacity:1;
}
.photocover2:hover .rebloglikecontain
{
  opacity:1;
  margin-top:0px;
}
.rebloglikecontain
{
  position:absolute;
  width:40px;
  top:50%;
  left:50%;
  margin-top:-30px;
  transform:translate(-50%, -50%);
  opacity:0;
  z-index:3;
  transition:ease-in-out .2s;
}
.controlcontainer2
{
  opacity:0;
  transition:ease-in-out .3s;
} 
.photocover2 img
{
  margin-bottom:-3px;
  border-bottom-right-radius:3px;
  border-bottom-left-radius:3px;
}
.effect1
{
  background: -webkit-radial-gradient(circle, rgba({text:RGB Value Photo Hover Colour}, 0.1), rgba({text:RGB Value Photo Hover Colour}, 0.8));
  background: -o-radial-gradient(circle, rgba({text:RGB Value Photo Hover Colour}, 0.1), rgba({text:RGB Value Photo Hover Colour}, 0.8));
  background: -moz-radial-gradient(circle, rgba({text:RGB Value Photo Hover Colour}, 0.1), rgba({text:RGB Value Photo Hover Colour}, 0.8)); 
  background: radial-gradient(circle, rgba({text:RGB Value Photo Hover Colour}, 0.1), rgba({text:RGB Value Photo Hover Colour}, 0.8));  
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);  
  position:absolute;
  height:100%;
  width:0;
  opacity:0;
  transition:ease-in-out .2s;
  border-radius:3px;
  padding-top:1px;
}
.photocover2
{
  box-shadow:0px 2px  4px rgba({text:Post Shadow Colour RGB}, 0.5);
  word-break:break-word;
}
.timestampcont2, .notes2, .like2
{
  display:inline-block;
  list-style:none;
}
.controls2, .timestamp2
{
  position:absolute;
  z-index:1;
  margin-top:-24px;
}
.notes2
{
  font-weight:bolder;
}
.timestamp2
{
  left:5px;
  font-size:12px;
  color:#ccc;
}
.controls2
{
  right:5px;
}
.reblogbutton2
{
  list-style:none;
  line-height:82px;
}
/*///PHOTOPOST1///*/
.timestampcont1, .notes1, .like1
{
  display:inline-block;
  list-style:none;
}
.controls1, .timestamp1
{
  position:absolute;
  z-index:1;
  margin-top:-24px;
}
.likebox1
{
  position:absolute;
  margin-top:-25px;
  right:5px;
}
.notes1
{
  font-weight:bolder;
}
.timestamp1
{
  left:5px;
  font-size:12px;
  color:#ccc;
}
.controls1
{
  right:25px;
}
.reblogbutton1
{
  list-style:none;
  line-height:82px;
}
.reblogcontrol
{
  width:60px;
  height:60px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  background-color:{color:Reblog Background Colour};/*#fff*/
  border-radius:5px;
  opacity:0;
  transition:ease-in-out .1s;
  margin-top:-20px;
}
.photocover1:hover .reblogcontrol
{
  opacity:1;
  margin-top:0px;
}
.controlcontainer1
{
  opacity:0;
}
.photocover1:hover .controlcontainer1
{
  opacity:1;
}
.photocover1
{
  background-color:{color:Post Colour};/*#fff*/
  border-top-right-radius:3px;
  border-top-left-radius:3px;   
  border-bottom-right-radius:3px;
  border-bottom-left-radius:3px;   
  overflow:hidden;
  box-shadow:0px 2px  4px rgba({text:Post Shadow Colour RGB}, 0.5);
  word-break:break-word;
}
.picture
{
  margin-bottom:-4px;
  margin-top:0px;
  transition:ease-in-out .1s;
  background-color:{color:Post Colour};/*#fff*/
  margin-bottom:-4px;
}
.photocover1:hover .picture
{
  margin-bottom:-4px;
  padding-bottom:35px;
  margin-top:-35px; 
}
.like1 {
    position: relative;
}
.like1 svg path 
{
    fill:{color:Like Colour};/*#ccc*/
}
.like1 .like_button 
{
    position:absolute;
    top:0;
    opacity:0;
}
.like1 .like_button.liked 
{
    opacity:1;
}
/*///PERMALINK POSTS///*/
.permapagecontain
{
  background-color:{color:Post Colour};
  width:700px;
  margin-left:565px;
  font-size:13px;
  border-top-right-radius:3px;
  border-top-left-radius:3px; 
  transition:ease-in-out .3s;
  margin-top:65px;
  word-break:break-word;
}
.vidpermapagecontain
{
  background-color:{color:Post Colour};
  width:300px;
  margin-left:765px;
  font-size:11px;
  border-top-right-radius:3px;
  border-top-left-radius:3px; 
  transition:ease-in-out .3s;
  margin-top:65px;
  word-break:break-word;
}
.notesperm
{
  border-top:1px solid {color:Post Accent Colour};/*#ccc*/
  text-align:center;
  padding:10px 0px;
  cursor:default;
}
.notesperm li
{
  list-style:none;
}
.tags li
{
  display:inline-block;
  margin:5px;
  list-style:none;
  font-weight:bold;
  font-size:11px;
}
.tags
{
  border-top:1px solid {color:Post Accent Colour};/*#ccc*/
}
.permvideo iframe
{
  width:300px;
}
.permapagecontain ul
{
  margin-left:20px;
  padding:10px;
}
.permapagecontain ol
{
  margin-left:20px;
  padding:10px;
}
.permapagecontain p
{
  padding:5px;
}
.paddingspace
{
  padding:5px;
}
.permacaptions
{
}
#notes
{
  text-align:center;
  padding-top:10px;
  border-top:1px solid {color:Post Accent Colour};/*#ccc*/
}
#notes img
{
  display:none;
}
#notes ol
{
  list-style:none;
}
#notes ul
{
  list-style:none;
}
/*///////////////////////////////*/
/*///////////////////////////////*/
#postcontain
{
  width:100%;
  z-index:3;   
  position:absolute;
  background-color:{color:Background Colour};/*#3d3d3d*/   
  word-break:break-word;
}
#entries
{ 
  width:1860px;
  margin:0 auto;
  margin-top:10px;
}
#post
{
  width:300px;
  height:auto;
  margin:5px;
  float:left;
  font-size:13px;
  color:{color:Post Text Colour};/*#7a7a7a*/
  transition:ease-in-out .3s;
  font-family:{font:Post Font};
}
/*///DYNAMICS///*/
@media only screen and (max-width:1870px){
  #entries
  { 
    width:1550px;
    margin:0 auto;
    margin-top:10px;
  }
  .permapagecontain
  {
    margin-left:420px;
  } 
  .vidpermapagecontain
  {
    margin-left:620px;
  }  
}
@media only screen and (max-width:1600px){
  #entries
  { 
    width:1240px;
    margin:0 auto;
    margin-top:10px;
  } 
  .permapagecontain
  {
    margin-left:270px;
  }
  .vidpermapagecontain
  {
    margin-left:470px;
  }
}
@media only screen and (max-width:1400px){
  #entries
  { 
    width:930px;
    margin:0 auto;
    margin-top:10px;
  }    
  .permapagecontain
  {
    margin-left:115px;
  }
  .vidpermapagecontain
  {
    margin-left:300px;
  }  
}
@media only screen and (max-width:1100px){
  #entries
  { 
    width:620px;
    margin:0 auto;
    margin-top:10px;
  } 
  .permapagecontain
  {
    margin-left:-35px;
  }
  .vidpermapagecontain
  {
    margin-left:165px;
  }   
}
@media only screen and (max-width:900px){
  #entries
  { 
    width:310px;
    margin:0 auto;
    margin-top:10px;
  }    
  #mobilebox
  {
    z-index:4;
    animation:ease mobilebox .2s;
    opacity:1;
  }  
  @keyframes mobilebox{
    0%
    {
      margin-left:-60px;
    }
    100%
    {
      margin-left:0px;
    }
  }
  .titleav
  {
    /**/display:none;
  }  
  .navigation2, .navigation3
  {
    display:none;
  } 
  .permapagecontain
  {
    width:300px;
    margin-left:0px;
    font-size:11px;
  }
  .vidpermapagecontain
  {
    margin-left:0px;
  } 
}
@media only screen and (max-width:750px){
    
}
@media only screen and (max-width:500px){
    
}
.video, .video iframe
{
  width:300px;
}
.html_photoset iframe
{
  width:300px;
}
#post a
{
  text-decoration:none;
  color:{color:Post Link Colour};/*#ccc*/
  transition:ease-in-out .2s;
}
#post a:hover
{
  color:{color:Post Link Hover Colour};/*#ccc*/
}
#post img
{
  width:100%;
  height:auto;
  border-top-right-radius:3px;
  border-top-left-radius:3px;
}
#post, .photoset, .video iframe
{
  border-top-right-radius:3px;
  border-top-left-radius:3px;
}
#youtube_iframe
{
  width:100%;
  height:auto;
}
blockquote
{
  margin:10px;
  border-left:1px solid {color:Caption Border Left Colour};/*#7a7a7a*/
  border-bottom:1px dashed {color:Caption Border Bottom Colour};/*#ccc*/  
  padding-left:5px;
  word-break:break-word;
}
{block:IndexPage}
#post 
{
  opacity:0;
  z-index:-1;
}
{/block:IndexPage}
/*///OTHERPOSTS///*/
.questioncontain
{
  background-color:{color:Question Background Colour};/*#f2f2f2*/
  padding:5px;
  border-radius:3px;
  margin-bottom:10px;
}
.splitter
{
  border-bottom:1px solid {color:Post Accent Colour};/*#ccc*/
}
.linkpostcontent p
{
  padding:5px;  
}
.postcontent
{
  padding:5px;  
}
.postcontent p
{
  padding:5px;  
}
.postcontent li
{
  padding:5px;  
  margin-left:20px;
}
.reblog_button svg path 
{ 
  fill:{color:Reblog Button Colour};/*#ccc*/ 
}
.posttimestampcont 
{
  position:relative;
}
.posttimestampcont svg  
{
  fill:{color:Like Colour};/*#ccc*/
}
.posttimestampcont .like_button 
{
  position:absolute;
  top:0;
  opacity:0;
}
.posttimestampcont .like_button.liked 
{
  opacity:1;
}
.postcontain
{
  background-color:{color:Post Colour};/*#fff*/
  border-top-right-radius:3px;
  border-top-left-radius:3px;   
  border-bottom-right-radius:3px;
  border-bottom-left-radius:3px;   
  overflow:hidden;
  box-shadow:0px 2px  4px rgba({text:Post Shadow Colour RGB}, 0.5);
  padding-bottom:6px;
}
.photoset
{
  padding-bottom:-4px;
}
.posttimestampcont
{
  display:inline-block;
  list-style:none;
}
.postlikereb
{
  float:right;
  margin-right:5px;
  margin-top:-1px;
}
.postnotes
{
  float:right;
  margin-right:5px;
  font-weight:bolder;  
}
.posttimestamp
{
  float:left;
  margin-left:5px;
  font-size:12px;
}
.timeposted
{
  color:{color:Time Stamp Colour};/*#ccc*/ 
}
.postcontrolscontain
{
  margin-top:8px;
}
/*///POST TEXTURES///*/
.texture0
{
  
}
.texture1
{
  background-image:url(http://i.imgur.com/NUFG8tl.png);
  background-size:20px;
}
.texture2
{
  background-image:url(http://i.imgur.com/timVtII.png);
  background-size:35px;
}
.texture3
{
  background-image:url(http://i.imgur.com/6Nb3AdI.png);
  background-size:20px;
}
.texture4
{
  background-image:url(http://i.imgur.com/guA9BHE.png);
  background-size:150px;
}

<!---------------------------------------------------
        PHOTOSET POSTS
---------------------------------------------------->
{block:Photoset}
{block:IndexPage}
<div class="postcontain {select:Post Texture}">

<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>

<div class="postcontrolscontain">
 <div class="posttimestamp">
  {block:Date}
    <li class="posttimestampcont"><p class="timeposted">{TimeAgo}</p></li>
  {/block:Date} 
 </div> 
 
 <div class="postlikereb">
    <li class="posttimestampcont">
    <svg width="16" height="16" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
    <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path>
   </svg> 
    {LikeButton size="16"}
   </li>
   
   <li class="posttimestampcont">{ReblogButton size="16" color="grey"}</li>     
 </div>
 
 <div class="postnotes">
  {block:NoteCount}
    <li class="posttimestampcont"><a class="posttimestampcont" href="{Permalink}">{NoteCount}</a></li>
  {/block:NoteCount} 
  <li class="like1"><a class="link1 fa fa-link" href="{Permalink}"></a></li>
 </div>  
</div>
</div>  
{/block:IndexPage}
{block:PermalinkPage}
<div class="permapagecontain">

 <div class="postperm">
<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div> 
 </div> 
 <div class="permacaptions">
  {block:Caption}{Caption}{/block:Caption} 
 </div>
 
{block:NoteCount}
<div class="notesperm">
 <li><a>This Post Has {NoteCount} Note(s)</a></li>
</div> 
{/block:NoteCount}  

{block:HasTags}
 <div class="tags">  
  <ul>
    {block:Tags}
      <li><a href="{TagURL}"><i class="fa fa-tag">{Tag}</i></a></li><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
    {/block:Tags}
  </i></i></i></ul><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">   
 </i></i></i></i></i></i></div><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
{/block:HasTags}

{block:PostNotes} 
 <div id="notes"> 
   {PostNotes}
 </div> 
{/block:PostNotes} 
 
</i></i></i></i></i></i></i></div><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
{/block:PermalinkPage}
{/block:Photoset}
<!---------------------------------------------------
        ANSWER POSTS
---------------------------------------------------->
{block:Answer}
{block:IndexPage}
</i></i></i><div class="postcontain {select:Post Texture}"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">

 <div class="postcontent splitter">
  <div class="questioncontain">
    <a href="{URL}">{Asker} asked:</a>
    <p>{Question}</p><i class="fa fa-quote-right" style="font-size:9px;">
  </i></div><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;">  
   {block:Answerer}
   <a href="">{Answerer}</a>
   {/block:Answerer}
   {Answer}
 </i></i></i></div><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;">
   
<div class="postcontrolscontain">
 <div class="posttimestamp">
  {block:Date}
    <li class="posttimestampcont"><p class="timeposted">{TimeAgo}</p></li>
  {/block:Date} 
 </div> 
 
 <div class="postlikereb">
    <li class="posttimestampcont">
    <svg width="16" height="16" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
    <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path>
   </svg> 
    {LikeButton size="16"}
   </li>
   
   <li class="posttimestampcont">{ReblogButton size="16" color="grey"}</li>     
 </div>
 
 <div class="postnotes">
  {block:NoteCount}
    <li class="posttimestampcont"><a class="posttimestampcont" href="{Permalink}">{NoteCount}</a></li>
  {/block:NoteCount} 
  <li class="like1"><a class="link1 fa fa-link" href="{Permalink}"></a></li>
 </div>  
</div>  

</i></i></i></i></i></i></i></i></i></div><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"> 
{/block:IndexPage}
{block:PermalinkPage}
<div class="permapagecontain">

 <div class="postperm paddingspace">
  <div class="questioncontain">
    <a href="{URL}">{Asker} asked:</a>
    <p>{Question}</p><i class="fa fa-quote-right" style="font-size:9px;">
  </i></div><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;">  
   {block:Answerer}
   <a href="">{Answerer}</a>
   {/block:Answerer}
   {Answer} 
 </i></i></i></div><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"> 
 <div class="permacaptions">
  {block:Caption}{Caption}{/block:Caption} 
 </div>
 
{block:NoteCount}
<div class="notesperm">
 <li><a>This Post Has {NoteCount} Note(s)</a></li>
</div> 
{/block:NoteCount}  

{block:HasTags}
 </i></i></i><div class="tags"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;">  
  <ul>
    {block:Tags}
      <li><a href="{TagURL}"><i class="fa fa-tag">{Tag}</i></a></li><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
    {/block:Tags}
  </i></i></i></ul><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">   
 </i></i></i></i></i></i></i></i></i></div><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
{/block:HasTags}

{block:PostNotes} 
 <div id="notes"> 
   {PostNotes}
 </div> 
{/block:PostNotes} 
 
</i></i></i></i></i></i></i></i></i></i></div><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-tag">
{/block:PermalinkPage}
{/block:Answer}
<!---------------------------------------------------
        QUOTE POSTS
---------------------------------------------------->
{block:Quote}
{block:IndexPage}
<div class="postcontain {select:Post Texture}">

 <div class="postcontent splitter">
  <center>
    {Quote}
    {block:source}
    -{Source}
    {/block:source}
  </center>  
 </div>
   
<div class="postcontrolscontain">
 <div class="posttimestamp">
  {block:Date}
    <li class="posttimestampcont"><p class="timeposted">{TimeAgo}</p></li>
  {/block:Date} 
 </div> 
 
 <div class="postlikereb">
    <li class="posttimestampcont">
    <svg width="16" height="16" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
    <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path>
   </svg> 
    {LikeButton size="16"}
   </li>
   
   <li class="posttimestampcont">{ReblogButton size="16" color="grey"}</li>     
 </div>
 
 <div class="postnotes">
  {block:NoteCount}
    <li class="posttimestampcont"><a class="posttimestampcont" href="{Permalink}">{NoteCount}</a></li>
  {/block:NoteCount}
  <li class="like1"><a class="link1 fa fa-link" href="{Permalink}"></a></li>
 </div>  
</div>  

</div>     
{/block:IndexPage}
{block:PermalinkPage}
</i></i></i></i></i></i></i><div class="permapagecontain"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;">

 <div class="postperm  paddingspace">
  <center>
    {Quote}
    {block:source}
    -{Source}
    {/block:source}
  </center>  
 </div> 
 <div class="permacaptions">
  {block:Caption}{Caption}{/block:Caption} 
 </div>
 
{block:NoteCount}
<div class="notesperm">
 <li><a>This Post Has {NoteCount} Note(s)</a></li>
</div> 
{/block:NoteCount}  

{block:HasTags}
 </i></i></i><div class="tags"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;">  
  <ul>
    {block:Tags}
      <li><a href="{TagURL}"><i class="fa fa-tag">{Tag}</i></a></li><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
    {/block:Tags}
  </i></i></i></ul><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">   
 </i></i></i></i></i></i></i></i></i></div><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
{/block:HasTags}

{block:PostNotes} 
 <div id="notes"> 
   {PostNotes}
 </div> 
{/block:PostNotes} 
 
</i></i></i></i></i></i></i></div><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
{/block:PermalinkPage}
{/block:Quote}
<!---------------------------------------------------
        LINK POSTS
---------------------------------------------------->
{block:Link}
{block:IndexPage}
<div class="postcontain {select:Post Texture}">

 <div class="linkpostcontent splitter">
  <img src="{Thumbnail}" alt="{Name}">
  <br><br>
  <center><a href="{URL}" {target}=""><span style="font-size: 25px;">{Name}</span></a></center>   
  <br>
 </div>
  
<div class="postcontrolscontain">
 <div class="posttimestamp">
  {block:Date}
    <li class="posttimestampcont"><p class="timeposted">{TimeAgo}</p></li>
  {/block:Date} 
 </div> 
 
 <div class="postlikereb">
    <li class="posttimestampcont">
    <svg width="16" height="16" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
    <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path>
   </svg> 
    {LikeButton size="16"}
   </li>
   
   <li class="posttimestampcont">{ReblogButton size="16" color="grey"}</li>     
 </div>
 
 <div class="postnotes">
  {block:NoteCount}
    <li class="posttimestampcont"><a class="posttimestampcont" href="{Permalink}">{NoteCount}</a></li>
  {/block:NoteCount}
  <li class="like1"><a class="link1 fa fa-link" href="{Permalink}"></a></li>
 </div>  
</div>  

</div>   
{/block:IndexPage}
{block:PermalinkPage}
<div class="permapagecontain">

 <div class="postperm">
  <img src="{Thumbnail}" alt="{Name}">
  <br><br>
  <center><a href="{URL}" {target}=""><span style="font-size: 25px;">{Name}</span></a></center>   
  <p>{Description}</p>
  <br> 
 </div> 
 <div class="permacaptions">
  {block:Caption}{Caption}{/block:Caption} 
 </div>
 
{block:NoteCount}
<div class="notesperm">
 <li><a>This Post Has {NoteCount} Note(s)</a></li>
</div> 
{/block:NoteCount}  

{block:HasTags}
 <div class="tags">  
  <ul>
    {block:Tags}
      <li><a href="{TagURL}"><i class="fa fa-tag">{Tag}</i></a></li><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
    {/block:Tags}
  </i></i></i></ul><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">   
 </i></i></i></i></i></i></div><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
{/block:HasTags}

{block:PostNotes} 
 <div id="notes"> 
   {PostNotes}
 </div> 
{/block:PostNotes} 
 
</i></i></i></i></i></i></i></div><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
{/block:PermalinkPage}
{/block:Link}
<!---------------------------------------------------
        CHAT POSTS
---------------------------------------------------->
{block:Chat}
{block:IndexPage}


<div class="postcontain {select:Post Texture}">

 <div class="postcontent splitter">
   <center>{block:Title}<span style="font-size: 25px;">{Title}</span>{/block:Title}</center>
   {block:Lines}{block:Label}{Label} {Line}<br><br>{/block:Label}{/block:Lines} 
 </div>
   
<div class="postcontrolscontain">
 <div class="posttimestamp">
  {block:Date}
    <li class="posttimestampcont"><p class="timeposted">{TimeAgo}</p></li>
  {/block:Date} 
 </div> 
 
 <div class="postlikereb">
    <li class="posttimestampcont">
    <svg width="16" height="16" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
    <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path>
   </svg> 
    {LikeButton size="16"}
   </li>
   
   <li class="posttimestampcont">{ReblogButton size="16" color="grey"}</li>     
 </div>
 
 <div class="postnotes">
  {block:NoteCount}
    <li class="posttimestampcont"><a class="posttimestampcont" href="{Permalink}">{NoteCount}</a></li>
  {/block:NoteCount} 
  <li class="like1"><a class="link1 fa fa-link" href="{Permalink}"></a></li>
 </div>  
</div>  

</div> 
{/block:IndexPage}
{block:PermalinkPage}
<div class="permapagecontain">

 <div class="postperm paddingspace">
   <center>{block:Title}<span style="font-size: 25px;">{Title}</span>{/block:Title}</center>
   {block:Lines}{block:Label}{Label}{Line}<br><br>{/block:Label}{/block:Lines}  
 </div> 
 <div class="permacaptions">
  {block:Caption}{Caption}{/block:Caption} 
 </div>
 
{block:NoteCount}
<div class="notesperm">
 <li><a>This Post Has {NoteCount} Note(s)</a></li>
</div> 
{/block:NoteCount}  

{block:HasTags}
 <div class="tags">  
  <ul>
    {block:Tags}
      <li><a href="{TagURL}"><i class="fa fa-tag">{Tag}</i></a></li><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
    {/block:Tags}
  </i></i></i></ul><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">   
 </i></i></i></i></i></i></div><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
{/block:HasTags}

{block:PostNotes} 
 <div id="notes"> 
   {PostNotes}
 </div> 
{/block:PostNotes} 
 
</i></i></i></i></i></i></i></div><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
{/block:PermalinkPage}
{/block:Chat}
<!---------------------------------------------------
        VIDEO POSTS
---------------------------------------------------->
{block:Video}
{block:IndexPage}
<div class="postcontain {select:Post Texture}">

 <div class="linkpostcontent">
   <div class="video">{Video-500}</div>
 </div>
   
<div class="postcontrolscontain">
 <div class="posttimestamp">
  {block:Date}
    <li class="posttimestampcont"><p class="timeposted">{TimeAgo}</p></li>
  {/block:Date} 
 </div> 
 
 <div class="postlikereb">
    <li class="posttimestampcont">
    <svg width="16" height="16" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
    <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path>
   </svg> 
    {LikeButton size="16"}
   </li>
   
   <li class="posttimestampcont">{ReblogButton size="16" color="grey"}</li>     
 </div>
 
 <div class="postnotes">
  {block:NoteCount}
    <li class="posttimestampcont"><a class="posttimestampcont" href="{Permalink}">{NoteCount}</a></li>
  {/block:NoteCount}
  <li class="like1"><a class="link1 fa fa-link" href="{Permalink}"></a></li>
 </div>  
</div>  

</div>    
{/block:IndexPage}
{block:PermalinkPage}
<div class="vidpermapagecontain">

 <div class="postperm">
  <div class="permvideo">{Video-500}</div> 
 </div> 
 <div class="permacaptions">
  {block:Caption}{Caption}{/block:Caption} 
 </div>
 
{block:NoteCount}
<div class="notesperm">
 <li><a>This Post Has {NoteCount} Note(s)</a></li>
</div> 
{/block:NoteCount}  

{block:HasTags}
 <div class="tags">  
  <ul>
    {block:Tags}
      <li><a href="{TagURL}"><i class="fa fa-tag">{Tag}</i></a></li><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
    {/block:Tags}
  </i></i></i></ul><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">   
 </i></i></i></i></i></i></div><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
{/block:HasTags}

{block:PostNotes} 
 <div id="notes"> 
   {PostNotes}
 </div> 
{/block:PostNotes} 
 
</i></i></i></i></i></i></i></div><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
{/block:PermalinkPage}
{/block:Video}
<!---------------------------------------------------
        AUDIO POSTS
---------------------------------------------------->
{block:Audio}

{block:IndexPage}
<div class="postcontain {select:Post Texture}">

 <div class="linkpostcontent">
 {block:AlbumArt}
  <img src="{AlbumArtURL}">
 {/block:AlbumArt} 
 {block:AudioPlayer}
  {AudioPlayer}
 {/block:AudioPlayer}
 </div>
   
<div class="postcontrolscontain">
 <div class="posttimestamp">
  {block:Date}
    <li class="posttimestampcont"><p class="timeposted">{TimeAgo}</p></li>
  {/block:Date} 
 </div> 
 
 <div class="postlikereb">
    <li class="posttimestampcont">
    <svg width="16" height="16" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
    <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path>
   </svg> 
    {LikeButton size="16"}
   </li>
   
   <li class="posttimestampcont">{ReblogButton size="16" color="grey"}</li>     
 </div>
 
 <div class="postnotes">
  {block:NoteCount}
    <li class="posttimestampcont"><a class="posttimestampcont" href="{Permalink}">{NoteCount}</a></li>
  {/block:NoteCount} 
  <li class="like1"><a class="link1 fa fa-link" href="{Permalink}"></a></li>
 </div>  
</div>  

</div>       
{/block:IndexPage}
{block:PermalinkPage}
<div class="permapagecontain">

 <div class="postperm">
  {block:AlbumArt}
   <img src="{AlbumArtURL}">
  {/block:AlbumArt} 
    {block:AudioPlayer}
    {AudioPlayer}
    {/block:AudioPlayer}  
   <center>
    {block:TrackName}Track: {TrackName}{/block:TrackName}<br>
    {block:Artist}Artist: {Artist}{/block:Artist}<br>
    {block:Album}Album: {Album}{/block:Album}<br>
    {block:Playcount}Play count: {FormattedPlayCount}{/block:Playcount}
   </center>
 </div> 
 <div class="permacaptions">
  {block:Caption}{Caption}{/block:Caption} 
 </div>
 
{block:NoteCount}
<div class="notesperm">
 <li><a>This Post Has {NoteCount} Note(s)</a></li>
</div> 
{/block:NoteCount}  

{block:HasTags}
 <div class="tags">  
  <ul>
    {block:Tags}
      <li><a href="{TagURL}"><i class="fa fa-tag">{Tag}</i></a></li><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
    {/block:Tags}
  </i></i></i></ul><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">   
 </i></i></i></i></i></i></div><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
{/block:HasTags}

{block:PostNotes} 
 <div id="notes"> 
   {PostNotes}
 </div> 
{/block:PostNotes} 
 
</i></i></i></i></i></i></i></div><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
{/block:PermalinkPage}
{/block:Audio}
 </i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></div><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
  {/block:Posts}
  
<!--  
 <div class="column navigation" id="navigation">
  {block:Pagination}
  
   {block:PreviousPage}
   <a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>
   {/block:PreviousPage}
   
   {block:NextPage}
   <a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>
   {/block:NextPage}
   
  {/block:Pagination}
 </div>
-->
 </i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></div><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">

{block:Pagination}
</i></i></i></i></i></i></i></i></i><center><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag">
<div class="pagination">
{block:PreviousPage}
<a href="{PreviousPage}" class="previous"><i class="arrow fa fa-arrow-circle-left"> Previous Page</i></a><i class="arrow fa fa-arrow-circle-left"><i class="arrow fa fa-arrow-circle-left"><i class="arrow fa fa-arrow-circle-left">
{/block:PreviousPage}

{block:CurrentPage}
<span class="current_page">{PageNumber}</span>
{/block:CurrentPage}

{block:NextPage}
<a href="{NextPage}" class="next">Next Page <i class="arrow fa fa-arrow-circle-right"></i></a><i class="arrow fa fa-arrow-circle-right"><i class="arrow fa fa-arrow-circle-right"><i class="arrow fa fa-arrow-circle-right">
{/block:NextPage}
</i></i></i></i></i></i></div><i class="arrow fa fa-arrow-circle-left"><i class="arrow fa fa-arrow-circle-left"><i class="arrow fa fa-arrow-circle-left"><i class="arrow fa fa-arrow-circle-right"><i class="arrow fa fa-arrow-circle-right"><i class="arrow fa fa-arrow-circle-right"><i class="arrow fa fa-arrow-circle-left"><i class="arrow fa fa-arrow-circle-left"><i class="arrow fa fa-arrow-circle-right"><i class="arrow fa fa-arrow-circle-right"><i class="arrow fa fa-arrow-circle-left"><i class="arrow fa fa-arrow-circle-right">
</i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></center><i class="arrow fa fa-arrow-circle-left"><i class="arrow fa fa-arrow-circle-left"><i class="arrow fa fa-arrow-circle-right"><i class="arrow fa fa-arrow-circle-right"><i class="arrow fa fa-arrow-circle-left"><i class="arrow fa fa-arrow-circle-right"><i class="arrow fa fa-arrow-circle-left"><i class="arrow fa fa-arrow-circle-left"><i class="arrow fa fa-arrow-circle-right"><i class="arrow fa fa-arrow-circle-right"><i class="arrow fa fa-arrow-circle-left"><i class="arrow fa fa-arrow-circle-right"><i class="arrow fa fa-arrow-circle-left"><i class="arrow fa fa-arrow-circle-right">
{/block:Pagination}

</i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></div><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="arrow fa fa-arrow-circle-left"><i class="arrow fa fa-arrow-circle-right"><i class="arrow fa fa-arrow-circle-left"><i class="arrow fa fa-arrow-circle-right"><i class="arrow fa fa-arrow-circle-left"><i class="arrow fa fa-arrow-circle-right"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-search"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="arrow fa fa-arrow-circle-left"><i class="arrow fa fa-arrow-circle-right"><i class="arrow fa fa-arrow-circle-left"><i class="arrow fa fa-arrow-circle-right"><i class="arrow fa fa-arrow-circle-left"><i class="arrow fa fa-arrow-circle-right"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-quote-right" style="font-size:9px;"><i class="fa fa-tag"><i class="fa fa-tag"><i class="fa fa-tag"><i class="arrow fa fa-arrow-circle-left"><i class="arrow fa fa-arrow-circle-right">
<script>
$(window).scroll(function() 
{ 
{block:IfEnableorDisableBannerParallax}
 $(".bgimg, .bgimg2").css(
 {
  "top" : -($(this).scrollTop()/3)+"px"
 });
{/block:IfEnableorDisableBannerParallax}

scrollPos = $(this).scrollTop();
navScrollPos = $(this).scrollTop();

var bannerNav = ({"opacity":"0","margin-top":"700px","transition":"ease-in-out .6s"});
var bannerNavReturn = ({"margin-top":"200px", "opacity":"1"});

if(scrollPos >= 200)
{
  $(".titleav").css(bannerNav);  
}
else if(scrollPos <= 200)
{
  $(".titleav").css(bannerNavReturn);  
  $(".navigation2").css({"margin-top":"-{text:Navigation Bar Height}px"});
}

if(navScrollPos >= 500)
{
  $(".navigation2").css({"margin-top":"0px"});
}
});

$(".mobtoggle").toggle(
function()
{
  $(".togglemobcont").css(
      {
        "width":"150px",
        "padding":"0px 0px 5px 0px",
        "transition":"ease-in-out .1s"
      }); 
  $(".navmob").show(300);
  $(".mobtoggle").text("â¨¯");
},
function()
{
  $(".togglemobcont").css(
      {
        "width":"60px"  
      }); 
  $(".navmob").hide(300);   
  $(".mobtoggle").text("â˜°");
});

var DescOpen = ({"filter":"blur(4px)","-webkit-filter":"blur(4px)","filter":"blur(4px)", "transition":"ease-in-out .7s"});
var DescClose = ({"filter":"blur(0px)","-webkit-filter":"blur(0px)","filter":"blur(0px)"});

$(".desctoggle").click(function()
{
  $("#descriptionwrapper").fadeIn(300);
  $(".mobilebox, #top, #postcontain").css(DescOpen);
});
$(".closedtoggle").click(function()
{
  $("#descriptionwrapper").fadeOut(300);
  $(".mobilebox, #top, #postcontain").css(DescClose);  
});

$(".searchtoggle").click(function()
{
  $(".searchwrapper").fadeIn(300);
  $(".mobilebox, #top, #postcontain").css(DescOpen);
});
$(".closedtoggle").click(function()
{
  $(".searchwrapper").fadeOut(300);
  $(".mobilebox, #top, #postcontain").css(DescClose);  
});
</script>

<script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>

<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
{block:ifInfiniteScroll}
<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
{block:ifInfiniteScroll}

<script type="text/javascript">

$(document).ready(function(){
   $('.photo-slideshow').pxuPhotoset({
       lightbox: true,
       rounded: false,
       gutter: '5px',
       borderRadius: '0px',
       photoset: '.photo-slideshow',
       photoWrap: '.photo-data',
       photo: '.pxu-photo'
   });
   
   var $container = $('#entries');
   $container.masonry({ itemSelector: '#post' });
   $container.imagesLoaded(function(){
       $container.masonry();
       $container.find('#post').animate({ opacity: 1, zIndex: 1 });
   });
{block:ifInfiniteScroll}
   $container.infinitescroll({
       itemSelector: '#post',
       navSelector: '.pagination',
       nextSelector: '.next',
       loadingImg: '',
       loadingText: '<em></em>',
       bufferPx: 2000
   },
   function( newElements ) {
   var $newElems = $( newElements );
   $newElems.find('.photo-slideshow').pxuPhotoset({
       lightbox: true,
       rounded: false,
       gutter: '5px',
       photoset: '.photo-slideshow',
       photoWrap: '.photo-data',
       photo: '.pxu-photo'
   },
   function(){
   resizeVideos();
   },  
   function(){
       $container.masonry();
   });
   $newElems.imagesLoaded(function(){
       $container.masonry( 'appended', $newElems );
       $newElems.animate({ opacity: 1, zIndex: 1 });
   });
 });
{/block:ifInfiniteScroll}

});
</script>

#infscr-loading > img 
{
  display: none;
}
em 
{
  display: none;
}





</i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i></i>