Thanks so much colinsp for the help I really appreciate it
still No Joy i'm afraid, I tried changing The sizes in everything and still nothing..below is my coding just incase i missed any thing?
/* Sidebars */
#leftside {clear:left; float:left; line-height:1.5em; margin:0 0 5px; padding:0; width:140px;}
#extras {float:right; line-height:1.4em; margin:0 0 5px; padding:0; width:140px;}
#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget {font-size:0.9em; margin:0 0 18px;}
#leftside li, #extras li {line-height:1.2em; list-style:none; margin:0 0 6px;}
#leftside ul ul, #extras ul ul {margin:6px 0 0 10px;}
#leftside ul ul li, #extras ul ul li {margin:0 0 4px;}
#leftside ul ul li a, #extras ul ul li a {font-weight:normal;}
#leftside ul.linklist, #extras ul.linklist {font-size:1em;}
#leftside ul.linklist ul, #extras ul.linklist ul {margin:0 0 20px;}
#leftside ul.linklist ul li a, #extras ul.linklist ul li a {font-weight:bold;}
#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3, table#wp-calendar caption {background-color:inherit; color:#ffcc33; font-size:1.3em; font-weight:normal; text-align:left; margin:0 0 6px;}
#leftside label, #extras label {display:none;}
/* Main menu */
ul.page {list-style:none; margin:0 0 20px; width:140px;}
ul.page li {display:inline; line-height:1.4em; width:140px;}
ul.page li a {background-color:#000000; border-left:5px solid #ffcc33; color:#ffffff; float:left; font-weight:bold; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:130px;}
ul.page li a:hover, ul.page li.current_page_item a {background-color:#ffcc33; border-left:5px solid #ffcc33; color:#000000;}
ul.page ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}
ul.page ul a {padding:3px 1px 3px 5px; width:115px;}
ul.page ul ul {width:113px;}
ul.page ul ul a {width:100px;}
/* Content */
#content {line-height:1.6em; margin:0 155px 5px; padding:0;}
#contentwide {line-height:1.6em; margin:0 0 5px 150px; padding:0;}
#content h2,#contentwide h2 {font-size:1.6em; margin:0 0 10px;}
#content h3,#contentwide h3 {font-size:1.4em; margin:0 0 8px;}
#content img,#contentwide img {float:left; margin:3px 10px 3px 0;}
#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}
#content li,#contentwide li {padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}
/* Content */
#content {line-height:1.6em; margin:0 155px 5px; padding:0;}
#contentwide {line-height:1.6em; margin:0 0 5px 150px; padding:0;}
#content h2,#contentwide h2 {font-size:1.6em; margin:0 0 10px;}
#content h3,#contentwide h3 {font-size:1.4em; margin:0 0 8px;}
#content img,#contentwide img {float:left; margin:3px 10px 3px 0;}
#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}
#content li,#contentwide li {padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}
I also Changed this and still nothing
/* Body */
* {margin:0; padding:0;}
body {background:#1b1818 url(img/bg.gif) top center repeat-y; color:#000000; font:76% Verdana;}
#wrap {background-color:#ffffff; color:#000000; margin:0 auto; width:760px;}
The only change it made was that the page got wider and the pictures from the gallery moved over but not up which is what we want