theme 31 "bri"

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<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}

<!---@shayofrp --->

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#a8a8a8"/>
<meta name="color:Hover" content="#f2f2f2"/>
<meta name="color:Scrollbar" content="#000000"/>
<meta name="color:ScrollbarBg" content="#ffffff"/>
<meta name="color:Answer Backg" content="#000000"/>
<meta name="color:Links" content="#000000"/>
<meta name="color:Links Background" content="#000000"/>
<meta name="color:Description Background" content="#000000"/>
<meta name="color:Sidebar Background" content="#000000"/>
<meta name="color:postbg" content="#ffffff"/>
<meta name="color:Info Background" content="#ffffff"/>
<meta name="image:background" content=""/>
<meta name="image:admin 1" content=""/>
<meta name="image:admin 2" content=""/>
<meta name="text:admin 1" content=""/>
<meta name="text:admin 2" content=""/>
<meta name="text:admin 1 name" content=""/>
<meta name="text:admin 2 name" content=""/>
<meta name="image:header" content=""/>
<meta name="image:sidebar image" content=""/>
    <meta name="text:Caption" content="">
    <meta name="text:Link 1" content="">
    <meta name="text:Link 1 URL" content="/">
    <meta name="text:Link 2" content="">
    <meta name="text:Link 2 URL" content="/">
    <meta name="text:Link 3" content="">
    <meta name="text:Link 3 URL" content="/">
    <meta name="text:Link 4" content="">
    <meta name="text:Link 4 URL" content="/">
    <meta name="text:Link 5" content="">
    <meta name="text:Link 5 URL" content="/">
    <meta name="text:Link 6" content="">
    <meta name="text:Link 6 URL" content="/">
    <meta name="text:Tab 2 Title" content="">
    <meta name="text:Tab 3 Title" content="">
    <meta name="text:Tab 4 Title" content="">

<style type="text/css">


::-webkit-scrollbar-thumb {
height:auto;
background-color:{color:Scrollbar};
}

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


body {
background:{color:background};
margin:0px;
color:{color:text};
font-family:trebuchet , sans-serif;
font-size:9px;
line-height:100%;
letter-spacing:0px;
background-image:url('{image:background}');
background-attachment:fixed;
}

small{font-size:9px;}

a {
text-decoration:none;
outline:none;
-moz-outline-style:none;
color:{color:links};
font-weight:bold;
font-family:arial;
}

pre{color:{color:background};
font-family:'arial';
padding:5px;
width:90%;
font-size:150%;
border-left:2px solid {color:postbg};
text-transform:lowercase;
letter-spacing:-1px;
background-color:{color:text};}

img {
    border:none;
}

h1 {
font-size:11px;
color:{color:text};
padding:10px;
text-transform:uppercase;
font-family:'arial';
text-align:left;
}

h1 a{background-color:{color:background};}

blockquote {border-left: solid 2px {color:links};
    background-color:{color:background};
    padding:5px;
width:auto;
}

a:hover {
color:{color:postbg};
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

/*ENTRIES*/

#entries {
width:500px;
margin-left:660px;
letter-spacing:0px;
line-height:160%;
margin-top:130px;
z-index:9;
font-size:9px;
position:absolute;
}

#post {
width:500px;
padding:30px;
padding-top:10px;
margin-top:10px;
background-color:{color:postbg};
}


/*SIDEBAR*/


#links{margin-top:475px;
    width:465px;
    margin-left:30px;
    display:block;
    z-index:99999;
    position:fixed;
    text-align:right;
}

#links a{width:465px;
    padding:3px;
    text-transform:uppercase;
    font-weight:normal;
    font-family:arial;
    border-bottom: 2px solid {color:Info Background};
    letter-spacing:1px;
    margin-bottom:2px;
    display:inline-block;
    font-size:9px;
    background-color:{color:postbg};
    color:{color:Text};
}

#links a:hover{background-color:{color:Description Background};}

#description{
    line-height:150%;
    z-index:999999999999;
width:90px;
text-align:justify;
position:fixed;
margin-left:110px;
background-color:{color:Description Background};
padding:5px;
font-size:9px;
font-family:arial, sans-serif;
color:{color:background};
font-family:'arial';
padding:15px;
margin-top:340px;
height:195px;
overflow:auto;
}


/*POST INFO*/

#info {
width:550px;
text-align:left;
font-family:arial;
text-transform:lowercase;
margin-left:-30px;
font-size:9px;
margin-top:10px;
margin-bottom:-30px;
font-style:none;
padding:5px;
line-height:10px;
background-color:{color:Info Background};
color:{color:Text};
}

#info a {
text-align:center;
font-family:arial;
color:{color:Text};
}

.right{float:right}


/*SIDEBAR*/

#sidebar{
    padding:10px;
    margin-top:130px;
    height:400px;
    margin-left:100px;
    position:fixed;
}



.tabs {
    position: relative;
	margin: 40px auto;
	width: 510px;
}

