Gamut

<!--

theme by septim

╔╔ ══ ══        Rules:
║║                     -do not use as base
╚╚ ══ ╗╗               -do not steal bits of code
      ║║               -do not remove credits
══ ══ ╝╝


-->




<!DOCTYPE html>
<head>

<title>{Title}</title>

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

<!--Default Variables-->

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#cccccc"/>
<meta name="color:link" content="#a7a7a7"/>
<meta name="color:title"content="#070707"/>
<meta name="color:blog title"content="#aaaaaa"/>
<meta name="color:scrollbar" content="#d5d5d5" />
<meta name="color:accents" content="#f4f4f4"/>
<meta name="color:Post Shadow" content="#aaaaaa"/>
<meta name="color:link hover" content="#aaaaaa"/>
<meta name="color:posts" content="#ffffff"/>

<meta name="if:Infinite scrolling" content="0"/>
<meta name="if:Hide Captions" content="0"/>
<meta name="if:Show Tags" content="0"/>
<meta name="if:Rounded Posts" content="0"/>
<meta name="if:Post Shadow" content="1"/>
<meta name="if:Hover Captions" content="1"/>

<meta name="text:post spacing" content="150"/>
<meta name="text:Link 1 URL" content="" />
<meta name="text:Link 1" content="" />
<meta name="text:Link 2 URL" content="" />
<meta name="text:Link 2" content="" />


<!-- jquery -->


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

<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>

<script>

(function($){

$(document).ready(function(){

$("a[title]").style_my_tooltips({

tip_follows_cursor:true,

tip_delay_time:30,

tip_fade_speed:300,

attribute:"title"

});

});

})(jQuery);

</script>
<script type="text/javascript">
/* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
$(document).ready(function() {
function photosetResize() {
    $('iframe.photoset').each(function(){
        var newSize = 350;
        var newSrc = $(this).attr('src').replace('500',newSize);
        $(this).attr('src', newSrc).width(newSize);
        var high = $(this).css('height');
        var calculate = parseInt(high, 10)* newSize/500;
        $(this).css('height', calculate);
    });
}
photosetResize();
});
</script>


<!--CSS customization here. -->

<style type="text/css">

#s-m-t-tooltip{
    font-size:9px;
    position:absolute;
    margin-top: 15px;
    border:1px solid {color:text};
    z-index:9999;
    font-family:verdana;
    background:white;
    text-transform:lowercase;
    padding:1px 5px ;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}





/*scrollbar*/
::-webkit-scrollbar{height: 5px;
width: 8px;
-webkit-border-radius: 0px;
background-color:{color:posts}}
::-webkit-scrollbar-thumb{background-color:{color:posts};
border:1px solid {color:scrollbar};}
::-webkit-scrollbar-track{background-color:{color:background};}







#text {margin-bottom:100px;
font-size:8px;
letter-spacing:1px;
margin-top:10px;
text-transform:uppercase;}
/*main structure*/
blockquote {padding:5px 0 5px 30px;
border-left:1px solid {color:text};
margin-left:30px;
}
.caption blockquote {text-align:justify;
padding:0 0 0 10px;
border-left:1px solid {color:link hover};}


body {
background:{color:background};
color:{color:text};
font-family:verdana;
font-size:10px;
text-align:justify;
margin:0;
line-height:17px;}


a {
color:{color:link};
text-decoration:none;
border-bottom:1px dotted transparent;
-webkit-transition:all 0.6s;
    -moz-transition:all 0.6s;
    -ms-transition:all 0.6s;
    -o-transition:all 0.6s;
    transition:all 0.6s;
}

a:hover {border-bottom:1px dotted {color:link hover};
-webkit-transition:all 0.6s;
    -moz-transition:all 0.6s;
    -ms-transition:all 0.6s;
    -o-transition:all 0.6s;
    transition:all 0.6s; }

img{
opacity:1;
border:none;
text-decoration:none}


b, strong {
color:{color:title}}
i, em {
color:{color:text}}
p {
margin-top:5px;
margin-bottom:5px}
ol {
list-style:normal;}
ul {
list-style:square;}

small {
font-size:9px;}

big {
font-size:12px;}




