music skin

preview : http://s10.invisionfree.com/Bibbity17/


-------------------------------------------------------------


Header & Body:

Quote:


<table bgcolor="#7F9FB1" cellspacing="0" valign="top" align="center">
<tr>
<td valign="top" class="left">
<img src="http://img204.imageshack.us/img204/8289/topleftcopypy1.gif" style="margin-left:-5px;">
</td>
<td valign="top" width="770px">
<center>
<img src="BANNER URL">

<div class="submenu">
<a href="BOARD URL/index.php?act=site" >Portal</a>
<a href="BOARD URL/index.php?act=Help">Help</a>
<a href="BOARD URL/index.php?act=Search&f=">Search</a>
<a href="BOARD URL/index.php?act=Members">Members</a>
<a href="BOARD URL/index.php?act=calendar">Calendar</a>
</div>
</center>

<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<center>
<div style="background-color:#6F8E9F;border:1px solid #486575;margin-bottom:-10px;"><b>A Gust of Wind</b> created by <b>Bibbity</b> of the <a href="http://forums.ifskinzone.net/">IF Skin Zone</a>.</div>
</center>
<% STATS %>


Footer:

Quote:


</td>
<td valign="top" class="right">
</td>
</tr>
</table>


-------------------------------------------------------------------------------------------

CSS:

Quote:


