theme - beatles-abbey road theme

Link

first ever theme.
1. Select the "avlack" theme from the Multiply theme selection page for your personal page. You can select that by clicking on this link:
http://multiply.com/setup/pages/themes
2. Copy and paste the CSS code listed below to the Custom CSS page on your setting page. The link for the Custom CSS page is this one: http://multiply.com/setup/pages/upload-css

enjoy! please do leave a comment.


code:

body {
background: #000000 url(http://img254.imageshack.us/img254/737/45316571fz3.gif);
background-repeat: repeat;
background-attachment: fixed;
background-position: bottom left;
font-family: Arial;
color: #FFFFFF;
}
.userlogo a, .userlogo a:hover, .userlogo a:visited, .userlogo a:link, td.rail div#rail div.userlogo a {
color: #876E33;
}
a, a:visited, a:link { color: #876E33; },
a:hover {
color: #000000;
text-decoration: none;
cursor: crosshair;
},
.rail {
width: 130px;
padding-right: 10px;
}
.railstart {
margin-top: 10px;
height: 0px;
width: 130px;
background: #876E33 url() repeat top right;
background-position: -30px 0;
z-index: 1000;
position: relative;
border-right: 0px solid #876E33;
}
.railbody {
padding: 15px;
width: 130px;
font-size: 12px;
border-left: 0px solid #876E33;
border-right: 0px solid #876E33;
background-color: #000000;
border: none;
z-index: 1000;
position: relative;
border-left: 0px solid #876E33;
border-right: 0px solid #876E33;
color: #FFFFFF;
}
.railsep {
height: 0px;
margin: 12px 0 12px 0;
background: none;
background-color: #abd;
}
.railend {
height: 0px;
width: 130px;
background: #876E33 url();
border-right: 0px solid #876E33;
}
td.rail {
background-color: #000000;
padding-right: 6px;
margin: 0;
}
div.owner_nav {
border: none;
margin: 0 auto;
margin-top: 1px;
height: 287px;
height: 287px;
width: 780px;
border: 1px solid #876E33;
border-bottom: none;
padding: 5px 0 0 0;
background: url(http://img70.imageshack.us/img70/1310/28626925ca5.jpg) no-repeat top right;
background-color: #000000;
background-position: 0 -10px;
}
div#subnavc {
background-color:transparent;
border-top:0px solid transparent;
height:10px;
width:780px;
padding: 0px;
position:absolute;
left:120px;
top:115px;
}
div#subnav {
padding: 1px;
padding-left: 5px;
background: none;
border: none;
height: auto;
}
a.topt, a:visited.topt {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-size: 12px;
color: #876E33;
width: auto;
padding: 2px;
margin-left: 5px;
margin-right: 5px;
}
a.toptsel, a:visited.toptsel {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-size: 12px;
font-weight: none;
color: #876E33;
width: auto;
padding: 2px;
margin-left: 5px;
margin-right: 5px;
background: none;
}
li.gnopt a, li.gnopt a:visited, li.gnopt a:link {
color: #876E33;
}
li.gnoptsel {
border-color: #abd;
border-color: #ccc;
}
h1#page_owner_title {
font-size: 40px;
text-decoration: none;
background-color: none;
background: none;
color: #876E33;
font-family: Script MT Bold, Arial;
position:absolute;
left:120px;
top:65px
}
div#page_start {
border-bottom-style: none;
border-color: #876E33;
border-style: solid;
border-top-style: none;
border-width: 1px;
font-family: Arial;
text-decoration: none;
height: 1%;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
padding: 0;
width: 780px;
}
div#rail {
text-align: left;
width: 130px;
}
a.gnoptsel, a:visited.gnoptsel {
margin: -2px 0 0 0;
width: 84px;
}
div#ownedfooter {
background: url();
background-color:transparent;
border:0px solid #876E33;
color:#FFFFFF;
width: 780px;
}
div.stats {
border-bottom: none;
}
.itemboxsub {
color: #876E33;
color: #876E33;
text-decoration: none;
font-size: 25px;
font-family: Script MT Bold, Arial;
border: none;
padding: 0px;
margin-left: 5px;
background: #000000;
max-width: 700px;
}
.rolloverfordnd {
color: #876E33;
color: #876E33;
text-decoration: none;
font-size: 25px;
font-family: Script MT Bold, Arial;
border: none;
padding: 0;
background: #000000;
max-width: 700px;
}
.itemshadow {
max-width: 700px;
}
.itemsubsub {
font-size: 10px;
font-weight: normal;
line-height: 10px;
text-align: right;
color: #876E33;
color: #876E33;
}
.itemstamp {
float: right;
font-size: 10px;
font-weight: normal;
margin: -5px 0 5px 0;
margin: 0;
color: none;
}
.itembox {
border: 3px solid #876E33;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 10px;
padding-right: 10px;
margin-left: 5px;
overflow: visible;
background: none;
background-color: #000000;
color: #FFFFFF;
}
.itemboxalbum {
border: 3px solid #876E33;
padding: 5px;
margin: 0px;
overflow: visible;
background: none;
background-color: #000000;
color: #FFFFFF;
border-top: 0px solid none;
}
.itemactionspacer {
height: 30px;
}
a.mine, a.mine:link, a:visited.mine {
/* color: #876E33; border: none; background-color: #000000; margin: 0 2px 0 2px; */
color: #876E33; border: none; background: none;
}
div.ritemactions a, div.ritemactions a:link, div.ritemactions a:visited {
/* color: #876E33; border: none; background-color: #000000; margin: 0 2px 0 2px; */
color: #876E33; border: none; background: none;
}
a.go, .go {
color: #876E33; border: none; background: none;
}
.rail .userlogo {
border: 0px solid #FFFFFF;
}
.caldiv1 { background-color: #FFFFFF; }
.caldiv1 td { font-size: 10px; }
.caldate { font-size: 13px; font-weight: bold;}
.cald { float:right; text-align: center; background-color: #FFFFFF; padding: 0px 4px 0px 4px; margin: -3px -3px 3px 3px; border: 1px solid #876E33; width: 20px}
.calevent { margin: 0px 0px 8px 0px; }
.caldiv1 td:hover { background-color: #FFFFFF; }
.caldiv1 th {
background-color: #FFFFFF;
color: #000000;
font-size: 10px;
font-weight: normal;
text-align: center;
}
.caldiv1 th a, .caldiv1 th a:visited { color: #000000; }
table.globalnav {
border: none;
background: none;
}
.header .globalnav ul.gnopt a { color: #FFFFFF; }
.navinput {
border: none;
color: #FFFFFF;
}
table.indextitle {display: none;}
td#maincontent { padding: 0 25px 0 0; margin: 0; background-color: #000000; }
div.header {
width: 780px;
margin: 0 auto;
background: none;
}
.infobox { background-color: #FFFFFF; }
div.infobox .boxbody {
border: 3px solid #876E33;
color: #000000;
}
div.gndd {
color: #FFFFFF;
background-color: #000000;
border: 1px solid #876E33;
}
div.ddsep { background-color: #000000; }
div.gndd a {
font-weight: bold;
border: 1px solid #876E33;
}
div.gndd a:hover {
background-color: #000000;
}
li { list-style-image: url(); }
div.guidebox {
background: none;
background-color: #000000;
color: #000000;
border: 0px solid #876E33;
}
div.add_sublabel a:hover {
color: #876E33;
}
span.signoutid a, span.signoutid a:visited, span.signoutid a:link, span.signoutid:hover, a.signoutid, a.signout, a.signout:visited, a.signout:link {
color: #FFFFFF;
}
div.header table.globalnav h3 { color: #876E33; }
.header .globalnav a.select { color: #876E33; }
.replybox {
color: #000000;
padding: 6px;
margin: 10px 2px 10px 2px;
background-color: #FFFFFF;
border: 3px solid #876E33;
}