Making a Band Layout, Version 2 Options

[YDG]

MySpace Band Layout Tutorial

Welcome to Version 2 of the Band Layout Tutorial! This tutorial will help you out in making those professional looking layouts that graphic designers are making for these rising bands. A lot of people are getting into this kind of thing, and resources for Band Layouts are very slim, so I hope this topic helps anyone out that needs the help and resources.

Rules:

• Do not spam this thread.
• Please look through other posts to see if a problem similar to yours is resolved.
• If you see a broken link, unavailable screenshot, or non-working code, please report it to me.
• If you are having any trouble, feel free to ask in here or PM me.
• If you leave me a PM, please give me a week to reply before sending me more PM's.
• If you have any requests for my tutorial, please post in this topic.

Table of Contents:

1. Getting Started
2. Changing the Look & Feel
3. Adding a Top Banner
4. Slicing Images
5. Working With Image Rollovers
6. Creating A Custom Left Side
7. Adding Headers
8. Moving Blogs to the Left Side
9. Adding a Shows Header
10. Finishing Up
    --------------------
11. Frequently Asked Questions

[hiddenflaw]

Okay, so here's all of my code. It's probably too much and a little sloppy, but I've been tweaking this thing for awhile. Please help!

CODE

<style>
.profileWidth table { margin-bottom:844px; width:800px; }
.rail { display:none; }
.gap {
background:url() top left no-repeat;
width:894px; height:844px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -496px; }
.topbanner {position:absolute; left:50%; top:0px; margin-left:-400px; _margin-left:-401px; width:894; height:844px; z-index:1;}
.menu {
background:url() top left no-repeat;
width:894px; height:844px;
position:absolute; top:0; left:50%;
margin:844px 0 -400px -449px;
_margin:844px 0 -400px -450px;
}
.player {
background:url() top left no-repeat;
width:894px; height:844px;
position:absolute; top:0; left:50%;
margin:962px 0 -400px -449px;
_margin:962px 0 -400px -450px;
}
.tg_left {
position:absolute; top:1344px
; left:50%; margin-left:-449px;
_margin-left:-450px; width:325px;
height:800px; z-index:1;
}

