Carousel images - making them smaller

Hi All, love the template. I loaded the template and all the sample data so I can really give this a good test. One of the items I am having trouble with is the space where the Carousel exists. Is this CSS or controlled through JS? For my site, I'm using smaller carousel images. The stock images are 1000wX400h and mine are 980wX278h. No problem there but now the window that the images appear in is too tall and the overlaying text looks messy.
(a) how can I change the height of the container for these images
(b) how can I change the location and size of the image title/subtitle, as well as move it around a bit (maybe move it up or down, make it wider, etc.

Thanks in advance, I also noticed a couple issues but will raise that in another subject.

height is automatic based on image sizes


To move title change tol and left here:

.hero-carousel div.carousel-article .contents {
position: relative;
z-index: 2;
top: 180px;
left: 30px;
list-style: none;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
text-shadow:1px 1px 1px #000;
width: 620px;
padding: 0;
}

this is located inside :

modules/mod_hot_full_carousel/tmpl/style.css

Thank you for the assist. Actually the height is alsointhe same css file. The container does not auto adjust so you do get a bunch of white space if not corrected in the css.