.tabs input {
	position: absolute;
	z-index: 1000;
	width: 120px;
	height: 40px;
	left: 0px;
	top: 0px;
	opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	cursor: pointer;
}
.tabs input#tab-2{
	top: 40px;
}
.tabs input#tab-3{
	top: 80px;
}
.tabs input#tab-4{
	top: 120px;
}

.tabs label {
	background: {color:links background};
	border-bottom:1px solid {color:background};
	font-size: 10px;
	line-height: 40px;
	height: 40px;
	position: relative;
	padding: 0 20px;
	display: block;
	width: 80px;
	color: {color:text};
	letter-spacing: 1px;
	text-transform: lowercase;
	text-align: right;
	float: left;
	clear: both;
    border-radius: 3px 0 0 3px;
}

.tabs label:after {
    content: '';
	background: {color:postbg};
	position: absolute;
	right: -2px;
	top: 0;
	width: 2px;
	height: 100%;
}

.tabs input:hover + label {
	background: {color:postbg};
}

.tabs label:first-of-type {
    z-index: 4;
}

.tab-label-2 {
    z-index: 3;
}

.tab-label-3 {
    z-index: 2;
}

.tab-label-4 {
    z-index: 1;
}

.tabs input:checked + label {
    background: {color:postbg};
	z-index: 6;
}

.clear-shadow {
	clear: both;
}

.content {
    background: {color:postbg};
	position: relative;
    width: auto;
	margin: -200px 0 0 120px;
	height: 420px;
	z-index: 5;
	overflow: hidden;
}

.content div {
    position: absolute;
	top: 0;
	margin-left:-30px;
	padding: 10px 40px;
	z-index: 1;
    opacity: 0;
    -webkit-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    -ms-transition: all linear 0.5s;
    transition: all linear 0.5s;
}

.content div{
	-webkit-transform: translateY(-450px);
	-moz-transform: translateY(-450px);
	-o-transform: translateY(-450px);
	-ms-transform: translateY(-450px);
	transform: translateY(-450px);
}

.tabs input.tab-selector-1:checked ~ .content .content-1,
.tabs input.tab-selector-2:checked ~ .content .content-2,
.tabs input.tab-selector-3:checked ~ .content .content-3,
.tabs input.tab-selector-4:checked ~ .content .content-4 {
    -webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
    z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all ease-out 0.3s 0.3s;
    -moz-transition: all ease-out 0.3s 0.3s;
    -o-transition: all ease-out 0.3s 0.3s;
    -ms-transition: all ease-out 0.3s 0.3s;
    transition: all ease-out 0.3s 0.3s;
}

.content div h2,
.content div h3{
	letter-spacing:1px;
font-weight:bold;
font-size:11px;
background-color:{color:text};
text-transform:uppercase;
color:{color:background};
padding:5px;

}
.content div p {
	font-size: 9px;
	line-height: 16px;
	text-align: justify;
	margin-left: 10px;
	color: {color:text};
	padding-left: 15px;
	font-family: arial;
	border-left: 2px solid {color:links};
 }
.content div navi a{
    width:330px;
    font-weight:normal;
    text-align:center;
    color:{color:Links};
    border-bottom:solid 2px{color:Info Background};
    display:inline-block;
    z-index:9999999999999;
    font-style:none;
    margin-top:-1px;
    text-transform:uppercase;
    font-size:8px;
    letter-spacing:1px;
    margin-bottom:3px;
    padding:12px;
    background-color:{color:Links Background};
}

.content div navi a:hover{background-color:{color:text};
    color:{color:background};
}

.content div description{
width:293px;
background-color:{color:Description Background};
padding:1px;
color:{color:postbg};
font-family:'arial';
font-size:9;
border-left: solid 2px {color:links};
height:50px;
overflow:auto;
text-transform:lowercase;
line-height:20px;
}

 .content div uhm {
	font-size: 9px;
	line-height: 16px;
	text-align: justify;
	margin-left: 10px;
	color: {color:text};
	padding-left: 15px;
	font-family: arial;
	border-left: 2px solid {color:links};
}

/*HEADER*/
#header{position:fixed;
    margin-left:110px;
    background-color:{color:background};
    margin-top:-52px;
    z-index:99999999999999999;
}

/*QUESTION*/

#asker {
color:{color:text};
padding:15px;
font-family:'arial';
font-size:10px;
letter-spacing:0px;
text-align:right;
margin-top:0px;
text-transform:lowercase;
line-height:100%;
background-color:{color:Answer backg};
}

#asker a{color:{color:postbg};}

#url{color:{color:text};
padding:4px;
font-family:'arial';
font-size:12px;
font-weight:bold;
text-align:left;
margin-top:0px;
text-transform:lowercase;
line-height:100%;
background-color:{color:info background};
}

#url a{color:{color:Background}}

#pagination {
    font-size:9px;
    margin-top:115px;
    border-bottom:solid 5px {color:text};
    letter-spacing:1px;
    width:1100px;
    font-weight:bold;
    margin-left:110px;
    position:fixed;
    padding:5px;
    text-transform:uppercase;
    text-align:center;
    background-color:{color:Info Background};
    z-index:99999999;
    color:{color:Content Background};
    }

    #pagination a{color:{color:postbg};
    padding:5px;
        text-align:center;
    }

