Retired: Eyes, nose, lips

<!DOCTYPE html>
<html>
<head>

<!--
- theme #19 / caulfielld(tumblr.com) -
don't take parts of this code.
don't remove this comment.
don't remove the credit.
-->

<title>{Title}
{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="altertnate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}

<meta name="color:Background" content="#ffffff" />
<meta name="color:Text" content="#8f888a" />
<meta name="color:Link" content="#c44d48" />
<meta name="color:Link Hover" content="#7e7175" />
<meta name="color:Bold" content="#c44d48" />
<meta name="color:Border" content="#f5f5f5" />
<meta name="color:Blockquote" content="#f5f5f5" />
<meta name="color:Scrollbar" content="#77b5be" />
<meta name="color:Scrollbar Border" content="#eeeeee" />
<meta name="color:Selection BG" content="#77b5be" />
<meta name="color:Selection Text" content="#ffffff" />
<meta name="color:Description BG" content="#ededed" />
<meta name="color:Side BG" content="#e8e7e0" />
<meta name="color:Side Links" content="#ffffff" />
<meta name="color:Side Links BG" content="#c44d48" />
<meta name="color:Side Links Circles" content="#ffffff" />

<meta name="if:Sidebar Icon" content="1">
<meta name="if:400px Posts" content="1">
<meta name="if:Infinite Scrolling" content="1">
<meta name="if:bg image" content="0">

<meta name="image:Background" content="">
<meta name="image:Side" content="">
<meta name="image:Icon" content="">

<meta name="text:Link 01 URL" content="/" />
<meta name="text:Link 01 title" content="Link1">
<meta name="text:Link 02 URL" content="/" />
<meta name="text:Link 02 title" content="Link2">
<meta name="text:Link 03 URL" content="/" />
<meta name="text:Link 03 title" content="Link3">

<meta name="text:Quote" content="">

<!--- extras --->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/nb65v05/XPQmpjoyl/jquery.style-my-tooltips.js"></script>

<script src="http://tympanus.net/Development/DotNavigationStyles/js/modernizr.min.js"></script>
<script src="http://tympanus.net/Development/DotNavigationStyles/js/dots.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$(window).scroll(function(){
if ($(this).scrollTop() > 100) {
$('.scrollup').fadeIn();
} else {
$('.scrollup').fadeOut();}});
$('.scrollup').click(function(){
$("html, body").animate({ scrollTop: 0 }, 600);
return false;});});
</script>

<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips({
tip_follows_cursor:false,
tip_delay_time:20,
tip_fade_speed:300,
attribute:"title"
});});})(jQuery);
</script>

<style type="text/css">

body {
font:09px sans-serif, cambria, calibri;
margin:0;
background:{color:Background} {block:ifBgImage}url('{image:Background}') fixed{/block:ifBgImage};
color:{color:text};}

a {
color:{color:link};
text-decoration: none;
-webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
-o-transition:all 0.6s ease-in-out;/*opera*/
-moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
-ms-transition:all 0.6s ease-in-out;/*ie*/
transition:all 0.6s ease-in-out;/*w3c*/}

a:hover {
color:{color:link hover};}

em, strong {
color:{color:bold};}

blockquote {
border-left: 1px solid {color:blockquote};
padding-left: 5px;
margin:05px;}

img {
max-width: 100%;}

ol {
list-style-type:lower-roman;}

sub, sup{
font-size: 10px; /*credit to pohroro*/}

.entries {
{block:if400pxPosts}
width:412px;
{/block:if400pxPosts}
{block:ifNot400pxPosts}
width:512px;
{/block:ifNot400pxPosts}
position:relative;
margin:0px 0 0 600px;
padding-top:80px;
padding-bottom:30px;}

#posts {
{block:if400pxPosts}
width:412px;
{/block:if400pxPosts}
{block:ifNot400pxPosts}
width:512px;
{/block:ifNot400pxPosts}
overflow:hidden;
word-wrap: break-word;
{block:IndexPage}
margin-bottom:80px;
{/block:IndexPage}}

#border{
border:1px solid {color:border};
padding:5px;}

#posts img{
display:block;}

#side{
left:0;
height:100%;
width:490px;
background:{color:side bg} url('{image:side}') fixed;
position:fixed;}

#sidebar {
width: 260px;
height:auto;
margin-top:200px;
margin-left:30px;}

