Hello Everyone!

I just recently registered to this board and am amazed at the level of expertise and helpful atmosphere here. I am very much an amateur but full of enthusiasm to make my blog the best it can be. I have a few questions that I'm hoping that someone here can help me with.

I would like to know how to center my blog content so it's not to the left side as it is now.

I would like to add a background image but what I have tried is not working.

My post slider just doesn't work! I've almost given up on making this happen, any suggestions?

The RSS Chicklet in the upper right hand corner of my blog always comes back saying "invalid feed request Error 400" where could I insert my feed for it to work. The other "add on" buttons work but not the one on the blog. I wish I could add ALL of them on to the blog next to the RSS Chicklet for a more uniform look.

I know that's a lot of requests but I figure I would pour out my heart tonight! LOL! Thanks in advance!

My blog link is Removed

Do you have a link to your code? or a URL you could share so we could take a look?

Would it be the Stylesheet CSS? Here it is:

/*
Theme Name: Blog Magazine
Description: A wonderful theme by Dellustrations
Author: Wendell Fernandes
Author URI: http://dellustrations.com
Version: 1.0
*/

* { margin: 0; padding: 0; outline: 0; }
body { font: 12px/17px Arial,sans-serif; color: #666; text-align: left; background: #6B006B; }

a { color: #FF80FE; font-weight: bold; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { display: block; font-size: 0; line-height: 0; border: 1px solid #2f2f2f; padding: 4px; background: #141414; }
a:hover img { border-color: #3f5a75; }

input, select, textarea { font-family: "Verdana", Arial, sans-serif; }
p strong { color: #aaa; }
.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; }
.fr, .alignright { float: right; display: inline; }
.fl, .alignleft { float: left; display: inline; }
img.aligncenter{margin:0 auto; margin-bottom:20px;}
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { width: 960px; }

/*
Header
*/

#header { height: 176px; padding-bottom: 4px; }

.top-bar { height: 32px; background: #131313; border-bottom: 1px solid #343434; line-height: 32px; }
.top-bar a { font-weight: normal; }
.top-bar .subscribe { float: right; display: inline; color: #61808e; }
.top-bar .subscribe a { color: #f5cff2; padding: 0 3px; }
.top-bar ul { list-style: none outside; padding-top: 10px; }
.top-bar ul li { float: left; display: inline; height: 11px; font-size: 11px; line-height: 11px; border-right: 1px solid #FF80FE; padding: 0 10px; text-transform: capitalize;}
.top-bar ul li a { color: #f5cff2 }
.top-bar ul li a:hover,
.top-bar ul li a.active { text-decoration: none; color: #15adf4 }
.top-bar ul li.last { border: 0; }

h1#logo { height: 51px; width: 284px; padding: 21px 0 26px 12px }
h1#logo a { display: block; height: 51px; background: url(images/logo.gif)}


#search { float: right; display: inline; width: 246px; padding-top: 28px; }
#search .field { float: left; display: inline; height: 37px; width: 212px; background: url(images/search-field.gif) no-repeat 0 0; }
#search .field input { color: #61808e; border: 0; background: transparent; font-size: 11px; margin: 12px 0 0 10px; }
#search .button { float: left; display: inline; height: 37px; width: 34px; cursor: pointer; border: 0; background: url(images/search-button.gif) no-repeat 0 0; }
#search .button:hover { background-image: url(images/search-button-hover.gif); }

#navigation { height: 44px; background: #000; }
#navigation .rss { float: right; display: inline; width: 26px; height: 16px; color: #904d2f; font: bold 11px/16px Verdana, Arial, sans-serif; padding-right: 24px; background: url(images/icon-rss.gif) no-repeat right center; margin-top: 13px; }
#navigation ul { list-style: none outside; }
#navigation ul li { display: inline; text-transform: uppercase; line-height: 44px; }
#navigation ul li a { color: #a8a8a8; padding: 0 12px; }
#navigation ul li a:hover { color: #fff; }


.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute; top:-999em; width:13em;}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit;}
.sf-menu li {float:left; position:relative;}
.sf-menu a {display:block; position:relative;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0; top:44px; z-index:99; color:#fff;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:13em; top:0px;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:0;}
.sf-menu {float:left; margin-bottom:4px;}
.sf-menu a {text-decoration:none; }
.sf-menu a, .sf-menu a:visited {color: #13a;}
.sf-menu li {background:#000;}
.sf-menu li a:hover{background:#FF80FE; color:#fff;}
.sf-menu li li {}
.sf-menu li li a:hover {}
.sf-menu li li li {background:#000;}



/*
Featured Content
*/

#featured-content { background: #1a1a1a; height: 332px; overflow: hidden; }
.feat-cnt-cont { float: left; display: inline; background: #0b0b0b; padding: 10px; width: 675px; height: 312px; }
#featured-content .image { float: left; width: 675px; height: 312px; overflow: hidden; position: relative; }
#featured-content .image .images-container { position: absolute; top: 0; left: 0; width: 90000000px; }
#featured-content .image img { float: left; }
#featured-content .image a img { padding:0; border:none;}
#featured-content .nav { float: left; display: inline; width: 265px; }
#featured-content .nav ul { list-style: none outside; }
#featured-content .nav ul li { height: 34px !important; background: #141414; margin-bottom: 3px; padding: 15px 0 15px 15px; }
#featured-content .nav ul li.last { margin-bottom: 0; }
#featured-content .nav ul li em { float: left; display: inline; height: 33px; width: 34px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/fc-pointer.gif); margin-right: 15px; }
#featured-content .nav ul li h3 { font-size: 18px; line-height: 18px; padding-bottom: 3px; }
#featured-content .nav ul li h3 a { font-weight: normal; color: #4e4e4e; }
#featured-content .nav ul li h3 a:hover { text-decoration: none; }
#featured-content .nav ul li span { color: #333; font-size: 14px; line-height: 14px; }

/*
Hover State
*/

#featured-content .nav ul li.hover { background: #0b0b0b; }
#featured-content .nav ul li.hover em { background-position: 0 -33px; }
#featured-content .nav ul li.hover h3 a { color: #a2a2a2; }
#featured-content .nav ul li.hover span { color: #ffffff; }

/*
Active State
*/

#featured-content .nav ul li.active { background: #3a023c; }
#featured-content .nav ul li.active em { background-position: 0 -66px; }
#featured-content .nav ul li.active h3 a { color: #ec2cf2 }
#featured-content .nav ul li.active span { color: #6e6e6e }

/*
Main
*/

#main { float: left; display: inline; width: 474px; padding: 15px; }
#main .page-nav { color: #717171; line-height: 34px; }
#main .page-nav .links { float: right; display: inline; }
#main .page-nav .links a { float: left; display: inline; background: #6B006B; padding: 0 12px; color: #6B006B; margin-left: 5px; }
#main .page-nav .links a:hover,
#main .page-nav .links a.active { text-decoration: none; color: #fff; background: #007db7; }

.post { background: #1a1a1a; margin-bottom: 15px; }
.post .head { background: #121212; height: 38px; line-height: 38px; }
.post .head .date { float: left; display: inline; background: #000 url(images/icon-pointer3.gif) no-repeat right 0; height: 38px; padding: 0 20px 0 10px; color: #FFBFFE; }
.post .head .date span { color: #999; }
.post .head h2 { float: left; display: inline; font: bold 16px/38px Arial, sans-serif; color: #FF80FE; margin-left: 7px; }
.post .head h2 a { color: #FF80FE}
.post .head .comments { float: right; display: inline; color:#fff; font-weight:bold; background: #007db7 url(images/icon-pointer2.gif) no-repeat 0 0; height: 38px; padding: 0 15px 0 20px; }
.post .head .comments a { color: #fff; }
.post .cnt { padding: 15px; height: 100%; }
.post .entry { float: left; display: inline; width: 250px; margin-left: 15px; }
.post .entry p { padding-bottom: 15px; }
.post .entry a.more { float: left; display: inline; background: url(images/icon-pointer.gif) no-repeat 0 center; padding-left: 30px; line-height: 22px; }
.single-post .entry { float: none; width: auto; }

.about-author .head h2 { padding-left: 12px; }
.about-author img { float: left; display: inline; height: 48px; width: 48px; padding: 4px; background: #141414; border: 1px solid #2f2f2f; margin-right: 18px; }
.about-author .info { float: left; display: inline; width: 360px; }
.about-author .info p { padding-bottom: 15px; }
.about-author .contact { line-height: 14px; padding: 0 0 0 23px; background: url(images/icon-contact.gif) no-repeat 0 0; }


#main-banner { background: #000000; }
#main-banner img { padding: 10px; background: #000000; }

#comments { margin-bottom: 15px; }
#comments h2 { background: #000000; padding: 0 12px; font: bold 16px/38px Arial, sans-serif; color: #15adf4; }
#comments .cnt { padding: 7px 15px; background: #1a1a1a; }
#comments .comment { padding: 18px 0; height: 100%; border-bottom: 1px solid #2b2b2b;}
#comments .comment a.avatar { float: left; display: inline; height: 54px; width: 54px; margin-right: 18px; }
#comments .comment .text { float: left; display: inline; width: 200px; }
#comments .comment .text p { padding-top: 15px; }
#comments .comment .text h3 { font-size: 12px; }
#comments .comment .text h3 small { display: block; font-size: 11px; font-weight: normal; }
#comments .last-comment { border: 0; }
#post-comment {margin-top:15px;}
#post-comment h2 { background: #121212; padding: 0 12px; font: bold 16px/38px Arial, sans-serif; color: #15adf4; }
#post-comment .cnt { padding: 15px; background: #1a1a1a; }
#post-comment label { float: left; display: inline; line-height: 30px; font-size: 11px; color: #717171; }
#post-comment textarea { height: 148px; width: 432px; background: #000; border: 1px solid #252525; padding: 5px; color: #aaa; font-size: 12px; margin-bottom: 10px; overflow: auto; }
#post-comment .button { display: block; height: 34px; width: 133px; background: #007db7; color: #fff; font-weight: bold; text-align: center; border: 0; cursor: pointer; margin: 0 0 0 auto; font: bold 12px Verdana; }
#post-comment .field { float: left; display: inline; height: 30px; width: 240px; margin: 0 6px 10px 0; background-repeat: no-repeat; background-position: 0 0; }
#post-comment .field input{ border: 0; background: transparent; margin: 7px 0 0 30px; width: 200px; color: #aaa; }
#post-comment .name { background-image: url(images/name-field.gif); }
#post-comment .mail { background-image: url(images/mail-field.gif); }
#post-comment .website { background-image: url(images/website-field.gif); }
p.loggedin {margin-bottom:10px;}
.cancel-comment-reply{margin-bottom:10px;}
.reply{margin-top:5px;}
.depth-2 {margin-left:25px;}
.depth-3 {margin-left:50px;}
.depth-4 {margin-left:75px;}
.depth-5 {margin-left:100px;}
.depth-6 {margin-left:125px;}
.depth-7 {margin-left:150px;}
#page h2 { background: #121212; padding: 0 12px; font: bold 16px/38px Arial, sans-serif; color: #15adf4; }
#page .cnt { padding: 15px; padding-bottom: 0; background: #1a1a1a; }
#page p { padding-bottom: 16px; }
p.noposts{margin:15px; font-size:15px;}


/*
Sidebar
*/


#sidebar { float: right; display: inline; width: 426px; background: #313131; padding: 15px; }
#sidebar h2 { font: bold 16px/38px Arial, sans-serif; background: #000; color: #ec2cf2; padding: 0 15px; }
#sidebar .column-left { float: left; display: inline; width: 146px; }
#sidebar .column-left ul { list-style: none outside; margin-bottom: 15px; }
#sidebar .column-left ul.last { margin: 0; }
#sidebar .column-left li, #sidebar .column-right li {list-style:none;}
#sidebar .column-left ul li { border-top: 2px solid #1a1a1a; background: #161616; padding: 0 10px; line-height: 29px; }
#sidebar .column-left ul li a { color: #6B006B; font-weight: normal; }
#sidebar .column-left ul li a:hover { color: #15adf4; text-decoration: none; }
#sidebar .column-left ul li ul, #sidebar .column-right ul li ul{ margin-bottom:0px;}
#sidebar .sidebar-link { line-height: 23px; background: #000; padding: 0 7px; }
#sidebar .sidebar-link a { font-weight: normal; }



#sidebar .column-right { float: right; display: inline; width: 265px; }
#sidebar #tabbed-content { margin-bottom: 15px; }
#sidebar #tabs ul.navtabs a { float: left; display: inline; padding: 0 13px; font: bold 16px/38px Arial, sans-serif; color: #f6b4f1; background: #000000; }
#sidebar #tabs ul.navtabs a.middle { margin: 0 3px; }
#sidebar #tabs ul.navtabs a:hover,
#sidebar #tabs ul.navtabs a.active { background: #000; color: #FF80FE; text-decoration: none; }
#sidebar #tabbed-content .tab { padding: 15px; background: #000; display: none; }
#sidebar #tabbed-content .selected-tab { display: block; }
#sidebar #tabbed-content .tab ul { list-style: none outside; padding-left: 8px; }
#sidebar #tabbed-content .tab ul li {padding:0; margin:0;}
#sidebar #tabbed-content .tab ul li { background: url(images/icon-pointer4.gif) no-repeat 0 0; padding-left: 20px; line-height: 11px; padding-bottom: 20px; }
#sidebar #tabbed-content .tab ul li.last { padding-bottom: 0; }
#sidebar #tabbed-content .tab ul li a { color: #535353; font-weight: normal; }
#sidebar #tabbed-content .tab ul li a:hover { color: #909090; text-decoration: none; }

#popular ul li {padding:0; background:none;}

#sidebar .cnt { background: #2b022c; padding: 15px; height: 100%; margin-bottom: 15px; }
#sidebar .author .info { float: left; display: inline; width: 150px; margin-left: 15px; line-height: 17px; }
#sidebar .author .info p { padding-bottom: 18px; }
#sidebar .author .info strong { color: #aaa; }
#sidebar .advertising a img { margin-bottom: 15px; }
#sidebar .advertising .sidebar-link { position: relative; width: 250px; margin: -15px -15px 0; bottom: -15px; }
#sidebar .social { padding:0 15px 15px; }
#sidebar .social a { float: left; display: inline; margin: 18px 18px 0 0; }
#sidebar .social a img { border: 0 none !important; padding: 0 !important; }
#sidebar .social a.last { margin-right: 0; }

/*
Footer
*/

#footer { height: 51px; background: url(images/footer.gif) repeat-x 0 0; color: #f6b4f1; font: 11px/51px Verdana, Arial, sans-serif; }
#footer p { padding: 0 15px; }
#footer a { font-weight: normal; color: #000000; }

/* Search Form Widget */

li form#searchform {text-align:right;}
li form#searchform input[name=s] {background:#151515; border: 0; margin:8px 0; padding:10px 7px; color: #FF80FE; font-size: 12px; border: 1px solid #2b2b2b;}
li form#searchform input[type=submit] { height: 28px; width: 60px; background: #007db7; font-weight: bold; color: #fff; font-size: 12px; cursor: pointer; text-align: center; border: 0; margin: 0 3px 20px 0; }
li form#searchform input[type=submit]:hover { background: #005782; }
li form#searchform label.screen-reader-text {display:none;}
.column-left li form#searchform input[name=s]{width:131px;}
.column-right li form#searchform input[name=s] {width:178px; margin-right:5px;}

/* Tooltips */
#easyTooltip{z-index:20; font-size:15px; padding:5px; border:1px solid #ccc; background:#f1f1f1; }

/* Calendar Widget */
div#calendar_wrap caption{font-size:1.4em; margin:20px 0 8px 0; text-align:center; font-weight:bold;}
div#calendar_wrap table{width:100%;;}
div#calendar_wrap table tbody, div#calendar_wrap table tfoot,div#calendar_wrap table thead{text-align:center;}

I already created some subdued images that would blend in the background in a subtle manner, I just need to know exactly where to insert it and how. I would upload the image to my Wordpress Media Library and would use that link. But the centering of the blog is the MOST important to me! Thank you for responding!

Check our stickies in the CSS area for centering methods.

Add a div with an id of "wrapper" within your html.

Add <div id="wrapper"> just after the <body> tag.
and then add </div> just before the </body> tag.

Place the following in your CSS.

#wrapper { width:960px; margin:0 auto; text-align:left;}

You may need to adjust the width to suit your layout.

I hope that helps

Thank you so much Dave! Could I ask of you a HUGE favor? Could you take a look at the stylesheet to my blog a few entries above and actually add it into the appropriate area? I am not a designer and really am not as proficient in coding on any level, I just know enough to change colors and a few minor things. I would truly appreciate it if you could do that for me, leave it here on the board as a reply and I will copy and paste it into my blog editor to see how it works.......

Thanks in advance if this could be done.

Lance Scurv

add it above....

/*
Header
*/

like so.....

/*
Header
*/

#wrapper { width:960px; margin:0 auto; text-align:left;}

but you will need to add the bits to your html also as mentioned

I am having trouble locating both "body" tags. I placed the code in but I haven't inserted the HTML bit of code and don't see where to put it. Sorry for the bother but I am so thankful for your help!

Lance

They will be where ever your html is.

I think you perhaps should get a book and pick up on a few fundamental basics of websites. Its almost impossible to help you unless you do this.

Sorry pal.