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,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}
.clear {
	clear:both;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
html {
	background:#050505;
	height:100%;
}
body {
	color:#fff;
	background:#0d0d0d url(../images/page_bg.jpg) center 60px no-repeat;
	font-family:arial;
	font-size:62.5%;
	height:auto;
}
.grippie {
	display:none;
}
.form-submit {
	float:right;
}
.commentWrapper .indented .indented .indented .indented {
	margin-left:0 !important;
}
.files li a {
	padding:5px 0 8px 40px;	
	display:block;
}	
.files li.zip a {
	background:url(../images/files/zip.png) top left no-repeat;
}	
.files li.info a {
	background:url(../images/files/info.png) top left no-repeat;
}	
.comment {
	padding:25px 35px 5px 25px;
	background:#121212;
	clear:both;
	margin:20px 0;
}
	.comment img {
		float:left;
	}
	.comment p {
		padding:0 0 0 85px;
		font-size:1.3em;
		line-height:1.9em;
		color:#ddd;
		margin:0 0 15px;
	}
	.comment p.date {
	}
	.comment .commentTitle {
		font-size:1.5em;
		margin:0;
	}
	.comment-links {
		display:block;
		text-align:right;
	}
		.comment-links a {
			color:#7D97DF;
			text-decoration:none;
			margin:0 0 0 20px;
		}
		.comment-links a:hover {
			text-decoration:underline;
		}
	form {
		clear:both;
	}
	label {
		width:110px;
		float:left;
		font-size:1.3em;
	}
	input,
	textarea {
		font-size:1.3em;
		padding:3px;
	}
	.form-item {
		margin:20px 0;
	}
#commentWrapper {
	width:646px;
	margin:60px 12px;
	clear:both;
}
	#commentWrapper h2 {
	font-size:3em;
	color:#777;
	font-weight:bold;
}
#commentWrapper,
#comment-controls,
.box {
	clear:both;
}
#edit-comment {
	width:526px !important;
	height:200px;
}
textarea {
	font-family:arial;
	font-size:1.4em;
}
.node-form {
	padding:20px;
}
	.node-form label,
	.form-item a {
		padding:4px;
		font-size:1.3em;
	}
	.node-form .form-text {
		padding:4px;
		width:700px;
	}
	.node-form fieldset {
		border:1px solid #555;
		padding:10px 20px;
		margin:0 0 20px;
		background:#191919;
	}
	.node-form .description {
		color:#666;
		padding:3px;
		font-size:1.2em;
	}
	.node-form a {
		color:#ccc;
		padding:4px;
		font-size:1.3em;
	}
	.node-form textarea {
		font-family:arial;
		font-size:1.3em;
		padding:5px;
	}

.breadcrumb {
	width:960px;
	margin:0 auto;	
}
	.breadcrumb ul {
		width:auto;
		float:left;
		border:1px solid #202020;
		border-top:none;
	}
		.breadcrumb li {
			padding:5px 10px 5px 5px;
			display:block;
			float:left;
			background:url(../images/bread_bg.jpg) center right no-repeat;
		}
