/*
 *  Article Page Styles
 */
#article {
 float: left;
 margin: 0px;
 padding: 0px;
 width: 640px;
}

#article #navigation {
 float: left;
 margin: 0px;
 padding: 0 1px 10px 1px;
 width: 638px;
 height: 12px;
}
#navigation a { float: left; margin: 0px; padding: 0px; font-size: 10px; color: #666; text-decoration: underline; line-height: 100%; }
#navigation a:hover { color: #e2001a; }
#navigation span { float: left; margin: 2px 2px 0 2px; padding: 0px; width: 9px; height: 7px; background: url('../images/article_elements/navigation_arrow.png') no-repeat top; }

#article #title {
 float: left;
 clear: both;
 margin: 0px;
 padding: 10px 1px 20px 1px;
 width: 638px;
 font-size: 20px;
 font-weight: bold; 
 color: #e2001a;
 line-height: 120%;
}

#article #creator_name {
 float: left;
 margin: 0px;
 padding: 6px 0 5px 4px;
 width: 321px;
 font-size: 11px;
 font-weight: normal;
 color: #666666;
 line-height: 100%;
}

#article #creator_date {
 float: left;
 margin: 0px;
 padding: 6px 4px 5px 0;
 width: 311px;
 font-size: 11px;
 font-weight: normal;
 color: #666666;
 line-height: 100%;
 text-align: right;
}

#article #social_devs {
 float: bottom;
 clear: both;
 margin: 0px;
 padding: 3px 0 3px 0;
 border: 0px;
 border-top: 1px solid #d9d9d9;
 border-bottom: 1px solid #d9d9d9;
 width: 640px;
 height: 16px;
}

#social_devs UL#rating {
 float: left;
 margin: 0px;
 padding: 0 0 0 4px;
 width: 146px;
 height: 16px;
}

UL#rating li {
 float: left;
 display: inline;
 margin: 0px;
 padding: 0 5px 0 0;
 list-style: none;
}

UL#rating li img {
 display: block;
 margin: 0px;
 padding: 0px;
 width: 16px;
 height: 16px;
}

#social_devs UL#apps {
 float: right;
 margin: 0px;
 padding: 0 4px 0 0;
 width: 486px;
 height: 16px;
}

UL#apps li {
 float: right;
 display: inline;
 margin: 0px;
 padding: 0 0 0 10px;
 list-style: none;
}

UL#apps li a {
 display: block;
 margin: 0px;
 padding: 2px 0 0 18px;
 height: 14px;
 font-size: 10px;
 color: #000;
 text-decoration: underline;
 line-height: 100%;
}
UL#apps li a:hover { color: #e2001a; text-decoration: underline; }
UL#apps a.print    { background: url('../images/article_elements/apps_icon_print.png') no-repeat top left; }
UL#apps a.comments { background: url('../images/article_elements/apps_icon_comments.png') no-repeat top left; float: left; }
UL#apps a.twitter  { background: url('../images/article_elements/apps_icon_twitter.png') no-repeat top left; }
UL#apps a.facebook { background: url('../images/article_elements/apps_icon_facebook.png') no-repeat top left; }
UL#apps a.iwiw     { background: url('../images/article_elements/apps_icon_iwiw.png') no-repeat top left; }

UL#apps li span {
 float: left;
 margin: 0px;
 padding: 2px 0 0 2px;
 font-size: 10px;
 color: #000;
 line-height: 100%;
}

#article #related_articles {
 float: left;
 clear: both;
 margin: 20px 0 0 0 !important;
 padding: 0px;
 width: 640px;
}

#article #related_articles p {
 margin: 0px;
 padding: 0 0 5px 0;
 font-size: 13px;
 color: #e2001a;
 font-weight: bold;
}

#article #related_articles ul {
 float: left;
 clear: both;
 margin: 0px;
 padding: 0 0 0 10px;
 width: 630px;
}
#article #related_articles ul li {
 float: left;
 clear: both;
 margin: 0px;
 padding: 0 0 2px 7px;
 list-style: none;
 background: url('../images/box_elements/bulletin_3px_221f1f.gif') no-repeat 0 7px;
}
#article #related_articles ul li a       { color: #000; text-decoration: none; }
#article #related_articles ul li a:hover { color: #e2001a; text-decoration: underline; }

#article #fb_api {
 float: left;
 clear: both;
 margin: 15px 0 15px 0;
 padding: 0px;
 width: 640px;
 min-height: 30px;
 font-size: 12px;
}
#article #fb_api p.title {
 margin: 0px;
 padding: 0 0 7px 0;
 font-size: 12px;
 color: #e2001a;
 font-weight: bold; 
}
#article #fb_api #fp-root { margin: 0px; padding: 0px; }