GONGGI THEME-ONE COLUMN

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<!-------------------theme by www.rnirae.tumblr.com/---------------->
<head>
    <title>{Title}</title>
    <link rel="shortcut icon" href="{FavIcon}" />
    <link rel="alternate" type="application/rss+xml" href="{RSS}" />


<link href='http://fonts.googleapis.com/css?family=Flamenco:300' rel='stylesheet' type='text/css'>
<!--TOOLTIP-->
 <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>

 <!------>

 <meta name="color:Text" content="#aaa"/>
 <meta name="color:Background" content="#fff"/>
 <meta name="image:Background" content=""/>
 <meta name="image:Icon" content="http://41.media.tumblr.com/ee280c4a7bf844c3963335914653845e/tumblr_n31ijvN6kA1r99kxno1_1280.jpg"/>
 <meta name="text:Posts Opacity" content=".6"/>
 <meta name="text:Posts Opacity Hover" content=".8"/>
 <meta name="color:Scrollbar" content="#8bb7e9"/>

 <meta name="color:Ask Background" content="#fcfcfc"/>
 <meta name="color:Audio Posts Background" content="#fafafa"/>

 <meta name="color:Link" content="#ddd"/>
 <meta name="color:Link Hover" content="#f0f0f0"/>

 <meta name="color:Header One" content="#d8d8d8"/>
 <meta name="color:Header One Border" content="#f2f2f2"/>

 <meta name="color:Posts Border" content="#f3f3f3"/>
 <meta name="color:Permalink" content="#bbb"/>
 <meta name="color:Permalink Hover" content="#eee"/>

 <meta name="color:Navigation Links" content="#dbdbdb"/>
 <meta name="color:Sidebar Text" content="#ccc"/>
 <meta name="color:Description First Letter" content="#e3eaf2"/>

 <meta name="color:Postnotes" content="#f6f6f6"/>
 <meta name="color:Blockquote" content="#f0f0f0"/>

 <meta name="text:First Link URL" content="/"/>
 <meta name="text:First Link" content="index"/>
 <meta name="text:Second Link URL" content="/archive"/>
 <meta name="text:Second Link" content="archive"/>
 <meta name="text:Third Link URL" content="/ask"/>
 <meta name="text:Third Link" content="message"/>

 <meta name="text:Link 1" content="/" />
 <meta name="text:Link 1 Title" content="link 1"/>
 <meta name="text:Link 2" content="/" />
 <meta name="text:Link 2 Title" content="link 2"/>
 <meta name="text:Link 3" content="/" />
 <meta name="text:Link 3 Title" content="link 3"/>
 <meta name="text:Link 4" content="/" />
 <meta name="text:Link 4 Title" content="link 4"/>
 <meta name="text:Link 5" content="/" />
 <meta name="text:Link 5 Title" content="link 5"/>
 <meta name="text:Link 6" content="/" />
 <meta name="text:Link 6 Title" content="link 6"/>

 <meta name="if:Tiny Cursor" content="1" />
 <meta name="if:250px" content="1" />
 <meta name="if:400px" content="0" />
 <meta name="if:500px" content="0" />



 <style type="text/css">

 /*IMAGES OPACITY*/
img {
    -webkit-transition: all .66s linear;
    opacity: {text:Posts Opacity};
}
img:hover {
    opacity: {text:Posts Opacity Hover};
}
.quote {
    font: 12px times;
    font-style: italic;
    letter-spacing: 1px;
    padding-bottom: 5px;
}
.quote:first-letter {
    color: {color:Description First Letter};
}
.source {
    font: 8px calibri;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: .8;
}
.uno {
    float: left;
    font-family: tahoma;
    opacity: .3;
    margin-top: -1px;
    margin-right: 5px;
}
/* IMPORTANT */
iframe#tumblr_controls {
    right:2px !important;
    position: fixed !important;
    -webkit-transition: opacity 0.7s linear;
    opacity: 0.16;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}
iframe#tumblr_controls:hover {
    -webkit-transition: opacity 0.7s linear;
    opacity: 0.8;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
/* ------------ */

