This script calls a set of scripts already written by the twitter widget team.
There is a link in the code to call a global style sheet but I will choose to modify the code and direct the link to my own personal style sheet.
<div id=-twtr-profile-widget-></div>
<script src=-http://widgets.twimg.com/j/1/widget.js-></script>
<!--<link href=-http://widgets.twimg.com/j/1/widget.css-type=-text/css- rel=-stylesheet- />--><link href=-./css/twitter.css- type=-text/css- rel=-stylesheet- />
<script> TWTR.Widget({profile: ,id: 'twtr-profile-widget',loop: ,width: 250,height: 300,theme: {shell: {background: '#999999',color: '#ffffff'},tweets: {background: '#ffffff',color: '#333333',links: '#0000ff'}}
}).render().setProfile('SamCrawshaw').start();</script><!--Display the twitter widget-->
<!--Call the twitter widget-->
<!--Call global CSS-->
<!--Link to personal CSS-->
<!--Start local script-->
<!--Call the widget-->
<!--Turn profile on-->
<!--Profile id-->
<!--Loop the feeds-->
<!--Set width-->
<!--Set Height-->
<!--Style local CSS-->
<!--Style 'shell'-->
<!--Background color-->
<!--Foreground color-->
<!--Style 'tweets'-->
<!--Background color-->
<!--Foreground color-->
<!--Link color-->
<!--Close local CSS-->
<!--Close widget/call functions-->
<!--Close local script-->