Here is a screen shot of it.
This is what I still have left to do to it.
1. I want one row of the music notes on the border not two, which should make the white section larger.
2. If the white section is not larger from number one, that would be the second thing I need done.
3. I want the top banner to be a perfect fit to the page, no white on the left or right.
4. Lastly I would like the font of the page to be black, not light pink as it is now.
Here is the layout code as it is now.
CODE
<style>
.profileInfo *{vertical-align:top !important}
</style><div class="topbanner"></div>
<style>
table, tr, td {
background-color:transparent;
border:none;
border-width:0px;
}
table table table {
width:97%; max-width:600px; } table table table table { width:97%;;
}
body, .bodyContent {
background-color:f6ddd8;
background-image:url(http://i39.tinypic.com/2liwk8p.jpg);
background-position:center center;
background-attachment:fixed;
background-repeat:repeat;
border-width:0px;
border-style:Solid;
}
table table {
border:0px;
}
table table table table {
border:0px;
background-image:none;
background-color:transparent;
}
table table table {
border-style:Solid;
border-width:0px;
background-attachment:fixed;
}
.topbanner {width: 800px; height: 400px; position: absolute; margin-left: -360px; left: 50%; top: 180px; background-image: url(http://i34.tinypic.com/2vj8vus.jpg);
background-repeat:no-repeat;
border-bottom-style:solid;
border-bottom-width:0px;
border-bottom-color:ffff5e;}
body table {margin-top:385px;}
body td table, body div table {margin-top: 0;}
table table table td {
background-color:transparent;
}
.contactTable
{width:300px!important;
height:150px!important;
padding:0px!important;
background-image:url("http://i35.tinypic.com/14ybv9u.jpg");
background-attachment:scroll;
background-position:bottom center;
background-repeat:no-repeat;
margin-top:30px;} .contactTable table, table.contactTable td {padding:0px !important; border:0px;
background-color:transparent !important;
background-image:none;} .contactTable a img
{visibility:hidden; border:0px!important;}
.contactTable a {display:block; height:20px; width:115px;}
.contactTable .text {font-size:1px!important;}
.contactTable .text, .contactTable a, .contactTable img
{filter:none!important;}.contactTable .whitetext12 {display:none;}C{ }
a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover {color:f6cdd0; font-family:century gothic; font-size:12; font-weight:bold;}
.nametext
{ font-family:century gothic; font-size:24; letter-spacing:-1pt; color:522e19; font-weight:bold; line-height:30px; background-color:transparent; background-image: url(); display: block; border-bottom:0px solid; border-color:85d5f6;}
table, tr, td, li, p, div, .text
{ font-family:century gothic; font-size:12; letter-spacing:0pt; text-transform: none; font-weight: normal; color:f6cdd0; font-weight: bold; line-height: 13px;}
.btext
{ font-family:century gothic; font-size:22; letter-spacing:-1pt; color:522e19; font-weight:bold; line-height:30px; background-color:transparent; background-image: url(); display: block;}
.redtext, .redbtext
{ font-family:century gothic; font-size:13; letter-spacing:0pt; color:eddab3; font-weight:bold;}
.lightbluetext8
{ font-family:century gothic; font-size:12; letter-spacing:0pt; color:eddab3; font-weight: bold; background-color:transparent; border:0px solid; border-color:fe0198; display:block; padding-right:2px; text-align:center; }
.blacktext10
{ font-family:century gothic; font-size:22; letter-spacing:-1pt; color:522e19; font-weight: bold; line-height:30px; background-color:transparent; background-image: url(); display: block; }
strong
{ font-family:century gothic; font-size:22; letter-spacing:-1pt; color:522e19; font-weight:bold; line-height:30px; background-color:transparent; background-image: url(); display: block; padding-left:2px; }
.whitetext12
{ font-family:century gothic; font-size:22; letter-spacing:-1pt; color:522e19; font-weight:bold; line-height:30px; background-color:transparent; background-image: url(); display: block; padding-left:2px; }
.orangetext15
{ font-family:century gothic; font-size:22; letter-spacing:-1pt; color:522e19; font-weight:bold; line-height:30px; background-color:transparent; background-image: url(); display: block; padding-left:2px; }
.blacktext12
{ font-family:century gothic; font-size:12; letter-spacing:0pt; color:f6cdd0; font-weight:bold; line-height:16px; background-color:transparent; background-image: url(); display: block;}
a:active, a:visited, a:link
{color:eddab3; font-family:century gothic; font-size:12; font-weight:bold; line-height:16px; letter-spacing:0px; text-decoration:none;}
a:hover {font-family:century gothic; color:976d6e; font-size:12; font-weight:bold; text-transform:none; text-decoration:underline; background-image:url(""); background-repeat:repeat repeat; background-position:center center;}
a.redlink:active, a.redlink:visited, a.redlink:link {color:eddab3; font-family:century gothic; font-size:11; font-weight:bold; letter-spacing:0px; text-decoration:none;}
a.redlink:hover {font-family:century gothic; color:eddab3; font-size:11; font-weight:bold; text-transform:none; text-decoration:underline; background-image:url(""); background-repeat:repeat repeat; background-position:center center;}
body {cursor:default;}a:hover {cursor:hand;}img {border:0px; filter:none;}a:hover img {border:0px; filter:none(Opacity=100, FinishOpacity=0, Style=1);}
td td td *,
td td td{text-align:center}
.blurbs{} td.text td.text .orangetext15 {display:none;}
div.profileWidth table td { background-color: transparent !important; background-image: none !important; } div.profileWidth div ul li a {background-color:transparent !important; color:eddab3 !important; font-size: 11px !important; font-family: Arial !important;}div.profileWidth div ul li a:hover, div.profileWidth div ul li .open {color: eddab3 !important; font-size: 11px !important; font-family: Arial !important; background-color:f6cdd0 !important;}div.profileWidth div td.rail { background-color:f6ddd8 !important; } div.profileWidth table td ul small {font-size: 8px !important;}div.profileWidth table tr td div table.rail {background-color:f6ddd8;}
</style>
.profileInfo *{vertical-align:top !important}
</style><div class="topbanner"></div>
<style>
table, tr, td {
background-color:transparent;
border:none;
border-width:0px;
}
table table table {
width:97%; max-width:600px; } table table table table { width:97%;;
}
body, .bodyContent {
background-color:f6ddd8;
background-image:url(http://i39.tinypic.com/2liwk8p.jpg);
background-position:center center;
background-attachment:fixed;
background-repeat:repeat;
border-width:0px;
border-style:Solid;
}
table table {
border:0px;
}
table table table table {
border:0px;
background-image:none;
background-color:transparent;
}
table table table {
border-style:Solid;
border-width:0px;
background-attachment:fixed;
}
.topbanner {width: 800px; height: 400px; position: absolute; margin-left: -360px; left: 50%; top: 180px; background-image: url(http://i34.tinypic.com/2vj8vus.jpg);
background-repeat:no-repeat;
border-bottom-style:solid;
border-bottom-width:0px;
border-bottom-color:ffff5e;}
body table {margin-top:385px;}
body td table, body div table {margin-top: 0;}
table table table td {
background-color:transparent;
}
.contactTable
{width:300px!important;
height:150px!important;
padding:0px!important;
background-image:url("http://i35.tinypic.com/14ybv9u.jpg");
background-attachment:scroll;
background-position:bottom center;
background-repeat:no-repeat;
margin-top:30px;} .contactTable table, table.contactTable td {padding:0px !important; border:0px;
background-color:transparent !important;
background-image:none;} .contactTable a img
{visibility:hidden; border:0px!important;}
.contactTable a {display:block; height:20px; width:115px;}
.contactTable .text {font-size:1px!important;}
.contactTable .text, .contactTable a, .contactTable img
{filter:none!important;}.contactTable .whitetext12 {display:none;}C{ }
a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover {color:f6cdd0; font-family:century gothic; font-size:12; font-weight:bold;}
.nametext
{ font-family:century gothic; font-size:24; letter-spacing:-1pt; color:522e19; font-weight:bold; line-height:30px; background-color:transparent; background-image: url(); display: block; border-bottom:0px solid; border-color:85d5f6;}
table, tr, td, li, p, div, .text
{ font-family:century gothic; font-size:12; letter-spacing:0pt; text-transform: none; font-weight: normal; color:f6cdd0; font-weight: bold; line-height: 13px;}
.btext
{ font-family:century gothic; font-size:22; letter-spacing:-1pt; color:522e19; font-weight:bold; line-height:30px; background-color:transparent; background-image: url(); display: block;}
.redtext, .redbtext
{ font-family:century gothic; font-size:13; letter-spacing:0pt; color:eddab3; font-weight:bold;}
.lightbluetext8
{ font-family:century gothic; font-size:12; letter-spacing:0pt; color:eddab3; font-weight: bold; background-color:transparent; border:0px solid; border-color:fe0198; display:block; padding-right:2px; text-align:center; }
.blacktext10
{ font-family:century gothic; font-size:22; letter-spacing:-1pt; color:522e19; font-weight: bold; line-height:30px; background-color:transparent; background-image: url(); display: block; }
strong
{ font-family:century gothic; font-size:22; letter-spacing:-1pt; color:522e19; font-weight:bold; line-height:30px; background-color:transparent; background-image: url(); display: block; padding-left:2px; }
.whitetext12
{ font-family:century gothic; font-size:22; letter-spacing:-1pt; color:522e19; font-weight:bold; line-height:30px; background-color:transparent; background-image: url(); display: block; padding-left:2px; }
.orangetext15
{ font-family:century gothic; font-size:22; letter-spacing:-1pt; color:522e19; font-weight:bold; line-height:30px; background-color:transparent; background-image: url(); display: block; padding-left:2px; }
.blacktext12
{ font-family:century gothic; font-size:12; letter-spacing:0pt; color:f6cdd0; font-weight:bold; line-height:16px; background-color:transparent; background-image: url(); display: block;}
a:active, a:visited, a:link
{color:eddab3; font-family:century gothic; font-size:12; font-weight:bold; line-height:16px; letter-spacing:0px; text-decoration:none;}
a:hover {font-family:century gothic; color:976d6e; font-size:12; font-weight:bold; text-transform:none; text-decoration:underline; background-image:url(""); background-repeat:repeat repeat; background-position:center center;}
a.redlink:active, a.redlink:visited, a.redlink:link {color:eddab3; font-family:century gothic; font-size:11; font-weight:bold; letter-spacing:0px; text-decoration:none;}
a.redlink:hover {font-family:century gothic; color:eddab3; font-size:11; font-weight:bold; text-transform:none; text-decoration:underline; background-image:url(""); background-repeat:repeat repeat; background-position:center center;}
body {cursor:default;}a:hover {cursor:hand;}img {border:0px; filter:none;}a:hover img {border:0px; filter:none(Opacity=100, FinishOpacity=0, Style=1);}
td td td *,
td td td{text-align:center}
.blurbs{} td.text td.text .orangetext15 {display:none;}
div.profileWidth table td { background-color: transparent !important; background-image: none !important; } div.profileWidth div ul li a {background-color:transparent !important; color:eddab3 !important; font-size: 11px !important; font-family: Arial !important;}div.profileWidth div ul li a:hover, div.profileWidth div ul li .open {color: eddab3 !important; font-size: 11px !important; font-family: Arial !important; background-color:f6cdd0 !important;}div.profileWidth div td.rail { background-color:f6ddd8 !important; } div.profileWidth table td ul small {font-size: 8px !important;}div.profileWidth table tr td div table.rail {background-color:f6ddd8;}
</style>
Could anyone please tell me exactly what to do or do it for me and send it :] It would be greatly appreciated.
Thank you in advance,
Amanda
