How to locate the css file

On my page – http://www.theholidaystartshere.com – I have this code:

</script>
<!-- Generated by Arras WP Theme -->
<style type="text/css">
	.posts-default .entry  { width: 205px; }
	.posts-default img, .posts-default .entry-thumbnails-link { width: 195px; height: 110px; }
	.posts-default .entry-meta { width: 195px; }
	.posts-default .entry-thumbnails { width: 205px; height: 120px; }
			.posts-quick .entry-thumbnails img { width: 115px; height: 115px; }
		.posts-quick .entry-meta { width: 115px; }
			.featured { height: 310px; }
	.featured-article { width: 640px; height: 300px; }
	.featured-article img { width: 640px; height: 300px; }
	#controls { width: 610px; top: 135px; }
	#controls .next { left: 610px; }
	.featured-entry { height: 100px; top: -100px; }
	.featured-slideshow-inner { height: 300px }
		.featured-stories-summary  { margin-left: 51px; }
	.single .post .entry-photo img, .single-post .entry-photo img  { width: 620px; height: 300px; }
	.blog-name a { background: url(http://www.theholidaystartshere.com/wp-content/uploads/2012/02/holiday_header.jpg) no-repeat; text-indent: -9000px; width: 960px; height: 120px; display: block; }
	.footer-sidebar  { width: 920px; }
	#wrapper{ background:  url() center top scroll no-repeat #f5e8f7 !important; }</style>
	<script type="text/javascript">
	jQuery(document).ready( function($) {
		$('.sf-menu').superfish({autoArrows: true, speed: 'fast', dropShadows: 'true'});
					} );
	</script>

As it says – it’s generated by the theme – but I can’t find where the css file is that this feeds from.

Can someone please point me in the right direction – please?

Thanks