body {
    padding: 2x;
    margin: 0px;
    font-family: calibri;
    font-size: 10px;
    text-transform: normal;
    color: {color:Text};
    background-color: {color:Background};
    background-image: url({image:Background});
    {block:ifTinyCursor}
    cursor: url(http://i.imgur.com/ZOrzC.png), auto;
    {/block:ifTinyCursor}
}
a:link, a:active, a:visited {
    text-decoration: none;
    color: {color:Link};
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
a:hover {
    color: {color:Link hover};
    {block:ifTinyCursor}
    cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
    {/block:ifTinyCursor}
}
/* CONTENT/ENTRY */
#content {
    position: relative;
    {block:if250px}
    margin-left: 36%;
    {/block:if250px}
    {block:if400px}
    margin-left: 29%;
    {/block:if400px}
    {block:if500px}
    margin-left: 22%;
    {/block:if500px}
    margin-top: 60px;
}
.entry {
    {block:if250px}
    width: 250px;
    {/block:if250px}
    {block:if400px}
    width: 400px;
    {/block:if400px}
    {block:if500px}
    width: 500px;
    {/block:if500px}
    height: auto;
    margin-bottom: 100px;
    padding-top: 20px;
}
{block:IndexPage}
.camera {
    border-top: 1px solid {color:Posts Border};
    border-left: 1px solid {color:Posts Border};
    width: 40px;
    height: 40px;
    position: absolute;
    margin-top: -20px;
    margin-left: -20px;
}
.lens {
    border-bottom: 1px solid {color:Posts Border};
    border-right: 1px solid {color:Posts Border};
    width: 40px;
    height: 40px;
    position: absolute;
    margin-top: -25px;
    {block:if250px}
    margin-left: 230px;
    {/block:if250px}
    {block:if400px}
    margin-left: 380px;
    {/block:if400px}
    {block:if500px}
    margin-left: 480px;
    {/block:if500px}
}
.date a {
    color: {color:Permalink};
    text-transform: uppercase;
    font: 8px calibri;
    letter-spacing: 1px;
    border-bottom: 1px solid {color:Posts Border};
    padding-bottom: 6px;
    display: inline-block;
    margin-bottom: 6px;
    padding-left: 3px;
    padding-right: 3px;
}
.re a {
    color: {color:Permalink};
    text-transform: uppercase;
    font: 8px calibri;
    letter-spacing: 1px;
    padding-left: 9px;
}
.date a:hover {
    color: {color:Permalink Hover};
}
.re a:hover {
    color: {color:Permalink Hover};
}
#il {
    position: absolute;
    margin-top: 3px;
    opacity: 0;
    margin-left: -48px;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.entry:hover #il {
    opacity: 1;
    width: 60px;
    margin-left: -69px;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.dot {
    position: absolute;
    background: {color:Description First Letter};
    width: 3px;
    height: 3px;
    margin-left: -21px;
    margin-top: 20px;
    z-index: 999999;
    opacity: 0;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.entry:hover .dot {
    opacity: .8;
}
{/block:IndexPage}
/* TITLES/HEADERS ETC. */
h1 {
    font-family: calibri;
    font-style: italic;
    font-size: 16px;
    text-transform: lowercase;
    font-weight: normal;
    color: {color:Header One};
    border-bottom: 1px solid {color:Header One Border};
    padding-bottom: 6px;
    padding-left: 10px;
}
h1:first-letter {
    color: {color:Description First Letter};
}
h2 {
    border-bottom: none;
    font-weight: normal;
    font-style: italic;
    margin-top: 0px;
    font-family: cambria;
    letter-spacing: 1px;
    font-size: 16px;
    padding-left: 20px;
}
#s-m-t-tooltip{
    max-width:200px;
    margin:16px;
    padding: 5px;
    background-color: #fff;
    color:#aaa;
    font-family:calibri;
    letter-spacing: 1px;
    font-size:8px;
    text-transform:uppercase;
    z-index: 999;
    border:1px solid #EFEFEF;
}
::-webkit-scrollbar {
    width: 6px;
    height: 5px;
}
::-webkit-scrollbar-thumb {
    border: 1px solid {color:Scrollbar};
    background-color: #fff;
}

/* SIDEBAR */
#line {
    z-index: 999;
    position: fixed;
    width: 1px;
    height: 80%;
    background: {color:Posts border};
    {block:if250px}
    margin-left: 490px;
    {/block:if250px}
    {block:if400px}
    margin-left: 640px;
    {/block:if400px}
    {block:if500px}
    margin-left: 740px;
    {/block:if500px}
    margin-top: 10px;
}
.icon img {
    width: 50px;
    height: 50px;
    position: fixed;
    z-index: 99;
    border-radius: 5px;
    {block:if250px}
    margin-left: 425px;
    {/block:if250px}
    {block:if400px}
    margin-left: 575px;
    {/block:if400px}
    {block:if500px}
    margin-left: 675px;
    {/block:if500px}
    margin-top: 12px;
}
#nav {
    text-align: right;
    position: fixed;
    z-index: 99;
    {block:if250px}
    margin-left: 375px;
    {/block:if250px}
    {block:if400px}
    margin-left: 525px;
    {/block:if400px}
    {block:if500px}
    margin-left: 625px;
    {/block:if500px}
    margin-top: 85px;
    width: 100px;
}
#nav a {
    font: 8px calibri;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-style: italic;
    color: {color:Navigation Links};
    line-height: 13.5px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
