/* Articles CSS */

p.captionleft {float: left; text-align: center; font-size: 10px; font-style: italic; padding: 10px 10px 10px 0; margin: 0;}
p.captionright {float: right; text-align: center; font-size: 10px; font-style: italic; padding: 10px 0 10px 10px; margin: 0;}
p.captioncenter {text-align: center; font-size: 10px; font-style: italic; padding: 10px; margin: 0 auto;}
p.captionleft img, p.captionright img, p.captioncenter img {margin: 0 0 4px 0;}

#articlescol {float: left; display: block; width: 465px; margin: 0;}
#articlescol .outline {padding: 4px 8px;}

#articlescol .outline ul {list-style-type: none; padding: 0; margin: 0; width: 100%;}
#articlescol .outline ul li {display: block; float: left; width: 142px; padding: 0; margin: 0; text-align: center;}

#articlescol .outline ul li a {display: block; width: 132px; height: 132px; margin: -5px -1px; padding: 0; background: #444; border: solid 1px #555; text-decoration: none;}
#articlescol .outline img {border: solid 1px #555;}

#articlescol .outline ul li a:hover {background: #292929; border: solid 1px #555;}
#articlescol .outline ul li a:hover img {border: solid 1px #666;}

img.alandscape {margin: 25px 0;}
img.aportrait {margin: 5px 0;}

#articles_pic {float: right; width: 312px;}