/* MARKUP 
----------------------------------------------------------------------------------------------------*/
html
{
	height: 100%;
}

body 
{
	height: 100%;
}

strong
{
	font-weight: bold;
}

/* LAYOUT 
----------------------------------------------------------------------------------------------------*/
.aspnet-form
{
	height: 100%;
}

#wrapper
{
    position: relative;
    height: auto !important;
    min-height: 100%;
    height: 100%;
}

#gutter-fluid
{
	background-color: #151A22;
	background-image: url(/images/header-background.jpg);
	background-position: left bottom;
	background-repeat: repeat-x;
}

	#gutter-wrapper
	{
	}

		#gutter
		{
		}
	
			#logo-main
			{
				margin: 14px 0px 14px 0px;
				font-size: 2.5em;
				text-decoration:none;
				text-transform: uppercase;
			}
			
				#logo-main a
				{
					text-decoration: none;
					color: #fff;
				}
				
				#logo-main a:hover,
				#logo-main a:active
				{
					color: #536E91;
				}

#fold-fluid
{
	background-color: #7DBDF7;
	text-align: center;
	/*padding-bottom: 30px;*/
	/*background-image: url(/images/tear-top.png);*/
	background-image: url(/images/fold-bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	/*background-repeat: no-repeat;*/
	width: 100%;
}

	#fold-wrapper
	{
	}

		#fold
		{
		}
		
	#fold-tear
	{
		text-align: center;
		height: 30px;
		background-image: url(/images/tear-top.png);
		background-position: left bottom;
		background-repeat: repeat-x;
		width: 100%;
	}
	
	.fold-image
	{
		text-align: left;
	}

	#fold-image
	{
		margin-top: 30px;
		margin-bottom: 10px;
	}
		
#home-image
{
	margin-top: -20px;
}

#content-fluid
{
	padding-bottom: 80px;
}

	#content-wrapper
	{
	}

#push
{
	height: 110px;
	clear: both;
}

#footer-fluid
{
	position: relative;
	height: 110px;
	margin-top: -110px;
	background-color: #f5f5f5;
	/*background-image: url(/images/tear-bottom.png);*/
	background-image: url(/images/footer-bg.jpg);
	background-position: top;
	/*background-repeat: repeat-x;*/
}

	#footer-wrapper
	{
	}

		#footer
		{
			font-size: 1.8em;
			font-weight: bolder;
			color: #999;
			text-transform: uppercase;
			text-align: center;
			/*line-height: 100px;*/
			padding-top: 20px;
		}
		
			#footer span
			{
				font-weight: normal;
			}
			
	#footer-tear
	{
		background-image: url(/images/tear-bottom.png);
		background-position: 0px 0px;
		background-repeat: repeat-x;
		height: 30px;
	}


/* NAVIGATION 
----------------------------------------------------------------------------------------------------*/
#nav ul li
{
	float: left;
}

	#nav ul li a
	{
		display: block;
		text-decoration: none;
		margin-right: 10px;
		padding: 10px;
	}
	
	#nav ul li a.selected,
	#nav ul li a:hover
	{
		background: #ffffff; /* use background instead of background -color because of ie7 bug */
	}


/* LISTS
----------------------------------------------------------------------------------------------------*/
.tags,
.archive,
.popular,
.blogroll,
.bookmarks
{
	margin-bottom: 30px;
}

.tags,
.archive
{
}

	.tags li,
	.archive li
	{
		clear: both;
	}
	.tags a,
	.archive a
	{
		float: left;
		display: block;
		padding: 8px 8px 6px 28px;
		background-color: #f5f5f5;
		width: 104px;
		margin-bottom: 1px;
	}
	
	.tags a:hover,
	.archive a:hover
	{
	}

	.tags a
	{
		background-image: url(/images/tag.png);
		background-repeat: no-repeat;
		background-position: 6px 6px;
	}

	.archive a
	{
		background-image: url(/images/archive.png);
		background-repeat: no-repeat;
		background-position: 6px 6px;
	}
	
	.popular .comments
	{
		float: right;
		font-size: .9em;
		padding: 0px;
		margin: 0px;
		padding-left: 18px;
		background-image: url(/images/comment-blue.png);
		background-repeat: no-repeat;
		background-position: left 2px;
	}
	
	.popular .date
	{
		float: left;
		font-size: .9em;
		color: #999;
		margin-bottom: 2px;
	}
	
	.popular li
	{
		margin-bottom: 10px;
	}

	.popular .title
	{
	}
	
	.blogroll li a,
	.bookmarks li a 
	{
		display: block;
		margin-bottom: 10px;
		/*background-color: #fff;*/
	}


/* POSTS
----------------------------------------------------------------------------------------------------*/
.post-wrapper
{
	text-align: left;
}

.post-wrapper h1,
.post-wrapper h2
{
	clear: both;
	padding: 0px;
	margin: 30px 0px 10px 0px;
}

	.post-wrapper h1 a,
	.post-wrapper h2 a
	{
		color: #323847;
	}
	
	.post-wrapper h1 a:hover,
	.post-wrapper h2 a:hover
	{
		color: #536E91;
		text-decoration: none;		
	}
	
	#fold .post-wrapper h1 a
	{
		color: #fff;
	}
	
	#fold .post-wrapper h1 a:hover
	{
		color: #536E91;	
	}

.byline
{
	background-color: #536E91;
	padding: 7px;
	overflow: hidden;
}

#fold .byline
{
	background-color: #323847;
}

	.byline .by
	{
		float: left;
		font-size: 1.1em;
		color: #9ABAED;
	}
			
		.byline .by a
		{
			color: #fff;
			text-decoration: none;
		}
			
		.byline  a.comments
		{
			float: right;
			display: block;
			font-size: 1.1em;
			color: #fff;
			padding: 0px;
			margin: 0px;
			padding-left: 18px;
			background-image: url(/images/comment-white.png);
			background-repeat: no-repeat;
			background-position: left 2px;
		}

.post-wrapper .teaser-link
{
	display: block;
	width: 140px;
	font-size: 1.1em;
	color: #fff;
	background-color: #323847;
	text-align: center;
	text-decoration: none;
	padding-top: 6px;
	padding-bottom: 6px;
	position: relative;
	left: 400px;
}

#fold .post-wrapper .teaser-link
{
	background-color: #536E91;
}

.teaser-link:hover,
.teaser-link:active
{
	color: #9ABAED;
}

.navigation a
{
	display: block;
	font-size: 1.2em;
	width: 140px;
	margin-top: 50px;
}

	.navigation .left
	{
		float: left;
		padding: 8px 0px 8px 0px;
		text-align: center;
		background-image: url(/images/navigation-left.png);
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	.navigation .right
	{
		float: right;
		padding: 8px 0px 8px 0px;
		text-align: center;
		background-image: url(/images/navigation-right.png);
		background-repeat: no-repeat;
		background-position: right center;
	}
.screenshot
{
	border: none;
}

.screenshot img
{
	display: block;
	border: solid 10px #323847;
	margin-bottom: 30px;
}


/* COMMENTS
----------------------------------------------------------------------------------------------------*/
.comments
{
	margin-top: 15px;
	padding-bottom: 50px;
}

.comments .comment
{
	float: left;
	clear: both;
	width: 540px;
	margin-bottom: 5px;
}

	.comment-header
	{
		width: 530px;
		background-color: #eee;
		padding: 5px;
		line-height: 1em;
	}
	
	.admin-comment .comment-header
	{
		background-color: #2B313E;
	}

		.comment-header .gravatar
		{
			float: left;
			display: block;
			widht: 30px;
			height: 30px;
		}
		
		.comment-header .by
		{
			float: left;
			display: block;
			color: #666;
			margin-top: 10px;
			margin-left: 8px;
		}
		
		.admin-comment .comment-header .by
		{
			color: #9ABAED;
		}
		
			.comment-header .by a
			{
			}
			
			.admin-comment .comment-header .by a
			{
				color: #fff;
			}
		
		.comment-header .sequence
		{
			float: right;
			display: block;
			background-color: #ccc;
			width: 25px;
			color: #fff;
			text-align: center;
			text-decoration: none;
			line-height: 24px;
			margin-top: 3px;
			margin-right: 3px;
		}

		.comment-header .sequence:hover,
		.comment-header .sequence:active
		{
			background-color: #999;
		}
		
		.admin-comment .comment-header .sequence
		{
			background-color: #384152;
			/*background-color: #1B1F27;*/
			color: #9ABAED;
		}
		
		.admin-comment .comment-header .sequence:hover,
		.admin-comment .comment-header .sequence:active
		{
			background-color: #1B1F27;
		}

		.comment-text
		{
			width: 500px;
			padding: 20px;
			background-color: #f5f5f5;
			line-height: 1.6em;
		}
		
		.admin-comment .comment-text
		{
			background-color: #9ABAED;
		}

	
/* COMMENT FORM
----------------------------------------------------------------------------------------------------*/
.comment-form dt
{
	font-size: 1.2em;
	padding-bottom: 3px;
	font-weight: bold;
}

.comment-form dt small
{
	color: #999;
	font-size: .9em;
	font-weight: normal;
}

.comment-form dd
{
	padding-bottom: 15px;
}

.comment-form .text-box,
.comment-form .text-box-multi
{
	border: solid 1px #ddd;
	font-family: Arial, Sans-Serif;
	padding: 8px 8px 8px 38px;
	font-size: 1.2em;
}

.comment-form .text-box
{
	width: 300px;
}

.comment-form .text-box-multi
{
	width: 490px;
	height: 100px;
}

.comment-form .name
{
	background-image: url(/images/input-name.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.comment-form .email
{
	background-image: url(/images/input-email.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.comment-form .website
{
	background-image: url(/images/input-link.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.comment-form .comment
{
	background-image: url(/images/input-comment.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#comment-char-count
{
	float: right;
	text-align: right;
	color: #999;
	font-size: 1.1em;
}

.form-buttons
{
	margin-top: 20px;
}

.form-buttons .submit-button
{
	width: 150px;
	height: 40px;
	color: #333;
	line-height: 30px;
	font-size: 1.5em;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	letter-spacing: -1px;
}

.validation-summary
{
	background-color: #f5f5f5;
	border: solid 1px #eee;
	padding: 1px 0px 1px 0px;
	margin-bottom: 20px;
}

.validation-summary li
{
	margin: 15px 10px 15px 10px;
	padding: 2px 0px 2px 26px;
	color: #cc3300;
	background-image: url(/images/error.png);
	background-repeat: no-repeat;
	background-position: left top;
}














































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */