/*  
Theme Name: Trevilian Way
Theme URI: http://thedesigncanopy.com/downloads/trevilian-way/
Description: Clean, customizable and a touch crazy... five lots of widgets!
Version: 0.40
Author: David Yeiser
Author URI: http://thedesigncanopy.com/
*/

/* The following is from Eric Meyer's Reset Reloaded  
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

:focus
{
	outline:0;
}

ol, ul
{
	list-style:none;
}

/* tables still need 'cellspacing="0"' in the markup */
table 
{
	border-collapse:separate;
	border-spacing:0;
}

caption, th, td
{
	text-align:left;
	font-weight:normal;
}

blockquote:before, blockquote:after,
q:before, q:after
{
	content:"";
}

blockquote, q
{
	quotes: "" "";
}

/* ------- Global ------- */

body
{
	font-family:Helvetica, Arial, Verdana, sans-serif; 
	font-size:13px;
	line-height:20px;
	color:#555;
	background-color:#fff;
}

a
{
	color:#07d;
}

a:visited
{
	color:#09f;
}

a:hover, a:active
{
	color:#c95037;
}

span.clearer
{
	height:1px;
	display:block;
	font-size:1px;
	line-height:1px;
	clear:both;
}

#post-content h3
{
	padding:0 0 8px 0;
	display:block;
	font-family:Georgia, "Times New Roman", serif;
	font-size:20px;
	font-weight:normal;
	letter-spacing:-.5px;
	color:#75a069;
}

#post-content h4
{
	padding:0 0 8px 0;
	display:block;
	font-family:Georgia, "Times New Roman", serif;
	font-size:16px;
	font-weight:normal;
	letter-spacing:-.5px;
	color:#75a069;
}

strong
{
	font-weight:bold;
}

em
{
	font-style:italic;
}

code
{
	font-family:"Courier New", Courier, monospace;
}

sup
{
	font-size:8px;
	vertical-align:super;
}

sub
{
	font-size:8px;
	vertical-align:sub;
}

blockquote
{
	padding-right:98px;
	font-family:Georgia, "Times New Roman", serif;
	font-size:12px;
	color:#777;
}

#post-content ol
{
	padding-bottom:20px;
	list-style-type:decimal;
}

#post-content ul
{
	padding-bottom:20px;
	list-style-type:disc;
}

	#post-content ul li
	{
		display:list-item;
		float:none;
	}

table
{
	width:100%;
	margin-bottom:20px;
	font-size:11px;
	border-left:1px solid #ddd;
}
	
	table caption
	{
		padding:0 20px 5px 20px;
		font-size:11px;
		font-style:italic;
		font-weight:bold;
		text-align:center;
	}
	
	table th
	{
		padding:3px;
		font-weight:bold;
		background-color:#eee;
		border-top:1px solid #ddd;
		border-right:1px solid #ddd;
		border-bottom:2px solid #ddd;
	}
	
	table td
	{
		padding:2px;
		border-right:1px solid #ddd;
		border-bottom:1px solid #ddd;
	}

/* ------- INDEX LAYOUT ------- */

#index-wrap
{
	width:960px;
	margin:0 auto;
	padding-top:12px;
	border-bottom:10px solid #e8e8e8;
	background:url("images/tnsp-diagonals.png") left top repeat-x transparent;
}

#index-posts
{
	width:568px;
	margin:0 0 0 98px;
	float:left;
}
	
	#index-posts #latest
	{
		padding:0 0 20px 0;
		font-family:Georgia, "Times New Roman", serif;
		font-size:19px;
		font-weight:bold;
		line-height:28px;
		color:#777;
		border-bottom:1px solid #ddd;
	}
	
	#body-index #index-posts #latest h2.post-title a, #previous-posts .previous-posts-row .previous-post h2.post-title a
	{
		width:568px;
		margin:0 0 10px 0;
		padding:20px 0 0 0;
		display:block;
		font-family:Helvetica, Arial, Verdana, sans-serif;
		font-size:36px;
		font-weight:bold;
		letter-spacing:-2px;
		line-height:42px;
		text-decoration:none;
		vertical-align:middle;
		color:#af3633;
		border-top:3px solid #7abdf2;
	}
	
		#body-index #index-posts #latest p:first-line
		{
			text-transform:uppercase;
		}

