Hello,
I’m new here, but I was wondering if I might be able to get help with the CSS code in my blog. Right now, if you go to my blog, http://clandestinechic.com, you’ll see the logo on the left and if you hover below it, another logo shows up. What I want to do is get rid of the logo at the top or have that one transparent and have the logo below it (that currently on shows up when you hover over it) remain and stay static. Here is the CSS Code:
/*
Theme Name: Oulipo
Theme URI: http://andreamignolo.com/oulipo
Description: A grid-based, black and white WordPress theme
Version: 1.0.6
Author: A. Mignolo
Author URI: http://andreamignolo.com
Tags: white, three-columns, fixed-width, threaded-comments, sticky-post
License: GNU General Public License (GPL) version 3
*/
/* =Global
------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, address, .more-link {
margin:0;
padding:0;
}
a, a:link, a:visited {
outline: none;
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
blockquote:before, blockquote:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* =Layout
------------------------------------------------------------------*/
#wrapper {
width: 60em;
margin: 0 auto;
}
#main_nav {
background:transparent url(http://www.clandestinechic.com/wp-content/themes/evidens-white/logo.png) no-repeat scroll 0 0;
display:inline;
float:left;
height:150px;
margin:9em 0 0 1.1em;
padding-top:110px;
position:fixed;
width:15em;
}
#content {
width: 50em;
margin: 2em 0 0 0;
float: right;
display: inline;
min-height: 30em;
}
#entry_content {
width: 30em;
margin: 0 2.5em 0 6.5em;
float: left;
display: inline;
}
#supplementary {
width: 11em;
margin: 0 0 0 0;
float: right;
display: inline;
}
#footer_contact {
width: 15.7em;
float: right;
display: inline;
}
#footer_info {
margin: 0 0 0 20em;
width: 45em;
float: left;
display: inline;
}
#main_nav ul {
margin: 2.5em 0 0 0;
}
.meta ul {
margin: 1em 0 0 0;
}
.meta li {
margin: .3em 0 0 0;
line-height: 1.5em;
padding: 0 0 .2em 0;
}
ul#categories li, ul#archives li {
border-bottom: 0;
}
#footer {
clear: both;
border-top: 1px solid #000;
}
.date, .description {
margin: .1em 0 1.5em 0;
padding: 0;
}
.header {
margin: 0 0 1.5em 0;
}
.entry {
margin: 0 0 4em 0;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.entry img.alignright {
margin: 0 0 1.5em 1em;
}
.entry img.alignleft {
margin: 0 1em 1.5em 0;
}
.offsite img {
margin-top: 1em;
border: 0;
}
#main_nav h1.masthead a {
line-height: 1em;
}
dd.gallery-caption {
font-size: 11px;
color: #CCC;
line-height: 12px;
margin-top: .5em;
}
.entry .gallery {
margin-top: 0;
padding-top: 0;
}
/* =Typography
------------------------------------------------------------------*/
#entry_content .sticky {
border: 1px dotted #CCC;
padding: 15px;
margin-bottom: 20px;
}
/* =Typography
------------------------------------------------------------------*/
body, .delicious-desc {
background: #FFF;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif;
}
h1, h2, h3, h4, h5, #main_nav ul, .date, .description, .ctitle, .fin,
.entry > p:first-child:first-line, .error, .navigation, .more-link, .comment-author, .comment-meta {
font-family: "Hoefler Text", "Constantia", Georgia, "Times New Roman", Times, serif;
}
h1, .date, .description {
font-variant: small-caps;
}
h1 {
font-size: 1.5em;
}
h2 {
font-size: 1.7em;
margin-bottom: 1em;
}
h3 {
font-size: 1.7em;
margin: 1em 0 0 0;
border-bottom: 1px solid #eee;
}
#supplementary h3, h2.widgettitle {
margin: 2em 0 -.7em 0;
font-size: 1.15em;
font-variant: small-caps;
border-bottom: none;
}
.widget li {
border-bottom: 0;
}
h4 {
font-size: 1.4em;
margin: 2em 0 0 0;
font-variant: small-caps;
}
h5 {
font-size: 1.3em;
margin: .8em 0;
}
#main_nav ul {
text-transform: uppercase;
font-size: .75em;
list-style-type: none;
}
.entry {
font-size: .75em;
line-height: 1.9em;
}
#entry_content p {
margin: .7em 0 2em 0;
}
.description, .date {
font-size: .8em;
color: #aaa;
}
.commentcount {
color: #aaa ;
}
#entry_content .date {
margin: -2em 0 2em 0;
}
.entry > p:first-child:first-letter {
font-size: 2em;
}
.entry > p:first-child:first-line {
font-variant: small-caps;
font-size: 1.3em;
}
.entry ul, .entry ol {
margin: 1.5em 0 0 0;
padding-left: 2.2em;
}
#search {
margin-top: 1.5em;
border-bottom: 1px dotted #999;
}
.search {
text-transform: uppercase;
font-size: .7em;
padding-right: .5em;
}
#searchform {
margin-top: -1em;
text-align: right;
padding: 0 0 1em 0;
}
input {
border: 1px solid #666;
}