/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		IMPORT ADDITIONAL SHEETS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	@import url("http://static.jimwhimpey.com/tumblr/campusnotes/reset.css");


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BODY and everything site wide
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	body { background: #D4EEF9; }
	
	#wrapper {
		position: relative;
		width: 500px;
		margin: 0 auto;
		}
		
		strong { font-weight: bold; }
		
		em { font-style: italic; }

		
		

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HEADER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#header {
		width: 299px;
		height: 85px;
		background: url("blog-header.png");
		position: relative;
		margin: 0 0 30px 0;
		}
		
		#header a {
			display: block;
			position: absolute;
			text-indent: -9999px;
			height: 85px;
			top: 0;
			}
			
			#header a#campusnotes {
				left: 0;
				width: 219px;
				background-image: url("cn-hover.png");
				background-position: 0 85px;
				background-repeat: no-repeat;
				}
				
				#header a#campusnotes:hover { background-position: 0 0; }
				
			#header a#blog {
				right: 0;
				width: 80px;
				background-image: url("blog-hover.png");
				background-position: 0 85px;
				background-repeat: no-repeat;
				}
				
				#header a#blog:hover { background-position: 0 0; }
			
			
			


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		CONTENT
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#content {
		padding: 0 0 0 16px;
		}
		



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		POSTS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			
	.post {
		margin: 0 0 60px 0;
		position: relative;
		}		
		
		.post h2 {
			font-family: Helvetica, Arial, Verdana, sans-serif;
			font-size: 20px;
			font-weight: bold;
			text-shadow: #FFF 0 1px 0;
			color: #064373;
			margin: 0 0 15px 0;
			}
			
			.post h2 a { color: #064373; text-decoration: none; }
		
				.post h2 a:hover { color: #0870C4; }
		
		.post .entry {
			font-family: Verdana, sans-serif;
			color: #064373;
			font-size: 11px;
			line-height: 1.6em;
			color: #000;
			text-shadow: #FFF 0 1px 0;
			}
			
			.post .entry strong { font-weight: bold; }
			
			.post .entry em { font-style: italic; }
			
			.post .entry p { margin: 0 0 15px 0; }
			
			.post .entry h3 {
				font-weight: bold;
				font-size: 14px;
				font-family: Helvetica, Arial, Verdana, sans-serif;
				color: #064373;
				margin: 0 0 10px 0;
				}
			
			.post .entry ul {
				list-style: square;
				margin: 0 0 15px 30px;
				}
			
			.post .entry a { color: #C61B5B; text-decoration: none; }
			
				.post .entry a:hover { color: #8F1441; text-decoration: none; }
			
		.post .meta {
			width: 34px;
			position: absolute;
			top: 0;
			left: -48px;
			font-family: Helvetica, Arial, Verdana, sans-serif;
			font-weight: bold;
			text-align: center;
			background: #064373;
			color: #FFF;
			border: 1px solid #064373;
			opacity: 0.1;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			}
			
			.post:hover .meta { opacity: 0.8; }
			
			.post .meta .day {
				font-size: 20px;
				padding: 4px 0;
				}
				
			.post .meta .month {
				text-transform: uppercase;
				letter-spacing: 0.1em;
				padding: 0 0 4px 0;
				font-size: 10px;
				}
			
			
			
			
			
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		NAVIGATION
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			
	.navigation {
		height: 30px;
		margin: 50px 0 100px 0;
		}
		
		.navigation a {
			color: #064373;
			font-family: Helvetica, Arial, Verdana, sans-serif;
			font-size: 14px;
			font-weight: bold;
			text-decoration: none;
			}
			
			.navigation a:hover { color: #0870C4; }
			
			.navigation a.newer { margin: 0 0 0 40px; }