html { overflow-x: hidden; overflow-y: auto; }

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #3A5665; margin:0px 10px 0px 10px;background-color:#537C92; }
TABLE, TR, TD { font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #3A5665; }
a:link, a:visited, a:active { text-decoration:none;color: #B4CDDB; }
a:hover { text-decoration:underline }

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #EEF2F7;padding:2px }

.googleroot { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#555 }

.caldate { background: url(http://img120.imageshack.us/img120/6809/skin17quoteax4.gif) #6F8E9F repeat-x top; border-bottom:1px solid #486575;padding:2px;color:#294452;text-align:right; }

.warngood { color:green }
.warnbad { color:red }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg { text-align:center; margin-top:15px }

#ucpmenu { line-height:150%;width:22%; border:1px solid #486575;background-color: #6F8E9F; }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #6F8E9F; border:1px solid #486575;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }

#logostrip { display:none; }
#submenu { display:none; }

#userlinks td { padding:2px 6px 2px 6px; background: url(http://img209.imageshack.us/img209/1091/skin17tmox1.gif) #6F8E9F repeat-x top;border:1px solid #486575; }

#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { font-weight:normal; color:#2B4A5C; padding:2px 5px 2px 5px;background: url(http://img209.imageshack.us/img209/1091/skin17tmox1.gif) #6F8E9F repeat-x top;border:1px solid #486575;border-bottom:none; }

.pformstrip { font-weight:normal; color:#2B4A5C; padding:2px 5px 2px 5px; margin:0px; background: url(http://img209.imageshack.us/img209/1091/skin17tmox1.gif) #6F8E9F repeat-x top; }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #3A4F6C }

div.pformstrip { border-top:1px solid #486575; border-bottom:1px solid #486575; }

table.tableborder .pformstrip { border:1px solid #486575;border-bottom:none; }

.pformleft { background-color: #6F8E9F; padding:6px; margin-top:1px;width:25%; border:1px solid #486575;border-bottom:none; }
.pformleftw { background-color: #6F8E9F; padding:6px; margin-top:1px;width:40%; border:1px solid #486575;border-bottom:none; }
.pformright { background-color: #6F8E9F; padding:6px; margin-top:1px;border-top:1px solid #486575;border-right:1px solid #486575; }

.post1, .post2 { background-color:#6F8E9F;border-top:1px solid #8BA7B7; }

.postlinksbar { font-weight:normal; color:#2B4A5C; padding:2px 5px 2px 5px;background: url(http://img209.imageshack.us/img209/1091/skin17tmox1.gif) #6F8E9F repeat-x top;border:1px solid #486575;border-bottom:none; }

.row1 { background-color: #658597;border-top:1px solid #85A1B1; }
.row2 { background-color: #6F8E9F;border-top:1px solid #8BA7B7; }
.row3 { background-color: #6E8D9E; }
.row4 { background-color: #6F8E9F;border-top:1px solid #8BA7B7; }

div.row4 { border:1px solid #486575!important; }

td.row4 div.row4 { border:0!important; }

.darkrow3 div { border:0; }

.darkrow1 { background-color: #658597;border-top:1px solid #85A1B1; }
.darkrow2 { background: url(http://img164.imageshack.us/img164/1269/skin17dr2rb0.gif) #6C8B9C no-repeat top left;padding:2px; }
.darkrow3 { background-color: #658597;border-top:1px solid #85A1B1; }

div.darkrow1 { background-color: #7F9FB1; }
div.darkrow2 { border:1px solid #486575;border-top:none; }

.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }

.titlemedium { font-weight:normal; color:#2B4A5C; padding:2px 5px 2px 5px; margin:0px; background: url(http://img209.imageshack.us/img209/1091/skin17tmox1.gif) #6F8E9F repeat-x top; }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #3A4F6C }

.maintitle { vertical-align:middle;color:#B4CDDB; letter-spacing:1px; padding:32px 5px 4px 67px;background: url(http://img101.imageshack.us/img101/9273/skin17mtcopyrg7.gif) #7F9FB1 no-repeat bottom left; }

div.maintitle div { text-align:left; }

.plainborder { border:none;background-color:#486575; }
.tableborder { border:none;padding:0px 0px 40px 0px; margin:0px;width:100%;background: url(http://img181.imageshack.us/img181/8347/skin17tableborderbm2.gif) #486575 bottom center no-repeat; }
.tablefill { border:1px solid #486575;background-color:#7C9BAC;padding:6px; }
.tablepad { background-color:#6F8E9F;border:1px solid #486575;padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#3A5665; }
.edit { font-size: 9px }

.signature { font-size: 10px; color: #3A5665; }
.postdetails { font-size: 10px }
.postcolor { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #003 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE { font-family: Tahoma; font-size: 11px; border: 1px solid #486575; padding:2px;background: url(http://img120.imageshack.us/img120/9248/skin17rowtx4.gif) #6F8E9F no-repeat top right; color:#294452; }
#CODE { font-family: Courier; font-size: 11px; border: 1px solid #486575; padding:2px;background: url(http://img120.imageshack.us/img120/9248/skin17rowtx4.gif) #6F8E9F no-repeat top right;color:#294452; }

.post1 table, .post2 table { background: url(http://img120.imageshack.us/img120/6809/skin17quoteax4.gif) #6F8E9F repeat-x top; border:1px solid #486575; }

.copyright { font-family: Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.forminput, .textinput, .radiobutton, .checkbox, .codebuttons { font-size: 11px; font-family:Tahoma; vertical-align: middle;background: url(http://img120.imageshack.us/img120/6809/skin17quoteax4.gif) #6F8E9F repeat-x top; border:1px solid #486575;color:#294452; margin:1px; }

.thin { padding:2px 3px 2px 3px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #638192;border-bottom:1px solid #638192; }

.left { background: url(http://img204.imageshack.us/img204/3549/left2yn3.gif) repeat-y left;padding:5px; }

.right { background: url(http://img204.imageshack.us/img204/1743/rightborderul7.gif) repeat-y right;padding:103px; }

div.desc { background-color:#567C91;border-top:1px solid #486575; }

#ipbwrapper { background-color:#7F9FB1;width:770px;margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:10px;padding:8px; border:1px solid #486575; }
#ipbwrapper .tableborder { background-image:none; border:1px solid #486575;padding:0px; }
#ipbwrapper .row2 { border-top:1px solid #486575; }
#ipbwrapper .row4 { border:none; }
#ipbwrapper .tablepad { border:none;border-top:1px solid #486575; }

#ipbwrapper #submenu { background: url(http://img120.imageshack.us/img120/6809/skin17quoteax4.gif) #6F8E9F repeat-x top; border:1px solid #486575; display:block; margin-bottom:1px; }
#ipbwrapper #submenu img { display:none; }

.submenu { background: url(http://img82.imageshack.us/img82/1885/skin17submenuep6.gif) center no-repeat;padding:5px; }
.submenu a { margin: 0px 5px 0px 5px; }

div.tableborder div.tablepad { background-color: #6F8E9F!important; }
div.tableborder div.tablepad table { background-color: #6F8E9F!important; }
div.tableborder div.pformstrip { border-top:none;border-left:1px solid #486575; border-right:1px solid #486575; }

div.tableborder div.tablepad input { background-color: #6F8E9F!important;background: url(http://img120.imageshack.us/img120/6809/skin17quoteax4.gif) repeat-x top; border:1px solid #486575;color:#294452; }

form div.tableborder td.row1 { border:2px solid #486575!important; }
td#ucpcontent form div.tableborder td.row1 { border: none!important; }

.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }