<title>{Title}</title>

<linkrel="shortcuticon"href="{Favicon}">
<linkrel="alternate"type="application/rss+xml"
href="{RSS}">
{block:Description}<metaname="description"
content="{MetaDescription}"/>{/block:Description}

<!DEFAULTVARIABLES>
<metaname="color:background"content="#ffffff"/>
<metaname="color:text"content="#000000"/>
<metaname="color:links"content="#626262"/>
<metaname="color:linkhover"content="#905976"/>
<metaname="color:navigation"content="#000000"/>
<metaname="color:navlinks"content="#ffffff"/>
<metaname="color:navlinkshover"content="#d31e1e"/>
<metaname="color:borders"content="#eeeeee"/>
<metaname="color:question"content="#f8f8f8"/>
<metaname="color:scrollbar"content="#000000"/>
<metaname="color:scrollbarbackground"content="#ffffff"/>
<metaname="color:sidebar"content="#ffffff"/>
<metaname="color:titles"content="#000000"/>
<metaname="color:titlesbg"content="#ffffff"/>
<metaname="color:titlesborder"content="#eeeeee"/>
<metaname="color:contentbackground"content="#f8f8f8"/>
<metaname="color:postsbackground"content="#ffffff"/>

<metaname="image:header"content=""/>
<metaname="image:sidebar"content=""/>
<metaname="text:link1title"content="link"/>
<metaname="text:link1url"content=""/>
<metaname="text:link2title"content="link"/>
<metaname="text:link2url"content=""/>
<metaname="text:link3title"content="link"/>
<metaname="text:link3url"content=""/>
<metaname="text:link4title"content="link"/>
<metaname="text:link4url"content=""/>
<metaname="text:link5title"content="link"/>

<metaname="text:link5url"content=""/>
<metaname="text:link6title"content="link"/>
<metaname="text:link6url"content=""/>

<metaname="text:officiallink1title"content="link"/>
<metaname="text:officiallink1url"content=""/>
<metaname="text:officiallink2title"content="link"/>
<metaname="text:officiallink2url"content=""/>
<metaname="text:officiallink3title"content="link"/>
<metaname="text:officiallink3url"content=""/>
<metaname="text:officiallink4title"content="link"/>
<metaname="text:officiallink4url"content=""/>
<!SCRIPTS>
<link
href="http://static.tumblr.com/5omyijl/bzrn2yg7i/stylemy
tooltips.css"rel="stylesheet"type="text/css"/>
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.
min.js"></script>
<script
src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style
mytooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:200,
tip_fade_speed:300
});
});
})(jQuery);
</script>

<styletype="text/css">

/*SCROLLBAR*/

::webkitscrollbar{
backgroundcolor:{color:scrollbarbg};
height:8px;
width:5px;
}

::webkitscrollbarthumb:vertical{
backgroundcolor:{color:scrollbar};
height:50px;
}

::webkitscrollbarthumb:horizontal{
backgroundcolor:{color:scrollbarbg};
height:8px;
}

/*TOOLTIPS*/

#smttooltip{
maxwidth:300px;
margin:15px;
padding:5px;
border:1pxsolid#eeeeee;
borderradius:0px;
background:#ffffff;
color:{color:text};
zindex:999999;
fontsize:7px;
fontstyle:none;
letterspacing:2px;
fontfamily:arial;
texttransform:uppercase;
boxshadow:1px1px3pxrgba(0,0,0,.0);
}

/*BASICS*/
body{
background:{color:background};
color:{color:text};

fontfamily:arial;
fontsize:11px;
lineheight:150%;
margin:0;
textalign:left;
}
small{
fontsize:11px;
}
a{
color:{color:links};
textdecoration:none;
}
a:hover{
color:{color:linkhover};
transition:1s;
webkittransition:1s;
moztransition:1s;
otransition:1s;
}
img{
opacity:1;
textdecoration:none;
}
h1{
fontsize:14px;
fontweight:bold;
fontfamily:arial;
lineheight:150%;
texttransform:uppercase;
}
blockquote{
paddingleft:10px;
margin:10px;
borderleft:1pxsolid#eee;

}
/*HEADER*/
.headerimg{
marginbottom:0px;
}
.navigation{
width:1100px;
background:{color:navigation};
margintop:5px;
marginleft:calc(50%550px);
}

