/*
Myspace Open Source Stylesheet Initiative

Version 1.1
Myspace Moshi Smallfoot Skin

Google Projects Page: http://code.google.com/p/moshi/
Blogger Page: http://myspacecivilized.blogspot.com/
Myspace Page: http://www.myspace.com/klenwell
Author: Tom at klenwell@gmail.com

NOTES

* smaller footprint than v1.0
* paste stylesheet BELOW any other text in your myspace *About Me* section
* do not paste these comments -- start below the dotted line

----------------------------------------------------------------------------- */


<div class="your_banner"><div class="banner_content">
<h2 style="text-align:center;margin:0;"><a href="http://myspacecivilized.blogspot.com/">moshi template 1.1</a></h2>
</div></div>

<style type="text/css">

START { NO EDIT }
NOTE { JUNK DNA - default settings to reset formatting as much as possible... EDIT WITH CARE }

body {position:relative;background:transparent;font-size:1px;line-height:1px;font-family:arial,sans-serif !important;}
table,tr,td,table tr,table td {border-width:0px;background-color:transparent;border-collapse:collapse;z-index:5;}
div,form,img {border-width:0px;background-color:transparent;}
u {text-decoration: none; }

div table td,table table td {padding:4px 0;}
table table table {margin:4px 0; width:100%;}
table table td table { width:270px; }
table table td.text table {width:372px; max-width:372px; overflow-x:auto;}
table table td.text table td table {width:auto;}
table table table td {padding:8px 4px; margin:0px;}
table table table table, table table table table td{padding:0px; margin:0px;}
table table td.text table td img {padding:4px;}
body table div div { margin-top:0; width:800px; padding-bottom:10px; }
br {line-height:8px;}

END { NO EDIT }





START { LAYOUT SETTINGS }

TOM { Page Background - coordinate with table div in footer section below }
body,table div { background-color:black; }

TOM { Profile Background }
div table,table td { background-color:333333; }

DNA { match color above to remove annoying little box borders }
table table td table,table table td table tr { border-color:333333; }

CLASS { Content Boxes Border - All, Left, Right }
table table table { border-color:669966; border-width:1px; border-style:solid; }
table table td table { border-color:996666; border-width:1px; border-style:solid; }
table table td.text table { border-color:666699; border-width:1px; border-style:solid; }

CLASS { Content Boxes Background - All, Left, Right }
table table table td { background-color:336633; }
table table td table td { background-color:663333; }
table table td.text table td { background-color:333366; }

TOM { Upper Navbar - below myspace ad banner }
div table table { border-color:666666; border-width: 1px 0px; border-style: solid; }
div table table td { background-color:333333; padding:2px; }

TOM { Contact Table }
NOTE { fonts are all images - use background image for complete makeover }
.contactTable td { border-color:666666; border-width:0px; border-style:dotted; }

TOM { Footer - Lower Navbar }
body table div div
{
background-color:333333;
border-color:666666; border-width: 1px 0 0; border-style: solid;
}

CLASS { Form Input Boxes }
input { background-color:transparent !important; border-color:eeeeff; border-width:1px; border-style:solid;}

DNA { Control Side Effects }
table table table table, table table td table table, table table td.text table table { border:none; }

END { LAYOUT SETTINGS }



START { YOUR BANNER - below myspace masthead }

NOTE { left margin should be half the width and negative }
.your_banner
{
height: 50px;
background-image: url();
background-position:center left; background-repeat:no-repeat;
background-color:333333;
border-color:black;
border-width: 2px 0; border-style: solid;
position: absolute; left: 50%; top: 170px;
width: 800px; margin-left: -400px; padding:0;
overflow:hidden;
}
NOTE { padding and font settings for banner }
.banner_content
{
padding:10px 20px;
font-family:Arial, Helvetica, sans-serif !important;
font-size:20px !important; line-height:24px; font-weight:normal;
color:cccccc;
border-width:0px; margin:0;
}

NOTE { make room for the banner by padding top of profile table }
NOTE { setting below MINUS banner height above EQUALS margin below your banner }
body table table td {padding-top:60px;}

JUNK DNA { control side effects }
div table table td {padding-top:0px;}
body table table table td {padding-top:4px;}

END { YOUR BANNER }



START { CUSTOM CONTACT TABLE }
Credit { Mike D at www.mikeindustries.com/blog/archive/2006/04/hacking-myspace-layouts }

NOTE { the setting below removes the myspace images -- edit or delete to keep the default contact box }
.contactTable a img, .contactTable img { border: 0px; display:; visibility:; }

NOTE { Setting for table image (add url) and background color }
.contactTable td table { background-image: url(); }
.contactTable td { background-color:336633; }

JUNK DNA { should not need to edit these settings }
.contactTable { width: 328px !important; }
.contactTable td { padding:0px; margin: 0px; text-align: center; }
.contactTable td table { background-color: transparent; background-position: center; background-repeat: no-repeat; }
.contactTable a { padding: 0px; margin: 0px 0px 1px 5px; display: block; height: 30px; width: 136px; background-color: transparent; }
.contactTable span.whitetext12 { position:left; left:10px; top:2px; }