#nav a:hover {
    margin-right: 5px;
}
.i {
    width: 25px;
    height: 1px;
    position: fixed;
    background: {color:Posts border};
    {block:if250px}
    margin-left: 450px;
    {/block:if250px}
    {block:if400px}
    margin-left: 600px;
    {/block:if400px}
    {block:if500px}
    margin-left: 700px;
    {/block:if500px}
    margin-top: 75px;
}
#iaa {
    position: fixed;
    {block:if250px}
    margin-left: 515px;
    {/block:if250px}
    {block:if400px}
    margin-left: 665px;
    {/block:if400px}
    {block:if500px}
    margin-left: 765px;
    {/block:if500px}
    margin-top: 10px;
}
#iaa a {
    font: 8px calibri;
    text-transform: uppercase;
    color: {color:Navigation Links};
    letter-spacing: 2px;
    line-height: 18px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
#iaa a:hover {
    margin-left: 5px;
}
#desc {
    font-style: italic;
    letter-spacing: 1px;
    position: fixed;
    width: 110px;
    height: auto;
    {block:if250px}
    margin-left: 515px;
    {/block:if250px}
    {block:if400px}
    margin-left: 665px;
    {/block:if400px}
    {block:if500px}
    margin-left: 765px;
    {/block:if500px}
    margin-top: 83px;
    color: {color:Sidebar Text};
    line-height: 15px;
}
#desc:first-letter {
    font-style: italic;
    font-family: cambria;
    color: {color:Description First Letter};
    text-transform: uppercase;
    font-size:16px;
    float: left;
    margin-right: 2px;
}
.sam {
    width: 25px;
    height: 1px;
    position: fixed;
    background: {color:Posts border};
    {block:if250px}
    margin-left: 515px;
    {/block:if250px}
    {block:if400px}
    margin-left: 665px;
    {/block:if400px}
    {block:if500px}
    margin-left: 765px;
    {/block:if500px}
    margin-top: 70px;
}
/* ANSWER/ASK POSTS */
.ask {
    background: {color:Ask Background};
    padding: 8px;
    font: 8px calibri;
    text-transform: uppercase;
    font-style: italic;
    letter-spacing: 1px;
    text-shadow: 1px 1px #fff;
}
.asker {
    font: 8px calibri;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: right;
    margin-right: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.ans {
    text-transform: uppercase;
    font: 8px calibri;
    letter-spacing: 1px;
}
.cred {
    z-index: 99999999999999999;
    position: fixed;
    font-family: calibri;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    bottom: 3px;
    right: 6px;
}
/* POSTNOTES AND PERMALINK PAGE */
ol.notes {
    height: 200px;
    overflow: auto;
    {block:if250px}
    width: 250px;
    {/block:if250px}
    {block:if400px}
    width: 400px;
    {/block:if400px}
    {block:if500px}
    width: 500px;
    {/block:if500px}
    list-style-type: none;
    margin-left: -40px;
}
ol.notes li.note a {
    color: {color:Text};
}
ol.notes li.note {
    font: 8px calibri;
    text-transform: uppercase;
    letter-spacing: 1px;
    list-style-type: none;
    display: block;
    padding: 6px;
    background: {color:Postnotes};
    border-bottom: 5px solid #fff;
    border-right: 5px solid #fff;
}
img.avatar {
    display: none;
}
#wo {
    border-top: 1px solid {color:Posts border};
    font: 8px calibri;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px;
}
#pal {
    border-top: 1px solid {color:Posts border};
    font: 8px calibri;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px;
    padding-bottom: 30px;
    margin-bottom: 16px;
    border-bottom: 1px solid {color:Posts border};
    margin-top: 20px;
}
#yuk {
    text-transform: uppercase;
    font-size: 8px;
    font-family: calibri;
    letter-spacing: 1px;
    line-height: 10px;
}
.chil {
     height:5px;
     width:5px;
     margin-top:2px;
     margin-right:5px;
     border:1px solid {color:Posts border};
     background: transparent;
     float: left;
}