.taxomony li {
	display:inline-block;
}
	.hfContent {
		width:960px;		
		margin:0 auto;
	}
	#header {
		background:#050505 url(../images/top_bar.jpg) top left repeat-x;
		height:35px;
		padding:0 0 5px;
	}
		#header .hfContent h2 a {
			height:20px;
			padding:10px 0;
			text-indent:-9009px;
			width:155px;
			float:left;
			display:block;
			background:url(../images/logo_left.jpg) 0 10px no-repeat;
		}
		#header .hfContent .strapLine {
			height:20px;
			padding:10px 0;
			text-indent:-9009px;
			width:317px;
			float:right;
			display:block;
			background:url(../images/logo_right.jpg) 0 10px no-repeat;
		}
			#header .hfContent h2 a:focus {
				background-position:1px 11px;		
				outline:none;				
			}
	#content {		
		padding:80px 0 30px;
		width:980px;
		margin:0 auto;
	}
		#content a {
			text-decoration:none;
			color:#9BA1BF;
			display:block;
		}
		#content a:hover {
			text-decoration:underline;
		}
		#mainNav {
			float:right;
			margin:-40px 20px 0 0;
		}
			#mainNav li {
				display:inline-block;
				font-size:1.4em;
			}
				#mainNav li a {
					display:inline-block;
					color:#a7a7a7;
					font-weight:bold;
					line-height:1.4em;
					margin:0 20px 0 10px;
					text-decoration:none;
					text-transform:uppercase;
				}	
				#mainNav li a:hover {
					border-bottom:2px solid #a7a7a7;
					text-decoration:none;
				}	
		.textContent {
			margin:0 12px;
			width:620px;
			float:left;
			clear:both;
			color:#a7a7a7;
		}
		.textContent strong {
			font-weight:bold;
		}
		.textContent em {
			font-style:italic;
		}
		.textContent a {
			color:#77AED7;
			text-decoration:none;
		}
			.textContent a:hover {
				text-decoration:underline;
			}
		.textContent ul,
		.textContent ol {
			margin-left:10px;
		}
		.textContent p,
		.textContent ul,
		.textContent ol,
		.textContent h3,
		.textContent h4,
		.textContent h5,
		.textContent h6,
		.textContent pre,
		.textContent blockquote {
			margin:0 0 15px;
			line-height:1.5;
		}
		.textContent h3,
		.textContent h4,
		.textContent h5 {
			font-weight:bold;
		}
		.textContent h3 {
			font-size:2.6em;
		}
		.textContent h4 {
			font-size:2em;
		}
		.textContent h5 {
			font-size:1.6em;
		}
		.textContent ul li {
			list-style-type:disc;
			list-style-position:inside;
		}
		.textContent ol li {
			list-style-type:decimal;
			list-style-position:inside;
		}
		.textContent li {
			margin:0 0 5px;
		}
		.textContent p,
		.textContent li {
			font-size:1.5em;
		}
		.textContent li li {
			font-size:1em;
		}
		.textContent .intro {
			font-size:1.8em;
			font-weight:bold;
			color:#888;
		}
		.textContent p {
			margin:0 0 20px;
			line-height:1.7em;
		}
		.textContent pre {
			margin:0 0 20px;
			line-height:1.7em;
			font-size:1.5em;
			display:block;
			padding:20px;
			background:#222;
		}
		body #content p a{
			display:inline-block;			
		}
		.textContent .niceQuote {
			padding:5px 0 0 60px;
			font-size:1.8em;
			background:url(../images/quote_left.jpg) 0 0 no-repeat;
		}
		.textContent .niceQuote blockquote {
			padding:0 50px 0 0;
			line-height:1.2em;
			font-weight:bold;
			background:url(../images/quote_right.jpg) bottom right no-repeat;
		}
		.page h1 {
			font-size:6em;
			float:left;
			text-transform:uppercase;
			font-weight:bold;
			color:#777;
			margin:-20px 0 20px 10px;
		}
		.page h1.portfolio {
			margin:-20px 0 0 10px;
		}
		.page div.portfolio {
			width:700px;
			margin-bottom:20px;
		}
		h2.pageSubTitle,
		.page h3.subTitle {
			font-size:2.3em;
			line-height:1em;
			float:left;
			text-transform:uppercase;
			font-weight:bold !important;
			color:#373737;
			margin:-14px 0 30px 5px;
		}
		h2.pageSubTitle {
			margin-top:-8px;
			color:#474747;
		}
		.page .colWrap h3.subTitle {
			margin:-30px 0 10px;
			color:#555;
		}
		#homeIntro {
			margin:0 10px 50px;
		}
		#homeIntro .replace {
			margin:0 0 20px;
			text-indent:-9009px;
			background:url(../images/home_intro.jpg) top left no-repeat;
			height:91px;
			width:100%;
		}
		#homeIntro p {
			font-size:2.6em;
			font-weight:bold;
			width:600px;
			color:#848484;
		}
		#homeIntro a {
			font-weight:normal;
			color:#848484;
			display:inline-block;
		}
		.sideCol {
			float:left;
			width:300px;
		}
		.colListing h3 {
			width:100%;
			border-bottom:2px solid #272727;
		}
		.colListing .col .col h3 {
			margin:10px 0;
			border-bottom:none;
		}
		.colListing h3,
		.subTitle {
			font-size:1.5em;
			font-weight:bold;
			text-transform:uppercase;
			color:#848484;
			padding:0 0 2px;
			margin:0 0 10px;
		}
			.colListing .col h3 a {
				font-weight:bold;
				color:#848484;
				display:block;
				text-decoration:none;
			}
				.colListing .col h3 a:hover {
					text-decoration:none;
				}
				.colListing .col:hover h3 {
					border-bottom:2px solid #848484;
				}
				.colListing .col:hover a img {
					border:2px solid #848484;
				}
		.colListing .col li a,
		.colListing .col p {
			font-size:1.3em;
			font-weight:bold;
			color:#848484;
			margin:0 0 10px;
			display:block;
			text-decoration:none;
		}
		.colListing .col a:hover {
			text-decoration:underline;
		}
		.colListing .col a img {
			padding:2px;
			margin:0 0 6px;
			border:2px solid #272727;
		}
			.colListing .col a:hover img {
				border:2px solid #878787;
			}
	#footer {
		clear:both;
		background:#050505 url(../images/bottom_bar.jpg) top left repeat-x;
		padding:15px 0 50px;		
	}
		#footer p {
			font-size:1.1em;
			color:#848484;
			width:50%;
			float:left;
			text-transform:uppercase;
		}
		#footer .center {
			margin:0 5%;
			text-align:center;
		}
		#footer .right {
			text-align:right;
		}
		#footer a {
			color:#848484;
			text-decoration:none;
		}
			#footer a:hover {
				text-decoration:underline;
			}
	
	
	
	
/*************************
******** COLUMNS *******
*************************/
.colWrap {
	width:100%;
	float:left;
}
.colOne {
	width:320px;
	float:right;
}
.col {
	float:left;
	margin:0 0 30px;
}
.colThree .col,
.homepage .col {
	margin:0 12px 20px;
}
.colOne,
.colThree .col {
	width:300px;
}
