trying to reposition author box

[Rustyhands]

hi everyone

 

im trying to change the alignment of the info below my post in my blogs section of my webpage. im not sure where to edit this code??

 

any help would be great

 

 

My link

 

heres the code

 

 

 

/* ----------------------- BLOG PAGE -----------------------*/

.postbox h3 {

margin-bottom: 10px;

}

/* Blog List */

ul#listlatestnews {

}

ul#listlatestnews li {

margin-bottom: 20px;

}

.boximg-blog {

margin-top: 5px;

background: url(images/bgboximg.png) center no-repeat;

width: 97px;

height: 99px;

float: left;

margin-right: 10px;

}

.postbox {

width:510px;

float:left;

margin-left:10px;

}

.postbox p {

margin-bottom: 5px;

}

/* Blog Metapost */

.metapost {

border-top: 1px dotted #eee;

border-bottom: 1px dotted #eee;

margin: 10px 0;

font-size: 11px;

padding: 8px 5px;

color: #707070;

background: #fafafa;

}

.metapost span {

margin: 0 10px;

}

.metapost span.first {

margin-left: 0;

}

/* Author Box */

#authorbox {

background: #fafafa;

border: 1px dotted #eee;

padding: 10px 20px;

margin-top: 20px;

margin-bottom: 20px;

}

#authorbox h4{

vertical-align: top;

margin-bottom: 5px;

}

 

#authorbox .blockavatar {

width: 60px;

float: left;

margin-top: 8px;

margin-right: 10px;

}

#authorbox img {

margin-top: 0;

margin-bottom: 0;

border: none;

}

#authorbox .detail {

float: left;

width: 500px;

}

#authorbox .detail p {

margin-bottom: 0;

}

.navigation {

margin: 20px 0;

}

.navigation a {

font-size: 12px;

}

.bypostauthor {}

/* Comment List */

#listcomment {

padding: 0;

margin: 0 0 20px 0;

}

#listcomment li {

display: block;

padding: 11px 0;

margin: 0;

background: none;

border-bottom: 1px solid #eee;

}

.titlecomment {

width: 673px;

}

.titlecomment img {

float: left;

padding: 3px;

border: 1px solid #d9d9d9;

margin: 0 10px 0 0;

}

.titlecomment h4 {

color: #333;

padding: 7px 0 0 0;

margin: 0;

}

.datecomment {

font-size: 11px;

color: #858585;

}

#listcomment li p {

font-size: 12px;

padding: 10px 0 0 0;

margin-bottom: 0;

}

 

/* Comment Form */

#commentform label {

font-size: 12px;

display: block;

text-align: left;

color: #666666;

margin-bottom: 10px;

}

.leftcomment {

width: 285px;

float: left;

}

.rightcomment {

float: left;

}

.comment-input {

color: #666666;

padding: 7px;

display: block;

text-align: left;

height: 19px;

width: 250px;

border: 1px solid #eaeaea;

margin-bottom: 12px;

}

.comment-textarea {

color: #666666;

padding: 7px;

display: block;

text-align: left;

height: 160px;

width: 307px;

border: 1px solid #eaeaea;

margin-bottom: 10px;

}

.comment-submit {

display: block;

position: relative;

top: 0;

left: 220px;

background: url(images/comment-submit.png) no-repeat;

color: #d4d4d4;

border: none;

width: 106px;

height: 32px;

padding: 3px 5px;

text-align: center;

cursor: pointer;

text-transform: uppercase;

}

.comment-heading {

border-bottom: 1px solid #eaeaea;

padding-bottom: 10px;

}

[falkencreative]

That area is within a div.metapost -- about line 1061 in style.css.

 

This is one time where Firebug is really useful for figuring out what pieces of CSS are associated with what sections within the page. For more info, see http://getfirebug.com/ and for an introduction, see http://css-tricks.com/video-screencasts/15-introduction-to-firebug. I really couldn't code Wordpress themes without it.

[Rustyhands]

ok, yeah i have been having trouble figutring out what this guy has put in there. thanks for your reply ben