Help - Search - Members - Calendar
Full Version: Moving 'Upcoming Shows'
Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics
kanttouchthis
Feb 5 2010, 06:50 PM
I need to move the 'Upcoming Shows' down a bit, and to the right. I have no clue where to even start. Ive searched and tried various codes on here, but they either don't work or screw up the rest of my page.

CODE
<style>
.latestBlogEntry {
position:absolute;
top:1460px;
margin-left: -450px;
left:50%;
width: 325px;
background-color: transparent;
z-index: 9;
}
.friendSpace {
position:absolute;
top:2460px;
margin-left: -150px;
left:50%;
width: 325px;
background-color: transparent;
z-index: 9;
}

div.topbanner a:hover{
border-top: none;
opacity: 0.0;
filter: alpha(opacity=0);
width: 0px;
height: 0px;
z-index:1;
}
td td embed {
position:absolute;
height:343px;
width:425px;
top:1790px;
left:50%;
margin-left:-250px;}

td td td embed {
position:static;
width:auto;
height:auto; }

.a embed, object {
position:absolute;
height:343px;
width:425px;
left:50%;
margin-left:-250px;
filter:alpha(opacity=100); }

.banners {position:absolute; top:2420px; left:50%; margin-left:-280px; _margin-left:px; width:433px; height:px; z-index:1;}




.topbanner {position:absolute; top:1400px; left:50%; margin-left:-400px; _margin-left:px; width:300px; height:px; z-index:1;}


.tg_left {position:absolute; top:1420px; left:50%; margin-left:-420px; _margin-left:px; width:325px; height:px; z-index:1;}

.info_box {position:absolute; top:1470px; left:50%; margin-left:-420px; _margin-left:px; width:325px; height:px; z-index:1;}


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

.bar_one {position:absolute; top:1000px; left:50%; margin-left:-400px; _margin-left:px; width:325px; height:px; z-index:1;}

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: e1fec3;
background-image:url(http://img231.imageshack.us/img231/3029/bgfinalu.jpg);
background-position: top center;
background-repeat: no-repeat;
background-attachment: scroll;
}



.leftcontent {position:absolute; top:2520px; left:50%; margin-left:-430px; _margin-left:px; width:325px; height:px; z-index:1;}


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

