html { font: 62.5%/1.5 Georgia, Times, serif; color: #000; background: #fff; }
	/* html { font: 62.5%/1.5 Arial, Verdana, sans-serif; color: #000; background: #fff; } */
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

	* {
		margin: 0px;
		padding: 0px;
	}
	
	h1 {
		font-size: 2.4em;
		font-weight: normal;
		margin-bottom: 10px;
		font-variant: small-caps;
	}
	h1.post-title {
		margin-bottom: 0px;
	}
	
	h2 {
		font-size: 1.8em;
		/*font-variant: small-caps;*/
		font-weight: normal;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	h2.post-date {
		font-size: 1.4em;
		font-style: italic;
		margin-top: 0px;
		text-transform: none;
	}
	
	h3 {
		font-size: 1.6em;
		font-weight: normal;
	}

	p {
		font-size: 1.2em;
	}
	
	#page {
	
	}
		#header {
			border-bottom: 1px solid #999;
			padding-bottom: 10px;
			padding-top: 10px;
			width: 100%;
		}
		#header-content {
			margin: auto;
			width: 980px;
		}
			#logo {
				float: left;
			}

			.nav {
				float: left;
				padding-top: 10px;
			}
			.nav ul {
				float: left;
				list-style: none;
			}
			.nav ul li {
				display: inline;
				float: left;
			}
			.nav ul li a {
				/*border: 1px solid #999;*/
				float: left;
				font-size: 1.5em;
				padding: 5px;
				padding-left: 15px;
				padding-right: 15px;
			}

			#nav-main {
				margin-left: 100px;
			}

			#nav-user {
				float: right;
				list-style: none;
				margin-top: 15px;
			}
				#nav-user li {
					list-style: none;
				}
		
		#main-area {
		}
			#main-area h1 {
				line-height: 1.2em;
				
			}
		
		#content {
			margin-left: auto;
			margin-right: auto;
			margin-top: 10px;
			width: 980px;
		}
			#left-column {
				background: #E8E8E8;
				float: left;
				height: 400px;
				width: 200px;
			}

			#right-pane {
				float: right;
				width: 770px;
			}
				#page-heading {
					background: #F3F3F3;
					margin-bottom: 10px;
					padding: 10px;
				}
				
				#screen {
					clear: left;
					float: left;
				}

					#response {
						background: #F3F3F3;
						margin-top: 10px;
						padding: 5px;
						width: 310px;
					}

				#record_not_logged {
					 background: #FFFFAA;
					 display: none;
					 margin-bottom: 10px;
					 padding: 10px;
				}
				
				#record_heading {
					
					 float: left;
					
				}
				
				#record_details {
					
					float: right;
					width: 440px;
				}
				#record_signup {
					border-left: 1px solid #999;
					float: right;
					padding-left: 10px;
					width: 425px;
				}
					#record_signup h3 {
						background: none;
						color: #333;
						font-size: 2em;
						padding: 0px;
						width: 425px;
					}
				#record_login {
					float: left;
					width: 305px;
				}
					#record_login h3 {
						background: none;
						color: #333;
						font-size: 2em;
						padding: 0px;
						width: 305px;
					}
					.row {
						font-size: 1.2em;
						padding-bottom: 5px;
						padding-top: 5px;
					}

				#listings {
					/*background: #F3F3F3;*/
					float: right;
					height: 350px;
					overflow: auto;
					width: 440px;
				}

					.light {
						background: #F3F3F3;
					}

					div.current {
						background: #ffff66;
					}

					.listing {

					}

					.listing .time {
						float: left;
						width: 80px;
					}

					.listing .time p {
						color: #666;
						padding: 10px;
						padding-top: 12px;
						text-align: center;
					}

					.listing .time p strong {
						color: #666;
						font-size: 2em;
					}

					.listing a img {
						border: none;
					}

					.listing img {
						float: left;
						padding: 5px;
					}
				
				#question-comments {
					float: right;
					width: 440px;
				}
				
				p.story2 {
					padding-bottom: 5px;
					padding-top: 5px;
				}
			
			.bar {
				width: 300px;
			}
	
			#progress {
				background: #eee;
				border: 1px solid #222;
			}
			#progressbar {
				width: 0px;
				height: 24px;
				background: #333;
			}
			
		#footer {
			padding-bottom: 40px;
			margin: auto;
			width: 980px;
		}
			#footer p {
				padding-top: 10px;
			}
			#footer-menu {
				border-top: 1px solid #DDD;
				margin-top: 15px;
				padding-bottom: 10px;
				padding-top: 10px;
				border-bottom: 1px solid #DDD;
			}
			
/* Question page START */

#banner {
	background: #FFFDDD; border: 1px solid #CCC999; margin-bottom: 5px; text-align: center;
}
#banner p {
	padding: 5px;
}

#notice {
	background: #CCFFCC; border: 1px solid #CCC999; margin-bottom: 5px; text-align: center;
}
#notice p {
	padding: 5px;
}
#error {
	margin-bottom: 5px;
}


#question-button-left {
	display: none;
	border: 1px dashed #999; float: left; height: 270px; margin-right: 10px; text-align: center; width: 30px;
}
#question-button-left.wide, #question-button-right.wide {
	width: 100px;
}
#question-button-left div, #question-button-right div {
	display: none;

}
#question-button-left img, #question-button-right img {
	padding-top: 2px;
}
#question-button-left div p, #question-button-right div p {
	font-size: 0.9em;
	text-align: left;
	padding: 2px;
	padding-top: 0px;
}
#question-button-right {
	display: none;
	border: 1px dashed #999; float: right; height: 270px; text-align: center; width: 30px;
}

