mango NOT MY CODING

<style>

/* coded by mango */
/* for SisterGrim's use only */
/* only for private use */

/* to clear profile out */
.tagline {display: none;} .maintop {display: none;} .footer_links {display: none;} .leftnav {display: none;} .profile_pages {display: none;} .defaultpic {display: none;} .thumbnail {display: none;} .gallery {display: none;} .videos {display :none;} .journal_entry {display: none;} .profile_title {display: none;} .likes_title {display: none;} .dislikes_title {display: none;} .music_title {display: none;} .userinfo {display: none;} .buttons1 {display: none;} .buttons2 {display: none;} .buttons3 {display: none;} .friends {display: none;} .comment_title, .comments {display: none;} .tagline {display :none;} .profilepages {display: none;} .topbar { display: none; } h2 { display: none; } .maintop table { display: none; } .topnav {display: none;} .main table br { display: inline; } .maintop table { display: none; } .maintop img { display: none; } .menu2 { display: none; }

/*text decorations*/

body, table {
	 font-family: Calibri;
	 font-size: 10pt;
	 color: white;
}
b {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #6B316C;
	text-transform: uppercase;
}

i {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	color: #41245C;
	font-style: oblique;
}

u {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	color: #B95A84;
	border-bottom: dashed 1px #99173C;
}

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #EFFFCD;
	font-style: normal;
	text-align: left;
	letter-spacing: 2pt;
	text-transform: uppercase;
	background-color: #B95A84;
	border-style: solid;
	Border-width: thin;
	border-color: #E6CEC2;
}

p {
	text-indent: 25px;
	text-height: auto;
	text-wrap: normal;
}
a:link{
	 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size: 9pt;
	 color: #B95A84;
	 border-bottom: dashed 1px;
	 border-bottom-color: #B95A84;
	 }
a:visited{
	 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size: 9pt;
	 color: #DCE9BE;
	 border-bottom: dashed 1px;
	 border-bottom-color: #D69DAE;
 }
a:hover{
	 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size: 9pt;
	 color: #41245C;
 }

ul, li {
	display: block;
	list-style-type: circle;
}

.topnavul:link, .topnavul:active, .topnavul:visited {
	color: #000;
	font-size: 11px;
	display: inline-block;
	background: #D69DAE;
	border-style: solid;
	border-color: #fff;
	border-width: thin;
	letter-spacing: 1pt;
	text-transform: uppercase;
	margin: 1px;
	padding: 1px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}

.topnavul:hover {
	color: #fff;
	font-size: 12px;
	display: inline;
	background: #6B316C;
	border-style: medium;
	border-color: #fff;
	border-width: thin;
	text-transform: uppercase;
	margin: 1px;
	padding: 1px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}

.leftnavul:link, .leftnavul:active, .leftnavul:visited {
	color: #000;
	font-size: 11px;
	display: block;
	background: #E6CEC2;
	border-style: solid;
	border-color: #fff;
	border-width: thin;
	letter-spacing: 1pt;
	text-transform: uppercase;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}

.leftnavul:hover {
	color: #fff;
	font-size: 11px;
	display: block;
	background: #6B316C;
	text-transform: uppercase;
	border-style: solid;
	border-color: #fff;
	border-width: thin;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}


body {
	background-image: url('http://i.imgur.com/84o2Ain.png');
	background-position: left;
	background-repeat: repeat;
	background-color: #D69DAE;
	scrollbar-3dlight-color: #6B316C;
	scrollbar-arrow-color: #6B316C;
	scrollbar-darkshadow-color: #6B316C;
	scrollbar-face-color: #6B316C;
	scrollbar-highlight-color: #6B316C;
	scrollbar-shadow-color: #6B316C;
	scrollbar-track-color: #6B316C;
}

#mngtopnav {
	width: 100%;
	height: 20px;
	background-color: #E6CEC2;
	margin: 1px;
	padding: 2px;
	text-align: center;
	clear: both;
	position: absolute;
}

#wrapper {
	width: 720px;
	background-color: #D69DAE;
	margin: auto;
	padding: 0px;
	overflow: auto;
}

#container {
	width: 710px;
	background-color: #E6CEC2;
	margin: auto;
	padding: 0px;
	overflow: auto;
}

#banner {
	width: 700px;
	background-color: transparent;
	margin: auto;
	padding: 2px;
	text-align: center;
}

#mngleftnav {
	width: 110px;
	height: 200px;
	background-color: #D69DAE;
	float: left;
	margin: 2px;
	padding: 2px;
	text-align: center;
	border-style: solid;
	border-width: thin;
	border-color: #fff;
}

#anchor {
	width: 575px;
	height: 400px;
	background-color: #D69DAE;
	margin: 2px;
	float: right;
	padding: 3px;
	border-style: solid;
	border-width: thin;
	border-color: #fff;	overflow: auto;
	overflow-y: hidden;
}

#anchorcontent {
	width: 565px;
	height: 400px;
	padding: 2px;
	overflow: auto;
	border: none;
}
</style>

<!--content -->
<div id="mngtopnav">
       	  <a href="/main.php" class="topnavul">Home</a>
          <a href="http://vampirefreaks.com/user_comment.php?user=SisterGrim&amp;rate=1" class="topnavul">Contact + Rate</a>
          <a href="http://vampirefreaks.com/profile_action.php?user=SisterGrim" class="topnavul">Add Me</a>
	      <a href="httP://vampirefreaks.com/journal/SisterGrim" class="topnavul">Journal</a>
          <a href="http://vampirefreaks.com/gallery/SisterGrim" class="topnavul">Gallery</a>
          <a href="http://vampirefreaks.com/mango" class="topnavul">Credit</a>

</div>
<div id="wrapper">


    <div id="container">

        <div id="banner"><img src="http://i.imgur.com/JFMayaj.jpg" /></div>

        <div id="mngleftnav">
         <h1>Navigation</h1>
          	<a href="#aboutme" class="leftnavul">About Me</a>
            <a href="#mylikes" class="leftnavul">My Likes</a>
            <a href="#mydislikes" class="leftnavul">My Dislikes</a>
            <a href="#mymusic" class="leftnavul">My Music</a>
            <a href="#mycults" class="leftnavul">My Cults</a>
        </ul>
       </div>
       <div id="anchor">

        <!--your about me here -->

            <a name="aboutme"></a>
            <div id="anchorcontent">
            <h1>About Me</h1>
            about me text here
            <a href="">link</a> <b>bold</b> <u>underline</u> <i>italic</i>
            <p>I'm using the p tag to make this sentence</p>
            <h1>h1 tag</h1>
            <ul>
            	<li>list</li>
                <li>of</li>
                <li>things</li>
            </ul>
            </div>

            <a name="mylikes"></a>
            <div id="anchorcontent">
            <h1>My Likes</h1>
            my likes here
            </div>

            <a name="mydislikes"></a>
            <div id="anchorcontent">
            <h1>My Dislikes</h1>
            my dislikes here
            </div>

            <a name="mymusic"></a>
            <div id="anchorcontent">
            <h1>My Music</h1>
            my music here
            </div>

         	<a name="mycults"></a>
            <div id="anchorcontent">
            <h1>My Cults</h1>
            my cults
            </div>
        </div>
     </div>

</div>