Hello everyone, i have a problem and i cant find any solution to it. If you guys can help me please... Look on the Picture ( Attach File ) and if you can tell me how can i move the text closer to the menu. becouse i have that free space ( noted with red lines ) Here is the sytel.css if you can tell me what to edit so i can end this headache. body { background: #0b283b; color: #d0b9ad; font-family: "Verdana", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif; font-size: 10px; padding: 0px; margin: 0; } img { border: 0; } form { margin: 0; } blockquote { position: relative; margin: 5px 10px 5px 20px; padding: 10px; border: 1px dashed #21384b; border-left: 4px solid #21384b; background-color: #051e31; } /* Headings */ h1,h2,h3,h4,h5,h6 { font-family: "Verdana", "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif; font-color: #FFFFFF; font-weight: small; margin: 0; } /* Lists */ ul { list-style: none; padding: 0; margin: 0; } li { background: url("img/arrow.html") left 5px no-repeat; padding: 0 0 0 10px; margin: 0 20px; } /* Links */ a:link, a:visited { color: #da834c; text-decoration: none; } a:hover, a:active { color: #eda482; } #header a:link, #header a:visited { color: #474747; } #header a:hover, #header a:active { color: #E67300; } #copyrights a:link, #copyrights a:visited { color: #EBEBEB; } #copyrights a:hover, #copyrights a:active { color: #E67300; } /* Basic classes */ .hidden { display: none; } .centerize { text-align: center; } .clearing { width: 704px; height: 0; clear: both; } /*------------------------------------------------- Header -------------------------------------------------*/ #header { position: relative; width: 805px; height: 209px; background: url("../img/logo.png") no-repeat; margin: auto; } #header h1 { /* small header image specific lines */ height: 209px; width: 805px; background: url("../img/logo.png") no-repeat; margin: 0px; font-size: 38px; text-align: center; line-height: 160px; } /*------------------------------------------------- Menu -------------------------------------------------*/ #menu { width: 805px; height: 34px; background: url("../img/menu.jpg") no-repeat; text-align: center; margin: 0 auto; } #linky { padding: 7px 0px 0px 0px; } #linky { color: #814103; font-size: 14px; font-family: Verdana; } #linky a, #linky a:link, #linky a:visited, #linky a:active { color: #542600; font-weight: bold; font-size: 16px; font-family: Times new roman; text-decoration : none; } #linky a:hover { color : #d5aa80; } /*------------------------------------------------- Content wrappers -------------------------------------------------*/ #mainwrapper { width: 805px; background: url("../img/obsah_repeat.jpg") repeat-y; margin: auto; padding: 0px; } #wrapper { width: 805px; background: url("../img/obsah_hore.jpg") no-repeat; margin: auto; padding:0px 0px 0px 35px; _width: 770px; } /*------------------------------------------------- Main content -------------------------------------------------*/ #container { width: 740px; height: 1%; overflow: visible; float: left; padding: 20px 0px; margin-right: -240px; } .content { padding: 0; margin: 7px 200px 50px 20px; } /*------------------------------------------------- Item styles -------------------------------------------------*/ .contenttitle h1 { clear: both; background: url("../img/dot.gif") bottom repeat-x; font-size: 15px; padding: 0 0 6px 0; margin: 0; } .contenttitle h2 { clear: both; background: url("../img/dot.gif") bottom repeat-x; font-size: 15px; padding: 0 0 6px 0; margin: 0; } .contentbody { font-size: 10px; font-family: "Verdana"; text-align: justify; padding: 0 0 30px 0; } .contentbody i { letter-spacing: 0px; } /*------------------------------------------------- Item info -------------------------------------------------*/ .contentitemcategory { background: url("../img/bgcategory.gif") center left no-repeat; font-size: 10px; line-height: 11px; padding: 0 10px 0 14px; } .contentitempostedby { background: url("../img/bgpostedby.gif") center left no-repeat; font-size: 10px; line-height: 12px; padding: 0 10px 0 14px; } .contentitemcomments { background: url("../img/bgcomment.gif") center left no-repeat; font-size: 10px; line-height: 12px; padding: 0 10px 0 15px; } .contentitemedit { background: url("../img/bgedit.gif") center left no-repeat; font-size: 10px; line-height: 12px; padding: 0 10px 0 14px; } .contentitem { padding: 3px 0 0 0; margin: 0 0 16px 0; } .contentitem1 { display: inline; } .contentitem2 { display: inline; background: url("../img/dotv.gif") left repeat-y; padding: 0 0 0 10px; } .contentitem3 { display: inline; background: url("../img/dotv.gif") left repeat-y; padding: 0 0 0 10px; } .contentitem4 { display: inline; padding: 0 0 0 10px; background: url("../img/dotv.gif") left repeat-y; } /*------------------------------------------------- Comments -------------------------------------------------*/ .itemcomment { background: url("../img/commentquote02.gif") no-repeat; background-position: 6px 9px; padding: 6px 42px; border: 1px solid #88431d; margin: 10px 0 0 0; } .itemcomment:hover { background: #0b2234 url("../img/commentquote02.gif") no-repeat; background-position: 6px 9px; border: 1px solid #db7d4a; } .id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/ { background: #00192C url("../img/commentquote01.gif") no-repeat; background-position: 6px 9px; border: 1px solid #88431d; } .id1:hover { background: #0b2234 url("../img/commentquote01.gif") no-repeat; background-position: 6px 9px; border: 1px solid #db7d4a; } .itemcomment h3 { font-size: 12px; } /*------------------------------------------------- Menu -------------------------------------------------*/ #sidebarcontainer { float: right; width: 165px; margin-top: 27px; padding: 0 67px 0 0; _padding: 0 35px 0 0; } .sidebar { color: #FFFFFF; margin: 0 6px 4px 0; } /* Menu lists */ .sidebardl { padding: 0 0 0 0; margin: 0; } .sidebardl dt { background: url("../img/nadpis.gif") no-repeat; color: #422c10; font-size: 12px; font-color: #FFFFFF; font-weight: bold; font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif; padding-top: 18px; padding-bottom: 15px; text-align: center; } .sidebardl dd { border-width: 1px; border-color: #305873; padding: 2px 5px 2px 20px; margin: 0 0 0 0; } .sidebardl dd:hover { padding: 2px 5px 2px 20px; margin: 0 0 0 0; } .sidebardl dd a:link, .sidebardl dd a:visited { background: url("../img/arrow.gif") left center no-repeat; padding: 0 0 0 10px; } /* Sidebard2 No arrow at link*/ .sidebard2 { padding: 0 0 0 0; margin: 0; } .sidebard2 dt { background: url("../img/nadpis.gif") no-repeat; color: #422c10; font-size: 12px; font-color: #FFFFFF; font-weight: bold; font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif; padding-top: 18px; padding-bottom: 15px; text-align: center; } .sidebard2 dd { border-width: 1px; border-color: #305873; padding: 2px 5px 2px 20px; margin: 0 0 0 0; } .sidebard2 dd:hover { padding: 2px 5px 2px 20px; margin: 0 0 0 0; } /* Sidebard2 No arrrow at link*/ /*------------------------------------------------- Banner -------------------------------------------------*/ #banner { width: 805px; height: 60px; background: #0B283B; text-align: center; } /*------------------------------------------------- Footer -------------------------------------------------*/ #footer { width: 805px; height: 62px; background: url("../img/petka.jpg") no-repeat; text-align: center; padding: 16px 0 10px 0; margin: 0 auto; } #copyrights { color: #814103; font-size: 11px; font-family: Verdana; } #copyrights a, #copyrights a:link, #copyrights a:visited, #copyrights a:active { color: #542600; font-weight: bold; font-size: 9px; font-family: Verdana; text-decoration : none; } #copyrights a:hover { color : #d5aa80; } /*------------------------------------------------- Forms -------------------------------------------------*/ .loginform, .searchform { margin: 5px 0; } .commentform, .mailform { margin-top: 10px; padding: 10px; background: #00192C; /* Rounded borders, for Mozilla browsers */ /* -moz-border-radius: 10px; */ } .commentform img{ margin: 5px 0 0 0; } .formfield { font-size: 11px; background: #8b6a60; color: #431b07; border-top: 1px solid #5e302d; border-left: 1px solid #5e302d; border-bottom: 1px solid #492113; border-right: 1px solid #492113; margin: 1px 0 0 0; } .formbutton { font-size: 10px; background: #754d4b; color: #431b07; border-top: 1px solid #5e302d; border-left: 1px solid #5e302d; border-bottom: 1px solid #492113; border-right: 1px solid #492113; margin: 1px 0 0 0; } .searchform .formfield { width: 130px; font-family: Verdana, Arial, Tahoma, Trebuchet MS, sans-serif; padding: 2px 0; margin: 0 2px 2px 0; } .searchform .formbutton { width: 60px; font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif; padding: 2px 2px; } .loginform .formfield { width: 130px; font-family: Verdana, Arial, Tahoma, Trebuchet MS, sans-serif; padding: 2px 0; margin: 0 2px 2px 0; } .loginform .formbutton { width: 60px; font-family: Verdana,Tahoma, Arial, Trebuchet MS, sans-serif; padding: 2px 2px; } .mainform .formfield { width: 280px; font-family: Verdana, Arial, Tahoma, Trebuchet MS, sans-serif; padding: 2px 0; margin: 0 2px 2px 0; } .mailform .formbutton { width: 100px; font-family: Verdana, Tahoma, Arial, Trebuchet MS, sans-serif; padding: 2px 2px; } #nucleus_cf_name, #nucleus_cf_mail { width: 300px; margin-right: 105px; font-family: Verdana, Arial, Trebuchet MS, sans-serif; } .commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield { width: 300px; } .commentform .formbutton { width: 100px; height: 22px; font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif; } .error { color: red; font-weight: bold; } /*------------------------------------------------- Miscelaneous -------------------------------------------------*/ /* VBlog image onion skin shadow - From AListApart.com*/ .wrap1, .wrap2, .wrap3 { display:inline-table; /* \*/display:block;/**/ } .wrap1 { float:left; background:url("../img/shadow.gif") right bottom no-repeat; margin: 0 5px 3px 0; } .wrap2 { background:url("../img/corner_br.gif") left bottom no-repeat; } .wrap3 { background:url("../img/corner_tr.gif") right top no-repeat; padding:0 5px 5px 0; } .wrap3 img { display:block; border: 3px solid white; } /* Search highlight color */ .highlight { background: #DEFFA9; } /* Leftbox and Rightbox toolbar buttons */ .leftbox, .rightbox { margin: 3px; padding: 3px; font-size: larger; width: 20%; } .leftbox { float: left; border-right: 2px solid #ccc; } .rightbox { float: right; border-left: 2px solid #ccc; } .ad { margin-top:10px; margin-bottom:10px; padding-top:5px; padding-bottom:5px; border-top: 1px dotted #DA834C; border-bottom: 1px dotted #DA834C; } .pageswitch { font-family: verdana, sans-serif; font-size: 20px; line-height: 15px; text-align: center; } Code (markup):