I'm having some weird blockqote problems. On the front page of my site, the blockquotes look like garbage, but when you read a single post containing blockquotes they look fine. Just to make things super-easy, here's the code for my ENTIRE stylesheet. If anyone could help out, it'd be greatly appreciated.
/*
Theme Name: Grungezine
Description: A 3 Column Professional Magazine theme.
Author: Karuu
Author URI: http://www.wpspark.com/
*/
/************************************************************
* Content-wrapper [Body] *
***********************************************************/
body{
background: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style: normal;
color:#111;
margin:0;
padding:0;
}
#wrap{
background: #ffffff;
width:950px;
margin:0px auto;
}
#top{
width:950px;
margin:0 auto;
padding:5px 0 10px;
}
/************************************************************
* General Links *
***********************************************************/
a:link,a:active,a:visited,a:hover{
text-decoration:none;
color:#00ccff;
border:none;
outline: none;
}
a:hover{
text-decoration:none;
color:#00ccff;
}
/************************************************************
* Header *
***********************************************************/
#header{
width:949px;
float:left;
margin-bottom:5px;
margin-top:5px;
padding:0 0 10px;
height:155px;
background:url(images/albotasheader.jpg);
}
#header h1.title{
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:28px;
margin:10px;
padding:0;
width:600px;
}
#header h1 a:link,#header h1 a:active,#header h1 a:visited{
display:block;
background: url no-repeat left;
height:110px;
width:941px
}
p.desc{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#00ccff;
font-size:12px;
margin:0;
padding:0;
}
/************************************************
* Navbar *
************************************************/
#nav{
background:#000000;
height:32px;
max-height:32px;
min-height:32px;
width:950px;
clear:both;
margin:0 auto;
list-style: none;
font-family:Arial, Helvetica, sans-serif;
}
#nav ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#nav ul li a:link,#nav ul li a:active,#nav ul li a:visited {
color: #00ccff;
display: block;
font-size: 11px;
line-height:12px;
text-transform: uppercase;
margin: 2px 10px 0px 0px;
padding: 8px 10px 8px 10px;
text-decoration: none;
}
#nav ul li a:hover {
color:#fff;
display: block;
font-size: 11px;
line-height:12px;
text-transform: uppercase;
margin: 2px 10px 0px 0px;
padding: 8px 10px 8px 10px;
text-decoration: none;
}
#nav li {
float: left;
margin: 0px;
padding: 0px;
}
#nav li li {
float: left;
margin: 0px;
padding: 0px;
width: 150px;
}
#nav li li a:link, #nav li li a:active, #nav li li a:visited {
background: #00ccff;
color: #fff;
width: 160px;
font-size: 10px;
float: none;
margin: 0px;
padding: 8px 10px 8px 10px;
text-decoration: none;
border-bottom: 1px solid #eee;
}
#nav li li a:hover {
color: #FFFFFF;
padding: 8px 10px 8px 10px;
margin:0px;
text-decoration: underline;
}
#nav li ul {
position: absolute;
width: 10em;
left: -999em;
}
#nav li:hover ul {
left: auto;
display: block;
}
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}
#nav2 {
background:#000000;
height:32px;
max-height:32px;
min-height:32px;
width:950px;
clear:both;
margin:0 auto;
list-style: none;
border-bottom:1px solid #444;
font-family:Arial, Helvetica, sans-serif;
}
#nav2 {
margin: 0px;
padding: 0px;
list-style: none;
}
#nav2 ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#nav2 a, #nav2 a:visited {
color: #00ccff;
display: block;
margin: 0px;
padding: 8px 10px 8px 10px;
}
#nav2 a:hover {
color: #fff;
margin: 0px;
padding: 8px 10px 8px 10px;
text-decoration: none;
}
#nav2 li {
float: left;
margin: 0px;
padding: 0px;
}
#nav2 li li {
float: left;
margin: 0px;
padding: 0px;
width: 150px;
}
#nav2 li li a, #nav2 li li a:link, #nav2 li li a:visited {
background: #00ccff;
width: 150px;
float: none;
margin: 0px;
padding: 7px 30px 7px 10px;
color: #111;
border-bottom: 1px solid #1e5d71;
}
#nav2 li li a:hover, #nav2 li li a:active {
background: #3e7c91;
padding: 7px 30px 7px 10px;
color: #00ccff;
}
#nav2 li ul {
position: absolute;
width: 10em;
left: -999em;
}
#nav2 li:hover ul {
left: auto;
display: block;
}
#nav2 li:hover ul, #nav2 li.sfhover ul {
left: auto;
}
/************************************************
* Search Form *
************************************************/
#searchform{
height:30px;
line-height:30px;
float:right;
padding-right:5px;
margin:0;
}
#searchdiv {
margin: 0px;
padding: 0px;
}
#searchform {
margin: 0px;
padding: 0px 10px 0px 0px;
}
#s {
background: #FFFFFF;
width: 210px;
color: #00ccff;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
padding: 3px;
margin: 0px 0px 0px 0px;
border-top: 1px solid #666666;
border-right: 1px solid #666666;
border-left: 1px solid #999999;
border-bottom: 1px solid #999999;
}
#sbutt {
background: #00ccff;
color: #fff;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
padding: 1px;
margin: 0px 0px 0px 3px;
border: 1px solid #fff;
width:45px;
}
/************************************************************
* Content-wrapper [Main] *
***********************************************************/
#main{
width:950px;
margin:0px auto;
padding:0;
}
#content{
float:left;
width:630px;
margin:0 5 10px 1px;
padding:0;
}
#content h3{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
}
.entry h2{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
}
.entry h1{
font-family:"Arial, Helvetica, sans-serif;
font-size: 19px;
color: #000000;margin:5px;padding:5px;
margin:5px;
padding:5;
width:100%;
height:100%;
}
.entry h1 a {
color: #00ccff;
text-decoration: none;
}
.entry h1 a:hover {
text-decoration: none;
color: #bb0000;
}
.home-entry{
float:left;
width:600px;
margin:0 5px 0 0 ;
padding:0px 0px 10px 5px;
}
.home-entry h2{
float:left;
width:600px;
height:100%;
margin:0 5px 10px 0 ;
padding:5px 0px 10px 8px;
background: #000000;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#fff;
height:100%;
}
.home-entry p{
float:left;
width:600px;
margin:0 5px 0 0 ;
padding:0px 0px 10px 5px;
}
.home-entry h1{
font-family:"Arial, Helvetica, sans-serif;
font-size: 19px;
color: #000000;margin:0;padding:5px;
margin:0px;
padding:0 0 5px 0;
width:600px;
border-bottom:4px dashed #ffff20;
}
.home-entry h1 a:link ,.home-entry h1 a:visited{
color: #00ccff;
text-decoration: none;
}
.home-entry h1 a:hover {
text-decoration: none;
color: #000;
}
.entry{
float:left;
width:622px;
margin:0 ;
padding:0px 0px 10px 5px;
background:none;
}
.entry p{
margin-right:5px;
}
.content-entry{
padding:0px;
margin:10px 0 10px 0;
border-bottom:1px solid #444;
width:600px;
float:left;
}
.content-entry p{
margin:10px 0 10px 0;
padding:0;
}
.thumb-main{
float:left;
border:none;
width:295px;
height:100px;
padding:5px;
background:#eee;
border:1px solid #8c8b88;
margin:10px 10px 5px 0;
}
.thumb-main img{
border:none;
width:295px;
height:100px;
}
.meta{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#00ccff;
text-transform:uppercase;
float:left;
width:100%;
margin:0px 0 5px 0;
}
.commeta{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#00ccff;
text-transform:uppercase;
float:left;
width:95%;
padding:0 0 3px 0;
margin:0px 0 5px 0;
border-bottom:dashed #ffff20 4px;
}
.postmetadata{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#00ccff;
background:#000000;
text-transform:uppercase;
float:left;
width:80%;
margin:10px 0 10px 0;
}
.postmetadata a:link,.postmetadata a:active,.postmetadata a:visited{
color:#00ccff;
}
.postmetadata a:hover{
color:#ffffff;
}
.postmeta {
float:left;
margin:3px 0 5px 0;
padding:0;
width:100%;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#777;
}
.footmeta {
float:left;
margin:2px 0 5px 5px;
padding:0 0 5px 0;
width:280px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#777;
border-bottom:4px dashed #ffff20;
}
.cat{
float:left;
margin:0 0 5px 0 ;
width:100%;
padding-bottom:4px;
border-bottom:1px solid #000;
}
.cat a:link,.cat a:visited {
padding:4px;
background:#222;
color:#FFFFFF;
}
#content blockquote {
margin: 1em 20px;
padding-left: 50px;
background: transparent url(images/blockquote.gif) no-repeat;
}
/************************************************************
* Content-wrapper [Sidebar] *
***********************************************************/
#sidebar{
float:left;
width:320px;
margin:0px 5px 10px 0px;
padding:0;
overflow:hidden;
}
#rsidebar {
float:right;
width:145px;
margin:0px 15px 10px 0px;
padding:0;
overflow:hidden;
border:none;
}
#lsidebar {
float:left;
width:145px;
margin:0px 5px 10px 4px;
padding:0;
overflow:hidden;
border:none;
}
#lsidebar h2, #rsidebar h2{
text-align: left;
font-size:12px;
margin:8px 2px 3px 0px;
padding:2px 3px 3px 6px;
color:#fff;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
width:90%;
background:#000000 ;
}
#sidebar ul{
list-style-type:none;
margin:8px;
padding:0;
}
#sidebar ul li{
list-style-type:none;
}
#sidebar ul li ul{
list-style-type:square;
margin:0px;
border:none;
}
#sidebar li ul li{
list-style-type:none;
width:91%;
margin: 4px 0px 4px 0px;
padding: 0px 0px 4px 15px;
background: url(images/bullet.gif) no-repeat ;
}
#sidebar ul li a {
font-weight: normal;
display: block;
padding: 0 0 0px ;
border: none;
color: #00ccff;
font-size:12px;
}
#sidebar ul li a:hover {
text-decoration:none;
color: #000;
}
#recent-comments ul li {
background:none;
}
#recent-comments ul li a {
background:none;
}
#recent-comments ul li a:hover {
background:none;
}
#pages ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border:none;
}
#pages ul ul ul {
list-style-type: none;
margin: -1px 0px -9px 5px;
padding: 0px 0px 0px 0px;
border:none;
}
#pages ul li {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-bottom:none;
}
#tag_cloud a:link,#tag_cloud a:active,#tag_cloud a:visited{
margin:0;
padding:4px 0 4px 15px;
width:84%;
}
.navigation{
display:block;
text-align:center;
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}
.alignright{
float:right;
padding:0 10px 10px;
}
.alignleft{
float:left;
padding:0 0 10px;
}
/************************************************************
* Content-wrapper [Calendar] *
***********************************************************/
#calendar_wrap {
margin:0px;
color:#5b4e3b;
}
#calendar_wrap a {
padding: 3px 0px;
background:none;
}
#calendar_wrap caption {
background: none;
padding: 5px 0px;
width: 100%;
}
#calendar_wrap table {
width: 100%;
border: solid 1px #111;
margin-bottom:10px;
padding-bottom:10px;
}
#calendar_wrap table th {
text-align: center;
letter-spacing: -1px;
padding: 3px 0px;
}
#calendar_wrap table td {
text-align: center;
border: solid 1px #70614e;
padding: 3px 0px;
font-size: 11px;
}
/************************************************************
* Content-wrapper [Comment] *
***********************************************************/
.boxcomments{
margin:10px 10px 5px 7px;
width:600px;
border-top:3px solid #444;
border-bottom:3px solid #444;
padding:0px;
}
#commentform{
margin:0;
padding:15px 15px 1px;
}
#commentform label{
display:block;
margin:0;
}
#commentform input{
width:210px;
margin:0 5px 10px 0;
padding:1px;
}
#commentform textarea{
width:440px;
margin:0 0 10px;
padding:0;
}
#commentform #submit{
margin:0 0 20px;
}
#commentform p{
margin:5px 0;
}
ol.commentlist{
margin:0 0 1px 15px;
padding:0;
}
ol.commentlist li{
background:#ffff20;
border:2px dashed #00ccff;
display:block;
list-style:none;
margin:5px;
padding:5px 5px 1px 5px;
width:555px;
color:#000000;
}
ol.commentlist li :hover{
background:none;
}
ol.commentlist li.commenthead{
display:block;
list-style:none;
margin:0;
padding:5px 15px;
}
ol.commentlist li.commenthead 444{
display:block;
font-size:12px;
font-weight:700;
margin:0;
padding:5px;
}
ol.cloop{
border-top:1px solid #fff;
list-style:none;
margin:0 0 1px;
padding:15px;
}
ol.cloop li{
display:block;
list-style:none;
margin:0 0 5px;
}
/************************************************************
* Content-wrapper [Footer] *
***********************************************************/
#footer{
color:#222;
font-size:12px;
clear:both;
height:326px;
width:950px;
margin:0px auto;
padding:0;
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
border-top:3px solid #444;
}
#footerbottom {
color: #FFFFFF;
background:#444;
padding:4px 0 0 0;
text-align: center;
float: left;
width:100%;
margin:3px 0 0 0;
height:33px;
}
#footerbottom p {
margin: 0;
padding: 0;
}
#footerbottom a {
color: #fff;
text-decoration: none;
}
#footerbottom a:hover {
text-decoration: underline;
}
#footer h1 {
float:left;
margin:0;
padding:1px 0 1px 5px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
width:275px;
}
#footer h1 a:link,#footer h1 a:visited{
color:#00ccff;
}
#footer h1 a:hover{
color:#000;
}
#footer h2 {
color: #fff;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 6px 4px 4px 4px;
margin:5px;
text-transform: uppercase;
background:#00ccff;
width:94%;
text-align:center;
height:17px;
}
#footer ul {
list-style: none;
margin: 0;
padding: 0;
}
#footer ul li {
padding: 4px 0 0 0;
margin: 0px;
}
#footer ul li a:link ,#footer ul li a:visited{
display: block;
color: #222;
text-decoration: none;
margin: 0px;
padding:0 0 1px 15px;
border-bottom: 4px dashed #ffff20;
height:20px;
background: url(images/bullet.gif) no-repeat;
}
#footer ul li a:hover {
color:#00ccff;
text-decoration:underline;
}
#footerleft {
float: left;
width: 292px;
margin:5px 5px 5px 7px;
padding:5px;
}
#footerleft p {
margin:0;
padding-left: 5px;
float:left;
}
#footerleft img {
float:left;
margin:5px 0 5px 3px;
padding:5px;
width:271px;
background:#fff;
border:1px solid #8c8b88;
}
#footermiddle1 {
float: left;
width: 292px;
margin:5px;
padding:5px;
}
#footerright {
float: left;
width: 302px;
margin:5px;
padding:5px;
}
/************************************************************
* Content-wrapper [Right column] *
***********************************************************/
#right {
float:left;
width: 306px;
height:auto;
color:#111;
padding:0;
margin:0 4px 10px 6px;
}
/************************************************
* Tabs *
************************************************/
.tabs-block {
clear: left;
float: left;
width: 298px;
padding:5px;
margin: 0 0 10px 0;
display: block;
}
.tabbed {
width: 100%;
overflow: hidden;
padding: 0;
margin: 0;
border: none;
}
.tabbed ul.tabs {
overflow: hidden;
display: block;
position: relative;
top: 0;
left: 0;
z-index: 999;
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
}
.tabbed ul.tabs li {
display: inline;
float: left;
padding: 0;
margin: 0 .3em 0 0;
}
.tabbed ul.tabs li a {
font-size:10px;
display: block;
margin: 0 2px 5px 0;
padding: 2px .4em;
border: 1px solid #444;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#222;
font-weight:bold;
}
.tabs-block ul.tabs li a {
padding:5px;
color:#222;
border:1px solid #444;
}
.tabs-block ul.tabs li a:hover {
padding:5px;
color:#fff;
background:#00ccff;
text-decoration:underline;
}
.tabbed ul.tabs li a.tab-current {
color:#fff;
background:#00ccff;
}
.tabs-block .tabbed div, #home .tabbed .c {
overflow: hidden;
display: block;
position: relative;
left: 0;
top: -1px;
z-index: 0;
clear: left;
width: 100%;
margin: 0;
padding: 5px 0;
border:1px solid #444;
display: none;
}
div.t2, div.t3, div.t4, div.t5, div.c2, div.c3, div.c4, div.c5, div.c6, div.c7, div.c8, div.c9, div.c10 { display: none; }
.tabs-block .tabbed div.t1, #home .tabbed div.c1 {
display: block;
}
.tabs-block .tabbed div { width:296px; }
.tabbed div ul {
overflow: hidden;
padding: 0px 0 2px 0;
margin: 0;
}
.tabbed div ul li {
clear: left;
margin:0px 0 0 0px;
padding:2px 0 2px 5px;
}
.tabbed div ul li a:link, .tabbed div ul li a:active,.tabbed div ul li a:visited {
font-weight: normal;
width: 286px;
display: block;
padding: 0px 0 4px 14px;
border: none;
font-size:12px;
background: url(images/bullet.gif) no-repeat ;
font-family:Arial, Helvetica, sans-serif;
color:#00ccff;
}
.tabbed div ul li a:hover{
text-decoration:none;
color: #000;
}
.featured-slide{
width:617px;
height:250px;
padding:0;
margin:0 0 15px 5px;
}
.metadata{
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
color:#755c29;
margin:2px 0 -5px 0;}
.read {
float:left;
margin:5px 0 5px 0;
width:305px;
padding-top:5px;
padding-bottom:15px;
border-bottom:1px solid #444;
}
.read a:link,.read a:visited{
padding:5px;
background:#222;
color:#fff;
}
.read a:hover{
padding:5px;
background:#00ccff;
text-decoration:none;
color:#fff;
}
#banner {
float:left;
padding:0;
margin:0px 0 10px 0;
height:auto;
width:288px;
}
#banner img {
border:none;
padding:0 3px 3px 3px;
margin:0px;
}
.pagetitle{
color:#000;
background:none;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
margin:0px 0px 10px 3px;
}
#ancillary {
margin:0 0 0 10px;
padding:5px;
width:300px;
float:left;
}
#ancillary .flickr {
padding: 2px 1px;
overflow: hidden;
}
#ancillary .flickr img {
margin:5px;
width:46px;
height:46px;
display:block;
float:left;
padding:4px;
background:#fff;
border:1px solid #8c8b88;
}
.gravatar{
float:left;
margin:5px 5px 10px 5px;
}
/************************************************
* News *
************************************************/
.news{
float:right;
width:600px;
height:auto;
background:none;
margin:0 5px 5px 0;
padding:0 11px 0 10px;
border-right:3px solid #444;
border-left:3px solid #444;
}
.news h2{
float:left;
width:600px;
margin:0 5px 10px 0 ;
padding:5px 0px 10px 8px;
background: #000000;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#fff;
height:18px;
}
.news-entry{
float:left;
padding:0 0 5px 0;
margin:0;
}
.news-entry p{
float:left;
padding:5px 0 10px 0;
margin:0px 0 5px 0;
border-bottom:1px solid #444;
width:100%;
}
.news h1{
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000000;margin:0;padding:5px;
margin:0;
padding:0;
width:100%;
}
.news h1 a:link ,.news h1 a:visited{
color: #00ccff;
text-decoration: none;
}
.news h1 a:hover {
text-decoration: none;
color: #000;
}
.t1 h1{
float:left;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
padding:3px;
margin:4px 0 0 6px;
width:98%;
}
.t1 p{
margin:4px 4px 10px 4px;
padding:2px 3px 3px 3px;
}
.t1thumb{
float:left;
width:60px;
height:60px;
border:1px solid #8c8b88;
margin:2px 5px 0 9px;
padding:5px;
background:#fff;
}
.t1thumb img{
float:left;
width:60px;
height:60px;
margin:0;
padding:0;
}
