HTML + CSS Rendered colors - html

Question

I don't know why I'm getting two different colors when the page loads. I look into Computed and Styles tabs from the element inspector, but this shows me the same values for each one.
Image:
The first style is for the title, and the other for the "Seguir Leyendo", a "Read more" link, both on top of all, without alphas and nothing to give different tones.
Any clue why this could happend?
Add:
HTML:
<div class="blog_entry">
<div class="blog_entry_image">
<img src="img/blog_imagen_1.png" class="blog_image_home"alt="Blog entry 1">
</div>
<div class="blog_entry_desc">
<h2 class="blog_entry_title"><a href="home-blog-detail-one.html">Lorem ipsum dolor sit amet, consectetur
adipiscing lit. Phaiop ellus ut diam nibh consectetur adpiscing</a></h2>
</div>
<div class="blog_entry_date">
28 Diciembre 2014
</div>
<div class="blog_entry_text">
<p>Nulla arcu quam, tempor a mattis sit amet, efficitur eget ante. Integer elit
libero, rutrum eu augue ut, faucibus dictum nibh. Suspendisse vitae ex sit amet
tellus molestie interdum...</p>
</div>
<div class="blog_entry_options">
<img src="img/blog_facebook.png" alt="Facebook">
<img src="img/blog_twitter.png" alt="Twitter">
Seguir leyendo <img src="img/arrow_read_more.png" alt="Seguir leyendo">
</div>
<div class="clearfix"></div>
</div>
CSS:
.blog_entry_title {
font-size: 24px;
}
.blog_entry_title a, .blog_title_detail {
color: #008ed6;
text-decoration: none;
font-family: HelveticaNeueThin;
}
.blog_entry_options {
position: absolute;
bottom: 0;
right: 0;
}
.blog_entry_options a {
color: #008ed6;
position: absolute;
bottom: 0;
right: 0;
font-size: 17px;
}

Answer 1

By updating/resetting the font-weight you can see the magic :
CSS :
.blog_entry_title a{ font-weight: normal }