blockquote {
    border-left: 1px solid {color:Blockquote};
    padding-left: 6px;
    margin-left: 6px;
}
/* AUDIO */
#play {
    width: 28px;
    height: 30px;
    overflow: hidden;
    opacity: .6;
    position: absolute;
}
#gu {
    {block:if250px}
    width:222px;
    {/block:if250px}
    {block:if400px}
    width:372px;
    {/block:if400px}
    {block:if500px}
    width:472px;
    {/block:if500px}
    margin-left: 28px;
    padding-top: 8px;
    text-align: center;
    font: 8px calibri;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 19px;
    background: {color:Audio Posts Background};
}
.artist {
    font: 8px calibri;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: right;
    margin-top: 3px;
}


</style>

{block:IndexPage}
<script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
{/block:IndexPage}

</head>


<body>

<!------------------------CREDITS DO NOT REMOVE----------------------->
<a href="http://www.rnirae.tumblr.com/" class="cred">thm</a>
<!------------------------------------------->

<div id="content">

<div id="line"></div>
<div class="icon" title="{Title}"><img src="{image:Icon}"/></div>
<div class="i"></div>
<div id="nav">
    <a href="{text:Link 1}">{text:Link 1 title}</a><br>
    <a href="{text:Link 2}">{text:Link 2 title}</a><br>
    <a href="{text:Link 3}">{text:Link 3 title}</a><br>
    <a href="{text:Link 4}">{text:Link 4 title}</a><br>
    <a href="{text:Link 5}">{text:Link 5 title}</a><br>
    <a href="{text:Link 6}">{text:Link 6 title}</a>
</div>
<div id="iaa">
    <a href="{text:First link url}">{text:first link}</a><br>
    <a href="{text:second link url}">{text:second link}</a><br>
    <a href="{text:third link url}">{text:third link}</a>
</div>

<div class="sam"></div>
<div id="desc">
    {Description}
</div>


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

<!------------------>
{block:IndexPage}
<div id="il">
<div class="date"><a href="{Permalink}" target="_blank">{DayofMonth} {ShortMonth} {ShortYear}</a></div>
<div class="re"><a href="{ReblogURL}" target="_blank">reblog</a></div>
</div>
<div class="dot"></div>
{/block:IndexPage}

{block:IndexPage}
<div class="camera"></div>
{/block:IndexPage}
<!------------------>


{block:Photo}
{block:IndexPage}
<div class="photo"><a href="{permalink}" title="{NoteCountWithLabel}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
{/block:IndexPage}

{block:PermalinkPage}
{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>

{LinkCloseTag}
{/block:PermalinkPage}
{/block:Photo}





{block:Photoset}
{block:if250px}{Photoset-250}{/block:if250px}

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

{block:if500px}
    {Photoset-500}
{/block:if500px}

{/block:Photoset}





{block:Text}
{block:Title}<h1>{Title}</h1>{/block:Title}
{Body}
{/block:Text}





{block:Link}
<h2><a href="{URL}">{Name}</a></h2>
{block:Description}{Description}{/block:Description}
{/block:Link}





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





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






{block:Audio}
<div id="play">
{AudioPlayerGrey}
</div>
<div id="gu">
    {block:TrackName}
    {TrackName}
    {/block:TrackName}
</div>
    {block:Artist}
<div class="artist">
    by {Artist}
</div>
    {/block:Artist}
{/block:Audio}





{block:Answer}
<div class="ask">
{Question}
</div>
<div class="asker">
said {Asker}
</div>
<div class="ans">
{Answer}
</div>
{/block:Answer}





{block:Video}

{block:if250px}
<div class="vid">{Video-250}</div>
{/block:if250px}

{block:if400px}
<div class="vid">{Video-400}</div>
{/block:if400px}

{block:if500px}
<div class="vid">{Video-500}</div>
{/block:if500px}

{/block:Video}



<!------------------------PERMALINK PAGE------------------------------>
{block:PermalinkPage}
    {block:Caption}
    <div id="wo">
    {Caption}
    </div>
    {/block:Caption}

<div id="pal">
<div id="yuk">

{block:Date}
<p>
<div class="chil"></div>{ShortMonth}. {DayofMonth} {Year} <p>
<div class="chil"></div>{NoteCountWithLabel}

{/block:Date}


{block:RebloggedFrom}
<p>
<div class="chil"></div><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> | <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
{/block:RebloggedFrom}

{block:HasTags}
    <p>
    {block:Tags}
        <a href="{TagURL}">#{Tag}</a>
    {/block:Tags}
{/block:HasTags}
</div>
</div>


{block:PostNotes}
{PostNotes}
{/block:PostNotes}
{/block:PermalinkPage}
<!----------------------------------------------------------->

<!-------->
{block:IndexPage}
<div class="lens"></div>
{/block:IndexPage}
<!-------------->

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





</body>
</html>