/* CSS Document */

body, html {
	background-color:#1e1e1e;
	line-height:150%;
	color: #666666; 
	font-family:Arial;
	font-size:11px;
	margin:0px 0px 0px 0px;
	height:100% !important;
	min-height: 100%; 
}
body #bgwhite, html bgwhite { 
	background-color:#ffffff;
	line-height:150%;
	color: #666666; 
	font-family:Arial;
	font-size:11px;
	margin:0px 0px 0px 0px;
	height:100% !important;
	min-height: 100%;
}

a {
	color:#009999;
	text-decoration:none;
}
a:hover {
	color:#333;
	text-decoration:underline;
}
a:active {
	color: #FF3333;
}
#redlink {
	color:#FF3333;
	text-decoration:none;
}
#redlink:hover {
	color:#CCC;	
	text-decoration:underline;
}
#redlink:active {
	color:#009999;
}

#footer {
	margin:0px auto;
	z-index:1;
	min-height:127px;
}
#footer .footerlogo {
	padding-left:0px;
	padding-right:0px;
	text-align:left;
}
#home_footer_container {
	width:100%;
	min-height:127px;
	background-color:#F2F2F2;
	clear:both;
}

#banner-container {
	width:100%;
	height:40px;
	margin-bottom:30px;
	margin:0px;
	z-index:1;
	background-color:#000;
	text-align:center;
	white-space:nowrap;
}

.spacer {
	margin-bottom:30px;
	margin-top:0px;
}

#container {
	width:840px;
	margin:0px auto;
	z-index:1;
	padding-top:58px;
	text-align:left;

}
.header-txt {
	font-size:12px;
	padding-bottom:30px;
}
.header-txt a:hover {
	color:#ccc;
}

/****************/
/*   Projects   */
.pr_pod_container {
	width:231px;
	float:left;
	margin-bottom:30px;
	height:374px;
	background:url(../_gfx/project-card.gif);
}
.pr_pod_container_over {
	width:231px;
	float:left;
	margin-bottom:30px;
	height:374px;
	background:url(../_gfx/project-card-o.gif);
	cursor:pointer;
}
.pr_pod_banner {
	height:141px;
	padding:10px;
}
.pr_pod_body {
	padding:10px 15px 0px 15px;
	height:197px;
}
.pr_pod_title {
	font-size:12px;
	padding-bottom:15px;
	font-weight:bold;
}

.pr_pod_title a { color:#fff; }
.pr_pod_body a:hover { color:#fff; }


.pr_container {
	width:260px;
	float:left;
	padding-bottom:60px;
}
.pr_title {
	font-size:12px;
	padding-bottom:15px;
	font-weight:bold;
}
.pr_title a:hover {
	color:#ccc;
}
.pr_banner {
	height:141px;
	background-color:#000;
}
.pr_body {
	padding:15px 15px 0px 15px;
	background-color:#fff;
	height:152px;
}
.pr_body a:hover {
	color:#333;
}
.pr_foot {
	padding:10px 15px 10px 15px;
	background-color:#fff;
}
.pr_foot_sc {
	padding:11px 15px 10px 15px;
	background-color:#FF3333;
	color:#fff;
}
.black {
	color:#000;
}

.pr_foot_sc .color9 {
	color:#ffcccc;
}
.pr_foot_sc .black {
	color:#fff;
}

/****************/
/*    Users     */


.user_list {
	float:left;
	padding:20px;
	color:#666;
	width:240px;
	height:80px;
	vertical-align:top;
	text-align:left;
	line-height:13px;
}

.user_list img {
	margin-right:10px;
	float:left;
}

.user_list_over {
	float:left;
	padding:20px;
	color:#666;
	background-image:url(../_gfx/users-rollover.gif);
	width:240px;
	height:80px;
	vertical-align:top;
	text-align:left;
	line-height:13px;
}

.user_list_over img {
	margin-right:10px;
	float:left;
}

#darklink {
	color:#ccc;
	text-decoration:none;
}
#darklink:hover {
	text-decoration:underline;
}

.timecapsule_bottom {
	width:840;
	clear:both;
	height:20px;
}


/****************/
/*   gallery    */

#gallery_container {
	width:100%;
	background-color:#fff;
	text-align:center;
}


.trail {
	font-size:12px;
}


.search_input {
	height:20px;
	color:#999;
}

/************************/
/* USERS / TIMECAPSULES */



#user_pagination {
	width:840px;
	margin:0px auto;
	z-index:1;
	line-height:150%;
	padding-top:60px;
}
.user_container {
	font-size:10px;
}

.user_container .pg_number {
	margin-top:1px;
	width:33px;
	height:32px;
	z-index:3;
	float:left;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	color:#666;
	line-height:32px;
	border-right:#1e1e1e solid 1px;
}

.user_container .pg_select {
	margin-top:1px;
	width:33px;
	height:32px;
	z-index:3;
	float:left;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	color:#333;
	line-height:32px;
	background:#fff;
	border-right:#1e1e1e solid 1px;
}

.user_container .pg_select:hover {
	text-decoration:none;
}

.user_container .pg_number:hover {
	text-decoration:none;
	background-color:#000;
	color:#666;
}

.user_container .pg_next {
	margin-top:1px;
	width:33px;
	height:32px;
	z-index:3;
	float:left;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	color:#ccc;
	line-height:32px;
}

.user_container .pg_prev {
	margin-top:1px;
	width:33px;
	height:32px;
	z-index:3;
	float:left;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	color:#ccc;
	line-height:32px;
}


/****************/
/*   comment    */

#comment_container {
	background-color:#fff;
	text-align:center;
	margin-top:30px;
}

.comment_entry {
	padding-left:40px;
	width:540px;
	text-align:left;
	font-size:12px;
	float:left;
	padding-bottom:30px;
	display:inherit;
	z-index:auto;
	color:#333;
	line-height:165%;
}


.color9 {
	color:#999;
}