I almost got my journal the way that I want it. The main problem is that once I center the navigation bar, the left side sticks out. I did this once a long time ago but now I forget how to do it. Any help would be appreciated.
EDIT This is for
regisjr and I use Firefox witha PAID account..
#header-inner {
background-image: url("
http://img.photobucket.com/albums/v318/jayregee/gaypridebanner.png");
height: 480px;
width: 800px;
}
#header {
background-image: none;
}
a, a:link, a:visited, a:active {color: text-decoration: none;}
a:hover {color: ; text-decoration: underline;}
p {margin-top: 0.8em; margin-bottom: 0.8em;}
blockquote {margin: 0.8em 3em; padding: 1.63em; border: 1px #bbbbbb; background: #e6e6e6;}
#header-name {display: none;}
#header-description {display: none}
#header-content {overflow: hidden; text-transform: uppercase; text-align: right;}
#header-text ul.nav {position:absolute; bottom: 0px; left: 0px; margin: 0px; padding-left: 210px; height: 40px; line-height: 40px; border-top: 1px #bbbbbb; border-bottom: 1px #bbbbbb; background: #e6e6e6; text-transform: uppercase; }
#header-text ul.nav li {margin: 0px; padding: 0 0.9em; display: inline;}
#header-text ul.nav li.item {border: 0px;}
#header-text ul.nav a {color: ; font-size: 2.0em; text-decoration: none;}
#header-text ul.nav a:hover {color: #333333;}
#header-name {display: none; margin: 0px auto; padding: 1.2em 0; font-size: 2em; letter-spacing: 0.1em;}
#header-name a {color: #; text-decoration: none;}
#header-name a:hover {color: #333333;}
#header-description {display: none; margin: 0px auto; }
body {
background-color: black !important;
background-image: url("
http://img.photobucket.com/albums/v318/jayregee/rainbowflag-1.png") !important;
background-repeat: repeat !important;
background-attachment: fixed !important;
background-position: 2% !important;
}
.designed-widget { display: none; }
a:link,
a:visited,
a:hover,
a:active {
text-decoration : none;
}
#footer {
background-image: url(
http://img.photobucket.com/albums/v318/jayregee/gayfooter.png);}
#container-inner, #header-inner {
width: 800px; /* Change the width of the header and overall container boxes*/
}
#alpha {
width: 610px; /* Overall width minus sidebar width*/
}
.layout-tw #alpha-inner {
width: 574px; /* Width of #alpha minus 40px margins*/
}
Please Help and Thank You!