body{ color:#555555; font-size:0.825em; background: #fcfcfc; font-family:Arial, Helvetica, sans-serif; } div.frame { margin: auto; min-width: 700px; max-width: 1200px; } div.content { padding: 20px; min-height: 120px; } div.slide_desc { position: absolute; top: 80%; margin-left: 7.5%; border: 1px solid #363942; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: rgba(0, 0, 0, 0.7); } h2 { color: white; font: bold 24px/45px Helvetica, Sans-Serif; padding-left: 10px; padding-right: 10px; } div.slideshow { border: 1px solid #363942; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; max-width:100%; width: 100%; } div.slideshow li { list-style:none; } div.slideshow li img { max-width:100%; max-height:100%; width: 100%; display: block; } div.events { padding-left: 20px; padding-right: 20px; } .event{ float:left; padding:0px; text-align:left; } ul.eventList { margin-left:0px; padding-left:0px; list-style-type:square; } .eventList li{ background:#F4F4F4; border:1px solid #EEEEEE; list-style:none; margin:5px; padding:4px 7px; word-wrap: break-word; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } div.eventField { display: none; } .eventDate{ font-size:1.5em; /*border: 3px solid #363942;*/ margin-left: 5px; padding-left: 5px; padding-right: 5px; text-align:center; word-wrap: break-word; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background:#5C832F none repeat scroll 0 0; color:#14210A; } .eventDate.chreme{ background:#FBF7F0; border:1px solid #EEE4D4; color:#A78B5F; } .eventDate.blue{ background:#E6F8FF; border:1px solid #D4E6EE; color:#548DA5; } .eventDate.green{ background:#E6FFDF none repeat scroll 0 0; border:1px solid #C9E6C1; color:#6EA85F; } .clear{ clear:both; }