.mike {
position:absolute; top:1445px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

.conner {
position:absolute; top:1685px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

.keenan {
position:absolute; top:1925px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

.jj {
position:absolute; top:2165px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}


.ben {
position:absolute; top:2405px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}


.shows {position:absolute; top:1348px; left:50%; margin-left:1px; _margin-left:0px; width:325px; height:58px; z-index:1;}

table table table table td.text span.whitetext12 {
position: relative;
top: 0px;
display: block;
left: 450px;
visibility: visible;
width: 1px;
height: 0px;
text-indent: -999999px;
background: transparent url() bottom left no-repeat;
}

.twitter{
width:422px
display:block;
height:500px

padding-top:20px;
_padding-top:20px;
margin-top:42px;
margin-left:-318px;
_margin-top:65px;
_margin-left:-50px;
_width:322px !important;
_height:400px !important;

}

.twitter2{
width:450px !important;
display:block;
height:58px !important;
padding-top:10px;
margin-top:20px;
_margin-top:-20px;
margin-left:118px;
_margin-left:180px;
}

.videos{
width:450px !important;
display:block;
height:auto !important;
padding-top:0px;
margin-top:0px;
margin-left:118px;
_margin-left:180px;
_Margin-top:-115px;
}

.videos2{
width:430px !important;
display:block;
height:auto !important;
padding-top:0px;
margin-top:35px;
margin-left:-100px;
_margin-left:-50px;
_margin-top:80px;
}

.promote{
width:450px !important;
display:block;
height:auto !important;
padding-top:0px;
margin-top:0px;
margin-left:115px;
_margin-left:147px;
}

.promote2{
width:400px !important;
display:block;
height:auto !important;
padding-top:0px;
margin-top:0px;
margin-left:140px;
_margin-left:20px;

}

.leftcontent {
width: 325px !important
display: block;
height: auto;
margin-left: 20px;
_margin-left: 0px;
}



object {position:absolute; height:350px; width:450px; left:50%; z-index:9;}
object {top:-40px!important; _top:-90px!important; margin-left:-555px!important; _margin-left:-410px!important;}
object object, td td td object, embed {position:static; margin:auto!important;}

</style>



<div class="gap"><div class="topbanner">
<img src="http://connerjones.webs.com/photos/-consensus/layout-header.jpg" />
</div></div>

<div class="menu">
<table id="Table_01" width="894" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5" rowspan="2">
<img src="http://connerjones.webs.com/photos/null/layout-menu_01.jpg" width="327" height="59" alt="" /></td>
<td>

<a href="http://www.msplinks.com/MDFodHRwOi8vcHVyZXZvbHVtZS5jb20vY29uc2Vuc3VzYmFuZA==">
<img src="http://connerjones.webs.com/photos/null/layout_02.jpg" width="149" height="49" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29uc2Vuc3VzLmJpZ2NhcnRlbC5jb20=">
<img src="http://connerjones.webs.com/photos/null/layout_03.jpg" width="101" height="49" border="0" alt="" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9Db25zZW5zdXNCYW5k">
<img src="http://connerjones.webs.com/photos/null/layout_04.jpg" width="85" height="49" border="0" alt="" /></a></td>
<td colspan="2">

<a href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20vY29uc2Vuc3VzYmFuZA==">
<img src="http://connerjones.webs.com/photos/null/layout_05.jpg" width="103" height="49" border="0" alt="" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL2NvbnNlbnN1c2JhbmQ=">
<img src="http://connerjones.webs.com/photos/null/layout_06.jpg" width="84" height="49" border="0" alt="" /></a></td>
<td rowspan="5">
<img src="http://connerjones.webs.com/photos/null/layout-menu_07.jpg" width="45" height="118" alt="" /></td>
</tr>
<tr>

<td colspan="7">
<img src="http://connerjones.webs.com/photos/null/layout-menu_08.jpg" width="522" height="10" alt="" /></td>
</tr>
<tr>
<td colspan="4">
<img src="http://connerjones.webs.com/photos/null/layout-menu_09.jpg" width="272" height="3" alt="" /></td>
<td colspan="3" rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5Mzg5NTExNg==">
<img src="http://connerjones.webs.com/photos/null/layout_10.jpg" width="211" height="47" border="0" alt="" /></a></td>

<td rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0xOTM4OTUxMTY=">
<img src="http://connerjones.webs.com/photos/null/layout_11.jpg" width="94" height="47" border="0" alt="" /></a></td>
<td colspan="4">
<img src="http://connerjones.webs.com/photos/null/layout-menu_12.jpg" width="272" height="3" alt="" /></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://connerjones.webs.com/photos/null/layout-menu_13.jpg" width="49" height="56" alt="" /></td>

<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">
<img src="http://connerjones.webs.com/photos/null/layout_14.jpg" width="73" height="44" border="0" alt="" /></a></td>
<td rowspan="2">
<img src="http://connerjones.webs.com/photos/null/layout-menu_15.jpg" width="1" height="56" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xOTM4OTUxMTY=">
<img src="http://connerjones.webs.com/photos/null/layout_16.jpg" width="149" height="44" border="0" alt="" /></a></td>
<td colspan="2">

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=193895116">
<img src="http://connerjones.webs.com/photos/null/layout_17.jpg" width="120" height="44" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=193895116&n=193895116">
<img src="http://connerjones.webs.com/photos/null/layout_18.jpg" width="152" height="44" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<img src="http://connerjones.webs.com/photos/null/layout-menu_19.jpg" width="73" height="12" alt="" /></td>

<td colspan="9">
<img src="http://connerjones.webs.com/photos/null/layout-menu_20.jpg" width="726" height="12" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="49" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="73" height="1" alt="" /></td>
<td>

<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="1" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="149" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="55" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="149" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="7" height="1" alt="" /></td>

<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="94" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="85" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="35" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="68" height="1" alt="" /></td>
<td>

<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="84" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="45" height="1" alt="" /></td>
</tr>
</table>
</div>
<div class="player">
<img src="http://connerjones.webs.com/photos/-consensus/picture-player.jpg" />
</div>



<div class="shows">
<img src="http://connerjones.webs.com/photos/-consensus/shows.jpg" />
</div>


<div class="twitter2">
<img src="http://connerjones.webs.com/photos/-consensus/twitter.jpg" />
</div>

<div class="twitter">


<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="500" width="422" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<param name="bgcolor" value="000000" />
<param name="flashvars" value="userID=51382028&styleURL=http://static.twitter.com/flash/widgets/profile/velvetica.xml" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" height="500" width="422" align="middle" wmode="transparent" quality="high" bgcolor="000000" flashvars="userID=51382028&styleURL=http://static.twitter.com/flash/widgets/profile/velvetica.xml" />
</object>


</div>
<div class="videos">
<img src="http://connerjones.webs.com/photos/-consensus/videos.jpg" />
</div>

<div class="videos2">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="245" width="430">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/wExHrh-IW0Q&hl=en&fs=1&" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/wExHrh-IW0Q&hl=en&fs=1&" height="245" width="430" wmode="transparent" />
</object>
</div>

<div class="promote"><center>
<img src="http://connerjones.webs.com/photos/-consensus/promote.jpg" />
</div>
<div class="promote2">

<a href="http://myspace.com/theconsensusband" target="_blank"><img src="http://memberfiles.freewebs.com/73/91/46359173/photos/-consensus/promo-fall2009.gif" alt="Consensus Promo Animation" border="0" /></a><br />
Copy the code below and paste it into your profile/website!

<textarea style="_margin-left:0px; border: 1px solid gray; overflow: auto; width: 400px; height: 35px; background-color: white;"><a href="http://memberfiles.freewebs.com/73/91/46359173/photos/-consensus/promo-fall2009.gif" border="1"></a></textarea>

<br />

<a href="http://myspace.com/theconsensusband" target="_blank"><img src="http://i169.photobucket.com/albums/u239/hiddenflaw/consensuspromo.gif" alt="Consensus Promo Animation" border="0" /></a><br />
Copy the code below and paste it into your profile/website!

<br />
<textarea style="_margin-left:0px; border: 1px solid gray; overflow: auto; width: 400px; height: 35px; background-color: white;"><a href="http://i169.photobucket.com/albums/u239/hiddenflaw/consensuspromo.giff" border="1"></a></textarea>

<center></div>


<div class="mike"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0&type=user&id=75800583" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=75800583" quality="high" />
</object></div>

<div class="conner"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0&type=user&id=23279831" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=23279831" quality="high" />
</object></div>

<div class="keenan"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0&type=user&id=47543497" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=47543497" quality="high" />
</object>
</div>

<div class="jj"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0&type=user&id=21549223" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=21549223" quality="high" />
</object>
</div>

<div class="ben"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0&type=user&id=74049593" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=74049593" quality="high" />
</object>
</div>




<div class="tg_left">

<img src="http://connerjones.webs.com/photos/-consensus/members.jpg" />
<img src="http://connerjones.webs.com/photos/-consensus/members-pics.jpg" />
<img src="http://connerjones.webs.com/photos/-consensus/merch.jpg" />
<a href="http://www.msplinks.com/MDFodHRwOi8vY29uc2Vuc3VzLmJpZ2NhcnRlbC5jb20="><img src="http://connerjones.webs.com/photos/-consensus/shirts.jpg" /></a>
<img src="http://connerjones.webs.com/photos/-consensus/thingswelike.jpg" />
<img src="http://connerjones.webs.com/photos/-consensus/stuff.jpg" />
<img src="http://connerjones.webs.com/photos/-consensus/info.jpg" />

<div class="leftcontent" align="justify">

<b style="color:3b3d3d;">URL.</b><br />
<a href="http://www.myspace.com/theconsensusband">www.myspace.com/theconsensusband</a><br />
<br />
<b style="color:3b3d3d;">BOOKING.</b><br />
<a href="mailto:consensusband@gmail.com">consensusband@gmail.com</a><br />
<br />

<b style="color:3b3d3d;">HOMETOWN.</b><br />
Kirklin, IN<br />
<br />

<b style="color:3b3d3d;">MERCH.</b><br />
<a href="http://www.msplinks.com/MDFodHRwOi8vY29uc2Vuc3VzLmJpZ2NhcnRlbC5jb20v">consensus.bigcartel.com</a><br />
<br />

<b style="color:3b3d3d;">LABEL.</b><br />
Unsigned<br />
<br />



</div>




<style>
html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{
background-color: transparent !important;
color:000000 !important;
width: 450px !important;
border-collapse: collapse !important;
margin-bottom: 0 !important;
margin-left: 118px !important;
margin-right: 0 !important;
margin-top: 15px !important;
padding: 0 !important;
table-layout: fixed !important;
position: relative !important;
background-image: url(http://connerjones.webs.com/photos/-consensus/blog.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
overflow: hidden;
_background-position: 0px 2px;
_margin-left: 167px !important;
_margin-top: 0px !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr{
display: inline;
margin: 0 !important;
padding: 0 !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td{
display: block !important;
margin: 0 !important;
padding: 0 !important;
width: 399px !important;
font-family: Arial;
color: 000000 !important;
clear: both !important;
font-size: 1px !important;
line-height: 0px;
vertical-align: middle;
_width:380px;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td a{
float: right;
line-height: 35px;
color: 000000 ;
padding: 0px !important;
margin: 0px !important;
padding-right: 5px !important;
position: relative;
z-index: 6;
font-weight: normal;
font-size: 10px !important;
display: block;
height: 35px;
text-transform: Capitalize;
_font-size: 10px !important;
_width:120px;
_text-align:right;
_font-weight: normal;
_postion: absolute !important;
_margin-top: -4px !important;
_margin-left:20px;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.text{
line-height: 35px;
position: absolute;
display: block;
border-bottom: 1px dotted dimgray;
border-color: ;
width: 403px;
color: 000000;
padding: 0px !important;
margin: 0px !important;
margin-left: 30px !important;
padding-left: 5px !important;
z-index: 5;
font-weight: normal;
font-size: 10px !important;
height: 35px;
_font-size: 10px !important;
_margin-top: -3px !important;
_font-weight: normal !important;
_margin-left: 12px !important;
_width:380px;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.btext{
display: block;
float: left;
width: 50px !important;
height: 43px;
font-size: 1px;
overflow: hidden;
color: 000000 !important;
line-height: 300px;
}



html body.bodyContent table tbody tr td table tbody tr td.text table.friendSpace tbody tr td.text table tbody tr td span.orangetext15{
display: block !important;
height: 58px !important;
width: 450px !important;
margin: 0 !important;
margin-left: 118px !important;
padding: 0 !important;
font-size: 1px;
overflow: hidden;
background-image: url(http://connerjones.webs.com/photos/-consensus/friends.jpg);
background-repeat: no-repeat;
color: transparent !important;
line-height: 10px !important;
margin-top: -3px !important;
background-color: transparent !important;
_margin-left: 154px !important;
}





html body.bodyContent table tbody tr td table.friendsComments {
width: 720px !important;
margin: 0 !important;
padding: 0 !important;
margin-top: 20px !important;
overflow: hidden !important;
background-color: transparent !important;
margin-left: -1px !important;
_width: 720px !important;
_margin-left: 50px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0px 0px !important;
background-color: transparent !important;
height: auto !important;}

table.friendsComments tbody tr td.text table tbody tr td {
background-color: transparent !important;
height: auto !important;}

table.friendsComments tbody tr td.text table tbody tr td span.orangetext15 {
background-image: url(http://connerjones.webs.com/photos/-consensus/comments-1.jpg);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 45px !important;
color: 000000 !important;
width: 800px; position: relative;
overflow: hidden;
font-size: 1px;
text-align: right;
margin-top: 5px;
line-height: 300px !important;
_width: 800px !important;
_border-left: 1px 000000 !important;
_border-right: 1px 000000 !important;
_height: 45px !important;
_margin-bottom: -1px !important;
_margin-left:50px;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b {
display: block;
position: absolute;
z-index: 9;
width: 750px;
height: 15px;
line-height: 15px;
overflow: hidden;
margin: -25px 0 0 8px;
text-align: right;
padding-right: 12px !important;
color: 000000;
font-weight: normal;
font-size: 12px;
_margin: 0px 0 0 15px;
_font-size: 12px !important;
_color: 000000;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b span.redtext {
font-weight: normal;
color: 666666;
padding: 0px 2px;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b a {
color: 666666 !important;
font-size: 12px !important;
text-transform: none;
margin: 0 -7px 0 -8px !important;
padding: 0 9px 0 9px !important;
background-color: transparent !important;
position: relative !important;
display: inline !important;
z-index: 9;
border: none !important;
letter-spacing: 0px !important;
_font-size: 11px !important;
_margin: 0 !important;
_padding: 0 !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table {
overflow: hidden !important;
border: 1px 000000 !important;
border-color: 000000 !important;
width: 100% !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td {
background-color: transparent !important;
text-align: left;
vertical-align: top;
overflow: hidden !important;
font-size: 12px !important;
line-height: 12px !important;
text-transform: none !important;
letter-spacing: 0px;
color: 000000 !important;
margin: 0 !important;
padding: 5px 0px 5px 0px;
border-bottom: 0px 000000 !important;
border-color: 000000 !important;
_line-height: 16px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td span.blacktext10 {
color: 000000 !important;
text-transform: None !important;
margin: 0px !important;
padding: 0px important;
display: block !important;
font-size: 12px;
font-family: arial, sans-serif !important;
font-weight: normal;
letter-spacing: 1px;
text-align: right;
margin: 10px 10px -12px 0px !important;
width: 650px;
border-top: 1px 000000;
_margin: 12px 0px -.5em 0px !important;
_width: 650px;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td {
background-color: transparent !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td a {
display: block;
border: 0px 000000 !important;
border-color: 000000 !important;
border-top-style: solid !important;
border-top-width: 0px !important;
text-align: center;
text-transform: Uppercase;
padding: 8px;
font-size: 12px;
letter-spacing: 1px;
color: transparent !important;
position: relative !important;
margin-top: -3px !important;
background-color: transparent;
_margin-top: -6px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td a {
display: block !important;
color: 000000 !important;
margin: 0px !important;
padding: 10px 10px 0px 10px !important;
text-transform: none !important;
margin-bottom: -15px !important;
font-size: 10px !important;
line-height: 11px !important;
border: none !important;
letter-spacing: 0px !important;
text-align: center !important;
width: 110px !important;
overflow: hidden !important;
font-weight: normal;
_width: 124px !important;
_margin-bottom: -15px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td a img {
visibility: visible !important;
border: 0px 008080 !important;
border-color: 000000 !important;
padding: 0px !important;
margin: 0px !important;
margin-top: -12px !important;
width: auto !important;
_margin-left: -4px;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td img.ImgOnlineNow {
display: block;
position: relative;
margin: 15px 0 -20px 26px !important;
border: none !important;
_margin: 15px 0 -20px 21px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td img {
max-width: 100%;
margin: 0px !important;
margin: 0px 0px 12px 0px !important;}




.orangetext15 {display: none;}
.whitetext12 {display: none;}

table table div embed, table table div object {position:relative; z-index:9;}

table, tr, td{
background-color:transparent;
border-style:none;
}

body {
background-color: ffffff;
background-image:url(http://fc02.deviantart.com/fs51/f/2009/256/c/c/cc38529b93e12304313046c2a2abdbaa.jpg);
background-position: top center;
background-repeat: no-repeat;
background-attachment: scroll;
}

table table table table, table table table td{
background-image:none;
background-color:transparent;
}

body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:000000;
font-size:9pt;
line-height: 10pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

strong, .lightbluetext8, .btext, .redtext, .redbtext{
color:666666;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:666666;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

a {
color: 444444 !important;
font-family: Arial !important;
}

a:hover {
color: 000000 !important;
font-family: Arial !important;
}

a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
color:666666;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:normal ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

table table table table, div table table table{
border-style:none;
}

</style>