@CHARSET "UTF-8";

.mainArticle { float: left; width: 350px; border-right: #ccc 1px dotted;}
.mainArticle img { float: left; margin: 10px 5px; border: #cccccc 1px solid; padding: 2px; }
.mainArticle span { font-size: 10px; color: #cccccc; display: block;}
.mainArticle p { padding: 5px 15px 5px 0; text-align: justify}
.mainArticle h3 { font-size: 15px; color: #f58220; font-weight: bold; text-decoration: none; }
.mainArticle h3 a { font-size: 15px; color: #f58220; font-weight: bold; text-decoration: none; }
.mainArticle h3 a:hover {  text-decoration: underline; }
.mainArticle a { color: #f58220; text-decoration: none; }
.mainArticle a:hover { text-decoration: underline; }
.mainArticle a.readmore { font-size: 12px; color: #f58220; font-weight: bold; text-decoration: none; text-align: right; }
.mainArticle a.readmore:hover { text-decoration: underline; }


#threeArticles { list-style: none;}
#threeArticles li { width: 210px; float: left;  border-right: #ccc 1px dotted;  margin: 5px; height: 270px;}
#threeArticles li.third { width: 210px; float: left;  border-right: 0px; margin: 5px; height: 270px;}
#threeArticles li img { margin: -10px 5px 10px 5px; border: #cccccc 1px solid; padding: 2px; width: 200px; height: 100px; }
#threeArticles li a.imglnk { display: block; border: #cccccc 1px solid; text-indent:-5000px; background-position: 0px -50px; width: 200px; height: 100px; }
#threeArticles li span { font-size: 10px; color: #cccccc; display: block; }
#threeArticles li p { padding: 5px 5px 5px 0; text-align: justify; width: 195px; border-bottom: #ccc 1px dotted; height: 107px; }
#threeArticles li h3 { font-size: 15px; color: #f58220; font-weight: bold; text-decoration: none; height: 40px; }
#threeArticles li h3 a { font-size: 15px; color: #f58220; font-weight: bold; text-decoration: none; }
#threeArticles li h3 a:hover {  text-decoration: underline; }
#threeArticles li a { color: #f58220; text-decoration: none; }
#threeArticles li a:hover { text-decoration: underline; }
#threeArticles li a.readmore { font-size: 12px; color: #f58220; font-weight: bold; text-decoration: none; text-align: right; }
#threeArticles li a.readmore:hover { text-decoration: underline; }
	
.articles {list-style: none; width: 320px; float: right;}
.articles li { margin: 3px 0;}
.articles li.first { margin: 0px 0px 10px 0px;  border-bottom: #ccc 1px dotted;}
.articles li span { font-size: 10px; color: #cccccc; display: block;}
.articles li h3 a { font-size: 12px; color: #f58220; text-decoration: none; }
.articles li h3 a:hover { text-decoration: underline; }

#feeds {  }
#feeds .elems { list-style: none; }
#feeds .elems li { margin: 10px 0; background: url(img/sidebar_separator.png) no-repeat center bottom; padding: 10px 0;}
#feeds .elems li h4 {  }
#feeds .elems li p { text-align: justify; }
#feeds .elems li h4 a { font-size: 13px; font-weight: bold; color: #f58220; text-decoration: none;}
#feeds .elems li h4 a:hover { text-decoration: underline; }

#feeds .feed, #feeds .twitter { width: 300px; float: left; margin: 0 10px; }
#feeds .feed h6 a, #feeds .twitter h6 a { display: block;  padding-left: 35px; font-size: 22px; font-weight: bold; color: #f58220; height: 32px; text-decoration: none; }
#feeds .feed h6 a:hover, #feeds .twitter h6 a:hover {  text-decoration: underline; }
#feeds .feed h6 a { background: url(img/social/feed.png) no-repeat top left; }
#feeds .twitter h6 a { background: url(img/social/twitter.png) no-repeat top left; }