How do I change the apperance of google custom search engine?

[kakadong+ 4]

I have put the GCSE on my site . I use the code provided by google .

<div id="cse-search-results"></div>
	<script type="text/javascript">
	  var googleSearchIframeName = "cse-search-results";
	  var googleSearchFormName = "cse-search-box";
	  var googleSearchFrameWidth = 600;
	  var googleSearchDomain = "www.google.com";
	  var googleSearchPath = "/cse";
	</script>
	<script type="text/javascript" src="//www.google.com/afsonline/show_afs_search.js"></script>
	

but the iframe is too big. is there any idea to change the iframe width so the result doesn't on my sidebar? I have change the

var googleSearchFrameWidth

from 600 to 300 but it still the same so any one can help me?

[kakadong+ 4]

My live site is http://www.kakadong.com/wp/search.any advice would be appreciate.

[kakadong+ 4]

Sorry . the address is http://www.kakadong.com/wp/search

[catrina 103]

How big is your sidebar going to be? The frame width can be altered, but not inside that Google Code...

[kakadong+ 4]

after I search google , I have found a way to solve that. first, change

 <input type="hidden" name="cof" value="FORID:10" />
	

into

 <input type="hidden" name="cof" value="FORID:11" />

then change

var googleSearchFrameWidth = ;

to the size you want. the minimum width is 500px.