body{ color:#555555; font-size:0.825em; background-color:#000; font-family:Arial, Helvetica, sans-serif; } div.frame { margin-left: auto; margin-right: auto; min-width: 700px; max-width: 1200px; } div.content { padding: 20px; min-height: 120px; } div.slide_desc { position: absolute; top: 80%; height: 20%; width: 100%; background: rgba(0, 0, 0, 0.7); } h2 { color: white; font: bold 24px/45px Helvetica, Sans-Serif; padding-left: 10px; } ul.rui-billboard { border: 3px solid #CFCEBD; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; max-width:100%; width: 100%; } ul.rui-billboard li img { max-width:100%; max-height:100%; width: 100%; display: block; } div.events { padding-left: 20px; padding-right: 20px; } .event{ float:left; padding:4px; text-align:left; margin:0px 5px 50px; } 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; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } .eventDate{ font-size:1.5em; margin:-5px -5px 10px; padding:2px 5px; text-align:center; border: 3px solid #CFCEBD; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background:#E6FFDF none repeat scroll 0 0; color:#6EA85F; } .clear{ clear:both; }