@import 'reset.css';

@import 'color.css';
@import 'typography.css';
@import 'layout.css';

/* LAYOUT */
#pageContent {}
	#pageContent h1 {
	  margin-left: 260px
	}
  #articleContent {
	  float: right;
	  margin: 0 140px 40px 20px;
	}
	  #articleContent p {
		  margin-bottom: 20px;
		  width: 560px;
		}
	#relatedContent {
	  float: left;
	  margin: -20px 20px 40px;
	}
	  #relatedContent h2 {
		  width: 200px;
		}
		#relatedByTag {
		  width: 200px;
		}
		  #relatedByTag .rel-header {
				margin: 0;
			}
			#relatedByTag .rel-entry {
			  margin: 0 0 20px;
			}
	#recentArticles {
	  clear: both;
		margin: 0 20px 40px 260px;
	}
	  #recentArticles h2 {
		  width: 700px;
		}			
		#recentArticles h3 {
			width: 540px;
		}
			h3 a.news-headline {
		    display: block;
			}
		#recentArticles p {
			width: 540px;
		}
		#recentArticles h4 {}			
			h4 a.news-headline {
		    display: block;
			}
		
/* TYPOGRAPHY */
		  #relatedByTag .rel-header {
			  font-weight: bold;
			}
			
		#recentArticles {}
		  #recentArticles h3, #recentArticles h4 {
			  font-style: normal;
				font-weight: normal;
			}
		    #recentArticles h3 a, #recentArticles h4 a {
		      font-size: 24px;
				  line-height: 40px;
		    }
			#recentArticles p {}
			  a.news-headline {
					text-decoration: none;
				}
				a.news-headline:hover {
					text-decoration: underline;
				}	

/* COLOR */
		#recentArticles {}
			#recentArticles h3, #recentArticles h4 {
			  color: #3A00F4;
			}