JUNK DNA { Firefox realignments }
html>body .contactTable { width: auto !important; }
html>body .contactTable span.whitetext12 { left: 0; }

END { CUSTOM CONTACT TABLE }





START { Font Color Settings }
NOTE { TOM elements grouped by class below }

CLASS { default font color }
body, table td, p, font, body table div div { color:999999 !important; }

CLASS { default link color }
a, a:link, a:visited, a.searchlinksmall, a.redlink:link, a.redlink:visited, a font, a.navbar:link, a.navbar:visited, a.text:link, a.text:visited, a.man font
{ color:666666 !important; }

CLASS { link hovers }
a:hover, a.searchlinksmall:hover, a.redlink:hover, a font:hover, a.navbar:hover, a.text:hover, a.man font:hover
{ color:yellow !important; }


CLASS { header and labels }
CLASS { Profile h2 }
.whitetext12, table table table table td .orangetext15, .btext { color:CCCCCC; }
CLASS { Detail Box and Profile URL Labels }
.lightbluetext8, table table table table table td div strong { color:CCCCCC; }

CLASS { h1 }
TOM { User Name h1 }
.nametext { color:CCCCCC; }
TOM { Network Box and Blurbs h1 and Friend Num h2}
.blacktext12, table table table td .orangetext15, .redbtext { color:CCCCCC; }
TOM { Profile URL }
table table table table td div { color:white; }

END { Font Color Settings }




START { Font Family Settings }

CLASS { Default Font and Links }
body, table td, p,
a, a:link, a:visited, a.searchlinksmall, a.redlink:link, a.redlink:visited { font-family:Arial, Helvetica, sans-serif !important; }

CLASS { Ornamented Headers }
.nametext, .btext, .redbtext, table table table td .orangetext15 { font-family:Palatino Linotype, Book Antiqua, Palatino, serif; }

CLASS { Default Profile Headers and Labels }
.blacktext12, .whitetext12, table table table table td .orangetext15,
.lightbluetext8, table table table table table td div strong
{
font-family:Trebuchet MS, Helvetica, sans-serif !important;
}

TOM { Copyright Footer }
table div font { font-family:Verdana, Geneva, sans-serif; }

END { Font Family Settings }



START { Typeface Proportions }

CLASS { Default }
body, table td, p
{ font-size:12px !important; font-weight:normal; font-style:normal; text-decoration:none; }

CLASS { Default Link }
a, a:link, a:visited, a.searchlinksmall, a.redlink:link, a.redlink:visited
{ font-size:1em; font-weight:bold; font-style:normal; text-decoration:none; }

TOM { Metabar Help Box Fonts }
a.man font { font-size:11px; background-color:transparent; }

CLASS { Upper and Lower Navbar Fonts }
a.navbar:link, a.navbar:visited, body table div div
{ font-size:11px; font-weight:normal; font-style:normal; text-decoration:none; padding:2px 0; }

TOM { Blurbs h1 }
table table table td .orangetext15
{ font-size:2em; font-style:italic; font-weight:normal; text-decoration:none; }

TOM { User Name h1 }
.nametext { font-size:2.5em; font-style:italic; font-weight:normal; text-decoration:none; padding-left:1em; }

TOM { Network Box h1 }
.blacktext12
{
font-size:1.4em; line-height:1.2em;
font-weight:lighter; font-style:none; text-decoration:none; text-align:center;
}

CLASS { h2 - Detail Box Left and Friend Space and About Me and Comment Right }
.whitetext12, table table table table td .orangetext15
{
font-size:1em; font-weight:bold; text-transform:uppercase; letter-spacing:.3em;
margin:5px 0; padding:2px; background-color:transparent; font-style:normal; text-decoration:none;
}

CLASS { Detail Box and Profile URL Labels }
.lightbluetext8, table table table table table td div strong
{
font-weight:bold; text-transform:uppercase; letter-spacing:.3em;
margin:5px 0; padding:0px; font-style:none; text-decoration:none;
}

TOM { Profile URL }
table table table table td div { padding:0 0 10px; background-color:transparent; font-weight:normal; }

CLASS { Blog and Friend Count h2 }
.btext { font-size:1.4em; font-weight:lighter; font-style:italic; text-decoration:none; }

TOM { Friend Num h2 }
.redbtext { font-size:1.3em; font-weight:bold; font-style:normal; text-decoration:none; padding:0 .1em; }

TOM { Copyright Footer }
table div font { font-size:11px; padding:2px 0; }

END { Typeface Proportions }



START { Extras }

NOTE { a little extra for network h1 }
.blacktext12:before {content: "Oh no! ";}

END { Extra }

</style>

<br /><br />profile theme based on <a href="http://myspacecivilized.blogspot.com/">moshi stylesheet</a><br /><br />