#index-posts #latest-meta
{
	border-bottom:1px solid #ddd;
}
	
	#index-posts #latest-meta span#index-post-date-comment
	{
		width:372px;
		padding:2px 0;
		float:left;
		font-size:11px;
		color:#999;
	}
	
	#index-posts #latest-meta span#latest-continue
	{
		width:171px;
		margin-left:20px;
		padding:2px 5px 2px 0;
		float:left;
		font-size:10px;
		font-weight:bold;
		text-transform:uppercase;
		text-align:right;
	}
	
		#index-posts #latest-meta span#latest-continue a
		{
			text-decoration:none;
		}
		
#index-extra
{
	width:254px;
	padding:35px 0 0 40px;
	float:left;
}

	#index-extra h3
	{
		padding:0 0 8px 0;
		font-family:Georgia, "Times New Roman", serif;
		font-size:19px;
		line-height:28px;
		text-transform:uppercase;
		color:#75a069;
		border-bottom:0;
	}
		
#previous-posts
{
	width:882px;
	margin-left:78px;
	padding-top:20px;
	clear:both;
	border-top:10px solid #e8e8e8;
}

#previous-posts .previous-posts-row
{
	width:882px;
	float:left;
	clear:both;
}

#previous-posts .previous-posts-row .previous-post
{
	width:274px;
	padding:0 0 20px 20px;
	float:left;
	font-family:Georgia, "Times New Roman", serif;
	font-size:12px;
	line-height:18px;
	color:#777;
}

	#previous-posts .previous-posts-row .previous-post h2.post-title a
	{
		width:274px;
		padding-top:0;
		font-size:15px;
		line-height:25px;
		letter-spacing:normal;
		color:#cf5855;
		border-top:none;
	}
	
	#previous-posts .previous-posts-row .previous-post span.previous-post-meta
	{
		margin-top:8px;
		padding-top:2px;
		display:block;
		font-family:Helvetica, Arial, sans-serif;
		font-size:11px;
		text-align:right;
		color:#bbb;
		border-top:1px solid #ddd;
	}
	
		#previous-posts .previous-posts-row .previous-post span.previous-post-meta a
		{
			text-decoration:none;
			color:#999;
		}


/* ------- Top of the site, post ID, blog title and description, search ------- */

#intro
{
	width:960px;
	margin:0 auto;
	position:relative;
}

	#intro span#post-id, #intro span#page-id
	{
		margin:0;
		padding:0;
		position:absolute;
		left:0;
		bottom:0;
		font-family:Helvetica, Arial, sans-serif;
		font-size:156px;
		font-weight:bold;
		line-height:156px;
		letter-spacing:-10px;
		text-decoration:none;
		vertical-align:top;
		color:#ddd;
	}
	
	#intro span#page-id
	{
		font-size:75px;
		letter-spacing:-5px;
		bottom:30px;
	}

#identity
{
	width:666px;
	height:156px;
	margin-left:294px;
	float:left;
}
		
	#identity h1 a
	{
		padding:25px 0 5px 0;
		display:block;
		font-family:Georgia, "Times New Roman", serif;
		font-size:24px;
		font-weight:normal;
		letter-spacing:-.5px;
		line-height:36px;
		text-align:right;
		text-decoration:none;
		text-transform:uppercase;
		color:#75a069;
	}
	
		#identity h1 a:hover
		{
			color:#86b17a;
		}
	
	span#site-description
	{
		width:274px;
		margin:0;
		padding:0;
		position:absolute;
		left:0;
		top:30px;
		display:block;
		font-family:Georgia, "Times New Roman", serif;
		font-size:12px;
		font-style:italic;
		line-height:16px;
		text-align:left;
		color:#999;
	}

