Hi guys, I just did the changes JD suggested and still the problem persists. My total CSS insert code is now:
.blogtitle {display:none !important;}
td#header {
padding-bottom: 15px;
}
div.searchbox {
position: absolute;
top: 50px;
right: 25px;
}
div.searchbox input.text {
border: solid .5px #ffe8a3;
padding: 2px 15px 2px 3px;
background: #fff url('<?php bloginfo('template_directory'); ?>/images/search2.gif') no-repeat right center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
height: 15px;
bolder: solid 1px #e7e7e7;
font-size: 11px;
}
a.posts-icon {
position: absolute;
top: 85px;
right: 160px;
font-weight: normal;
color: #70097f;
font-size: 11px;
}
a.comments-icon {
position: absolute;
top: 85px;
right: 20px;
font-weight: normal;
color: #70097f;
font-size: 11px;
}
a.email-icon {
position: absolute;
top: 85px;
right: 10px;
font-weight: normal;
color: #70097f;
font-size: 11px;
}
div#menu1 ul.rMenu {
background: transparent;
border: none;
}
div.widget ul li {
padding: 1px 5px 1px 13px !important;
background: url('<?php bloginfo('template_directory'); ?>/images/bullets/purple-box.gif') no-repeat 0 7px;
}
div.widget ul li a:hover {
text-decoration: underline;
}
/* Menu Bars */
div#menu1 ul.rMenu li a, div#menu2 ul.rMenu li a {
padding: 4px 6px 0 6px;
color: #fff;
}
/* different padding for parents with arrow image in hover mode */
div#menu1 ul.rMenu li.rMenu-expand a:hover, div#menu2 ul.rMenu li.rMenu-expand a:hover {
padding: 4px 22px 0px 10px !important;
background-position: 97% 65% !important;
}
a.comments-icon:link,a.comments-icon:active,a.comments-icon:visited {
background:transparent url(
http://www.winekitmaking.com/wp-cont...es/comment.png) no-repeat scroll center left
}
a.posts-icon:link,a.posts-icon:active,a.posts-icon:visited {
background:transparent url(
http://www.winekitmaking.com/wp-cont...images/rss.png) no-repeat scroll center left
}
a.email-icon:link,a.email-icon:active,a.email-icon:visited {
background:transparent url(
http://www.winekitmaking.com/wp-cont...ages/email.png) no-repeat scroll center left
}
ul#rmenu {
padding:5px;
}
div#menu2 {
background: #666666;
}
div#menu1 {
background: #f9f7e4;
}
/* XX comments to .... */
h3#comments {
margin: 10px 0;
padding: 10px;
font-weight: normal;
background: #f5f5f5;
}
ul.commentlist {
border-top: 0;
margin: 0;
line-height: 1.4;
font-size: 12px;
}
ul.commentlist li.thread-odd, ul.commentlist li.thread-even {
margin: 5px 0;
padding: 10px;
border-bottom: solid 5px #fafafa;
background: #fff;
}
span.authorname, span.authorname a {
font-weight: normal;
font-size: 17px !important;
}
div.commentmetadata a {
color: #999;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
}
And still it doesn't work.