The colours are shown at the top, so you just need to enter those into the field for your Custom widget styling. Use a plugin called Widget CSS Classes for this which adds a field at the bottom of each widget in the admin. So for a red widget, in the field you would type in:
Going through the Encounters demo, I have a couple more questions that aren’t answered in this video… What about Info Boxes, progress bars, rounded images, etc.? I do not see instructions for these items. Thank you.
Info Boxes and Progress bar are generated with div in the editor of WordPress and we will create the HTML snippet for them like tin the inline column example page so it will be easy for you. http://demo.styledthemes.com/encounters/inline-columns/ till then you can inspect the demo page using tool like Firebug or other chrome tool and copy the html from there.
Tincidunt sed eu tellus. Praesent volutpat, nibh gravida tempor pellentesque, tortor orci dapibus libero, ac venenatis sem enim et urna. Vivamus blandit luctus massa nec facilisis. Vivamus in massa ut eros porttitor posuere nec quis mi. Nunc ullamcorper facilisis erat.
And the class ibox-yellow can be empty for default red styled info box or you can other classes like : ibox-yellow , ibox-green, ibox-blue and ibox-grey