bolin

<style type="text/css">
	.pfor {display: none;}
	#profile {background-color: transparent; border: 0;}

	body {cursor: url("http://cur.cursors-4u.net/cursors/cur-9/cur817.cur"), progress !important;}

	a:hover {cursor: url("http://cur.cursors-4u.net/cursors/cur-9/cur817.cur"), progress !important;}

	@font-face{font-family:Indie Star;src:url(http://static.tumblr.com/9wzbixa/EOUmj2m9n/indiestarbb_reg.otf);}

	@font-face{font-family:Haymaker;src:url(http://static.tumblr.com/9wzbixa/OYnmj2ji0/haymaker.ttf);}

	body {
	background-image: url("");
	background-repeat: repeat;
	background-position: bottom right;
	background-size: 200px;
	background-color: #78AB46;
	font-size: 10px;
	color: #000000;
	text-align: center;
	}

	a {
	color: #000000;
	text-decoration: none;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	}

	a:hover {
	color: #333333;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	}

	b {
	text-transform: none;
	color: #a13652;
	}

	i {
	color: #FFFFFF;
	}

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

	::-webkit-scrollbar {
	height:3px;
	width:3px;
	background-color: #cccccc;
	border: 1px solid #999999;
	}

#no{position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; }

	#boxnavi{
	position:fixed;
	right:940px;
	bottom: 356px;
	overflow: hidden;
	z-index: 10;
	}

	#boxnavi a:link, a:visited{
	position: fixed;
	display: block;
	height: 50px;
	width: 50px;
	margin-left: 2px;
	margin-right: 2px;
	border: 1px solid #000000;
	border-radius: 100px;
	background-image: url('http://i62.tinypic.com/34s5xmr.png');
	background-size: 72px;
	background-position: center;
	background-repeat: no-repeat;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	}

	#boxnavi a:hover, a:active{
	background-color: #ffffff;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	}

	.box{
	position: fixed;
	left: 0px;
	bottom: 130px;
	height: 119px;
	width: 165px;
	background-color: #333333;
	font-family: Haymaker;
	font-size: 10px;
	color: #ffffff;
	border: 1px solid #000000;
	padding: 10px;
	opacity: 0;
	overflow: auto;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	}

	.box:target{
	position: fixed;
	left: 70px;
	bottom: 130px;
	height: 119px;
	width: 165px;
	opacity: 1;
	z-index: 5;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	}

	#boxnavi2{
	position:fixed;
	right:880px;
	bottom: 356px;
	overflow: hidden;
	z-index: 10;
	}

	#boxnavi2 a:link, a:visited{
	position: fixed;
	display: block;
	height: 50px;
	width: 50px;
	margin-left: 2px;
	margin-right: 2px;
	border: 1px solid #000000;
	border-radius: 100px;
	background-image: url('http://i62.tinypic.com/14noklg.png');
	background-size: 72px;
	background-position: center;
	background-repeat: no-repeat;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	}

	#boxnavi2 a:hover, a:active{
	background-color: #ffffff;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	}

	.box2{
	position: fixed;
	left: 0px;
	bottom: 130px;
	height: 119px;
	width: 165px;
	background-color: #333333;
	font-family: Haymaker;
	font-size: 10px;
	color: #ffffff;
	border: 1px solid #000000;
	padding: 10px;
	opacity: 0;
	overflow: auto;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	}

	.box2:target{
	position: fixed;
	left: 260px;
	bottom: 130px;
	height: 119px;
	width: 165px;
	opacity: 1;
	z-index: 5;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	}

	#boxnavi3{
	position:fixed;
	right:820px;
	bottom: 356px;
	overflow: hidden;
	z-index: 10;
	}

	#boxnavi3 a:link, a:visited{
	position: fixed;
	display: block;
	height: 50px;
	width: 50px;
	margin-left: 2px;
	margin-right: 2px;
	border: 1px solid #000000;
	border-radius: 100px;
	background-image: url('http://i62.tinypic.com/adnf43.png');
	background-size: 72px;
	background-position: center;
	background-repeat: no-repeat;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	}

	#boxnavi3 a:hover, a:active{
	background-color: #ffffff;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	}

	.box3{
	position: fixed;
	left: 0px;
	bottom: 130px;
	height: 119px;
	width: 165px;
	background-color: #333333;
	font-family: Haymaker;
	font-size: 10px;
	color: #ffffff;
	border: 1px solid #000000;
	padding: 10px;
	opacity: 0;
	overflow: auto;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	}

	.box3:target{
	position: fixed;
	left: 450px;
	bottom: 130px;
	height: 119px;
	width: 165px;
	opacity: 1;
	z-index: 5;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	}

	#boxnavi4{
	position:fixed;
	right: 760px;
	bottom: 356px;
	overflow: hidden;
	z-index: 10;
	}

	#boxnavi4 a:link, a:visited{
	position: fixed;
	display: block;
	height: 50px;
	width: 50px;
	margin-left: 2px;
	margin-right: 2px;
	border: 1px solid #000000;
	border-radius: 100px;
	background-image: url('http://i60.tinypic.com/jahnrk.png');
	background-size: 72px;
	background-position: center;
	background-repeat: no-repeat;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	}

	#boxnavi4 a:hover, a:active{
	background-color: #ffffff;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	}

	.box4{
	position: fixed;
	left: 0px;
	bottom: 130px;
	height: 119px;
	width: 165px;
	background-color: #333333;
	font-family: Haymaker;
	font-size: 10px;
	color: #ffffff;
	border: 1px solid #000000;
	padding: 10px;
	opacity: 0;
	overflow: auto;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	}

	.box4:target{
	position: fixed;
	left: 640px;
	bottom: 130px;
	height: 119px;
	width: 165px;
	opacity: 1;
	z-index: 5;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	}

	#boxnavi5{
	position:fixed;
	right: 700px;
	bottom: 356px;
	overflow: hidden;
	z-index: 10;
	}

	#boxnavi5 a:link, a:visited{
	position: fixed;
	display: block;
	height: 50px;
	width: 50px;
	margin-left: 2px;
	margin-right: 2px;
	border: 1px solid #000000;
	border-radius: 100px;
	background-image: url('http://i61.tinypic.com/6f2pn7.png');
	background-size: 72px;
	background-position: center;
	background-repeat: no-repeat;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	}

	#boxnavi5 a:hover, a:active{
	background-color: #ffffff;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	}

	.box5{
	position: fixed;
	left: 0px;
	bottom: 130px;
	height: 119px;
	width: 165px;
	background-color: #333333;
	font-family: Indie Star;
	font-size: 14px;
	color: #ffffff;
	border: 1px solid #000000;
	padding: 10px;
	opacity: 0;
	overflow: hidden;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	}

	.box5:target{
	position: fixed;
	left: 0px;
	bottom: 0px;
	height: 0px;
	width: 0px;
	opacity: 0;
	z-index: 5;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	}

	#filmstrip {
	position: fixed;
	right:0px;
	bottom:100px;
	height:200px;
	width:1450px;
	background-image: url('http://i59.tinypic.com/300wp42.png');
	background-size: 760px;
	background-repeat: repeat;
	background-position: center;
	border: 1px black solid;
	padding: 0px;
	overflow: hidden;
	}

	#render{
	position: fixed;
	right: -10px;
	bottom: -20px;
	index: 20;
	}

	#title {
	width: 600px;
	height: 50px;
	position: fixed;
	font-family: Indie Star;
	font-size: 75px;
	font-weight: normal;
	padding: 5px;
	right: 850px;
	bottom: 315px;
	background-color: transparent;
	border: none;
	}

	#gif1 {
	position: fixed;
	background-image: url('http://i60.tinypic.com/ekjnea.gif');
	background-size: 300px;
	background-repeat: no-repeat;
	background-position: left;
	border: 1px solid #000000;
	right: 1300px;
	bottom: 130px;
	height: 140px;
	width: 180px;
	}

	#gif2 {
	position: fixed;
	background-image: url('http://i58.tinypic.com/2u60eue.gif');
	background-size: 300px;
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #000000;
	right: 1112px;
	bottom: 130px;
	height: 140px;
	width: 180px;
	}

	#gif3 {
	position: fixed;
	background-image: url('http://i59.tinypic.com/30abac9.gif');
	background-size: 255px;
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #000000;
	right: 922px;
	bottom: 130px;
	height: 140px;
	width: 180px;
	}

	#gif4 {
	position: fixed;
	background-image: url('http://i58.tinypic.com/2rmbi9w.gif');
	background-size: 250px;
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #000000;
	right: 731px;
	bottom: 130px;
	height: 140px;
	width: 180px;
	}

	#gif5 {
	position: fixed;
	background-image: url('http://i58.tinypic.com/x1n01t.gif');
	background-size: 270px;
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #000000;
	right: 541px;
	bottom: 130px;
	height: 140px;
	width: 180px;
	}

	#gif6 {
	position: fixed;
	background-image: url('http://i59.tinypic.com/rh8zkl.gif');
	background-size: 280px;
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #000000;
	right: 351px;
	bottom: 130px;
	height: 140px;
	width: 180px;
	z-index: -1;
	}

	#gif7 {
	position: fixed;
	background-image: url('http://i58.tinypic.com/2q2eu12.gif');
	background-size: 280px;
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #000000;
	right: 161px;
	bottom: 130px;
	height: 140px;
	width: 180px;
	z-index: -1;
	}

	#gif8 {
	position: fixed;
	background-image: url('http://i58.tinypic.com/e85sok.gif');
	background-size: 280px;
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #000000;
	right: 0px;
	bottom: 130px;
	height: 140px;
	width: 180px;
	z-index: -2;
	}

	#friends {
	width: 600px;
	height: 50px;
	position: fixed;
	font-family: Indie Star;
	font-size: 25px;
	font-weight: normal;
	color: #000000;
	padding: 5px;
	word-spacing: 10px;
	right: 960px;
	bottom: 42px;
	background-color: transparent;
	border: none;
	}

	#credit {
	background-color: transparent;
	border: none;
	overflow: auto;
	position:absolute;
	font-variant: small-caps;
	font-family: 'Share Tech', sans-serif;
	text-shadow: #000000 0px -1px;
	font-size: 12px;
	right:0px;
	bottom:0px;
	height: 20px;
	width: 160px;
	}

	</style>
