quieres que salga como el que dice "read all"?
Si es así, prueba a poner !important en:
color: #f6bb04!important;
también fíjate si en el orden de tu CSS está primero esta contenido-events que link-naraja.
Por otro lado, creo que usas demasiadas divisiones, por ejemplo:
Código HTML:
<div class="caja-events-calendar">
<div class="caja-titulo-events-calendar">Events Calendar</div>
<div class="contenido-events">
<p><a href="#">Gloria Estefan Tour 2009 en Lima - Concierto</a><br>
18 April</p>
<p><a href="#">Gloria Estefan Tour 2009 en Lima - Concierto</a><br>
18 April</p>
<p><a href="#">Gloria Estefan Tour 2009 en Lima - Concierto</a><br>
18 April</p>
<a href="#" class="link-naranja">More Events</a> </div>
</div>
Puede ser y sería mucho mejor, por poner un ejemplo
Código HTML:
<div class="caja-events-calendar">
<h2>Events Calendar</h2>
<p><a href="#">Gloria Estefan Tour 2009 en Lima - Concierto</a><br>
18 April</p>
<p><a href="#">Gloria Estefan Tour 2009 en Lima - Concierto</a><br>
18 April</p>
<p><a href="#">Gloria Estefan Tour 2009 en Lima - Concierto</a><br>
18 April</p>
<p class="link-naranja"><a href="#">More Events</a></p>
</div>
Saludos