#opcsidebar{
position:fixed;
width:100px;
margin:200px 0 0 175px;}

#opcsidebar img{
width:40px;
padding:10px;
background-color:{color:description bg};
margin-left:20px;}

#title{
margin-top:0px;
text-transform:lowercase;
font:italic 20px sans-serif;
line-height:90%;
text-align:center;}

.description{
background-color:{color:description bg};
padding:5px;
width:100px;}

.description2{
background-color:{color:description bg};
padding:5px;
margin-top:10px;
border-left:3px solid {color:side links bg};
padding-left:5px;
width:100px;}

.navi {
text-align:center;}

#thingyy{
position:relative;
text-align:center;
font-size:09px;
font-family:arial;
margin-top:70px;}

/* credit to codrops */

.dotstyle ul {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
cursor: default;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}

.dotstyle li {
position: relative;
display: block;
float: left;
margin: 0 16px;
width: 16px;
height: 16px;
cursor: pointer;
list-style:none;}

.dotstyle li t {
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: none;
border-radius: 50%;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.3);
text-indent: -999em; /* make the text accessible to screen readers */
cursor: pointer;
position: absolute;}

.dotstyle li t:focus {
outline: none;}

.dotstyle-tooltip li {
border: 2px solid {color:side links circles};
border-radius: 50%;
z-index: 1;
-webkit-transition: border-color 0.3s ease;
transition: border-color 0.3s ease;}

.dotstyle-tooltip li t {
top: auto;
bottom: 250%;
left: 50%;
visibility: hidden;
padding: 0 10px;
width: auto;
height: auto;
border-radius: 0;
background-color: {color:side links bg};
color: {color:side links};
text-indent: 0;
line-height: 2;
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s ease;}

.dotstyle-tooltip li t::after { /* http: //cssarrowplease.com/ */
position: absolute;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
border: solid transparent;
border-width: 10px;
border-color: transparent;
border-top-color: {color:side links bg};
content: '';
pointer-events: none;
top: 99%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;}

.no-touch .dotstyle-tooltip li:hover t,
.dotstyle-tooltip li.current t {
z-index: 100;
visibility: visible;
opacity: 1;
-webkit-transform: translateX(-50%) translateY(0%);
transform: translateX(-50%) translateY(0%);
-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease;}

.dotstyle-tooltip li.current {
border-color: {color:side links bg};}

.dotstyle-tooltip li:hover {
z-index: 100;}

.no-touch .dotstyle-tooltip ul:hover li.current t {
opacity: 0.2;}

.dotstyle-tooltip ul li.current:hover t {
opacity: 1;}

.pag {
font:bold 09px sans-serif;
text-align:center;}

.text-title {
text-transform:lowercase;
font:italic 20px sans-serif;}

#answer{
padding:10px;
text-align:center;}

#answer img{
float:left;
border-radius:5px;
display:none;
margin:0 10px 10px 0;}

.answer:first-letter{
text-transform:uppercase;}

.answer{
padding-left:10px;
padding-right:10px;
border:1px solid {color:border};}

.answer img{
{block:ifNot400pxPosts}
max-width:480px;
{/block:ifNot400pxPosts}
{block:if400pxPosts}
max-width:380px;
{block:if400pxPosts}}

.quote {
padding:0 10px 0 10px;}

.quotetext-short {
font-size: 18px;}

.quotetext-medium {
font-size: 14px;}

.quotetext-long {
font-size: 11px;}

.quote-source {
text-align:right;}

.caption img, .answer img{
{block:ifNot400pxPosts}
max-width:500px;
{/block:ifNot400pxPosts}
{block:if400pxPosts}
max-width:400px;
{/block:if400pxPosts}}

.tumblr_audio_player {
height:20px;
{block:ifNot400pxPosts}
width:250px;
{/block:ifNot400pxPosts}
{block:if400pxPosts}
width:265px;
{/block:if400pxPosts}
z-index:9999;
margin:0;
padding:10px;
margin-left:10px;
margin-top:10px;
margin-bottom:10px;
position:relative;
background-color:white;
border:1px solid {color:border};}

.audio {
height:92px;
{block:ifNot400pxPosts}
width:500px;
{/block:ifNot400pxPosts}
{block:if400pxPosts}
width:400px;
{/block:if400pxPosts}}

.audio-image{
background-color:{color:link};}

.audio-image img{
float:left;
height:80px;
width:80px;
padding:5px;
background-color:#fff;
border:1px solid {color:border};}