strong, .lightbluetext8, .btext, .redtext, .redbtext{
color:d0f0ff;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:Helvetica, 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:FFFFFF;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

{
color: FFFFFF !important;
font-family: Arial !important;
}

a:hover {
color: d0f0ff !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:000000;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:normal ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

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: 40px !important;
width: 433px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 1px;
overflow: hidden;
background-image: url(http://img525.imageshack.us/img525/2091/frnedshead.jpg);
background-repeat: no-repeat;
color: 000000 !important;
line-height: 10px !important;
margin-top: -10px !important;
}
html body.bodyContent table tbody tr td table.friendsComments {
width: 720px !important;
margin: 0 !important;
padding: 100 !important;
margin-top: 800px !important;
overflow: hidden !important;
background-color: transparent !important;
margin-left: -1px !important;
_width: 720px !important;
_margin-left: -2px !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;}

div .whitetext12 { background:url(http://img697.imageshack.us/img697/5052/showsv.jpg); display:block; height:40px; text-indent:-9999em; width:433px;}
.whitelink { display:none; }

table.friendsComments tbody tr td.text table tbody tr td span.orangetext15 {
background-image: url(http://img63.imageshack.us/img63/6308/commentshead.jpg);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 43px !important;
color: 000000 !important;
width: 716px; position: relative;
overflow: hidden;
font-size: 1px;
text-align: right;
margin-top: 150px;
line-height: 300px !important;
_width: 800px !important;
_border-left: 1px 000000 !important;
_border-right: 1px 000000 !important;
_height: 40px !important;
_margin-bottom: -100px !important;}

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: 000000;
padding: 0px 2px;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b a {
color: 000000 !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: 0px;}

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;}
<br /> <br /> <br />
<img src="http://img687.imageshack.us/img687/233/bandbio.jpg" />
</style>
<div class="tg_left">
<img src="http://img710.imageshack.us/img710/8103/lastfixlol.png" />

</div>
<div class="info_box">
<img src="http://img695.imageshack.us/img695/1673/infofix.png" />

</div>





<style>
a.img_roll:link, .img_roll{position:absolute; top:1283px; left:50%; margin-left:-466px; _margin-left:px; width:625px; height:px; z-index:1;
width:169px;
height:52px;
display:block;
background-image:url(http://img519.imageshack.us/img519/6586/msgb.jpg);
}
a.img_roll:hover{
width:169px;
height:52px;
display:block;
background-image:url(http://img97.imageshack.us/img97/8562/msga.jpg);
}
</style>
<a class="img_roll" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZVYzJmZyaWVuZElEPTQxOTM1MjE0Mg=="></a>

<style>
a.keil_roll:link, .keil_roll{position:absolute; top:1983px; left:50%; margin-left:-536px; _margin-left:px; width:625px; height:px; z-index:1;
width:225px;
height:402px;
display:block;
background-image:url(http://img9.imageshack.us/img9/6199/keilb.jpg);
}
a.keil_roll:hover{
width:225px;
height:402px;
display:block;
background-image:url(http://img24.imageshack.us/img24/652/keilac.jpg);
}
</style>
<a class="keil_roll" href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20vc2lna2VpbA=="></a>
}


<style>
a.dan_roll:link, .dan_roll{position:absolute; top:1983px; left:50%; margin-left:-311px; _margin-left:px; width:625px; height:px; z-index:1;
width:205px;
height:402px;
display:block;
background-image:url(http://img168.imageshack.us/img168/9773/danb.jpg);
}
a.dan_roll:hover{
width:205px;
height:402px;
display:block;
background-image:url(http://img521.imageshack.us/img521/7600/danau.jpg);
}
</style>
<a class="dan_roll" href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20v"></a>
}


<style>
a.bren_roll:link, .bren_roll{position:absolute; top:1983px; left:50%; margin-left:-106px; _margin-left:px; width:625px; height:px; z-index:1;
width:205px;
height:402px;
display:block;
background-image:url(http://img31.imageshack.us/img31/2442/brenb.jpg);
}
a.bren_roll:hover{
width:205px;
height:402px;
display:block;
background-image:url(http://img713.imageshack.us/img713/3130/brenaq.jpg);
}
</style>
<a class="bren_roll" href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20v"></a>
}


<style>
a.joe_roll:link, .joe_roll{position:absolute; top:1983px; left:50%; margin-left:99px; _margin-left:px; width:625px; height:px; z-index:1;
width:205px;
height:402px;
display:block;
background-image:url(http://img193.imageshack.us/img193/7510/joebg.jpg);
}
a.joe_roll:hover{
width:205px;
height:402px;
display:block;
background-image:url(http://img188.imageshack.us/img188/2353/joeat.jpg);
}
</style>
<a class="joe_roll" href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20v"></a>
}



<style>
a.chr_roll:link, .chr_roll{position:absolute; top:1983px; left:50%; margin-left:304px; _margin-left:px; width:625px; height:px; z-index:1;
width:226px;
height:402px;
display:block;
background-image:url(http://img7.imageshack.us/img7/332/chrisbt.jpg);
}
a.chr_roll:hover{
width:226px;
height:402px;
display:block;
background-image:url(http://img230.imageshack.us/img230/4058/chrisafix.jpg);
}
</style>
<a class="chr_roll" href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20v"></a>


<style>
a.ama_roll:link, .ama_roll{position:absolute; top:1335px; left:50%; margin-left:-229px; _margin-left:px; width:625px; height:px; z-index:1;
width:111px;
height:35px;
display:block;
background-image:url(http://img693.imageshack.us/img693/8756/amazonb.jpg);
}
a.ama_roll:hover{
width:111px;
height:35px;
display:block;
background-image:url(http://img641.imageshack.us/img641/4773/amazona.jpg);
}
</style>
<a class="ama_roll" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmFtYXpvbi5jb20vZ3AvcHJvZHVjdC9CMDAyWE1IM1ZNL3JlZj1zcl8xX2FydGlz
F8xNl9yZD9pZT1VVEY4JnBhcmVudD1CMDAyWFFUV1pTJnFpZD0xMjY0OTkyODUxJnNyPTEtMTY="></a>
}
<style>
a.tw_roll:link, .tw_roll{position:absolute; top:1335px; left:50%; margin-left:-118px; _margin-left:px; width:625px; height:px; z-index:1;
width:99px;
height:35px;
display:block;
background-image:url(http://img688.imageshack.us/img688/9321/twitterb.jpg);
}
a.tw_roll:hover{
width:99px;
height:35px;
display:block;
background-image:url(http://img63.imageshack.us/img63/7094/twitterad.jpg);
}
</style>
<a class="tw_roll" href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20vbGRvc255"></a>

}
<style>
a.fb_roll:link, .fb_roll{position:absolute; top:1335px; left:50%; margin-left:-19px; _margin-left:px; width:625px; height:px; z-index:1;
width:121px;
height:35px;
display:block;
background-image:url(http://img196.imageshack.us/img196/6875/facebookbv.jpg);
}
a.fb_roll:hover{
width:121px;
height:35px;
display:block;
background-image:url(http://img685.imageshack.us/img685/7193/facebookab.jpg);
}
</style>
<a class="fb_roll" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9ob21lLnBocC9wYWdlcy9MYXN0LURheXMtb2YtU3VtbWVy
zQ1NDk3NzYzNzc0P3JlZj10cw=="></a>
}
<style>
a.bn_roll:link, .bn_roll{position:absolute; top:1335px; left:50%; margin-left:104px; _margin-left:px; width:625px; height:px; z-index:1;
width:135px;
height:35px;
display:block;
background-image:url(http://img188.imageshack.us/img188/9913/buzznetb.jpg);
}
a.bn_roll:hover{
width:135px;
height:35px;
display:block;
background-image:url(http://img294.imageshack.us/img294/6974/buzzneta.jpg);
}
</style>
<a class="bn_roll" href="http://www.msplinks.com/MDFodHRwOi8vbGFzdGRheXNvZnN1bW1lci5idXp6bmV0LmNvbS91c2VyLw=="></a>

}
<style>
a.pv_roll:link, .pv_roll{position:absolute; top:1335px; left:50%; margin-left:239px; _margin-left:px; width:625px; height:px; z-index:1;
width:202px;
height:35px;
display:block;
background-image:url(http://img33.imageshack.us/img33/2613/pvbx.jpg);
}
a.pv_roll:hover{
width:202px;
height:35px;
display:block;
background-image:url(http://img204.imageshack.us/img204/1811/pvak.jpg);
}
</style>
<a class="pv_roll" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnB1cmV2b2x1bWUuY29tL2xhc3RkYXlzb2ZzdW1tZXJueQ=="></a>
<style>
a.yt_roll:link, .pv_roll{position:absolute; top:1335px; left:50%; margin-left:-319px; _margin-left:px; width:625px; height:px; z-index:1;
width:83px;
height:35px;
display:block;
background-image:url(http://img682.imageshack.us/img682/4089/utubeb.jpg);
}
a.yt_roll:hover{
width:83px;
height:35px;
display:block;
background-image:url(http://img3.imageshack.us/img3/3590/utubea.jpg);
}
</style>
<a class="yt_roll" href="http://www.youtube.com"></a>

<style>
a.add_roll:link, .add_roll{position:absolute; top:1283px; left:50%; margin-left:-302px; _margin-left:px; width:625px; height:px; z-index:1;
width:183px;
height:52px;
display:block;
background-image:url(http://img34.imageshack.us/img34/605/addbt.jpg);
}
a.add_roll:hover{
width:183px;
height:52px;
display:block;
background-image:url(http://img707.imageshack.us/img707/5056/addag.jpg);
}
</style>
<a class="add_roll" href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendId=419352142"></a>

<style>
a.fwd_roll:link, .fwd_roll{position:absolute; top:1283px; left:50%; margin-left:-126px; _margin-left:px; width:625px; height:px; z-index:1;
width:101px;
height:52px;
display:block;
background-image:url(http://img25.imageshack.us/img25/5041/fwdb.jpg);
}
a.fwd_roll:hover{
width:101px;
height:52px;
display:block;
background-image:url(http://img692.imageshack.us/img692/2975/fwda.jpg);
}
</style>
<a class="fwd_roll" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.composeV3&s=Please+take+a+look+at+my+friend%27s+profile&b=Here%27s+a+link+to+it%3a%3cbr+%2f%3e%3ca+href%3d%22http%3a%2f%2fwww.myspace.com%2flastdaysofsummerny%22%3ehttp%3a%2f%2fwww.myspace.com%2flastdaysofsummerny%3c%2fa%3e"></a>

<style>
a.fav_roll:link, .fav_roll{position:absolute; top:1283px; left:50%; margin-left:-4px; _margin-left:px; width:625px; height:px; z-index:1;
width:94px;
height:52px;
display:block;
background-image:url(http://img688.imageshack.us/img688/3268/favb.jpg);
}
a.fav_roll:hover{
width:94px;
height:52px;
display:block;
background-image:url(http://img211.imageshack.us/img211/844/favan.jpg);
}
</style>
<a class="fav_roll" href="http://profileedit.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=419352142&public=0"></a>

<style>
a.pic_roll:link, .pic_roll{position:absolute; top:1283px; left:50%; margin-left:97px; _margin-left:px; width:625px; height:px; z-index:1;
width:116px;
height:52px;
display:block;
background-image:url(http://img515.imageshack.us/img515/8696/picsbt.jpg);
}
a.pic_roll:hover{
width:116px;
height:52px;
display:block;
background-image:url(http://img211.imageshack.us/img211/6928/picsa.jpg);
}
</style>
<a class="pic_roll" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=419352142"></a>
<style>
a.vid_roll:link, .vid_roll{position:absolute; top:1283px; left:50%; margin-left:220px; _margin-left:px; width:625px; height:px; z-index:1;
width:140px;
height:52px;
display:block;
background-image:url(http://img717.imageshack.us/img717/2122/vidb.jpg);
}
a.vid_roll:hover{
width:140px;
height:52px;
display:block;
background-image:url(http://img688.imageshack.us/img688/1273/vida.jpg);
}
</style>
<a class="vid_roll" href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&ContributorID=14425916"></a>

</style>
<a class="pic_roll" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=419352142"></a>
<style>
a.it_roll:link, .it_roll{position:absolute; top:1283px; left:50%; margin-left:370px; _margin-left:px; width:625px; height:px; z-index:1;
width:90px;
height:52px;
display:block;
background-image:url(http://img691.imageshack.us/img691/8306/itunesbf.jpg);
}
a.it_roll:hover{
width:90px;
height:52px;
display:block;
background-image:url(http://img686.imageshack.us/img686/3500/itunesa.jpg);
}
</style>
<a class="it_roll" href="itms://phobos.apple.com/WebObjects/MZSearch.woa/wa/advancedSearchResults?artistTerm=Last%20Days%20Of%20Summer"></a>





}
<div class="banners">
<img src="http://img80.imageshack.us/img80/4877/banners1.jpg" />
</div>

<div class="content" style="position: absolute; left:000px; top:000px; width:000px; height:000px; overflow: auto;"><center>
CONTENT FOR DIV.
</div>
</style>
<a class="blk_rollover" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja3VzZXImdXNlcklEPTUwODExMDY5MA=="></a>







<style>
.profileWidth table { margin-bottom:1250px; width:800px; }
.rail { display:none; }
.gap {
background:url(http://img109.imageshack.us/img109/6989/bannerte.jpg) top left no-repeat;
width:1055px; height:1056px;
position:absolute; top:-675; left:500px;
margin:675px 0 -600px -445px;

div table table .whitetext12 {position: absolute; top: 1386px; left: 50%; margin-left: -400px; z-index: 9;}
div table table {position: absolute; top: 5600px; left: 50%; margin-left: -400px; z-index: 9;}
.clearfix table table, div table table table, div table table div, .latestBlogEntry, .friendSpace, .friendSpace table, .friendsComments table {position: static; margin: auto;}
</style>

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

<b style="color: 000000;">URL</b><br />
<a href="http://www.myspace.com/lastdaysofsummerny">www.myspace.com/lastdaysofsummerny</a><br />
<br />
<b style="color: 000000;">BOOKING</b><br />
<a href="mailto:@gmail.com">band-email-here@gmail.com</a><br />
<br />

<b style="color: 000000;">HOMETOWN</b><br />
Commack, NY<br />
<br />

<b style="color: 000000;">MERCH</b><br />
<a href="">Coming soon!</a><br />
<br />

<b style="color: 000000;">LABEL</b><br />
Unsigned<br />
<br />

<b style="color: 000000xf;">LAYOUT</b><br />
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9rZXZpbnJ1bGV6ZDAwZA==">Kevin Henry</a><br />
<br />




</div>





<div class="gap"></div>



<br />
<br />
<br />


<div class="tg_left">




http://www.myspace.com/lastdaysofsummertest

Yes, the code is sloppy. No I'm not cleaning it up at the moment.
Mickey
Feb 6 2010, 07:10 AM
You've got no chance of moving it around if you can't even be arsed to clean up your codes, especially considering the fact that that might be the reason my code, or other codes for that matter, will not work for you.
kanttouchthis
Feb 6 2010, 11:15 AM
I'm not cleaning it up because I just re-used code from an old myspace I used that worked well. I don't have much coding experience so I really have no idea what I can get rid of / change without ruining it, and I have no idea what could be causing yor code not to work.
Mickey
Feb 6 2010, 04:06 PM
If you don't know much about codes, you're better off learning how to work with them than compiling a bunch and hope they miraculously work together. Just basic points to keep your stylesheet clean can help loads (e.g. opening and closing tags appropriately and removing any unnecessary brackets, etc.). Here's a somewhat cleaner version of your codes:

CODE
<style>
.latestBlogEntry {
position:absolute;
top:2465px;
margin-left: -490px;
left:50%;
width: 325px;
background-color: transparent;
z-index: 9;
}
.friendSpace {
position:absolute;
top:2860px;
margin-left: -150px;
left:50%;
width: 325px;
background-color: transparent;
z-index: 9;
}

div.topbanner a:hover{
border-top: none;
opacity: 0.0;
filter: alpha(opacity=0);
width: 0px;
height: 0px;
z-index:1;
}
td td embed {
position:absolute;
height:343px;
width:425px;
top:1790px;
left:50%;
margin-left:-250px;}

td td td embed {
position:static;
width:auto;
height:auto; }

.a embed, object {
position:absolute;
height:343px;
width:425px;
left:50%;
margin-left:-250px;
filter:alpha(opacity=100); }

.videos {position:absolute; top:2720px; left:50%; margin-left:-490px; _margin-left:px; width:433px; height:px; z-index:1;}

.blog {position:absolute; top:2420px; left:50%; margin-left:-490px; _margin-left:px; width:433px; height:px; z-index:1;}

.youtube {position:absolute; top:2740px; left:50%; margin-left:-490px; _margin-left:px; width:433px; height:px; z-index:1;}

.topbanner {position:absolute; top:1400px; left:50%; margin-left:-400px; _margin-left:px; width:300px; height:px; z-index:1;}

.tg_left {position:absolute; top:1402px; left:50%; margin-left:-449px; _margin-left:px; width:325px; height:px; z-index:1;}

.info_box {position:absolute; top:1470px; left:50%; margin-left:-460px; _margin-left:px; width:325px; height:px; z-index:1;}

.joe {position:absolute; top:630px; left:50%; margin-left:-280px; _margin-left:px; width:360px; height:px;
z-index:1;}

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

.bar_one {position:absolute; top:1000px; left:50%; margin-left:-400px; _margin-left:px; width:325px; height:px; z-index:1;}

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: e1fec3;
background-image:url(http://img27.imageshack.us/img27/9659/bg90.jpg);
background-position: top center;
background-repeat: no-repeat;
background-attachment: scroll;
}

.leftcontent {position:absolute; top:2820px; left:50%; margin-left:-430px; _margin-left:px; width:325px; height:px; z-index:1;}

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

strong, .lightbluetext8, .btext, .redtext, .redbtext{
color:000000;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:Helvetica, 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:FFFFFF;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

a:hover {
color: d0f0ff !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:000000;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:normal ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

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: 40px !important;
width: 433px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 1px;
overflow: hidden;
background-image: url(http://img525.imageshack.us/img525/2091/frnedshead.jpg);
background-repeat: no-repeat;
color: 000000 !important;
line-height: 10px !important;
margin-top: -10px !important;
}

html body.bodyContent table tbody tr td table.friendsComments {
width: 720px !important;
margin: 0 !important;
padding: 200 !important;
margin-top: 1800px !important;
overflow: hidden !important;
background-color: transparent !important;
margin-left: -1px !important;
_width: 720px !important;
_margin-left: -2px !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;}

.whitetext12, .whitelink { display:none; }

table.friendsComments tbody tr td.text table tbody tr td span.orangetext15 {
background-image: url(http://img63.imageshack.us/img63/6308/commentshead.jpg);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 43px !important;
color: 000000 !important;
width: 716px; position: relative;
overflow: hidden;
font-size: 1px;
text-align: right;
margin-top: 150px;
line-height: 300px !important;
_width: 800px !important;
_border-left: 1px 000000 !important;
_border-right: 1px 000000 !important;
_height: 40px !important;
_margin-bottom: -100px !important;}

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: 000000;
padding: 0px 2px;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b a {
color: 000000 !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: 0px;}

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;}
</style>


<img src="http://img687.imageshack.us/img687/233/bandbio.jpg" />


<div class="tg_left">
<img src="http://img695.imageshack.us/img695/948/coverup1.png" />
</div>


<div class="info_box">
<img src="http://img171.imageshack.us/img171/4870/newinfo.jpg" />
</div>


<div class="joe">
<img src="http://img9.imageshack.us/img9/8822/joepp.jpg" />
</div>




<style>
a.img_roll:link, .img_roll{position:absolute; top:1283px; left:50%; margin-left:-466px; _margin-left:px; width:625px; height:px; z-index:1;
width:169px;
height:52px;
display:block;
background-image:url(http://img519.imageshack.us/img519/6586/msgb.jpg);
}
a.img_roll:hover{
width:169px;
height:52px;
display:block;
background-image:url(http://img97.imageshack.us/img97/8562/msga.jpg);
}
</style>


<a class="img_roll" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZVYzJmZyaWVuZElEPTQxOTM1MjE0Mg=="></a>


<style>
a.ama_roll:link, .ama_roll{position:absolute; top:1335px; left:50%; margin-left:-229px; _margin-left:px; width:625px; height:px; z-index:1;
width:111px;
height:35px;
display:block;
background-image:url(http://img693.imageshack.us/img693/8756/amazonb.jpg);
}
a.ama_roll:hover{
width:111px;
height:35px;
display:block;
background-image:url(http://img641.imageshack.us/img641/4773/amazona.jpg);
}
</style>


<a class="ama_roll" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmFtYXpvbi5jb20vZ3AvcHJvZHVjdC9CMDAyWE1IM1ZNL3JlZj1zcl8xX2FydGlz
F8xNl9yZD9pZT1VVEY4JnBhcmVudD1CMDAyWFFUV1pTJnFpZD0xMjY0OTkyODUxJnNyPTEtMTY="></a>


<style>
a.tw_roll:link, .tw_roll{position:absolute; top:1335px; left:50%; margin-left:-118px; _margin-left:px; width:625px; height:px; z-index:1;
width:99px;
height:35px;
display:block;
background-image:url(http://img688.imageshack.us/img688/9321/twitterb.jpg);
}
a.tw_roll:hover{
width:99px;
height:35px;
display:block;
background-image:url(http://img63.imageshack.us/img63/7094/twitterad.jpg);
}
</style>


<a class="tw_roll" href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20vbGRvc255"></a>


<style>
a.fb_roll:link, .fb_roll{position:absolute; top:1335px; left:50%; margin-left:-19px; _margin-left:px; width:625px; height:px; z-index:1;
width:121px;
height:35px;
display:block;
background-image:url(http://img196.imageshack.us/img196/6875/facebookbv.jpg);
}
a.fb_roll:hover{
width:121px;
height:35px;
display:block;
background-image:url(http://img685.imageshack.us/img685/7193/facebookab.jpg);
}
</style>


<a class="fb_roll" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9ob21lLnBocC9wYWdlcy9MYXN0LURheXMtb2YtU3VtbWVy
zQ1NDk3NzYzNzc0P3JlZj10cw=="></a>


<style>
a.bn_roll:link, .bn_roll{position:absolute; top:1335px; left:50%; margin-left:104px; _margin-left:px; width:625px; height:px; z-index:1;
width:135px;
height:35px;
display:block;
background-image:url(http://img188.imageshack.us/img188/9913/buzznetb.jpg);
}
a.bn_roll:hover{
width:135px;
height:35px;
display:block;
background-image:url(http://img294.imageshack.us/img294/6974/buzzneta.jpg);
}
</style>


<a class="bn_roll" href="http://www.msplinks.com/MDFodHRwOi8vbGFzdGRheXNvZnN1bW1lci5idXp6bmV0LmNvbS91c2VyLw=="></a>


<style>
a.pv_roll:link, .pv_roll{position:absolute; top:1335px; left:50%; margin-left:239px; _margin-left:px; width:625px; height:px; z-index:1;
width:202px;
height:35px;
display:block;
background-image:url(http://img33.imageshack.us/img33/2613/pvbx.jpg);
}
a.pv_roll:hover{
width:202px;
height:35px;
display:block;
background-image:url(http://img204.imageshack.us/img204/1811/pvak.jpg);
}
</style>


<a class="pv_roll" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnB1cmV2b2x1bWUuY29tL2xhc3RkYXlzb2ZzdW1tZXJueQ=="></a>


<style>
a.yt_roll:link, .yt_roll{position:absolute; top:1335px; left:50%; margin-left:-319px; _margin-left:px; width:625px; height:px; z-index:1;
width:83px;
height:35px;
display:block;
background-image:url(http://img682.imageshack.us/img682/4089/utubeb.jpg);
}
a.yt_roll:hover{
width:83px;
height:35px;
display:block;
background-image:url(http://img3.imageshack.us/img3/3590/utubea.jpg);
}
</style>


<a class="yt_roll" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29t"></a>


<style>
a.add_roll:link, .add_roll{position:absolute; top:1283px; left:50%; margin-left:-302px; _margin-left:px; width:625px; height:px; z-index:1;
width:183px;
height:52px;
display:block;
background-image:url(http://img34.imageshack.us/img34/605/addbt.jpg);
}
a.add_roll:hover{
width:183px;
height:52px;
display:block;
background-image:url(http://img707.imageshack.us/img707/5056/addag.jpg);
}


</style>


<a class="add_roll" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD00MTkzNTIxNDI="></a>

<style>
a.fwd_roll:link, .fwd_roll{position:absolute; top:1283px; left:50%; margin-left:-126px; _margin-left:px; width:625px; height:px; z-index:1;
width:101px;
height:52px;
display:block;
background-image:url(http://img25.imageshack.us/img25/5041/fwdb.jpg);
}
a.fwd_roll:hover{
width:101px;
height:52px;
display:block;
background-image:url(http://img692.imageshack.us/img692/2975/fwda.jpg);
}
</style>


<a class="fwd_roll" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuY29t
G9zZVYzJnM9UGxlYXNlK3Rha2UrYStsb29rK2F0K215K2ZyaWVuZCUyN3MrcHJvZmlsZSZiPUhlcmUlM
dzK2ErbGluayt0bytpdCUzYSUzY2JyKyUyZiUzZSUzY2EraHJlZiUzZCUyMmh0dHAlM2ElMmYlMmZ3d3
ubXlzcGFjZS5jb20lMmZsYXN0ZGF5c29mc3VtbWVybnklMjIlM2VodHRwJTNhJTJmJTJmd3d3Lm15c3B
Y2UuY29tJTJmbGFzdGRheXNvZnN1bW1lcm55JTNjJTJmYSUzZQ=="></a>


<style>
a.fav_roll:link, .fav_roll{position:absolute; top:1283px; left:50%; margin-left:-4px; _margin-left:px; width:625px; height:px; z-index:1;
width:94px;
height:52px;
display:block;
background-image:url(http://img688.imageshack.us/img688/3268/favb.jpg);
}
a.fav_roll:hover{
width:94px;
height:52px;
display:block;
background-image:url(http://img211.imageshack.us/img211/844/favan.jpg);
}
</style>


<a class="fav_roll" href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZWVkaXQubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5h
GRUb0Zhdm9yaXRlJmZyaWVuZElEPTQxOTM1MjE0MiZwdWJsaWM9MA=="></a>


<style>
a.pic_roll:link, .pic_roll{position:absolute; top:1283px; left:50%; margin-left:97px; _margin-left:px; width:625px; height:px; z-index:1;
width:116px;
height:52px;
display:block;
background-image:url(http://img515.imageshack.us/img515/8696/picsbt.jpg);
}
a.pic_roll:hover{
width:116px;
height:52px;
display:block;
background-image:url(http://img211.imageshack.us/img211/6928/picsa.jpg);
}
</style>


<a class="pic_roll" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=419352142"></a>


<style>
a.vid_roll:link, .vid_roll{position:absolute; top:1283px; left:50%; margin-left:220px; _margin-left:px; width:625px; height:px; z-index:1;
width:140px;
height:52px;
display:block;
background-image:url(http://img717.imageshack.us/img717/2122/vidb.jpg);
}
a.vid_roll:hover{
width:140px;
height:52px;
display:block;
background-image:url(http://img688.imageshack.us/img688/1273/vida.jpg);
}
</style>


<a class="vid_roll" href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&ContributorID=14425916"></a>


<a class="pic_roll" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=419352142"></a>


<style>
a.it_roll:link, .it_roll{position:absolute; top:1283px; left:50%; margin-left:370px; _margin-left:px; width:625px; height:px; z-index:1;
width:90px;
height:52px;
display:block;
background-image:url(http://img691.imageshack.us/img691/8306/itunesbf.jpg);
}
a.it_roll:hover{
width:90px;
height:52px;
display:block;
background-image:url(http://img686.imageshack.us/img686/3500/itunesa.jpg);
}
</style>


<a class="it_roll" href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29t"></a>


<a class="blk_rollover" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja3VzZXImdXNlcklEPTUwODExMDY5MA=="></a>


<div class="videos">
<img src="http://img193.imageshack.us/img193/7056/vidsth.jpg" />
</div>

<div class="blog">
<img src="http://img9.imageshack.us/img9/1369/blogis.jpg" />
</div>

<div class="content" style="position: absolute; left:000px; top:000px; width:000px; height:000px; overflow: auto;">
<center>
CONTENT FOR DIV.
</center>
</div>


<style>
.profileWidth table { margin-bottom:1250px; width:800px; }
.rail { display:none; }
.gap {
background:url(http://img109.imageshack.us/img109/6989/bannerte.jp) top left no-repeat;
width:1055px; height:1056px;
position:absolute; top:-675; left:500px;
margin:675px 0 -600px -445px;
}
</style>


<style>
.video {position:absolute; top:2490; left:-490; z-index:9;}
</style>


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


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

<b style="color: 000000;">URL</b><br />
<a href="http://www.myspace.com/lastdaysofsummerny">www.myspace.com/lastdaysofsummerny</a><br />
<br />
<b style="color: 000000;">BOOKING</b><br />
<a href="mailto:@gmail.com">band-email-here@gmail.com</a><br />
<br />

<b style="color: 000000;">HOMETOWN</b><br />
Commack, NY<br />

<br />

<b style="color: 000000;">MERCH</b><br />
<a href="">Coming soon!</a><br />
<br />

<b style="color: 000000;">LABEL</b><br />
Unsigned<br />
<br />

<b style="color: 000000xf;">LAYOUT</b><br />
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9rZXZpbnJ1bGV6ZDAwZA==">Kevin Henry</a><br />

<br />

</div>


<div class="gap"></div>

To position the Upcoming Shows table around, put this code at the very beginning:

CODE
<style>
div table table {position: absolute; top: 400px; left: 50%; margin-left: -400px; z-index: 9;}
.clearfix table table, div table table table, div table table div, .latestBlogEntry, .friendSpace, .friendSpace table, .friendsComments table {position: static; margin: auto;}
</style>

Then move it accordingly. I understand you "don't have much coding experience" but at least make the effort to learn some coding before tackling something like this. We're not here to do your work; we're here to help you do it yourself.
kanttouchthis
Feb 6 2010, 04:41 PM
Yeah.. I'm constantly learning as I go, searching around these forums/other sites for hours before I ask questions and I'm taking a web design class and a computer programming class.. I'm pretty sure I'm making an "effort" learn, I just needed some help.

Thanks
Mickey
Feb 6 2010, 05:44 PM
Yeah okay.

Topic closed & moved.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.