#main-nav
{
	width:470px;
	margin:0;
	padding:0 0 10px 196px;
	display:block;
}

	#main-nav ul
	{
		list-style:none;
	}
	
	#main-nav ul li
	{
		padding-left:10px;
		display:inline;
		float:right;
	}
	
	#main-nav ul li a
	{
		font-family:Georgia, "Times New Roman", serif;
		font-size:12px;
		letter-spacing:-.5px;
		text-decoration:none;
		text-transform:uppercase;
		text-align:right;
	}
	
form#search-form
{
	width:274px;
	margin-left:686px;
	padding-bottom:3px;
	text-align:right;
	display:block;
	float:left;
}

	form#search-form input#s
	{
		width:168px;
		padding:3px;
		font-size:11px;
		text-align:left;
		color:#999;
		border:1px solid #ddd;
	}
	
	form#search-form input#searchsubmit
	{
		padding:1px;
		font-size:11px;
		color:#777;
		cursor:pointer;
		border:2px solid #ddd;
		background-color:#eee;
	}

/* ------- Post Summary Section ------- */
	
#summary
{
	width:960px;
	margin:0 auto;
	padding:12px 0 20px 0;
	background:url("images/tnsp-diagonals.png") left top repeat-x transparent;
}

	#summary h2.post-title, #summary h2.page-title
	{
		width:568px;
		margin:0 0 10px 0;
		padding:20px 0 0 0;
		display:block;
		font-family:Helvetica, Arial, Verdana, sans-serif;
		font-size:36px;
		font-weight:bold;
		letter-spacing:-2px;
		line-height:42px;
		vertical-align:middle;
		color:#af3633;
		border-top:3px solid #7abdf2;
		background-color:transparent;
	}
		
		#summary h2.page-title
		{
			text-transform:uppercase;
			color:#7abdf2;
		}
		
	#summary .post-summary, #summary .page-summary
	{
		width:568px;
		margin:0 20px 0 98px;
		padding-bottom:20px;
		display:block;
		float:left;
		font-family:Georgia, "Times New Roman", serif;
		font-size:19px;
		font-weight:bold;
		line-height:28px;
		color:#777;
		border-bottom:1px solid #ddd;
	}
	
	#summary .post-summary p:first-line
	{
		text-transform:uppercase;
	}

	/* ------- Post Meta Data and Navigation ------- */
	
		ul#post-info, ul#post-nav
		{
			width:137px;
			margin:0;
			padding:0;
			display:block;
			float:left;
		}
		
		ul#post-info li
		{
			width:111px;
			height:20px;
			margin:0;
			padding:5px 5px 0 21px;
			display:block;
			position:relative;
			font-size:10px;
			font-weight:bold;
			line-height:12px;
			text-decoration:none;
			text-transform:uppercase;
			color:#666;
			background:url("images/icon-post-info.png") 3px 3px no-repeat #fff;
			z-index:10;
		}
		
		ul#post-nav li
		{
			width:105px;
			height:20px;
			margin:0;
			padding:5px 5px 0 27px;
			display:block;
			position:relative;
			font-size:10px;
			font-weight:bold;
			line-height:12px;
			text-decoration:none;
			text-transform:uppercase;
			color:#666;
			background:url("images/icon-post-nav.png") 3px 1px no-repeat #fff;
			z-index:10;
		}
		
		ul#post-info li:hover
		{
			color:#7abdf2;
			background-color:#e4f2ff;
		}
		
		ul#post-nav li:hover
		{
			color:#7abdf2;
			background-color:#eaf3e5;
		}
		
		ul#post-info li a:hover, ul#post-nav li a:hover
		{
			color:#9f2522;
		}
		
			ul#post-info li ul
			{
				width:274px;
				height:auto;
				position:absolute;
				left:0;
				top:24px;
				display:none;
				border-bottom:3px solid #7abdf2;
			}
			
			ul#post-nav li ul
			{
				width:274px;
				height:auto;
				position:absolute;
				right:0;
				top:24px;
				display:none;
				border-bottom:3px solid #97c28b;
			}
			
			ul#post-info li ul li
			{
				width:264px;
				height:auto;
				padding:5px;
				position:relative;
				font-size:13px;
				font-weight:normal;
				letter-spacing:normal;
				line-height:20px;
				text-transform:none;
				vertical-align:middle;
				color:#555;
				background-image:none;
				background-color:#e4f2ff;
				z-index:1;
			}
			
			ul#post-nav li ul li
			{
				width:264px;
				height:auto;
				position:relative;
				font-size:13px;
				font-weight:normal;
				letter-spacing:normal;
				line-height:20px;
				text-transform:none;
				vertical-align:middle;
				color:#555;
				background-image:none;
				background-color:#eaf3e5;
				z-index:1;
			}
			
				ul#post-nav li ul li.nav-prev-post
				{
					width:254px;
					padding:5px 15px 5px 5px;
					text-align:right;
				}
				
				ul#post-nav li ul li.nav-next-post
				{
					padding:0 5px 10px 5px;
					text-align:right;
				}
			
			ul#post-info li ul li:hover, ul#post-nav li ul li:hover
			{
				color:#555;
			}
			
		/* I don't want to do this, but what are you going to do? */
		/* Fix IE. Hide from IE Mac \*/ 
		html ul li { float: left; }
		html ul li a { height: 1%; }
		/* End */

		ul#post-info li:hover ul, ul#post-nav li:hover ul
		{
			display:block;
		}
		
			li#post-meta
			{
				text-transform:none;
				color:#555;
			}
				
				li#post-meta span
				{
					padding-bottom:5px;
					display:block;
				}
	