.au-info {
text-align:center;
font:italic 12px sans-serif;
line-height:100%;}

#posts-info{
margin-top:5px;
text-align:center;
text-transform:lowercase;}

#info{
position:absolute;
{block:ifNot400pxPosts}
font:16px arial black;
{/block:ifNot400pxPosts}
{block:if400pxPosts}
font:13px arial black;
{/block:if400pxPosts}
padding:3px;
text-align:left;
min-width:60px;
line-height:100%;
{block:ifNot400pxPosts}
margin-left:500px;
{/block:ifNot400pxPosts}
{block:if400pxPosts}
margin-left:400px;
{/block:if400pxPosts}
opacity:0;
z-index:999;
-webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
-o-transition:all 0.6s ease-in-out;/*opera*/
-moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
-ms-transition:all 0.6s ease-in-out;/*ie*/
transition:all 0.6s ease-in-out;/*w3c*/}

#posts:hover #info{
opacity:1;
{block:ifNot400pxPosts}
margin-left:515px;
{/block:ifNot400pxPosts}
{block:if400pxPosts}
margin-left:415px;
{/block:if400pxPosts}}

.tags{
font:italic 10px calibri;
padding-top:3px;
border-top:1px solid {color:border};}

#c{
position:fixed;
bottom:10px;
right:12px;
font: 09px georgia;
letter-spacing:1px;
text-align:right;
z-index:99;}

/* extras */

#s-m-t-tooltip{
z-index:10;
margin:24px 14px 7px 12px;
padding:0 3px 0 3px;
font:08px sans-serif;
text-transform:uppercase;
letter-spacing:1px;
line-height:16px;
background-color:{color:background};
-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.75);}

::selection {
background: {color:selection bg};
color: {color:selection text};}
::-moz-selection {
background: {color:selection bg};
color: {color:selection text};}
::-webkit-selection {
background: {color:selection bg};
color: {color:selection text};}

iframe#tumblr_controls {
top:0%!important;
right:0%!important;
position:fixed!important;
z-index:999999999!important;
opacity:0.3;
-webkit-filter:invert(100%);
-moz-filter:invert(100%);
-o-filter:invert(100%);
-ms-filter:invert(100%);
filter:invert(100%);} /*credit to ladmilk*/

::-webkit-scrollbar {
width: 9px;
height: 3px;
background: {color:background};}

::-webkit-scrollbar-thumb {
background-color:{color:scrollbar};
border: 1px solid {color:scrollbar border};}

#notes{
width:400px;
height:190px;
overflow:auto;
margin-top:20px;}

ol.notes {
padding: 0px;
margin: 0;
list-style-type: none;}

ol.notes li.note {
padding: 10px;}

ol.notes li.note img.avatar {
vertical-align: -4px;
float:left;
margin-right: 10px;
width: 16px;
height: 16px;}

ol.notes li.note span.action {}

ol.notes li.note .answer_content {
font-weight: normal;}

ol.notes li.note blockquote {
border-color: #eee;
padding: 4px 10px;
margin: 10px 0px 0px 25px;}

.scrollup{
width:30px;
height:30px;
opacity:0.3;
position:fixed;
bottom:10px;
right:0px;
display:none;
text-indent:-9999px;
background: url('http://static.tumblr.com/ii9pnwy/6qRn1ekzg/1393103726_up4.png') no-repeat;}

.scrollup:hover{
cursor:pointer;}

#hd img{
background-color:#fcfcfc;
padding:3px;
position:Absolute;
margin-left:5px;
margin-top:-19px;}

</style>

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

</head>
<body>

<div id="side">

{block:ifSidebarIcon}
<div id="opcsidebar">
<img src="{image:Icon}"/>
<div id="title"><a href="/">{Title}</a></div><!--title-->

</div><!--- opcsidebar --->
{/block:ifSidebarIcon}

<div id="sidebar">

<div class="description">
{Description}
</div><!--description-->

<div class="description2">
{text:quote}</div>

<div id="thingyy">
<div class="dotstyle dotstyle-tooltip">
<ul>
<a href="/"><li class="current"><t>Refresh</t></li></a>
<a href="/ask"><li><t>Ask</t></li></a>
<a href="{text:Link 01 URL}"><li><t>{text:Link 01 title}</t></li></a>
<a href="{text:Link 02 URL}"><li><t>{text:Link 02 title}</t></li></a>
<a href="{text:Link 03 URL}"><li><t>{text:Link 03 title}</t></li></a>
</ul></div>
</div>
</div>