/*POP OUT ADMINS*/
#admins{background-color:{color:Info Background};
width:490px;
z-index:-9;
margin-top:460px;
height:100px;
margin-left:110px;
padding:10px;
    position:fixed;
    -webkit-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    -ms-transition: all linear 0.5s;
    transition: all linear 0.5s;
}

#admins:hover{margin-top:560px;
    -webkit-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    -ms-transition: all linear 0.5s;
    transition: all linear 0.5s;
}

block{width:223px;
padding:10px;
text-align:justify;
height:60px;
background-color:{color:background};
    display:inline-block;
    font-size:9px;
}

#navigationlabel{    bottom:0px; position:absolute;
width:505px;
text-transform:uppercase;
text-align:center;
font-family:arial;
margin-left:-10px;
font-size:9px;
color:{color:background};
background-color:{color:text};
padding:3px;
}

/*CREDIT*/

#cred {
position:fixed;
font-family:'arial';
text-transform:uppercase;
font-size:8px;
right:9px;
color:{color:text};
z-index:9999;
bottom:9px;
padding:5px;
background-color:{color:postbg};
letter-spacing:1px;
}

#cred a{color:{color:text};}

{CustomCSS}</style></head><body>
<div id="header"><img src="{image:header}"></div>
<div id="description">{description}</div>
<div id="sidebar">

<section class="tabs">
	            <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" />
		        <label for="tab-1" class="tab-label-1">home</label>

	            <input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" />
		        <label for="tab-2" class="tab-label-2">{text:tab 2 title}</label>

	            <input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" />
		        <label for="tab-3" class="tab-label-3">{text:tab 3 title}</label>

	            <input id="tab-4" type="radio" name="radio-set" class="tab-selector-4" />
		        <label for="tab-4" class="tab-label-4">{text:tab 4 title}</label>

			    <div class="clear-shadow"></div>

		        <div class="content">
			        <div class="content-1">
					 <img src="{image:sidebar image}">
				    </div>
			        <div class="content-2">
					<h2>{title}</h2>
<p>{description}</p>
<navi>
<a href="{text:link 1 url}">{text:link 1}</a>
<a href="{text:link 2 url}">{text:link 2}</a>
<a href="{text:link 3 url}">{text:link 3}</a>
<a href="{text:link 4 url}">{text:link 4}</a>
<a href="{text:link 5 url}">{text:link 5}</a>
<a href="{text:link 6 url}">{text:link 6}</a>
</navi>


				    </div>
			        <div class="content-3">
						<h2>Portfolio</h2>
                        <p>The path of the righteous man is beset on all sides by the iniquities of the selfish and the tyranny of evil men. Blessed is he who, in the name of charity and good will, shepherds the weak through the valley of darkness, for he is truly his brother's keeper and the finder of lost children. And I will strike down upon thee with great vengeance and furious anger those who would attempt to poison and destroy My brothers. And you will know My name is the Lord when I lay My vengeance upon thee.</p>
						<h3>Examples</h3>
						<p>Now that we know who you are, I know who I am. I'm not a mistake! It all makes sense! In a comic, you know how you can tell who the arch-villain's going to be? He's the exact opposite of the hero. And most arial they're friends, like you and me! I should've known way back when... You know why, David? Because of the kids. They called me Mr Glass. </p>
				    </div>
				    <div class="content-4">
						<h2>QUESTION HERE</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur posuere sed erat vitae accumsan. </p>
						<h2>QUESTION HERE</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur posuere sed erat vitae accumsan. </p>
                        <h2>QUESTION HERE</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur posuere sed erat vitae accumsan. </p>
				    </div>
		        </div>
			</section>
        </div>
<div id="admins"><block><img src="{image:admin 1}" style="float:left;margin:0 5px 0 0;"  title="{text:admin 1 name}"> {text:admin 1}</block>
<block><img src="{image:admin 2}" style="float:left;margin:0 5px 0 0;" title="{text:admin 2 name}"> {text:admin 2}</block>
        <div id="navigationlabel">ADMINS</div></div>



<div id="entries">
{block:Posts}
<div id="post">

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

<br>{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}{/block:Photo}

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

{block:Quote}<h2>"{Quote}"</h2>
{block:Source}<div class="qsource"> —{Source}</div>
{/block:Source}{/block:Quote}

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

{block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}

{block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
{/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
{/block:Audio}<br>

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

{block:Answer}<div id="asker">{Question}</div> <div id="url">{Asker}</div>{Answer}{/block:Answer}

<div id="info">
<div id="permalink">
<a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a>  <div class=right>{NoteCount}</div></a></div>

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


</div>{/block:Posts}{/block:Posts}</div></div></div></div>
 <div id="pagination"> {title}{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">back</a>
{/block:PreviousPage}

{block:NextPage}
<a href="{NextPage}">forward</a>
{/block:NextPage}
</div>
{/block:Pagination}
</div>
<div id="cred">
<a href="http://shayofrp.tumblr.com/">SHAYOFRP</a>
</div>

	</body>
</html>