<div id="no" oncontextmenu="return false;">
	<div id="filmstrip"></div>
	<div id="render"><img src="http://i62.tinypic.com/2ujnxoy.png" alt="image3" width="480" height="500"></div>
	<div id="title">Bolin AKA - Nuktuk</div>
	<div id="gif1"></div>
	<div id="gif2"></div>
	<div id="gif3"></div>
	<div id="gif4"></div>
	<div id="gif5"></div>
	<div id="gif6"></div>
	<div id="gif7"></div>
	<div id="gif8"></div>
	<div id="friends">
	<a href="https://roleplaychat.org/profile.php?user=Bolin">Mako</a>

	-
	<a href="http://3.roleplaychat.org/profile.php?userid=325171">Korra</a>

	-
	<a href="http://1.roleplaychat.org/profile.php?userid=325604">Asami</a>



	</div>

	<div id="boxnavi">
	<a href="#b1"></a></div>

	<div id="b1" class="box">
	GENERAL
	<hr>
	Name - Bolin
	<br><br>Born - 154 AG
	<br><br>Ethnicity - Mixed
	<br><br>Home - Republic City
	<br><br>Occupation(s) - Various
	<br><br>Height - 6'0''
	<br><br>Weight - 175(ish) lbs.
	</div>

	<div id="boxnavi2">
	<a href="#b2"></a></div>

	<div id="b2" class="box2">
	APPEARANCE
	<hr>
	<br><br>Drop. Dead. Gorgeous.
	</div>

	<div id="boxnavi3">
	<a href="#b3"></a></div>

	<div id="b3" class="box3">
	PROS AND CONS
	<hr>
	Pros:
	<br>- Funny
	<br>- Inventive
	<br>- Charismatic
	<br>- His name is Bolin

	<br><br>Cons:
	<br>- Naive
	<br>- Childish
	<br>- Thickheaded
	<br>- Shut Uuuuuuuup
	</div>

	<div id="boxnavi4">
	<a href="#b4"></a></div>

	<div id="b4" class="box4">
	OOC INFO
	<hr>
	- Moderator of the Legend of Korra Group.
	<br><br>- This does not mean I know anything real. I play Bolin.
	<br><br>- Feel free to ask me questions about the group though.
	<br><br>- Not big on smut with characters like these. It comes with heavy story.
	<br><br>- Profile isn't mine. Steal it and taste my Bolin-esque wrath.
	<br><br>- Smile and have fun! YES THIS IS A RULE.
	</div>

	<div id="boxnavi5">
	<a href="#b5"></a></div>

	<div id="b5" class="box5">reset</div>

	<div id="credit">
	©<a href="http://roleplaychat.org/profile.php?user=Avatar+Korra">KORRA</a> made this profile.</div>
	</div>