</div><!--side-->

<div id="c">
<a href="http://caulfielld.tumblr.com" target="_blank" title="theme credit"><em>tc.</em></a>
</div><!--credit-->

<div class="entries">

{block:ifInfiniteScrolling}
<div class= "autopagerize_page_element">{/block:ifInfiniteScrolling}

{block:Posts}

{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}

<div id="posts">

{block:IndexPage}
<div id="info">
{block:Date}<a href="{Permalink}"><big><big><big><big>{DayOfMonthWithZero}</big></big></big></big><br><small>{DayOfWeek}</small></a>{/block:Date}<br><small><small><small>{ShortMonth} {Year}</small></small></small>
{block:HasTags}<div class="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a><br>{/block:Tags}</div>{/block:HasTags}
</div>
{/block:IndexPage}

{block:Text}
{block:Title}<div class="text-title">{Title}</div>{/block:Title}
{Body}
{/block:Text}

{block:Photo}<div id="border">
{LinkOpenTag}
{block:ifNot400pxPosts}<img src="{PhotoURL-500}"/>{/block:ifNot400pxPosts}
{block:if400pxPosts}<img src="{PhotoURL-400}"/>{/block:if400pxPosts}
{LinkCloseTag}
{block:HighRes}<div id="hd"><a href="{PhotoURL-HighRes}"><img src="http://media.tumblr.com/6af5d5c420629727df31cbb9e3b8329b/tumblr_inline_n2aj54kxoa1r7v6wt.png" title="high resolution"></a></div>{/block:HighRes}</div>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Photo}

{block:Photos}<div id="border">
{block:ifNot400pxPosts}<img src="{Photoset-500}"/>{/block:ifNot400pxPosts}
{block:if400pxPosts}<img src="{Photoset-400}"/>{/block:if400pxPosts}</div>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Photos}

{block:Answer}
<div id="answer">
<img src="{AskerPortraitURL-24}"/><b><u>{Asker}</u></b><br>
{Question}</div>
<div class="answer">
{Answer}
</div>
{/block:Answer}

{block:Quote}
<div class="quote">
<div class="quotetext-{Length}">{Quote}</div>
{block:Source}
<div class="quote-source">{Source}</div>
{/block:Source}
</div>
{/block:Quote}

{block:Link}
<div class="text-title">
<a href="{URL}" target="{Target}">
{Name} <b>&rarr;</b></a></div>
{block:Description}{Description}{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}
<div class="text-title">
{Title}</div>{/block:Title}
{block:Lines}{block:Label}{Label}{/block:Label} {Line}<br>{/block:Lines}
{/block:Chat}

{block:Video}<div id="border">
{block:ifNot400pxPosts}{Video-500}{/block:ifNot400pxPosts}
{block:if400pxPosts}{Video-400}{/block:if400pxPosts}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>
{/block:Video}

{block:Audio}
<div class="audio"><div class="audio-image">
{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
{AudioPlayerWhite}
<div class="au-info">{block:TrackName}{TrackName}{/block:TrackName}
{block:Artist}<small><b>{Artist}</b></small>{/block:Artist}</div>
</div>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Audio}

{block:PermalinkPage}
{block:Date}
<div id="posts-info">
posted <a href="{Permalink}">{TimeAgo}</a>
{block:NoteCount}w/ <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} — <a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">(source)</a>{/block:RebloggedFrom}
{block:HasTags}<br />tagged as {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags} {/block:HasTags}
</div>
{/block:Date}
{/block:PermalinkPage}

</div><!--- posts --->

{block:PermalinkPage}
{block:PostNotes}
<div id="notes">{PostNotes}</div>
{/block:PostNotes}
{/block:PermalinkPage}

{/block:Posts}

{block:Pagination}{block:ifNotInfiniteScrolling}<div class="pag">
{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a> {/block:PreviousPage}page {CurrentPage} of {TotalPages}{block:NextPage} <a href="{NextPage}">&raquo;</a>{/block:NextPage}</div>{/block:ifNotInfiniteScrolling}{/block:Pagination}

</div><!-- entries -->

{block:ifInfiniteScrolling}<a class="scrollup">Scroll</a>{/block:ifInfiniteScrolling}

</body>
</html>