@charset "utf-8";
/* CSS Document */

body {
}

.centered {
	margin-left: auto;
	margin-right: auto;
}

.fixed-width {
	width: 960px;
}

.underline {
	border-bottom: 1px dotted #DDD;
	margin-bottom: 20px;
}

.overline {
	border-top: 1px dotted #DDD;
	padding-top: 20px;
	margin-top: 10px;	
}

.abst {
	position: absolute;
	top: 15px;
}

.absl {
	position: absolute;
	left: 15px;
}

.absb {
	position: absolute;
	bottom: 15px;
	margin-bottom: 0;
}

.absr {
	position: absolute;
	right: 15px;
}

#page-container {
	text-align: left;
}

	#footer-container {
	}

#header-menu {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

.menu {
	padding: 0;	
}

ul.inline-menu li {
		display: inline;
		margin-right: 10px;
		border-right: 1px solid #EEE
}

	ul.inline-menu li a {
		margin-right: 10px;	
		border-bottom: none
	}
	
		p a, ul li a {
			text-decoration: underline;	
		}
	
	.lgrey-inner a {
		color: #333	
	}

	.dgrey-inner a {
		color: #eee	
	}
	
	ul.inline-menu li.active a,
	ul.inline-menu li a:hover {
		color: #FFF;
	}

	ul.inline-menu li.last {
		margin-right: 0;
		border: none;
	}

.unstyled-list {
	list-style: none;
	padding-left: 0;
}

/* columns */

.column {
	display: block;	
	float: left;
	/*border-right: 1px solid #0FF;*/
	margin-right: 18px;
	padding-right: 3px;
}

.column-inner {
	padding: 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color:#EEE;
	margin-bottom: 20px;
	color: #373737;
	position: relative;
}

	.good-inner {
		border: 3px double #33CC66 !important;
		background: #91f587 !important; 
	}

	.black-inner {
		background: #171717;
		color: #eee;
	}
	
		.black-inner a {
			color: #eef
		}

	.white-inner {
		background: #FFF;
		color: #373737
	}
	
		.pull-quote span {
			display: block;
			background: transparent url(../images/comment-nipple-white.png) 80% 0% no-repeat;
			padding-top: 20px;
			padding-right: 190px;
			font-size: 0.8em;
		}
		
			.right-quote span {
				padding-right: 10px;
				padding-left: 240px;
				background-position: 35% 0%;
			}

			.blue-quote span {
				background-image: url(../images/comment-nipple-blue-r.png);
				padding-bottom: 10px;
			}
	
			.white-quote span {
				background-image: url(../images/comment-nipple-white.png);
			}

		.column-inner .pull-quote q {
			margin-bottom: 0;	
		}
		
	.lgrey-inner {
		background: #B4B4B4;
		color: #272727
	}

	.dgrey-inner {
		background: #676767;
		color: #eee;
	}
	
	.trans-inner {
		background: transparent;
		padding: 0 0 20px 0;
		color: #979797
	}
	
	.black-border {
		border: 1px solid #050505;	
	}
	
		 a.black-border {
			color: #050505 !important	
		}
		
	.white-border {
		border: 1px solid #FFF;	
	}
	
		 a.white-border {
			color: #FFF	
		}		


	.column-first {
		clear: left;
	}
	
	.column-last {
		margin-right: 0 !important;
		padding-right: 0 !important;
		border-right: none;
	}

.column-6-1 {
	width: 142px;	
}

.column-6-2 {
	width: 305px;	
}

.column-6-3 {
	width: 468px;	
}

.column-6-4 {
	width: 632px;	
}

.column-6-5 {
	width: 788px;	
}

.column-6-6 {
	width: 960px;	
}


#l-column,
#r-column {
	  float: left;
	  z-index: 2;
	  position: relative;
	  width: 150px;
}

	#l-column {
		margin-left: 10px;
	}

	#r-column {
		margin-right: 10px;	
		width: 240px;
		float: right;
	}
	
		#r-column img {
			max-width: 100%;
			margin: 0;
		}

.sidebars #m-column {
	margin: 0 -250px 0 -160px;
}

.sidebar-left #m-column {
	float: left;
	margin: 0 -0 0 -160px;
}

.sidebar-right #m-column {
	float: left;
	margin: 0 -250px 0 -0;
}

#c-main {
	margin-top: 25px;
	padding-top: 17px;
	border: 10px solid #FFF;
	background-color: #000;
	background-position: top center;
	background-repeat: no-repeat;
}

.wireframe-image {
	position: absolute;
	top: 0;
	left: 0;
}