[JamieMM]

Thank you SIr Mercime:)

With that little change the menu bar has moved way over, though it is out of the header. I will try to understand whats going on here but I really like that look it created

[JamieMM]

I have add that(code is below), but I dont see any changes.

body {
width: 1000px;
background: #C5CBF7 none;

}

#leftSidebar {
width: 182px;
float: left;
padding: 20px 5px 20px 20px;
background: url( images/sidebar_back.gif ) top left repeat-x;
margin-top: 1px;
overflow: hidden;
border-right: 1px solid #e4e4e4;
}

#leftSidebar .widget {
margin-bottom: 20px;
}

#leftSidebar h3.widgettitle {
background: #eaeaea;
padding: 5px 15px;
font-size: 12px;
clear: left;
margin: 10px -4px 10px -20px;
}

#wp-admin-bar div.padder {
width: 1000px !important;
}

#content div.padder {
float: left;
width: 525px;
border-left: 1px solid #e4e4e4;
margin-right: 226px;
border-right: 0px solid #e4e4e4;
-moz-border-radius-topleft: 0px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
margin-left: -1px;
}

div.post div.post-content, div.comment-content {
margin-left: 0px;

#header {
height: 160px;
background-repeat: no-repeat;
background-position: left;
}

ul#nav {
position: absolute;
left: 15px;
bottom: 0;
max-width: 1000px;
font-size: 14px;
height: 25px;
overflow: hidden;
}

[JamieMM]

I opened the folder and found the original custom css which is below and also the style.css which is after the custom. I didnt see where I could find the nav menu?

body {
width: 1000px;
}

#leftSidebar {
width: 182px;
float: left;
padding: 20px 5px 20px 20px;
background: url( images/sidebar_back.gif ) top left repeat-x;
margin-top: 1px;
overflow: hidden;
border-right: 1px solid #e4e4e4;
}

#leftSidebar .widget {
margin-bottom: 20px;
}

#leftSidebar h3.widgettitle {
background: #eaeaea;
padding: 5px 15px;
font-size: 12px;
clear: left;
margin: 10px -4px 10px -20px;
}

#wp-admin-bar div.padder {
width: 1000px !important;
}

#content div.padder {
float: left;
width: 525px;
border-left: 1px solid #e4e4e4;
margin-right: 226px;
border-right: 0px solid #e4e4e4;
-moz-border-radius-topleft: 0px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
margin-left: -1px;
}

div.post div.post-content, div.comment-content {
margin-left: 0px;
}

THIS IS THE STYLE.CSS
/*
Theme Name: BP Columns
Theme URI: http://buddypress.org
Description: A 3 Column Buddypress theme.
Version: 1.2
Author: modemlooper
Author URI: http://twitter.com/modemlooper
Template: bp-default
Tags: buddypress, three-columns
*/

/* Inherit the default theme styles */

@import url( ../../plugins/buddypress/bp-themes/bp-default/_inc/css/default.css );

/* Inherit the default theme adminbar styles */

@import url( ../../plugins/buddypress/bp-themes/bp-default/_inc/css/adminbar.css );

/* Custom styles */

@import url( custom.css );

[JamieMM]

Actually the theme I am using now is BP colums.

[JamieMM]

The menu bar which is on the header, I want to move to the left because there are several tabs there and it creates a second row because there isnt enough room. I want to move it all to the left so that it fits perfectly in one row?

Thank you for the services and your help

[JamieMM]

I just tried what you said and I cant even get into some of the editors options.
This is the custom style sheet. Doesnt show nav bar?

body {
width: 1000px;
background: #C5CBF7 none;

}

#leftSidebar {
width: 182px;
float: left;
padding: 20px 5px 20px 20px;
background: url( images/sidebar_back.gif ) top left repeat-x;
margin-top: 1px;
overflow: hidden;
border-right: 1px solid #e4e4e4;
}

#leftSidebar .widget {
margin-bottom: 20px;
}

#leftSidebar h3.widgettitle {
background: #eaeaea;
padding: 5px 15px;
font-size: 12px;
clear: left;
margin: 10px -4px 10px -20px;
}

#wp-admin-bar div.padder {
width: 1000px !important;
}

#content div.padder {
float: left;
width: 525px;
border-left: 1px solid #e4e4e4;
margin-right: 226px;
border-right: 0px solid #e4e4e4;
-moz-border-radius-topleft: 0px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
margin-left: -1px;
}

div.post div.post-content, div.comment-content {
margin-left: 0px;

[JamieMM]

Thank you very much. Do you know of a good site/study manual that offer kinda basic html. I create all my themes with Artisteer and know some, but it seems as I go along I keep learning and need a reliable manual to call on?

Thank you again

[JamieMM]

Facebook Connect is what you are looking for I believe. I have used it with buddy press and it works fine