/* Cafe Joe Joe's Community CSS Document */

/* General Styles */
.download-item { float: left; }
.article-title { float: left; font-size: 130%; margin: 0; }

/* -- Pagination -- */
.pagination-news { width: 530px; }
.pagination-news-button { float: left; }
.pagination-news-pages { width: 242px; height: 16px; float: left; padding: 5px 4px 0 4px; background-color: #DC241F; font-size: 70%; text-align: center; color: #fff; line-height: 1em; overflow: hidden; }
.pagination-news-pages a:link, .pagination-news-pages a:visited { color: #fff; }
.pagination-news-pages a:active, .pagination-news-pages a:hover { color: #fff; }

.news-rule { border-bottom: 1px solid #000; height: 1px; width: 530px; overflow: hidden; margin: 0px; padding: 10px 0 0 0; }


/* ---------- NEWS LISTINGS PAGE ---------- */

/* Featured Article */
#news-featured-article { width: 510px; padding: 10px; background-color: #f9dec5; }
.featured-article-content { width: 510px; }
.featured-news-image { width: 160px; float: left; }
.featured-news-text { width: 340px; float: left; }
.featured-news-download-items { width: 510px; height: 20px; overflow: hidden; background: url(../../images/news_featured_download_right_edge.gif) #f57c0b top right no-repeat; }
.featured-news-download-left-edge { float: left; width: 10px; height: 20px; overflow: hidden; background: url(../../images/news_featured_download_left_edge.gif) top left no-repeat; }


/* Download options */
.news-download-items { width: 510px; height: 20px; overflow: hidden; background: url(../../images/news-download-right-edge.gif) #f57c0b top right no-repeat; }
.news-download-item { float: left; width: 120px; height: 20px; font-size: 70%; margin: 2px 0 0 0; overflow: hidden; }
.news-download-item a:link, .news-download-item a:visited { color: #fff; text-decoration: none; padding: 0 0 0 10px; }
.news-download-item a:active, .news-download-item a:hover { color: #fff; text-decoration: underline; padding: 0 0 0 10px; }
.news-download-item-icon { width: 20px; height: 20px; float: left; overflow: hidden; }
.news-download-item-name { width: 146px; height: 14px; float: left; padding: 3px; color: #666; overflow: hidden; }
.news-download-items { width: 300px; height: 20px; background-color: #f57c0b; margin: 0px 0 0 0; float: right; overflow: hidden; }
.news-download-left-edge {  float: left; width: 10px; height: 20px; overflow: hidden; }


/* Article Listings */
.news-article { width: 510px; padding: 10px 0 0 10px; }
.news-image { width: 80px; float: left; }
.news-text { width: 420px; float: left; }


/* ---------- ARTICLE PAGE ---------- */

.article-nav-bar { width: 530px; height: 21px; background: url(../../images/article_nav_bar_right_edge.gif) #dc2521 top right no-repeat; }
.article-nav-bar-left-edge { background: url(../../images/article_nav_bar_left_edge.gif) top left no-repeat; width: 11px; height: 21px; float: left; }
.article-nav-bar-center { width: 519px; height: 21px; float: left; overflow: hidden; }
.article-nav-bar-center a:link, .article-nav-bar-center a:visited { color: #fff; font-size: 84%; text-decoration: none; }
.article-nav-bar-center a:active, .article-nav-bar-center a:hover { color: #fff; font-size: 84%; text-decoration: underline; }
.article-image { text-align: center; }

.news-article-download-items { width: 530px; height: 20px; overflow: hidden; background: url(../../images/news-download-right-edge.gif) #f57c0b top right no-repeat; }
.news-article-download-left-edge { float: left; width: 10px; height: 20px; overflow: hidden; background: url(../../images/news-download-left-edge.gif) top left no-repeat; }
.news-article-download-item { font-size: 80%; color: #fff; }
.news-article-download-item a:link, .news-article-download-item a:visited { color: #fff; text-decoration: none; padding: 0 0 0 10px; }
.news-article-download-item a:active, .news-article-download-item a:hover { color: #fff; text-decoration: underline; padding: 0 0 0 10px; }
.news-article-download-item-icon { width: 20px; height: 20px; float: left; overflow: hidden; }
.news-article-download-item-name { width: 146px; height: 14px; float: left; padding: 3px; color: #666; overflow: hidden; }