#title {
font-weight:bold;
text-transform:uppercase;
margin-left:20px;
margin-top:20px;
margin-bottom:5px;
text-align:left;
color:{color:title};}
#title a {color:{color:title};}




/*header*/

#headers {
text-align:left;
overflow:hidden;
width:320px;
padding:15px 15px 0 15px;
margin-top:100px;
{block:IfPostShadow}
box-shadow:10px 10px {color:post shadow};
{/block:IfPostShadow}
background:{color:posts};
{block:IfRoundedPosts}
border-radius:10px;
{/block:IfRoundedPosts}
border:1px solid {color:accents};
}

#blogt {font-size:10px;float:right;
text-transform:uppercase;
font-weight:bold;}

#blogt a {color:{color:blog title};width:auto;
background:transparent;font-family:verdana;
    text-decoration:none;border:none;}



.standardlinks {
margin-top:-15px;
margin-left:-15px;
background:{color:accents};
width:340px;
font-family:arial;
padding:1px 5px;
text-align:left;
text-transform:uppercase;
}


.standardlinks a {
margin:5px 5px 5px 0;
font-size:10px;
height:12px;
padding:0;
line-height:13px;
display:inline-block;
text-align:center;
width:13px;
border:none;
background:{color:posts};
}

#description {padding:15px 0;
text-align:justify;
font-size:10px;}


/*pagination*/
#pagination {
width:340px;
padding:1px 4px;
background:{color:posts};
text-align:center;
border:1px solid {color:accents};
font-size:10px;
font-family:verdana;
margin-top:50px;
{block:IfRoundedPosts}
border-radius:10px;
{/block:IfRoundedPosts}
{block:IfPostShadow}
box-shadow:10px 10px {color:post shadow};
{/block:IfPostShadow}
}
#pagination a {
margin:0 5px;
display:inline-block;
border:none;
}

.current_page {margin:0 5px;
text-decoration:none;
font-weight:bold;
display:inline-block;}


/*container*/
#con {
left:50%;
margin-left:-151px;
position:absolute;
}



/*posts*/

#entries {
margin-top:100px;
width:352px;
}



#posts {overflow:hidden;
width:350px;
{block:IfPostShadow}
box-shadow:10px 10px {color:post shadow};
{/block:IfPostShadow}
background:{color:posts};
{block:IfRoundedPosts}
border-radius:10px;
{/block:IfRoundedPosts}
border:1px solid {color:accents};
{block:IndexPage}
margin-bottom:{text:post spacing}px;
{/block:IndexPage}
{block:PermalinkPage}
margin-bottom:50px;
{/block:PermalinkPage}

}
#posts img {
max-width:350px;
display:block;

}
.photo img {width:350px;}
.photoset {display:block;
margin-bottom:-3px;}



#titlequote{
line-height:18px;
font-weight:bold;
border-bottom:1px solid {color:accents};
padding:15px;
color:{color:title};
}

#source {padding:15px;}

#posts li, #posts blockquote {max-width: 100%;}
.caption img{max-width:400px;}
.caption {
{block:IfHoverCaptions}
width:310px;
margin:10px;
position:absolute;
background:{color:posts};
border:1px solid {color:accents};
opacity:0;-webkit-transition:all 0.6s;
    -moz-transition:all 0.6s;
    -ms-transition:all 0.6s;
    -o-transition:all 0.6s;
    transition:all 0.6s;
{/block:IfHoverCaptions}
{block:IfRoundedPosts}
border-radius:10px;
{/block:IfRoundedPosts}
padding:9px;
text-transform:none;
{block:IfHideCaptions}
{block:IndexPage}
display:none;
{/block:IndexPage}
{/block:IfHideCaptions}
}
{block:IfHoverCaptions}
#posts:hover .caption {opacity:1;-webkit-transition:all 0.6s;
    -moz-transition:all 0.6s;
    -ms-transition:all 0.6s;
    -o-transition:all 0.6s;
    transition:all 0.6s; }
{/block:IfHoverCaptions}


/*audio*/
.tumblr_audio_player {height:50px;
width:315px;
{block:IfRoundedPosts}
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
{/block:IfRoundedPosts}
}
.player {
width:350px;
overflow:hidden;
background:{color:posts};
z-index:2;
border-top:1px solid {color:Accents};
{block:IfRoundedPosts}
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
{/block:IfRoundedPosts}}
.sex {
height:50px;
overflow:hidden;}
.audioinfo {
padding:15px;
text-transform:uppercase;
font-size:8px;
letter-spacing:1px;
}
.audioinfo b {font-size:10px;
letter-spacing:0;}



