body {
	background-color: #ecebe7;
	margin: 0px;}
	
#wrapper { 
	width: 880px;
	margin: 0px auto;}	
	
#logo {
	display:block;
	height: 169px;
	width: 617px;
	background-image: url(../images/logo.png);
	text-indent: -9999px;
	margin: 40px auto 30px auto;}

	#logo:hover {
		background-position: -617px;}
	
#navigation {
	height: 50px;
	margin: 0;
	list-style-type: none;
	background-color: #000;
	color: #FFF;
	width: 100%;
	font: italic 16pt Adobe Garamond Pro, Garamond, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	text-align: center;}

	#navigation li { display: inline;
		position: relative;
		top: 13px; }
	
	#navigation li a {
		text-decoration: none;
		color: #FFF;
		padding: 15px 25px;}
	
	#navigation li a:hover {
		background-color: #666;
		color: #000;
		text-decoration: underline;
		background-color: #fff;}
		
	#navigation .active {
		background-color: #ecebe7;	
		padding: 15px 25px;
		color: #f00;}
		
	#navigation .active:hover {
		background-color: #666;
		color: #000;
		text-decoration: underline;
		background-color: #ecebe7;}
	
h1.section {
	color: #ccc9c8;
	font: italic 36pt Adobe Garamond Pro, Garamond, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	padding-left: 18px;
	text-transform: lowercase;
	letter-spacing: -.6pt;}
	
#date {
	float: left;
	width: 55px;}
	
#date p {
	background-color: #000;
	font: italic 11pt Adobe Garamond Pro, Garamond, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-weight: 100;
	text-align: center;
	padding: 10px 16px;
	color: #fff;
	width: 20px;}
	
.article {
	margin-left: 0px;
	width: 790px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
	overflow:auto;}	
	
.preview {
	margin-left: 0px;
	width: 790px;
	padding-bottom: 0px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
	overflow:auto;}
	
.article p{
	color: #333;
	padding-top: 15px;
	font: normal 14pt Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 200;
	line-height: 21pt; 
	margin-left: 18px;}	
	
	.preview p{padding-bottom: 15px;}
	
	.article p em{font-style: italic;}
	.article p strong{font-weight: bold;}
	
	.article p.meta {
		padding: 0px;
		font-size: 10pt;}
	
	.article p a, .article span.category a, .article ul a{
		color: #f00;
		text-decoration: none;}
		
		.article p a:hover, .article span.category a:hover, .article ul a:hover{
			color: #000;
			text-decoration: underline;}
	
	.article h1 {
		color: #000;
		font: italic 30pt Adobe Garamond Pro, Garamond, Palatino, Palatino Linotype, Times, Times New Roman, serif;
		font-weight: 100;
		line-height: 24pt;
		padding-top: 5px;
		padding-left: 16px;
		letter-spacing: -.6pt;}
		
		.article h1 a{
			color: #f00;
			text-decoration: none;}
			
		.article h1 a:hover{
			color: #000;
			text-decoration: underline}
			
		.article ul {
			margin-left: 52px;
			padding-top: 18px;
			padding-left: 0;
			list-style: none;}
	
			.article ul li {
				font: normal 14pt Helvetica Neue, Helvetica, Arial, sans-serif;
				font-weight: 200;
				line-height: 21pt; 
				padding-left: 24px;
				background-image: url(../images/bullet.png);
				background-repeat: no-repeat;
				background-position: 0 .5em;}
				
	.article h2 {
		color: #000;
		font: italic 20pt Adobe Garamond Pro, Garamond, Palatino, Palatino Linotype, Times, Times New Roman, serif;
		font-weight: 100;
		letter-spacing: -.6pt;
		margin-left: 18px;
		padding-top: 55px;}			
	
.left {
	float: left; 	
	padding-right: 30px;
	padding-bottom: 30px;
	padding-top: 10px;}

.right {
	float: right;
	padding-left: 30px;
	padding-bottom: 30px;
	padding-top: 10px;}	
	
.inlineImgLeft {
	float: left;
	width: 300px;
	padding: 20px 30px 30px 0px;
	margin-left: 18px; }
	
.inlineImgRight {
	float: right;
	width: 300px;
	padding: 20px 0px 30px 30px;
	margin-right: 1px; }	
	
.inlineImgLeft p,  .inlineImgRight p, .caption {
	font-size: 11px;
	line-height: 16px;
	font-family: Verdana, Arial, sans-serif;
	color: #666;
	padding: 0px;
	margin: 4px 0 5px; 
	margin-left: 0px;}
	
