Working on the layout for
hollow_art. And there's this big gap between the content and the header. I'm pretty craptacular when it comes to CSS, but I've tried everything I can think of, and I can't get it to go away.
#header-inner {
background-image: url(
http://i17.tinypic.com/62i4imw.jpg); height: 400px;
}
#container-inner, #header-inner {
width: 950px; /* Change the width of the header and overall container boxes*/
}
#alpha {
width: 650px; /* Overall width minus sidebar width*/
}
.layout-tw #alpha-inner {
width: 610px; /* Width of #alpha minus 40px margins*/
}
/* general formatting --------------------------------------------------- */
body {
font-family:Verdana, sans-serif;
font-size: 10px;
color:#000000;
background: #FFFFFF;
}
a {
font-weight: bold;
text-decoration: underline;
color: #000000;
}
a:hover {
text-decoration: none;
}
#content {
background-color: #c6c6c6;
}
/* subject font */
.page-header2,
.post-asset .asset-name a {
font-family: Verdana;
color:#000000;
}
/* header title/subtitle font */
#header-name a,
#header-description {
font-family: Verdana;
color:#000000;
}
/* header links */
#header .nav .item {
font-family: Verdana;
color:#000000;
}
#header-name { display: none; }
#header-description { display: none; }
#header-content-inner {margin: 380px 15px 5px 0px;}
#header-text .nav a { color: #000000; }
.asset-meta-list,
.asset-meta-list a:link,
.asset-meta-list a:hover,
.asset-meta-list a:visited,
.asset-meta-list a:active {
color : #000000;
font-weight : bold;
} EDIT: Gap problem SOLVED!
Additionally... how would I go about changing the link colors on the sidebars, as well as using my own div image?
And finally... using Expressive (duh), Chopsticks.