.links{
textalign:center;
padding:30px;
texttransform:uppercase;
fontsize:15px;
fontweight:bold;
}
.linksa{
color:{color:navlinks};
marginright:40px;
}
.linksa:hover{
color:{color:linkhover};
}
/*SIDEBAR*/

.sidebar{
position:absolute;
width:350px;
margintop:50px;
marginleft:20px;

}
.sideimgimg{
width:300px;
}

.cat{
padding:20px;
border:1pxsolid{color:borders};
marginbottom:50px;
background:white;
}
.cti{
texttransform:uppercase;
fontsize:15px;
fontweight:bold;
padding:10px;
borderbottom:1pxsolid#eee;
marginbottom:20px;
color:{color:titles};
background:{color:titlesbg};
}

.description{
textalign:justify;
padding:20px;
margin:5px;
margintop:0px;
fontsize:12px;
}

.projects{
padding:5px;
textalign:left;
margintop:0px;


.projectsimg{
padding:5px;
width:100px;
float:left;
marginright:10px;
border:1pxsolid#eee;

.pinfo{
height:100px;
margintop:25px;
}

.date{
float:left;
padding:10px;
marginright:10px;
texttransform:uppercase;
fontweight:bold;
}

.e{
padding:10px;

.affiliates{
width:300px;
padding:5px;
textalign:left;
texttransform:uppercase;
fontsize:9px;
letterspacing:1px;
margintop:20px;

.affiliatesimg{
padding:5px;
width:50px;

.offa{
display:block;
padding:10px;
borderbottom:1pxsolid#eee;
texttransform:uppercase;
fontsize:10px;
}
.offa:hover{
marginleft:5px;
}

/*PAGINATION*/
#pagi{
margintop:40px;
marginleft:750px;
fontfamily:'roboto',sansserif;
texttransform:uppercase;
fontsize:20px;
fontweight:bold;
padding:20px;
}
/*POSTS*/

.container{
width:1060px;
marginleft:calc(50%550px);

background:{color:contentbackground};
padding:20px;
margintop:5px;

.entries{
margintop:50px;
width:500px;
marginleft:500px;
background:{color:contentbackground};

.posts{
width:500px;
marginbottom:70px;
background:{color:postsbackground};
padding:20px;
border:1pxsolid{color:borders};
}

/*QUOTE*/
.quote{
padding:10px;
fontsize:15px;
}
.quotesource{
padding:10px;
textalign:center;
}
/*CHAT*/
.chat{
lineheight:150%;
liststyle:none;
}

.line.odd{
padding:10px;
background:#f8f8f8;
}
.line.even{
padding:10px;
}
.label{
texttransform:uppercase;
fontsize:10px;
letterspacing:1px;
fontweight:bold;
}
/*AUDIO*/
.cover{
position:relative;
zindex:1;
maxwidth:100px;
padding:10px;
float:left;
}
.playbutton{
width:20px;
height:30px;
overflow:hidden;
position:relative;
zindex:2;
}

.playbox{
backgroundcolor:#000;
position:absolute;
zindex:2;

padding:15px24px13px16px;
margintop:30px;
marginleft:30px;
opacity:0.5;
}
.trackdetails{
padding:10px;
width:auto;
height:100px;
margintop:10px;
marginleft:100px;
}
/*ASK*/
.question{
padding:10px;
background:{color:question};
}

.asker{
texttransform:uppercase;
}
.answer{
margin:10px;
}
/*INFO*/
.info{
padding:10px;
texttransform:uppercase;
bordertop:1pxsolid#eee;
margintop:25px;
}

.tags{

marginleft:10px;
margintop:5px;
}

.tagsa{
marginright:10px;
letterspacing:1px;
}
/*POSTNOTES*/

ol.notes{
padding:0px;
margin:25px0px0px10px;
liststyletype:none;
}

ol.notesli.note{
padding:10px;
}

ol.notesli.noteimg.avatar{
verticalalign:4px;
marginright:10px;
width:16px;
height:16px;
}

ol.notesli.notespan.action{
fontweight:none;
}

ol.notesli.note.answer_content{
fontweight:normal;
}

ol.notesli.noteblockquote{
padding:4px10px;
margin:10px0px0px25px;
}

ol.notesli.noteblockquotea{

textdecoration:none;
}
/*CREDIT*/

.credit{
fontsize:10px;
position:fixed;
fontweight:bold;
bottom:5px;
right:15px;
zindex:10;
textalign:right;
letterspacing:1px;
padding:2px;
}

.credita{
color:{color:links};
textdecoration:none;
}

.credita:hover{
color:{color:linkshover};
textdecoration:none;
}
</style>
</head>
<body>
<divclass="credit">
<atitle="theme"href="http://mattdraddario.tumblr.com/"
target="_blank">MD</a></div>

<divclass="navigation">

<divclass="links">
<ahref="/">Home</a>
<ahref="/ask">Inbox</a>
<ahref="{text:link1url}">{text:link1title}</a>
<ahref="{text:link2url}">{text:link2title}</a>
<ahref="{text:link3url}">{text:link3title}</a>
<ahref="{text:link4url}">{text:link4title}</a>
<ahref="{text:link5url}">{text:link5title}</a>
<ahref="{text:link6url}">{text:link6title}</a>
</div>

</div>
<center><divclass="header"><img
src="{image:header}"></div></center>
<divclass="container">

<divclass="sidebar">

<!WELCOME>

<divclass="cat">
<divclass="cti">Welcome</div>
<center><divclass="sideimg"><img
src="{image:sidebar}"></div></center>
<divclass="description">{Description}</div>
</div>

<!OFFICIALLINKS>

<divclass="cat">
<divclass="cti">OfficialLinks</div>
<divclass="off">
<ahref="{text:officiallink1url}">{text:official
link1title}<iclass="fafatwitter"
style="float:right"></i></a>

<ahref="{text:officiallink2url}">{text:official
link2title}<iclass="fafainstagram"
style="float:right"></i></a>
<ahref="{text:officiallink3url}">{text:official
link3title}<iclass="fafayoutubeplay"
style="float:right"></i></a>
<ahref="{text:officiallink4url}">{text:official
link4title}<iclass="fafaglobe"
style="float:right"></i></a>
</div>
</div>

<!UPCOMINGEVENTS>

<divclass="cat">
<divclass="cti">Upcomingevents</div>

<divclass="date">November12</div><div
class="e">Badlands:Seattle</div><br>

<divclass="date">November13</div><div
class="e">Badlands:Vancouver</div><br>

<divclass="date">November14</div><div
class="e">Badlands:Portland</div><br>

<divclass="date">November16</div><div
class="e">Badlands:SanFrancisco</div><br>

</div>

<!PROJECTS>
<divclass="cat">
<divclass="cti">Projects</div>

<divclass="projects">

<img
src="http://static.tumblr.com/zy3qjic/ljzo37s2h/875564.png">
<divclass="pinfo"><ul><b>Title</b><br>
<b>Info</b>:Info<br>
<b>Info</b>:Info<br>
<b>Info</b>:Info</ul></div>

<img
src="http://static.tumblr.com/zy3qjic/ljzo37s2h/875564.png">
<divclass="pinfo"><ul><b>Title</b><br>
<b>Info</b>:Info<br>
<b>Info</b>:Info<br>
<b>Info</b>:Info</ul></div>

<img
src="http://static.tumblr.com/zy3qjic/ljzo37s2h/875564.png">
<divclass="pinfo"><ul><b>Title</b><br>
<b>Info</b>:Info<br>
<b>Info</b>:Info<br>
<b>Info</b>:Info</ul></div>

</div></div>

<!AFFILIATES>

<divclass="cat">
<divclass="cti">Affiliates</div>

<divclass="affiliates">

<center><ahref="/"title="apply"><img
src="http://static.tumblr.com/zy3qjic/By0o37sbp/sdfg.png"/><
/a>
<ahref="/"title="apply"><img
src="http://static.tumblr.com/zy3qjic/By0o37sbp/sdfg.png"/><
/a>

<ahref="/"title="apply"><img
src="http://static.tumblr.com/zy3qjic/By0o37sbp/sdfg.png"/><
/a>
<ahref="/"title="apply"><img
src="http://static.tumblr.com/zy3qjic/By0o37sbp/sdfg.png"/><
/a></center>

</div>
</div>

<!MEMBERS>

<divclass="cat">
<divclass="cti">Members</div>

{block:GroupMembers}
<tablestyle="margintop:0px;">
{block:GroupMember}
<tr>
<tdstyle="width:40px;">
<imgsrc="{GroupMemberPortraitURL40}"width="40px;"
height="auto;"style="marginright:10px;padding:5px;
border:1pxsolid#f1f1f1">
</td>
<tdstyle="width:290px;height:auto;">
<divid="m"style="marginbottom:10px;">
<ahref="{GroupMemberURL}"style="fontweight:bold;text
transform:uppercase;fontfamily:arial;letterspacing:0px;
font
size:8px;">{GroupMemberName}</a><br>{GroupMemberTitle}</div>

</tr>
{/block:GroupMember}
</table>
{/block:GroupMembers}
</div>

<!INFO>

<divclass="cat">
<divclass="cti">Aboutthesite</div>
<divclass="sinfo">
<b>About:</b><br>
<b>Admins:</b><br>
<b>Designedby:</b><br>
<b>Online:</b><br>
<b>Visits:</b><br><br>

Oursiteclaimsnocreditforanyimagesposted
onthissiteunlessstatedotherwise.Imagesandinformation
onthisblogarecopyrighttotheirrespectfulowners.
</div>

</div>

</div>

<divclass="entries">

{block:Posts}

<divclass="posts">

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

{block:Photo}
{LinkOpenTag}<imgsrc="{PhotoURL500}">{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}
{/block:Photo}

{block:Photoset}
{Photoset500}
{block:Caption}{Caption}{/block:Caption}
{/block:Photoset}

{block:Quote}
<divclass="quote">"{Quote}"</div>
{block:Source}<divclass="quotesource">{Source}</div>
{/block:Source}{/block:Quote}

{block:Link}
<h1><ahref="{URL}"{Target}>{Name}</a></h1>
{block:Description}{Description}{/block:Description}
{/block:Link}

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

{block:Audio}

<divclass="playbox"><div
class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}
{/block:AudioPlayer}</div></div>

{block:AlbumArt}
<imgsrc="{AlbumArtURL}"class="cover">
{/block:AlbumArt}

<divclass="trackdetails"><br>
{block:TrackName}<b>TRACK:</b>{TrackName}
{/block:TrackName}<br>

{block:Artist}<b>ARTIST:</b>{Artist}{/block:Artist}<br>

<b>PLAYS:</b>{FormattedPlayCount}</div>

{block:Caption}
<divclass="caption">{Caption}</div>

{/block:Caption}
{/block:Audio}

{block:Video}
{Video500}
{block:Caption}{Caption}{/block:Caption}
{/block:Video}

{block:Answer}
<divclass="question">
<divclass="asker"><b>{Asker}said:</b></div>
{Question}</div>
<divclass="answer">
{Answer}</div>
{/block:Answer}

<divclass="info">
{block:Date}
<b><ahref="{Permalink}"title="{TimeAgo}">{Month}
{DayOfMonth}{DayOfMonthSuffix}</b></a>
{/block:Date}

&nbsp;&nbsp;
<ahref="{Permalink}">{NoteCount}</a>
&nbsp;&nbsp;

<ahref="{ReblogURL}"target="_blank"class="details"><i
class="fafarepeat"></i></a>&nbsp;&nbsp;<b>Postedby</b><a
href="{PostAuthorURL}">{PostAuthorName}</a>

<fontstyle="float:right">
{block:RebloggedFrom}
<ahref="{ReblogParentURL}"title="{ReblogParentName}">via
</a>
{block:ContentSource}
<ahref="{ReblogRootURL}""{ReblogRootName}"
title="{ReblogRootName}">/src</a>
{/block:ContentSource}
{/block:RebloggedFrom}

</fontstyle>

</div>

{block:HasTags}
<divclass="tags">
{block:Tags}
#<ahref="{TagURL}">{Tag}</a>
{/block:Tags}
</div>
{/block:HasTags}

</div>

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

<divid="pagi">
{block:IndexPage}
<divid="pagination">
{block:Pagination}
{block:JumpPaginationlength="5"}
{block:CurrentPage}
<spanclass="current_page">{PageNumber}</span>
{/block:CurrentPage}
{block:JumpPage}
<aclass="jump_page"href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}
{/block:Pagination}
</div>
{/block:IndexPage}
</div>

{block:ContentSource}
<!{SourceURL}{block:SourceLogo}<imgsrc={BlackLogoURL}
width={LogoWidth}height={LogoHeight}

alt={SourceTitle}/>
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}>
{/block:ContentSource}{block:ReblogParent}
{/block:ReblogParent}

</body>