Make links a blueish grey and add a dotted line underneath

Right now, any links on my website just look like text, I would like them to be blueish grey with a light dotted line under it….is that possible? Also, when one hovers over it, it is white!!
Thank you for responses, here is the code that it has right now, if someone could let me know what to change i would greatly appreciate it. My blog is https://www.sweetphi.com and i’m using theme twenty eleven.

/* Links */
a {
	color: #1982d1;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: underline;
}
a{
	text-decoration: none;
	color: #595a5b;
}

a:hover{
	text-decoration: underline;
	color: #595a5b;
}

/* Assistive text */