#question-content {
	/*float: left; margin-right: 10px; width: 895px;*/
	float: left; width: 980px;
}
#question-content.wide {
	width: 825px;
}

#response-question {
	float: left; padding-top: 10px;
}

#question-left-panel {
	float: left;
}
#question-left-panel-preview {
	float: left;
}
#question-screen img {
	border: 1px solid #999;
	padding: 2px;
}

#question-respond {
	margin-top: 10px;
}

.question-meta-with-image {
	padding-left: 370px;
}

#slideshow-box {
	margin-top: 5px;
}
#slideshow_controls {
	text-align: center;
}

#question-respond {
	width: 360px;
}

.button-respond {
	border: 1px solid #DDD;
	font-weight: bold;
	text-align: center;
	display: block;
	width: 100%;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.button-respond span {
	padding-left: 5px;
	padding-right: 5px;
}
.align-left {
	text-align: left;
	width: 16em;
}

h2 {
	margin-bottom: 4px;
}

#edit-left-box {
	float: left;
	width: 360px;
}
#edit-right-box {
	float: right;
	width: 610px;
}

/* Question page END */

/* Question list item START */

.question-list-item {
	border-bottom: 1px solid #DDD;
	padding-bottom: 5px;
	padding-top: 5px;
}
.question-list-item-top {
	border-top: 1px solid #DDD;
}
.question-screen {
	float: left;
}
	.question-screen img {
		border: 1px solid #999;
		padding: 2px;
	}
	.question-screen .small-response-button {
		border: 1px solid #DDD;
		text-align: center;
		width: 104px;
	}
	.question-screen .small-response-button a {
		text-decoration: none;
	}
	.question-screen .small-response-button a:hover {
		text-decoration: underline;
	}
.question-meta {
	padding-left: 115px;
}

/* Question list item END */

/* Account homepage START */

		h1 span {
			font-size: 0.6em;
		}
		#user-left-panel {
			float: left;
		}
		#user-friend-items {
		}
			#user-friend-items h3 {
				border-bottom: 1px solid #DDD;
				clear: left;
				margin-bottom: 5px;
			}
			.friend-item {
				clear: left;
				margin-bottom: 5px;
				padding-bottom: 5px;
			}
				.friend-item img {
					float: left;
				}
				.friend-item p {
					margin-left: 100px;
				}

		#account-feed-items {
			float: right;
			width: 710px;
		}
		#account-feed-items h2 {
			border-bottom: 1px solid #DDD;
			margin-top: 0px;
		}
		.feed-item {
			border-bottom: 1px solid #DDD;
			padding-bottom: 2px;
			padding-top: 2px;
		}
		.feed-item-top {
			border-top: 1px solid #DDD;
		}
		.feed-item h3 {
			background: none;
			color: #333;
			font-size: 1.2em;
		}
		.feed-item p {
			font-size: 1em;
			padding-left: 5px;
			padding-top: 5px;
		}
		.feed-item a, .feed-item a:link, .feed-item a:visited {
			background: none;
			color: #999;
			text-decoration: none;
		}
		.feed-item a:hover {
			text-decoration: underline;
		}
		.feed-item-project-link {
			float: left;
		}
		.feed-item .thumbnail {
			float: left;
			margin-bottom: 10px;
			padding-left: 5px;
			padding-right: 5px;
		}
		.feed-item img {
			border: 1px solid #999;
			padding: 2px;
		}

/* Account homepage END */

/* User page START */

h2 span {
	font-size: 0.6em;
}

div.top-content-block {
	border-bottom: 1px solid #DDD;
	padding-bottom: 10px;
}

#user-left-panel {
	float: left;
}

	#user-left-panel div.thumbnail {
		height: 172px;
		width: 230px;
		margin-bottom: 10px;
	}

	#user-left-panel div.thumbnail img {
		border-bottom: 1px solid #DDD;
		padding: 2px;
	}

	div.top-content-with-thumbnail {
		padding-left: 250px;
	}

	div.user-content-block {
		margin-top: 10px;
		width: 100%;
	}
	div.user-content-block-slider {
		margin-top: 5px;
	}
	div.no-content {
		height: 100px;
		margin: auto;
		margin-bottom: 20px;
		width: 400px;
	}
	div.no-content p {
		padding-top: 35px;
		text-align: center
	}

/* User page END */

/* Errors and Notices START */

.errorExplanation {
	background: #FFCCFF;
	border: 1px solid #d89595;
	padding: 10px;
}
.errorExplanation h2, .noticeExplanation h2 {
	margin-top: 0px;
	padding-top: 0px;
}
.errorExplanation ul, .noticeExplanation ul {
	margin-left: 15px;
	margin-top: 10px;
}
.errorExplanation li, .noticeExplanation li {
	font-size: 1.2em;
	padding: 2px;
}
.noticeExplanation {
	background: #CCFFCC;
	border: 1px solid #95d895;
	padding: 10px;
}

/* Errors and Notices END */

/* Signup page START */

.row label {
	display: block;
	float: left;
	width: 10em;
}
.row div.info-field {
	margin-left: 10em;
	margin-top: 5px;
}
.row div {
	float: left;
}
.row select {
	float: left;
}

#signup {
	float: left;
}
#signup-intro {
	padding-top: 10px;
}

/* Signup page END */

/* Pagination */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.pagination li{
list-style-type: none;
display: inline;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
padding-bottom: 2px;
border: 1px solid #000;
text-decoration: none; 
color: #000;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #000;
color: #000;
background-color: lightyellow;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
padding-bottom: 2px;
border: 1px solid navy;
background-color: #000;
color: #FFF;
}

.pagination li.disablepage{
padding: 0 5px;
padding-bottom: 2px;
border: 1px solid #929292;
color: #929292;
display: none;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}

/* Pagination */