.tt {padding:15px;
}
.tt img {max-width:470px!important;}



/*asks*/
.q {
padding:15px;
border-bottom:1px solid {color:accents};
}
.as {
font-weight:bold;
text-transform:lowercase;}

.a {
margin:15px}

.a img {max-width:220px!important;}



.chat ol {
padding:0;
line-height:180%;
list-style:none;
}

.line.odd {
background:{color:accents};
padding:5px;
}

.line.even {
padding:5px;
}

.label {font-weight:bold;
padding-right:1px;
letter-spacing:1px;
text-transform:uppercase;
color:{color:title};
}





/*permalink and notes*/


#permalink {
text-align:left;
width:340px;
padding:5px;
{block:IfRoundedPosts}
border-top-left-radius:10px;
border-top-right-radius:10px;
{/block:IfRoundedPosts}
border-bottom:1px solid {color:accents};
font-size:9px;
font-family:verdana;
text-transform:uppercase;
}
#permalink a {margin-right:10px;
}

.tags {{block:ifNotShowTags}
{block:IndexPage}
display:none;
{/block:IndexPage}
{/block:ifNotShowTags}
word-break:break-all;
font-family:verdana;
font-size:9px;
width:340px;
padding:5px;
{block:IfRoundedPosts}
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
{/block:IfRoundedPosts}
border-top:1px solid {color:accents};

}
.tags a{
text-transform:none;
margin-right:10px;
text-decoration:none;}


.pagenotes {margin-bottom:100px;
{block:IndexPage}
display: none!important;
{/block:IndexPage}
{block:PermalinkPage}
width:320px;
padding:15px;
background:{color:posts};
border:1px solid {color:accents};
{/block:PermalinkPage}
text-align:left;
{block:IfPostShadow}
box-shadow:10px 10px {color:post shadow};
{/block:IfPostShadow}
background:{color:posts};
{block:IfRoundedPosts}
border-radius:10px;
{/block:IfRoundedPosts}

}
.pagenotes img {
display:none!important;}
.pagenotes li {
list-style-type:none;
padding:5px 0px;
text-align:left;
margin:0 0 0 -40px;
font-size:9px;
text-transform:uppercase;

}
.t {
font-size:12px;
font-weight:bold;
color:{color:title};
text-transform:uppercase;}



.dic {width:320px;background:{color:accents};
text-align:right;
padding:5px;
margin:-10px 0 0 -10px;}

.dic a {
font-size:10px;
height:12px;
padding:0;
margin-right:2px;
line-height:12px;
display:inline-block;
text-align:center;
width:12px;
background:{color:posts};}



.dac {float:right;
margin-right:-8px;
text-transform:lowercase;
margin-top:2px;}

.dac a {
font-size:10px;
height:12px;
padding:0;
line-height:11px;
display:block;
text-align:center;
width:12px;
background:{color:accents};}


/* TO TOP BUTTON */
#toTop {
text-align:center;
margin:auto;
position:fixed;
display:none;
bottom:20px;
font-size:24px;
cursor:pointer;
}

#right_container {
position: fixed;
top: 30%;
right: 50px;
z-index:100;
font-size: 18px;
}


{CustomCSS}



</style>

{block:ifinfinitescrolling}
{block:indexpage}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://static.tumblr.com/misqj4e/wRnm75f7d/totop.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$(window).scroll(function() {
if($(this).scrollTop() != 0) {
$('#toTop').fadeIn();
} else {
$('#toTop').fadeOut();
}
});

$('#toTop').click(function() {
$('body,html').animate({scrollTop:0},800);
});
});
</script>

<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

{/block:indexpage}
{/block:ifinfinitescrolling}







</head>

<body>
{block:ifinfinitescrolling}
<div id="right_container">
<div id="toTop"><img src="http://www.google.com/edu/images/global-ui/thin-arrow-up.png" width="30"></div>
</div>
{/block:ifinfinitescrolling}

<div id="con">


