twelve fifty one #5 nevillles

<!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 nevillles-->

<head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="http://static.tumblr.com/0rbcd2h/3fen1xvsw/ddaccordion.js">

/***********************************************
* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

</script>


<style type="text/css">

.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid gray;
background: #E1E1E1;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background: yellow;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
width:50px;
margin-right:5px;
padding:5px;
display:inline-block;
margin-bottom:5px;
}

.technology:hover{background-color:{color:accent};}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: {color:accent};
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: {color:text};
}

</style>

<script type="text/javascript">

//Initialize first demo:
ddaccordion.init({
	headerclass: "mypets", //Shared CSS class name of headers group
	contentclass: "thepet", //Shared CSS class name of contents group
	revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
	defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
	animatedefault: false, //Should contents open by default be animated into view?
	scrolltoheader: false, //scroll to header each time after it's been expanded by the user?
	persiststate: true, //persist state of opened contents within browser session?
	toggleclass: ["", "openpet"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
	oninit:function(expandedindices){ //custom code to run when headers have initalized
		//do nothing
	},
	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
		//do nothing
	}
})

//Initialize 2nd demo:
ddaccordion.init({
	headerclass: "technology", //Shared CSS class name of headers group
	contentclass: "thelanguage", //Shared CSS class name of contents group
	revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
	collapseprev: false, //Collapse previous content (so only one open at any time)? true/false
	defaultexpanded: [], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
	animatedefault: false, //Should contents open by default be animated into view?
	scrolltoheader: false, //scroll to header each time after it's been expanded by the user?
	persiststate: false, //persist state of opened contents within browser session?
	toggleclass: ["closedlanguage", "openlanguage"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["prefix"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
	oninit:function(expandedindices){ //custom code to run when headers have initalized
		//do nothing
	},
	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
		//do nothing
	}
})

</script>

<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="#aaaaaa"/>
<meta name="color:Accent" content="#aaaaaa"/>
<meta name="color:Link" content="#000000"/>

<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="" />
<meta name="text:Title 1" content="about" />
<meta name="text:Title 2" content="tags" />
<meta name="text:Title 3" content="faq" />

<style type="text/css">

#s-m-t-tooltip{
    position:absolute;
    margin-top: 15px;
    z-index:9999;
    background:{color:background};
}



/*basics*/
blockquote {padding:5px 0 5px 30px;
border-left:1px solid {color:text};
margin-left:30px;
}

body {
background:{color:background};
color:{color:text};
font-family:arial;
font-size:9px;
text-align:justify;
margin:0;
line-height:16px;}


a {
color:{color:link};
text-decoration:none;
}

a:hover {
text-decoration:underline;}

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



#title {font-size:12px;
line-height:18px;
font-weight:bold;
margin-bottom:10px;
text-transform:uppercase;
text-align:left;}


/*sidebar*/
#sidebar {text-align:left;
position:fixed;
background-color:{color:background};
text-transform:lowercase;
margin-left:0px;
height:140px;
margin-top:0px;
padding:10px;
width:500px;
border-bottom:solid {color:accent};
}

#blogt {font-size:18px;
font-weight:bold;
margin-top:90px;}

#links {
line-height:16px;
width:100px;
text-align:left;
margin-top:300px;
margin-left:-100px;
position:fixed;
text-transform:lowercase;
}


#links a {
margin-right:5px;
width:50px;
padding:5px;
display:inline-block;
margin-bottom:5px;
}

#links a:hover{background-color:{color:accent};}

#description {
    width:400px;
margin-top:5px;
}


/*pagination*/
#pagination {
text-align:right;
text-transform:lowercase;
font-weight:bold;
background-color:{color:accent};
}

#pagination a {
padding:10px;
}

/*container*/
#con {
left:400px;
margin-left:-250px;
position:absolute;
}

/*posts*/

#entries {
margin-top:185px;
margin-left:10px;
width:500px;
}



#posts {
width:500px;
{block:IndexPage}
margin-bottom:75px;
{/block:IndexPage}
{block:PermalinkPage}
margin-bottom:50px;
{/block:PermalinkPage}

}
#posts img {
max-width:500px;
}

#posts img, #posts li, #posts blockquote {max-width: 100%;}
.caption {width:100%;
margin-top:10px;

}

/*quote*/

#titlequote{text-align:left;
font-size:14px;
line-height:18px;
font-weight:bold;
}
#source {
margin-top:15px;
margin-left:15px;}

/*audio*/

.player {
width:25px;
height:25px;
overflow:hidden;
position:absolute;
background:white;}

.audioinfo {
margin-left:50px;
}


/*asks*/
.q {margin-bottom:10px;
}
.as {
font-weight:bold;}

.a {
margin-top:10px;
}


/*chat*/

.chat ol {
padding:0;
list-style:none;
}
.line {padding:5px 0;}

.label {font-weight:bold;
}



/*permalink and notes*/

#permalink {
margin-top:15px;
font-size:9px;
text-transform:lowercase;
}


.tags {
word-break:break-all;
font-size:8px;
padding:2px;
}

.pagenotes {
{block:IndexPage}
display: none!important;
{/block:IndexPage}
width:400px;
text-align:left;

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


#cred {
position:fixed;
background-color:{color:Info Background};
text-transform:uppercase;
font-size:9px;
right:9px;
bottom:9px;
padding:4px;
letter-spacing:1px;
}

{CustomCSS}


</style>



</head>

<body>
<div id="con">
<div id="sidebar">
<div id="blogt">{Title}</div>
<div id="description">{Description}</div>
</div>
<div id="links">
{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
{block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
<div class="technology">{text:Title 1}</div>
<div class="thelanguage">
go into the html and place your text here.
</div>
<br>
<div class="technology">{text:Title 2}</div>
<div class="thelanguage">
go into the html and place your text here.
</div>
<br>
<div class="technology">{text:Title 3}</div>
<div class="thelanguage">
go into the html and place your text here.
</div>
<div id="pagination">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}"> previous </a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}">next </a>
{/block:NextPage}
{/block:Pagination}
</div>
</div>


<div id="entries">

{block:Posts}
<div id="posts">


{block:Quote}


<div id="titlequote">“{Quote}”</div>
{block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
{/block:Quote}



{block:Text}

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

{block:Link}
<div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
{/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}
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
{/block:Photo}

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

{block:Video}
{Video-500}
{/block:Video}

{block:Audio}
<div class="player">{AudioPlayerWhite}</div>
<div class="audioinfo">
{block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
</div>
{/block:Audio}

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

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

{block:Date}
<div id="permalink"><a href="{Perimalink}">{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}</a> {/block:Date} {block:NoteCount}{block:NoteCount}<font style="color:{color:accent}};">&nbsp;♥&nbsp;</font> {/block:NoteCount}{NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a>{block:ContentSource} <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
</div>
{/block:Date}



</div>


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


{/block:Posts}



</div>

</div>


{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="cred">
<a href="http://nevillles.tumblr.com/">NV</a>
</div></div></body></html>