Hi there,
I run http://blog.blacksoxfan.com. I am hoping someone could help me with my style sheet. I am trying to do two things: first - get some space between my posts. second - put a horizontal line to separate them.
any advice would be appreciated:
[CODE]
/*
Theme Name: Black Sox Fan
Theme URI: http://blog.blacksoxfan.com
Description: Blog Template
Version: 1.0
Author: Trae Regan
*/
/*START TAG ELEMENTS*/
html, body {
font: 12px Arial, Helvetica, sans-serif;
line-height: 14px;
color: rgb(79, 81, 86);
margin: 0px;
}
h1 {
font-size: 16px;
font-weight: bold;
color: rgb(0, 0, 0);
margin: 0px;
}
h2 {
font-size: 9px;
line-height: 15px;
margin: 1px 0px 5px 0px;
color: rgb(161, 161, 163);
}
h3 {
font-size: 11px;
line-height: 12px;
margin: 0px;
color: rgb(146, 148, 151);
}
h4 {
font-size: 11px;
color: rgb(43, 59, 84);
margin: 0px 0px 10px 0px;
padding: 25px 0px 0px 0px;
}
br {
margin: 0px;
}
p {
margin: 5px 0px 5px 0px;
}
a:link, a:visited {
color: #333;
}
a:hover {
color: #7F7F7F;
}
/*END TAG ELEMENTS*/
/*START STRUCTURE*/
#divMainWrap {
height: 100%;
width: 100%;
}
#divLevel1 {
height: 105px;
width: 100%;
background-color: #2A2A2A;
}
#divWrap1 {
height: 105px;
width: 710px;
margin: 0px auto 0px auto;
background: #2A2A2A;
}
#divLevel2 {
height: 112px;
width: 100%;
background-color: #7F7F7F;
}
#divWrap2 {
height: 112px;
width: 710px;
margin: 0px auto 0px auto;
border-left: solid 5px #000;
border-right: solid 5px #000;
background: #000;
}
#divLevel3 {
min-height: 100%;
width: 710px;
margin: 0px auto 0px auto;
overflow: hidden;
}
#divWrap3 {
float: left;
padding-bottom: 50px;
}
/*END STRUCTURE*/
/*START LEVEL 1 CONTENT*/
#divLogo {
float: left;
height: 68px;
width: 215px;
margin-top: 20px;
}
#divNavWrap {
float: right;
height: 85px;
width: 415px;
margin-top: 20px;
}
#divNavWrap ul li a {
color: rgb(161, 161, 163);
text-decoration: none;
}
#divNavWrap ul li a:hover{
color: rgb(255, 255, 255);
background-color: #7F7F7F;
}
body.home #divNavWrap #home,
body.team #divNavWrap #team,
body.contact #divNavWrap #contact {
color: rgb(255, 255, 255);
}
#divSearch {
float: right;
height: 25px;
margin-bottom: 5px;
}
#divSearch #formSearch {
font-size: 9px;
height: 15px;
width: 130px;
}
#divSearch #formGO {
font-size: 9px;
font-weight: bold;
height: auto;
margin-left: 5px;
}
#divMainNav {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
float: right;
clear: right;
height: 45px;
margin-top: 10px;
}
#divMainNav ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#divMainNav ul li {
display: inline;
word-wrap: normal;
}
#divMainNav ul li a {
float: left;
height: 40px;
text-align: center;
padding: 5px 12px 0px 12px;
}
#linkcat ul #linkcat ul li ul li {
margin: 0px;
padding: 0px;
}
#linkcat-1 #linkcat-2 ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#linkcat-1 #linkcat-2 ul li {
display: inline;
word-wrap: normal;
}
#linkcat-1 #linkcat-2 ul li a {
float: left;
height: 40px;
text-align: center;
padding: 5px 12px 0px 0px;
}
/*END LEVEL 1 CONTENT*/
/*START LEVEL 2 CONTENT*/
#divLeftImg {
float: left;
height: 112px;
width: 710px;
}
/*END LEVEL 2 CONTENT*/
/*START LEVEL 3 CONTENT*/
#divCats {
}
#divCats ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#divCats ul li {
display: block;
margin: 4px 0px 4px 0px;
}
#divCats ul a {
color: rgb(159, 160, 163);
text-decoration: none;
padding: 3px 0px 3px 0px;
}
#divCats ul a:hover {
color: rgb(255, 255, 255);
background-color: rgb(169, 169, 171);
}
#divContent {
float: left;
min-height: 100%;
width: 500px;
padding: 25px 30px 40px 16px;
}
form.subscribeForm #divContact #formEmail2, #formSend{
font-size: 9px;
color: rgb(79, 81, 86);
width: 130px;
border: 1px solid rgb(189, 190, 192);
margin: 4px 0px 4px 0px;
padding: 2px;
}
/*END LEVEL 3 CONTENT*/
/* WordPress Specific */
#comment {
width: 320px;
}
blockquote {
font-style:italic;
}
[/CODE]