/* COLORS

	background blue: #95cad0
	orange: #f7921e
	light-orange: #eec897
	dark-teal: #01a2b4
	teal: #9ee9ef
	green: #879c03
	light-green: #d8edb5
	purple: #7d4a5b
	pink: #f1c9d2
	tan: #f5d88a
	
*/

/* ELEMENTS */
body { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; background: #95cad0; }
form { margin: 0; padding: 0; }

/* COMMON */
#SkipToLinks { display: none; }
.cat-header { display: block; width: 100%; height: 24px; line-height: 24px; font-size: 14px; color: #01a2b4; background: #f8d2a7 url(/artszipper/_etc/images/cat_header.gif) repeat-x top left; margin: 0; padding: 0; margin-top: 10px; }
.cat-header span { padding: 0 5px; }
.clearer { display: block; width: 100%; height: 0; font-size: 0; line-height: 0; float: none; clear: both; }
.column { float: left; clear: none; }
.date-table td.row1 { height: 25px; line-height: 25px; background: #d1fdff; margin: 0; padding: 0 5px; border-bottom: 1px solid #fff; }
.date-table td.row2 { height: 25px; line-height: 25px; background: #e9feff; margin: 0; padding: 0 5px; border-bottom: 1px solid #fff; }
.date-table th { height: 25px; line-height: 25px; background: url(/artszipper/_etc/images/table_header_background.gif) repeat-x top left; margin: 0; padding: 0 5px; }
.disclaimer { text-align: center; font-size: 9px; color: #777; }
.field-button,
.field-checkbox,
.field-radio,
.field-select,
.field-text { background: #d6f8fc; border: 1px solid #95cad0; font-size: 11px; }
.image-box { display: table-cell; width: 96px; height: 96px; text-align: center; vertical-align: middle; }
.information { font-weight: bold; font-size: 14px; }
.message { display: block; width: auto; height: auto; font-weight: bold; color: #c03554; background: #fae6eb; border: 1px dotted #c03554; padding: 2px 5px; }
.nospacebottom { margin-bottom: 0; padding-bottom: 0; }
.nospacetop { margin-top: 0; padding-top: 0; }
.padder { padding: 0px 0px; }
.page-header { position: relative; color: #fff; background: #01a2b4; text-transform: uppercase; font: 100 normal 16px/42px Verdana, Arial, Helvetica, sans-serif; letter-spacing: 4px; font-weight: normal; min-height: 42px; line-height: 42px; }
.page-header span { padding: 0 16px; }
.page-header a { color: #fff; font-weight: normal; }
.searched-by { font-size: 16px; color: #f7921e; }
.SectionHeader { display: none; }
.small { font-size: 10px; }
.smaller { font-size: 9px; }
.white { color: #fff; }
.nobr { white-space: nowrap; }
.pad5right { margin-right: 5px; }
.return-button { position: absolute; top: 0; right: 0; }
.return-button a { color: #fff; text-decoration: none; }
.return-button a:hover { color: #f7921e; text-decoration: underline; }

.boxcolor1 { background: #d8edb5; }
.boxcolor2 { background: #9ee9ef; }
.boxcolor3 { background: #f1c9d2; }
.boxcolor4 { background: #f5d88a; }

#PageWrapper { position: relative; display: block; width: 799px; height: auto; margin: 0 auto; text-align: left; font-size: 10px; background: #fff; font-size: 12px; }
#PageHeader { position: relative; display: block; width: 799px; height: 169px; background: url(/artszipper/_etc/images/page_header.jpg) no-repeat top left; }
#PageHeader h1 { position: absolute; top: 19px; left: 37px; display: block; width: 320px; height: 90px; margin: 0; padding: 0; } 
#PageHeader h1 a { display: block; width: 320px; height: 90px; margin: 0; padding: 0; } 
#PageHeader h1 a span { display: none; }

#PageHeader h2 { display: none; } 
/* #PageHeader p#Sponsor { position: absolute; top: 7px; right: 20px; display: block; width: 170px; height: 48px; line-height: 48px; margin: 0px; padding: 0px 52px 0px 0px; } */
#PageHeader p#Sponsor { position: absolute; top: 7px; right: 20px; display: block; width: 240px; height: 48px; line-height: 48px; margin: 0px; padding: 0px 52px 0px 0px; } 
#PageHeader p#Sponsor a#Fox2Logo { position: absolute; top: 0; right: 0; display: block; width: 43px; height: 48px; background: url(/artszipper/_etc/sponsors/FOX-2-KTVI-Cube-reference.gif) no-repeat right center; }
#PageHeader p#Sponsor a#STLMomsLogo { position: absolute; top: 6px; right: 52px; display: block; width: 87px; height: 32px; background: url(/artszipper/_etc/sponsors/StL_Moms-RGB.gif) no-repeat right center; }
#PageHeader p#Sponsor a#STLtodayLogo { position: absolute; top: 0; right: 0; display: block; width: 183px; height: 48px; background: url(/artszipper/_etc/sponsors/stl_today_logo_color.gif) no-repeat right center; }
#PageHeader p#Sponsor span { display: none; }
#PageHeader h3 { display: none; } 
#PageHeader #SearchFormBox { position: absolute; display: block; width: 300px; height: auto; top: 110px; right: 20px; text-align: right; }
#PageHeader #SearchForm .field-select { width: 160px; }
#PageHeader #SearchForm .field-text { width: 121px; font-size: 11px; }
#PageHeader #SearchForm .field-button { font-size: 11px; }
#PageHeader #SearchForm p { margin-top: 0; padding-top: 0; padding-bottom: 5px; margin-bottom: 0; }

#PageSide { display: block; width: 200px; height: auto; }

#PageContent { display: block; width: 599px; height: auto; }
#PageContent .padder { padding: 15px; }

#PageFooter { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 150%; }

#Nav { display: block; width: 200px; height: auto; color: #fff; background: #f7921e;  font-size: 11px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; border-bottom:dotted 1px #000;}
#Nav .padder { padding: 10px 5px; }
#Nav h3 { display: none; }
#Nav ul { list-style-type: square; margin: 0; padding: 0 20px; }
#Nav ul li { line-height: 150%; padding: 3px 0; }
#Nav ul li a { color: #fff; text-decoration: none; font-weight: bold; }
#Nav ul li a:hover { color: #01a2b4; text-decoration: underline; }


#rss { display: block; width: 200px; height: auto; background: #01a2b4; color: #fff; border-bottom:dotted 1px #000; }
#rss .padder { padding: 5px 20px 10px; }
#rss  p { padding: 0; margin: 0; font-size: 10px; line-height: 120%; }
#rss  a { color: #fff; text-decoration: none; }
#rss  a:hover { color: #f7921e; text-decoration: underline; }
#rss  label { text-align: right; }
#rss  img {padding-left:35px; border: none; }

#social  p { padding: 0; margin: 0; font-size: 10px; line-height: 120%; text-align:center; }


#SignUp { display: block; width: 200px; height: auto; background: #01a2b4; color: #fff;  }
#SignUp .padder { padding: 2px 20px 10px; }
#SignUp p { padding: 0; margin: 0; font-size: 13px; line-height: 150%; }
#SignUp p.email-icon { padding: 65px 0 0 0; margin: 0; font-size: 13px; line-height: 150%; text-align: left; background: url(/artszipper/_etc/images/icon_mail.jpg) no-repeat top center; }
#SignUp form { margin-top: 5px; }
#SignUp .field-text { width: 118px; font-size: 11px; }
#SignUp .field-button { font-size: 11px; }
#SignUp fieldset { width: 200px; border: none; padding: 0; margin: 0; }
#SignUp a { color: #fff; text-decoration: none; }
#SignUp a:hover { color: #f7921e; text-decoration: underline; }
#SignUp label { text-align: right; }
#SignUp small { font-size: 11px; }

#rac-produced { font-size: 10px; display: block; width: 200px; height: auto; text-align: center; }
#rac-produced p { display: block; }
#rac-produced p.RAC a { display: block; width: auto; height: auto; padding-top: 72px; background: url(/artszipper/_etc/images/rac_logo.jpg) no-repeat center top; color: #000; text-decoration: none; }
#rac-produced p.RAC a:hover { color: #f7921e; text-decoration: underline; }
#rac-produced p.Borders a { display: block; width: 100%; height: 30px; background: url(/artszipper/_etc/sponsors/borders-logo.gif) no-repeat center bottom; color: #000; text-decoration: none; }
#rac-produced p.Borders a span { display: none; }
#rac-produced p.CVCStlouisIS a { display: block; width: 100%; height: 111px; background: url(/artszipper/_etc/sponsors/cvc1.jpg) no-repeat center bottom; color: #000; text-decoration: none; }
#rac-produced p.CVCStlouisIS a span { display: none; }
#rac-produced p.Boulevard a { display: block; width: 100%; height: 40px; background: url(/artszipper/_etc/sponsors/boulevard-logo.gif) no-repeat center bottom; color: #000; text-decoration: none; }
#rac-produced p.Boulevard a span { display: none; }
#rac-produced p.producer a { display: block; width: 100%; margin-top: 10px; text-decoration: none; }
#rac-produced p.producer a span { display: none; }
/* added DEC 21st by KK */
#rac-produced p.OVATION a { display: block; width: auto; height: auto; padding-top: 50px; background: url(/artszipper/_etc/images/OTV_Charter.jpg) no-repeat center top; color: #000; text-decoration: none; }
#rac-produced p.OVATION a:hover { color: #f7921e; text-decoration: underline; }

/* NEW ICONS */
.event-icons { display: block; width: 100%; height: 14px; overflow: hidden; margin-bottom: 3px; }
.event-icons br { display: none; }
.event-icons a span { display: none; }
.event-icons a.event-icon-adult { display: block; width: 42px; height: 14px; float: left; clear: none; margin-right: 3px; background: url(/artszipper/_etc/images/icn_event_type.gif) no-repeat 0px 0px; }
.event-icons a.event-icon-special-offer { display: block; width: 77px; height: 14px; float: left; clear: none; margin-right: 3px; background: url(/artszipper/_etc/images/icn_event_type.gif) no-repeat -42px 0px; }
.event-icons a.event-icon-child { display: block; width: 29px; height: 14px; float: left; clear: none; margin-right: 3px; background: url(/artszipper/_etc/images/icn_event_type.gif) no-repeat -119px 0px; }
.event-icons a.event-icon-funded { display: block; width: 65px; height: 14px; float: left; clear: none; margin-right: 3px; background: url(/artszipper/_etc/images/icn_event_type.gif) no-repeat -148px 0px; }
.event-icons a.event-icon-friend { display: block; width: 71px; height: 14px; float: left; clear: none; margin-right: 3px; background: url(/artszipper/_etc/images/icn_event_type.gif) no-repeat -213px 0px; }
.event-icons a.event-icon-free { display: block; width: 29px; height: 14px; float: left; clear: none; margin-right: 3px; background: url(/artszipper/_etc/images/icn_event_type.gif) no-repeat -284px 0px; }
body#isHome #Spotlight .event-icons { display: block; width: 100%; height: 14px; overflow: hidden; margin-bottom: 3px; }
body#isHome #Spotlight .event-icons a { float: left; clear: none; margin-right: 3px; }
body#isHome #Hilights .event-icons { display: table; width: auto; margin: 0 auto; text-align: center; }
body#isHome #Hilights .event-icons a { display: table-cell; margin: 0 auto; overflow: hidden; margin-bottom: 3px; }

#SearchForm { position: relative; }
a#SearchSpecialEvents { display: block; width: 52px; height: 37px; float: left; clear: none; background: url(/artszipper/_etc/images/icn_sm_special_offer.jpg) no-repeat top left; }
a#SearchSpecialEvents span { display: none; }
a#SearchFreeEvents { display: block; width: 84px; height: 20px; float: left; clear: none; background: url(/artszipper/_etc/images/icon_free_events.jpg) no-repeat top left; }
a#SearchFreeEvents span { display: none; }

#PageHeader #SearchFormBox2 { position: absolute; display: block; width: 365px; height: auto; top: 110px; right: 20px; text-align: right; }
#PageHeader #SearchFormBox2 #SearchFormIcons { position: absolute; bottom: 5px; left: 0; }
#PageHeader #SearchFormBox2 #SearchFormIcons a#SearchSpecialEvents { position: absolute; bottom: -3px; left: 0px; display: block; width: 52px; height: 37px; background: url(/artszipper/_etc/images/icn_sm_special_offer.gif) no-repeat top left; }
#PageHeader #SearchFormBox2 #SearchFormIcons a#SearchSpecialEvents span { display: none; }
#PageHeader #SearchFormBox2 #SearchFormIcons a#SearchFreeEvents { position: absolute; bottom: 3px; left: 60px; display: block; width: 84px; height: 20px; background: url(/artszipper/_etc/images/icon_free_events.jpg) no-repeat top left; }
#PageHeader #SearchFormBox2 #SearchFormIcons a#SearchFreeEvents span { display: none; }


/*Ovation ad on Index page. */
#ovationLarge{position:absolute; height:300px; width: 400px;  bottom:100px; left:305px;}

/*  Form fields */
label { font-weight: bold; }
.required { color: red }
.Instructions { display: block; font-size: 10px; line-height: 110%; margin: 2px 0; padding: 0; }
.field-box { float: left; clear: none; }
.field-radio,
.field-check { background: #d6f8fc; border: 1px solid #95cad0; font-size: 11px; }
.field-select,
.field-text { width: 262px; background: #d6f8fc; border: 1px solid #95cad0; font-size: 11px; }
.field-text-full { width: 534px; background: #d6f8fc; border: 1px solid #95cad0; font-size: 11px; max-width: 534px; min-width: 534px; }
.city { width: 103px; }
.state { width: 90px; }
.postalcode { width: 40px; }
.hourmin { width: 50px; }
.month { width: 90px; }
.day { width: 46px; }
.year { width: 50px; }

/* Navigation. Fixes for IE found in the screen_ie7.css file*/

#nav_menu {position:relative; top:152px; right:-209px; z-index:1;} 
#nav_menu_video {position:relative; top:43px; right:-11px; z-index:1;} 
#nav_menu_tweets {position:relative; top:-500px; right:344px; z-index:1;}