#post-content
{
	width:470px;
	margin:0 auto;
	padding:0 392px 20px 98px;
}

	#post-content p, #post-comments p
	{
		padding-bottom:20px;
	}
	
	#post-content img
	{
		padding:2px;
		display:block;
		border:1px solid #7abdf2;
	}
	
	#post-content img.left
	{
		margin:0 20px 20px 0;
		float:left;
	}
	
	#post-content img.right
	{
		margin:0 0 20px 20px;
		float:right;
	}
	
	#post-content img.left1col
	{
		margin:0 20px 20px -98px;
		float:left;
	}
	
	#post-content img.right1col
	{
		margin:0 -98px 20px 20px;
		float:right;
	}
	
	#post-content img.right2col
	{
		margin:0 -196px 20px 20px;
		float:right;
	}
	
	#post-content img.right3col
	{
		margin:0 -294px 20px 20px;
		float:right;
	}
	
	#post-content img.right4col
	{
		margin:0 -392px 20px 20px;
		float:right;
	}

/* ------- Archive Posts styling ------- */

	#post-content .archive-post
	{
		padding:0 0 20px 0;
	}
	
	#post-content .archive-post h2.post-title a
	{
		margin:0 0 10px 0;
		padding:0;
		display:block;
		font-family:Helvetica, Arial, Verdana, sans-serif;
		font-size:18px;
		font-weight:bold;
		letter-spacing:-1px;
		line-height:21px;
		text-decoration:none;
		vertical-align:middle;
		color:#af3633;
	}