.whiteborder {border: 30px solid #fff;}	
.center {
	margin: 0px auto;
	display: block;}		
	
#comments {
	margin-left: 55px;
	width: 790px;
	padding-bottom: 18px;
	margin-bottom: 18px;
	border-bottom: 1px solid #ccc}	
		
	#comments h3 {
		color: #ccc9c8;
		font: italic 36pt Adobe Garamond Pro, Garamond, Palatino, Palatino Linotype, Times, Times New Roman, serif;
		letter-spacing: -.6pt;
		line-height:24pt;
		margin-bottom: 36px;}
		
	#comments .no-comment{
		font: normal 11pt Helvetica Neue, Helvetica, Arial, sans-serif;
		font-weight: 200;
		padding-bottom: 18px;}
		
	#comments .logged-in{
		font: bold 11pt Helvetica Neue, Helvetica, Arial, sans-serif;
		padding-bottom: 18px;}
		
	#commentform {padding-top: 18px;
	clear: both;}	
		
		#commentform p{padding-bottom: 18px;}
		
		#commentform label{
			font: normal 11pt Helvetica Neue, Helvetica, Arial, sans-serif;
			font-weight: 200;}		
		
		#commentform-meta {
			width: 200px;
			margin-right: 36px;
			float: left;}
			
			input#url, input#email, input#author {width: 190px; padding: 2px;}
			
		#commentform-entry {
			margin-left: 236px;}	
			
			textarea#comment {width: 554px; height: 200px; border-left: 1px solid #AAAAAA; border-top: 1px solid #AAAAAA; padding-top: 0px;}

#comment {
	border-top: 1px dotted #ccc;
	padding-top: 18px;
	clear: both;}
	
#comment-meta {
	width: 200px;
	margin-right: 36px;
	padding-bottom: 18px;
	float: left;}
		
	#comment-meta .date{
		font: normal 7pt Helvetica Neue, Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		color: #666;
		letter-spacing: 1pt;}
		
	#comment-meta .author{
		font: bold 11pt Helvetica Neue, Helvetica, Arial, sans-serif;
		color: #000;}	
		
		#comment-meta .author a{
			color: #f00;
			text-decoration: none;}
			
		#comment-meta .author a:hover{
			color: #000;
			text-decoration: underline}	
	
#comment-entry {
	margin-left: 236px;}
	
	#comment-entry p{
		font: normal 11pt Helvetica Neue, Helvetica, Arial, sans-serif;
		font-weight: 200;}
	
#post-navigation {	
	margin-left: 55px;
	width: 790px;}
	
	#post-navigation a, #commentform a {
		font: normal 11pt Helvetica Neue, Helvetica, Arial, sans-serif;
		color: #f00;
		text-decoration: none;}
		
	#post-navigation a:hover, #commentform a:hover {
		font: normal 11pt Helvetica Neue, Helvetica, Arial, sans-serif;
		color: #000;
		text-decoration: underline;}		














	
#categories {
	margin: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	list-style-type: none;
	color: #333;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;}

	#categories li { 
		display: inline;
		border-right: 1px solid #ccc;}
	
	#categories li a {
		text-decoration: none;
		color: #333;
		padding: 0px 18px;} /*controls spacing of list of buttons*/
	
	#categories li a:hover {
		color: #000;
		text-decoration: underline;}
		
	#categories .active {
		font-weight: bold;
		color: #f00;}
		

.thumbnail {
	background-color: #92278f;
	width: 188px;
	height: 306px;
	margin-left: 18px;
	margin-bottom: 36px;
	margin-right: 18px;
	float: left;}	
	
	.thumbnail .visited {
		/* for IE */
		filter: alpha(opacity=30);
		/* CSS3 standard */
		opacity: 0.3;}
		
	.thumbnail img{
		position: absolute; /*needed to fix jump bug*/
		float: left;}
	
	.thumbnail .description {
		background-image: url(images/blue-overlay.png);
		position: relative;
		height: 306px; /*add top -306 to troubleshoot jump bug*/
		color: #fff;
		display: none;}
		
		.thumbnail .description h1{
			padding: 15px;
			padding-bottom: 5px;
			font: bold 14pt Helvetica Neue, Helvetica, Arial, sans-serif;}
			
		.thumbnail .description h1 a{
			color: #fff;
			text-decoration: underline;}
			
		.thumbnail .description h2{
			padding: 0px 15px;
			font: normal 9pt Helvetica Neue, Helvetica, Arial, sans-serif;}
	
		.thumbnail .description h3{
			padding: 10px 15px;
			font: normal 9pt Helvetica Neue, Helvetica, Arial, sans-serif;}
	

#archive-list {
	margin:20px 40px;
	padding-bottom:20px;
	}
	
	#archive-list span.date {
		font: normal 8pt Helvetica Neue, Helvetica, Arial, sans-serif;
		text-transform: uppercase;}

	#archive-list li a{
		color: #f00;
		text-decoration: none;
		font: normal 12pt Helvetica Neue, Helvetica, Arial, sans-serif;}
		
	#archive-list li a:hover{
		color: #000;
		text-decoration: underline;}

	

	

	
	
	
	
	
	
p#footer {
	width: 100%;
	background-color: #000;
	clear: both;
	padding: 20px 0px;
	border-top: 100px solid #ecebe7;
	color: #ccc;
	text-align: center;
	font: normal 9pt Helvetica Neue, Helvetica, Arial, sans-serif;}	
	
	p#footer a{
		color: #fff;
		text-decoration: none;}
		
	p#footer a:hover{
		text-decoration: underline;}
	
	
	
	
/* tells jquery.biggerlink to change the cursor from an arrow to a hand for links */
.hover { cursor: pointer;}