Layout color help!, 2 problems! Options

[HighOnRock]

Ist prob:ok im makin a layout right now but i dont know how to change the color of the search bar(the red color and border) can some one plz help me! heres a view of the problem: My Webpage
and the code for the layout is :

<!-- begin code provided by createblog.com --><br /> <br /><center><a href="http://www.xanga.com/HighOnRockForever" <br /><div align="center"><br /><style type='text/css'><br />BODY, HTML {<br />  color :#ffffff; <br />  background: black; <br />  background-image:url(http://img15.imgspot.com/u/05/352/17/blues1135030223.jpg);<br />  background-position: top center;<br />  background-repeat:no-repeat;<br />  background-attachment:fixed;<br />  font-family: arial, sans-serif;<br />  font-size: 9pt;<br />  scrollbar-arrow-color: #ffffff;<br />  scrollbar-track-color: #000000;<br />  scrollbar-shadow-color: #5c5361;<br />  scrollbar-face-color: #000000;<br />  scrollbar-highlight-color: #5c5361;<br />  scrollbar-darkshadow-color: #000000;<br />  scrollbar-3dlight-color: #000000; <br />  cursor: crosshair; <br /> }<br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />font:normal 9pt arial;<br />line-height:9pt;<br />color:#ffffff;<br />letter-spacing:0px;<br />text-align:justify;<br />}<br />table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br /> text-align: center;<br /> }<br />div.blogheader, .caption {<br />/* edits the dates */<br /> font-family:tahoma;<br /> text-transform: uppercase;<br /> background-color:transparent;<br /> font-size:7pt;<br /> font-weight: bold;<br /> line-height: 8pt;<br /> letter-spacing:0px; <br /> color: #ffffff;<br /> text-align: center;<br /> padding: 5px; <br /> width: 400px;<br />  border:0px solid #c0c0c0;<br /> }<br />A:link {<br />  COLOR: #FFFFFF; TEXT-DECORATION: none;<br />  font-family: arial, sans-serif;<br />  font-size:7pt;<br />  letter-spacing:1px; <br />  text-transform: none;<br />  font-weight: normal;<br />}<br />A:visited {<br />  COLOR: #FFFFFF; TEXT-DECORATION: none;<br />  font-family: arial, sans-serif;<br />  font-size:7pt;<br />  letter-spacing:1px; <br />  text-transform: none;<br />  font-weight: normal;<br />}<br />A:hover {<br />  COLOR:#FFFFFF;         <br />  TEXT-DECORATION: none;<br />  text-transform: none;<br />  font-family: arial, sans-serif;<br />  font-size:7pt;<br />  letter-spacing:1px; <br />  font-weight: normal;<br />  cursor: ne-resize;<br />}<br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br /> border: 3px double #5c5361;<br /> font:normal 9pt arial;<br /> background-color: #000000;<br /> letter-spacing:0px;<br /> color: #ffffff;<br /> }<br />table.blogbody {<br />/* this edits where your blog is */<br />  border:3px double #5c5361;<br /> width: 400px; <br /> background-color:transparent;<br /> color:#ffffff;<br /> }<br />table.left { <br />/* this edits the main menu module */<br /> border:3px double #5c5361;<br /> width: 200px;<br /> background-color: transparent;<br /> }<br />table.left th {<br />/* this edits the main module title text */<br /> background-color:transparent;<br /> font:bold 7pt tahoma;<br /> text-transform:uppercase;<br /> text-align:left;<br /> color:#ffffff;<br /> border:0px solid #c0c0c0;<br /> letter-spacing:0px;<br /> line-height:7pt;<br /> }<br />.textfield {<br />/* border around textfields */<br />font-family: Arial; <br />border:3px double #5c5361;<br />color: #ffffff;<br />background: #000000;<br />}<br />table.left TD {<br />/* this edits the main modules body content */<br /> font:normal 9pt arial;<br /> color:#ffffff;<br /> text-align:left;<br /> border: 0px solid #898588;<br /> width: 180px;<br /> background-color:transparent;<br /> line-height:9pt;<br /> }<br />table.search { <br />/* border around search bar */<br />color: #ffffff; <br />background-color: #000000; <br />border: 3px double #5c5361;<br />}<br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br />  width: 600px;<br /> }<br />hr {<br />/* horizontal divider */<br /> border: 1px solid #000000;<br /> }<br />a img{<br />  border:0px solid ffffff; <br />  background: transparent;<br />  filter:none;<br />}<br /></style><br /><br /><!-- end code provided by createblog.com -->

2nd prob: how do you link stuff with just words? (like how it says "My webpage" at the top)