#post-content .archive-post .archive-meta
{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
	
	#post-content .archive-post .archive-meta span.archive-post-date-comment
	{
		width:274px;
		padding:2px 0;
		float:left;
		font-size:11px;
		color:#999;
	}
	
		#post-content .archive-post .archive-meta span.archive-post-date-comment a
		{
			text-decoration:none;
			color:#999;
		}
		
		#post-content .archive-post .archive-meta span.archive-post-date-comment a:hover
		{
			color:#c95037;
		}
	
	#post-content .archive-post .archive-meta span.latest-continue
	{
		width:171px;
		margin-left:20px;
		padding:2px 5px 2px 0;
		float:left;
		font-size:10px;
		font-weight:bold;
		text-transform:uppercase;
		text-align:right;
	}
	
		#post-content .archive-post .archive-meta span.latest-continue a
		{
			text-decoration:none;
			color:#777;
		}
		
		#post-content .archive-post .archive-meta span.latest-continue a:hover
		{
			color:#c95037;
		}

/* ------- Discussion/Comment Styling ------- */
	
#discussion-area
{
	width:960px;
	margin:0 auto;
	border-top:1px solid #ddd;
	border-bottom:10px solid #e8e8e8;
}
		
	#post-comments
	{
		width:666px;
		margin:0 auto;
		padding:0 196px 40px 98px;
		border-top:10px solid #e8e8e8;
	}
	
		#post-comments h4#comment-section-title
		{
			width:470px;
			margin:-3px 0 0 -10px;
			padding:10px 10px 0 10px;
			font-size:18px;
			font-weight:bold;
			letter-spacing:-1px;
			text-transform:uppercase;
			color:#666;
			border-top:3px solid #7abdf2;
			background-color:#fff;
		}
			

		#post-comments h4
		{
			width:470px;
			margin:0 0 0 -10px;
			padding:10px;
			font-size:18px;
			font-weight:normal;
			letter-spacing:-1px;
			text-transform:uppercase;
			color:#fff;
			background-color:#7abdf2;
		}
		
		#post-comments p.post-comments-rss
		{
			width:470px;
			margin:0 0 20px -10px;
			padding:2px 10px 10px 10px;
			font-family:Georgia, "Times New Roman", serif;
			font-size:12px;
			font-style:italic;
			color:#999;
		}
			
		#post-comments .comment-meta
		{
			width:176px;
			margin-left:20px;
			padding:10px 0 20px 0;
			display:block;
			position:relative;
			float:left;
			border-top:1px solid #ccc;
		}
		
			#post-comments .comment-meta cite
			{
				padding-right:60px;
				display:block;
			}
			
			#post-comments .comment-meta span
			{
				display:block;
			}
			
			#post-comments .comment-meta span.comment-number
			{
				position:absolute;
				top:10px;
				right:0;
				font-size:28px;
				font-weight:bold;
				color:#ccc;
			}
			
			#post-comments .comment-meta span.comment-time
			{
				color:#999;
			}
		
		#post-comments .comment-body
		{
			width:470px;
			padding:10px 0 0 0;
			display:block;
			float:left;
			border-top:1px solid #bbb;
		}
		
		/* ------- Styling for Comment Form ------- */
		
		#commentform-area
		{
			width:666px;
			padding:15px 0 0 0;
		}
		
		form#commentform
		{
		}
		
			fieldset#cf-identifiers
			{
				width:176px;
				margin:0 0 0 0;
				padding:0;
				position:relative;
				display:block;
				float:right;
			}

			fieldset#cf-content-submit
			{
				width:470px;
				border:0;
			}

			form#commentform .input-container
			{
				width:176px;
				margin:0 0 10px 0;
				position:relative;
				float:left;
			}
				
				form#commentform input
				{
					width:170px;
					padding:2px;
					color:#555;
					border:1px solid #ccc;
					border-bottom:3px solid #ccc;
					background-color:#eee;
				}

				form#commentform textarea
				{
					width:466px;
					height:270px;
					margin:0 0 10px -10px;
					padding:2px;
					border:10px solid #ccc;
					background-color:#eee;
				}

				form#commentform p.post-comments-instructions
				{
					width:352px;
					margin:0 0 0 -98px;
					padding:10px;
					float:left;
					font-family:Georgia, "Times New Roman", serif;
					font-size:11px;
					font-style:italic;
					line-height:16px;
					background:url("images/tnsp-diagonals.png") 0 0 repeat transparent;
				}
				
				form#commentform input#submit
				{
					padding:4px;
					width:auto;
					float:right;
					font-weight:bold;
					text-transform:uppercase;
					cursor:pointer;
				}

#extra-content
{
	width:960px;
	margin:0 auto;
	padding:20px 0 0 0;
	clear:both;
	border-top:1px solid #ddd;
}	

	/* ------- Styles for widgets and default extra stuff ------- */
	
	#extra-content .widget-block-wide
	{
		width:372px;
		margin:0;
		float:left;
	}
	
	#extra-content .widget-block
	{
		width:176px;
		margin-left:20px;
		float:left;
	}
	
		#extra-content .widget
		{
			margin-bottom:20px;
		}
		
			#extra-content .widget div
			{
				padding:5px;
			}
		
		#extra-content a:link
		{
			color:#07d;
		}
		
		#extra-content a:visited
		{
			color:#09f;
		}
		
		#extra-content a:hover, #extra-content a:active
		{
			color:#c95037;
		}
	
		#extra-content h3
		{
			margin-bottom:10px;
			padding:0 2px 3px 2px;
			font-size:16px;
			font-weight:bold;
			letter-spacing:-.5px;
			text-transform:uppercase;
			color:#666;
			border-bottom:2px solid #97c28b;
			background-color:#fff;
		}
		
		#extra-content ul li
		{
			padding:0 0 10px 24px;
			float:none;
		}
		
		#extra-content #recent-comments ul li
		{
			background:url("images/icon-comment.png") 4px 3px no-repeat transparent;
		}
		
		#extra-content #recent-posts ul li
		{
			font-weight:bold;
			background:url("images/icon-post.png") 4px 3px no-repeat transparent;
		}
		
		#extra-content #archives ul li
		{
			background:url("images/icon-archive.png") 1px -1px no-repeat transparent;
		}
		
		#extra-content #categories ul li, #extra-content #categories-1 ul li
		{
			background:url("images/icon-category.png") 4px 3px no-repeat transparent;
		}
		
		table#wp-calendar
		{
			width:100%;
			margin-bottom:0;
			text-align:center;
			border:0;
		}
		
			table#wp-calendar caption
			{
				padding-bottom:5px;
				text-align:center;
				font-size:11px;
				font-weight:bold;
			}
		
			table#wp-calendar th
			{
				padding:3px 0;
				font-weight:bold;
				text-align:center;
				border:0;
				border-right:1px solid #fff;
				border-bottom:1px solid #ddd;
				background-color:#eee;
			}
			
			#extra-content .widget-block table#wp-calendar th
			{
				padding:3px 0;
			}
			
			table#wp-calendar tr td
			{
				padding:8px 0;
				text-align:center;
				border:0;
			}
			
			#extra-content .widget-block table#wp-calendar td
			{
				padding:4px 0;
			}
			
			table#wp-calendar tr td a
			{
				font-weight:bold;
			}

#credits
{
	width:960px;
	margin:0 auto;
	padding:15px 0;
	clear:both;
	font-size:11px;
	line-height:16px;
	color:#999;
	border-top:3px solid #ccc;
}
	
	#credits p#site-information
	{
		width:274px;
		margin-right:20px;
		float:left;
	}
	
		#credits p#site-information a
		{
			color:#84aa55;
		}
	
	#credits p#rss-feeds
	{
		width:372px;
		margin-right:20px;
		float:left;
		font-size:17px;
		font-weight:bold;
		line-height:24px;
		text-align:center;
	}
		
		#credits p#rss-feeds a
		{
			padding-left:18px;
			text-decoration:none;
			background:url("images/icon-feed.png") 0 2px no-repeat;
		}
		
			#credits p#rss-feeds a.rss-entries
			{
				padding-bottom:5px;
			}
	
	#credits p#site-run-stats
	{
		width:274px;
		float:left;
		font-size:19px;
		font-weight:bold;
		line-height:23px;
		text-align:right;
		color:#d1d1d1;
	}