Post background is wide after 1st post
-
I was making a few changes in my style sheet and I realized that the background after the first post on my blog is as wide as the screen. I use firefox, and I also checked this in IE, it is showing up in both browsers.
I tried to retrace my steps and undo whatever I did, but no luck. Any help or suggestions would be greatly appreciated!
/*
Theme Name: cosmo
Description: 3 coloumn pro design
Author: Jinsona designs
Author URI: http://web2feel.com/
*/body {
margin:0 auto;
padding-top:40px;
background:#607C8C;
font-family:Century gothic, Arial,Tahoma,sans-serif;
color:#303030;
font-size:13px;
}
img {
border:0;
padding:2px 2px 2px 2px;
}
a {
color:#922c03;
text-decoration:none
}
a:hover {
color:#607C8C;
text-decoration:none
}
h1, h2, h3, h4, h5, h6 {}
blockquote {
padding-left:10px;
padding-top:10px;
color:#555;
font-style: normal;}
.clear {
clear:both;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}img.alignright {
padding: 4px;
margin: 0 0 2px 5px;
display: inline;
}img.alignleft {
padding: 4px;
margin: 0 5px 2px 0;
display: inline;
}
.alignright {
float: right;
}.alignleft {
float: left
}
.entry p { margin: 0 0 1em 0; }/* The Wrapper */
.wrapper {
width:1000px;
margin:0 auto;
background:#fff;
}/* The Top */
.top {
height:261px;
margin:auto;
background:#fff url(images/top.jpg);
background-repeat:no-repeat;}
.blogname {
float:left;
width:1000px;
font-family:”Myriad Pro”,Verdana,Tahoma,sans-serif;
margin:0px 0 0 0;
}
.blogname h1 {
font-size:42px;
font-weight:normal;
margin:90px 0px 0 10px;
color:#fff;
text-decoration: none;
text-align:left;
}
.blogname h1 a:link, .blogname h1 a:visited{
color: #fff;
text-decoration: none;
background-color:transparent;
}.blogname h1 a:hover {
color: #607C8C;
text-decoration: none;
background-color:transparent;
}
.blogname h2 {
margin:0px 0px 0 25px;
font-size:16px;
font-weight:normal;
color:#fff;
text-align:left;
}.cat_tag {float:left;}
.content {
padding:15px 10px 25px 5px;
background:#FFFFFF url(images/content.jpg) top;
background-repeat:repeat;
}#content {
float: left;
width: 646px;
margin: 0px 0px 10px 0;
padding: 0 0;
}.title{
margin: 0 0 0;
padding: 0px 0px 0px 5x;
height:50px;}
.date1 {
float:left;
width:46px;
height:46px;
background:url(images/date.jpg);
background-repeat:no-repeat;
margin-left:3px;
text-align:center;
font-size:13px;
font-family:Verdana,Helvitica,sans-serif;
padding-top:3px;
font-weight:normal;
text-transform:uppercase;
color:#fff;}
.date1 .day {
color:#0E0706;
font-size:20px;
font-weight:bold;
padding-top:4px;
line-height:22px;
}.date {
float:left;
height:15px;
font-size:14px;
font-family:Century gothic,Verdana,Helvitica,sans-serif;
padding-left:0px;
padding-top:1px;
font-weight:normal;
color:#703622;
}.post {
margin: 10px 10px 0 5px;
padding: 0px 0px 0px 00px;
height: 100%;
text-align:left-align;
color:#444;
font: 13px Arial,georgia, sans-serif;
background-color: transparent;
}.post h2 {
margin: 0 0;
padding: 0px 0px 0px 10px;
background: transparent;
text-align: left;
font: 22px “Myriad Pro”, Arial, sans-serif;
font-weight:normal;
background-color: #fff;}
.post h2 a, .post h2 a:link, .post h2 a:visited {
color: #793a25;
background-color: transparent;
}
.post h2 a:hover {
color: #607C8C;
background-color: transparent;
}.postinfo {
height:35px;
padding: 4px 5px 2px 2px;
background:url(images/meta.jpg);
background-repeat:no-repeat;
}.postinfo a {
color:#ff0000;
font-weight:normal;
text-decoration:none;
}
.category{
float:left;
padding:0px 0 0 5px;
color:#222;
font-size:12px;
}.com{
line-height:15px;
float:right;
padding:0px 10px 0 45px;
font-size:12px;
}.com a:link,
.com a:visited {
color: #d9031d;
background-color: transparent;
}.post a:link,
.post a:visited {
color: #d03709;
background-color: transparent;
}.post a:hover {
color: #607C8C;
background-color: transparent;
text-decoration: none;
}.entry {
margin: 0 0;
padding: 5px 10px;
background-color: #fff;
}
.cover{
margin: 0 0;}
#rightcol{
width:335px;
float:right;
}
.rss{
margin:0 auto;
float:left;
}
/* The Sidebar1*/
.sidebar2 {
float:right;
width:160px;
padding-top:0px;
padding-right:5px;
font-size:13px;
}.sidebar2 h2 {
height:27px;
line-height:27px;
font-size:13px;
color:#FFFFFF;
margin:0;
background: url(images/h2.jpg);
background-repeat:no-repeat;
padding:0px 0 0 3px;
text-align:left;
}
.sidebar2 ul {
list-style-type: none;
margin: 0 ;
padding: 0;}
.sidebar2 ul ul {
list-style-type: none;
margin: 0;
padding: 0px 0 10px 0;}
.sidebar2 ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;}
.sidebar2 ul ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;}
.sidebar2 li {
list-style-type: none;
margin: 0 0 15px 0;
padding: 0;}
.sidebar2 li li {
list-style-type:none;
border-bottom:1px dotted #D8C291;
margin: 0;
background: #FFFFFF;
padding: 3px 10px 3px 10px;}
.sidebar2 li li li {
list-style-type:none;
border:0;
margin: 0;
background: #FFFFFF;
padding: 3px 10px 3px 2px;}
.sidebar2 li li li li {
list-style-type:none;
border:0;
margin: 0;
background: #FFFFFF;
padding: 3px 10px 3px 10px;}
.sidebar2 p {
padding: 7px 10px;
background:#FFFFFF;
margin:0;}
.sidebar2 a:link, .sidebar2 a:visited{
color:#4B1F12;
}
.sidebar2 a:hover {
color:#607C8C;
}
.sidebar2 table {
width:100%;
text-align:center;
background-color:#FFFFFF;
color:#4B1F12;
}/* The Sidebar1 */
.sidebar1 {
float:right;
width:160px;
padding-top:0px;
padding-right:5px;
font-size:13px;
}.sidebar1 h2 {
height:27px;
line-height:27px;
font-size:13px;
color:#fff ;
margin:0;
background: url(images/h2.jpg);
background-repeat:no-repeat;
padding:0px 0 0 3px;
text-align:left;
}
.sidebar1 ul {
list-style-type: none;
margin: 0 ;
padding: 0;}
.sidebar1 ul ul {
list-style-type: none;
margin: 0;
padding: 0px 0 10px 0;}
.sidebar1 ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;}
.sidebar1 ul ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;}
.sidebar1 li {
list-style-type: none;
margin: 0 0 15px 0;
padding: 0;
background: #FFFFFF;
}.sidebar1 li li {
list-style-type:none;
border-bottom:1px dotted #D8C291;
margin: 0;
background: #FFFFFF;
padding: 3px 10px 3px 10px;}
.sidebar1 li li li {
list-style-type:none;
border:0;
margin: 0;
background: #FFFFFF;
padding: 3px 10px 3px 2px;}
.sidebar1 li li li li {
list-style-type:none;
border:0;
margin: 0;
background: #FFFFFF;
padding: 3px 10px 3px 10px;}
.sidebar1 p {
padding: 7px 10px;
background:#FFFFFF;
margin:0;}
.sidebar1 a:link, .sidebar1 a:visited{
color:#4B1F12;
}
.sidebar1 a:hover {
color:#607C8C;
}
.sidebar1 table {
width:100%;
text-align:center;
background-color:#FFFFFF;
color:#4B1F12;
}
/* — FOOTER — */#footer {
height:30px;
padding:20px 0 0 0px;
background: url(images/footer.jpg);
background-repeat:repeat-x;
color:#fff;
font-size:10px;
font-weight:normal;
text-align:center;
letter-spacing:1px;
}#footer a {
color:#fad53f;
}#footer a:hover {
color:#eee;
}/* The Navigation */
.navigation {
height:25px;
padding:0 20px;
}
.navigation a {
font-weight:bold;
text-decoration:none;
font-size:14px;
color:#fff;
}
.navigation a:hover {
color:#ccc;}
/* The Attachment */
.contentCenter {
text-align:center;
}/* The Page Title */
h2.pagetitle {
padding:0;
margin:0 0 20px 0;
font-size:25px;
text-align:center;
}/* The Comments */
.comments {
}
.comments form {
}
.comments textarea {
width:90%;
height:156px;
background:#fff;
border:1px solid #F2C9A9;
color:#431F05;
padding:10px;
overflow:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
#commentform {
padding-left:23px;
}
#commentform input {
background:#fff;
border:1px solid #F2C9A9;
color:#222;
padding-left:10px;
}
.comments input#submit {
padding:0;
width:72px;
height:29px;
}
.comments h2 {
font-size:19px;
line-height:30px;
margin:24px 0 0 23px;
padding:0;
font-weight:normal;
}
.comments ol li p {
padding:0;
margin:10px 0;
color:#632C03;
}
- The topic ‘Post background is wide after 1st post’ is closed to new replies.