#splash-webcam { float: left; width: 950px; }
#splash-webcam .left { float: left; width: 450px; height: 800px; font-size: 12px; overflow: hidden; }
#splash-webcam .left a { color: #790e80; font-size: 12px; }
#splash-webcam .left .inner { margin: 20px 40px; }
#splash-webcam .right { float: left; width: 500px; height: 800px; overflow: hidden; background: url('/images/splash-webcam.png') top right no-repeat; }

#splash-webcam .box { float: left; display: block; width: 400px; margin: 370px 5px 10px 105px; }
#webcam-event { float: left; display: block; width: 180px; height: 150px; margin-top: 30px; padding-right: 10px; border-right: 2px dotted #790e80; }
#webcam-event .next { color: #c4fdac; font-size: 16px; font-weight: bold; }
#webcam-event .next a { color: #c4fdac; font-size: 16px; font-weight: bold; }
#webcam-event .title { color: #ffffff; font-size: 14px; margin-top: -2px; font-weight: bold; }
#webcam-event .date { color: #ffffff; font-size: 13px; }
#webcam-event .time { color: #40d802; font-size: 12px; margin-top: 1px; }
#webcam-event .text { color: #ffffff; margin-top: 14px; }
#webcam-calendar { float: left; display: block; width: 180px; height: 200px; padding-left: 15px; }
.calendar th { color: white; font-size: 13px; }
.calendar td { color: #eb38b7; font-size: 11px; text-align: center; padding: 4px; }
.calendar-month { color: #ffe3f6; font-size: 11px; text-transform: uppercase; margin-bottom: 8px; margin-top: 27px; }
.calendar .today { color: #ffa0e3; }
.calendar .linked-day { font-weight: bold; text-decoration: underline; }

.join-button a { float: left; background-color: #eb38b7; color: #ffffff !important; padding: 3px 0px; line-height: 19px; width: 250px; text-transform: uppercase; margin-bottom: 10px; text-align: center; }
.join-button a:hover { background-color: #790e80; color: #ffffff; }