<div id="headers">
<div class="standardlinks">
<div id="blogt"><a href="/">{Title}</a></div>
<a href="/" title="index">I</a>
<a href="/ask" title="ask">II</a>
<a href="/archive" title="archive">III</a>
{block:ifLink1}<a href="{text:Link 1 URL}" title="{text:Link 1}">IV</a>{/block:ifLink1}
{block:ifLink2}<a href="{text:Link 2 URL}" title="{text:Link 2}">V</a>{/block:ifLink2}
</div>
<div id="description">{Description}</div>


</div>



<div id="entries">
<div class = "autopagerize_page_element">
{block:Posts}
<div id="posts">
{block:Date}
<div id="permalink">
<div class="dac"><a href="{ReblogURL}" target="_blank" title="reblog">x</a></div>
<a href="{Permalink}">{DayofMonth}.{MonthNumber}.{Year}</a>{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
{block:PermalinkPage}
{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}
{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
{/block:PermalinkPage}

</div>
{/block:Date}

{block:Quote}


<div id="titlequote">{Quote}</div>
{block:Source}<div id="source">{Source}</div>{/block:Source}
{/block:Quote}



{block:Text}

{block:Title}
<div id="title">{Title}</div>{/block:Title}<div class="tt">
{Body}
</div>

{/block:Text}

{block:Link}

<div id="title"><a href="{URL}">{Name}</a></div>
<div class="tt">
{block:Description}{Description}{/block:Description}
</div>
{/block:Link}

{block:Chat}
{block:Title}
<h1>{Title}</h1>
{/block:Title}
<div class="chat">
<ol>{block:Lines}
<li class="line {Alt}">
{block:Label}
<span class="label">
{Label}</span>
{/block:Label}{Line}</li>
{/block:Lines}
</ol></div>
{/block:Chat}

{block:Photo}
{block:IfHoverCaptions}
{block:Caption}<div class="caption">
<div class="dic"><a href="{Permalink}">x</a></div>
{Caption}</div>{/block:Caption}
{/block:IfHoverCaptions}
<div class="photo">
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>

{block:IfNotHoverCaptions}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:IfNotHoverCaptions}
{/block:Photo}

{block:Photoset}
{block:IfHoverCaptions}
{block:Caption}<div class="caption">
<div class="dic"><a href="{Permalink}">x</a></div>
{Caption}</div>{/block:Caption}
{/block:IfHoverCaptions}
<div class="photoset">
{Photoset-500}</div>
{block:IfNotHoverCaptions}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:IfNotHoverCaptions}


{/block:Photoset}

{block:Video}
{block:IfHoverCaptions}
{block:Caption}<div class="caption">
<div class="dic"><a href="{Permalink}">x</a></div>{Caption}</div>{/block:Caption}
{/block:IfHoverCaptions}

<div class="photoset" style="padding:50px">
{Video-250}
</div>
{block:IfNotHoverCaptions}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:IfNotHoverCaptions}
{/block:Video}



{block:Audio}
{block:IfHoverCaptions}
{block:Caption}<div class="caption">
<div class="dic"><a href="{Permalink}">x</a></div>{Caption}</div>{/block:Caption}
{/block:IfHoverCaptions}
<div class="audioinfo">
{block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
</div>
<div class="player"><div class="sex">{AudioPlayerWhite}</div></div>
{block:IfNotHoverCaptions}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:IfNotHoverCaptions}
{/block:Audio}

{block:Answer}
<div class="q">
<span class="as">{Asker} said:</span>
{Question}</div>

<div class="a">{Answer}</div>

{/block:Answer}


{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}





</div>



{block:PostNotes}
<div class="pagenotes">
<div class="t">{NoteCountWithLabel}</div>
{PostNotes}
</div>
{/block:PostNotes}

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

{block:ifnotinfinitescrolling}
{block:Pagination}
<div id="pagination">
{block:JumpPagination length="5"}
{block:CurrentPage}
<span class="current_page">{PageNumber}</span>
{/block:CurrentPage}
{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}
</div>
 {/block:Pagination}
{/block:ifnotinfinitescrolling}



<div id="text" style="text-align:center">
theme by <a href="http://farahmir.tumblr.com" target="_blank">Septim</a></div>
</div>

</body></html>