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

@import "normalize.css";

/* Global Styles */
body {
	background: #FFF url(../images/global/header.gif) repeat-x top;
	text-align: center;
	padding-top: 25px;
	font: 12px/1.4em Arial, Helvetica, sans-serif;
	color: #393939;
}

.pre {
	font-family: "Courier New", Courier, monospace;
}

.code {
	border: 1px solid #CCC;
	padding: 5px;
	margin: 10px 0px;
	display: block;
	background: #393939;
	color: #FFF;
	font-family: "Courier New", Courier, monospace;
}

acronym {
	border-bottom: 1px dotted;
	cursor: help;
}

p {
	padding: 5px 0px;
	line-height: 1.5em;	
}

a {
	color: #393939;
}

a:hover {
	color: #858920;
}

p a {
	color: #858920;
	text-decoration: underline;
}

p a:hover {
	color: #FFF;
	text-decoration: none;
	background: #858920;
}

.sup {
	position: relative;
	top: -.4em;
	text-transform: uppercase;
	font-size: .7em;	
}

.continue {
	font-size: .95em;
	text-transform: uppercase;
	text-decoration: underline;
	white-space: nowrap;
}

img#wpstats{display:none}

/* Post Info */
.post-info li {
	display: inline;
	text-transform: uppercase;
	padding: 3px 5px 3px 0px;
	font-size: 11px;
	letter-spacing: 0.1em;
	color: #707070;		
}
	
.post-info li:before {
	content: "/";
	padding-right: 5px;
}
	
.post-info li:first-child:before {
	content: "";
	padding-right: 0px;
}
		
.post-info li a {
	color: #858920;
	text-decoration: underline;
}
		
.post-info li a:hover {
	color: #FFF;
	background: #858920;
	text-decoration: none;
}

.external, .work {
	position: relative;
	margin-bottom: 30px;
}

.external a, .work a {
	position: absolute;
	right: 0px;
	bottom: 0px;
	display: block;
	background: #d0d0d0;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px 10px;
	text-decoration: none;
}

	.interior a {
		bottom: 5px;
	}
	
.interior {
	margin-bottom: 0px;
}

.external a[rel*="external"] {
	background: #d0d0d0 url(../images/global/external.png) no-repeat 10px center;
	padding-left: 30px;
}

.external a:hover, .external a[rel*="external"]:hover, .interior a:hover, .interior a[rel*="external"]:hover {
	background-color: #393939;
}

#container {
	margin: 0 auto;
	text-align: left;
	width: 980px;
}

/* Branding */
#branding {
	padding: 0px 15px 3px;
	background: url(../images/global/header-double-line.gif) repeat-x bottom;
	position: relative;
}

#branding h1 a {
	display: block;
	height: 62px;
	width: 252px;
	text-indent: -9999px;
	background: url(../images/global/logo.gif) no-repeat 0px 0px;
	color: #393939;
	position: relative;
}

#branding h1 a:hover {
	background-position: 0px -55px;
	color: #858920;
}

#branding h1 a span {
	left: 0px;
}

#branding a span {
	display: block;
	width: 252px;
	position: absolute;
	bottom: 0px;
	left: 15px;
	width: 115px;
	background: #FFF;
	text-indent: 0px;
	font-size: 9px;
	line-height: 9px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1em;
}	

#branding ul {
	position: absolute;
	left: 420px;
	bottom: 3px;
	overflow: hidden;
}

#branding ul li {
	float: left;
	position: relative;
	width: 110px;
	padding: 0px 15px;
}

#branding ul li a {
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #343434;
	display: block;
	padding-bottom: 15px;
}

#branding ul li a:hover, #branding ul li a.active {
	color: #858920;
}

/* Twitter Feed */
#twitter {
	padding: 0px 15px 0px;
	background: url(../images/global/twitter-bottom.gif) no-repeat 15px bottom;
	position: relative;
	margin: 40px 0px 0px;
}

#twitter blockquote {
	color: #e2e2e2;
	font: 32px/36px Georgia, "Times New Roman", Times, serif;
	width: 740px;
	padding: 5px 35px 10px;
	background: url(../images/global/twitter-top.gif) no-repeat 0px 0px;	
	min-height: 105px;
	height: auto !important;
	height: 105px;	
}

#twitter #bird {
	position: absolute;
	right: 15px;
	bottom: 15px;
	display: block;
	height: 110px;
	width: 110px;
	text-indent: -9999px;
	background: url(../images/global/twitter-bird-alt.jpg) no-repeat center top;
}

#twitter #bird:hover {
	background-position: center bottom;
}

/* Headings */
#heading {
	position: relative;
	padding: 40px 15px 0px;
}

#heading #section_title {		
	text-transform: none;		
	border: none;
	color: #CCCCCC;		
	width: 530px;
	padding: 0px;
	letter-spacing: normal;
	font: normal 60px/60px Georgia, "Times New Roman", Times, serif;
}

#heading #subscribe {
	background: #e5e5e5 url(../images/global/rss.png) no-repeat 15px center;
	display: block;
	color: #FFF;
	border: 1px solid #CCC;
	width: 248px;
	height: 50px;
	line-height: 50px;
	font-size: 32px;
	font-weight: bold;
	text-transform: uppercase;
	text-indent: 50px;	
	position: absolute;
	bottom: 0px;
	right: 15px;
}
	
#heading #subscribe:hover {
	background-color: #393939;
}


/* Content */
#content {
	position: relative;
	padding-top: 40px;	
}

#content:after {
	display: block;
	content: ".";
	font-size: 0px;
	height: 0px;
	visibility: hidden;
	clear: both;
}

#content h2 {
	font-size: 9px;
	line-height: 9px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
	padding: 3px 15px;
	color: #858920;
	margin-bottom: 40px;
	float: left;
	width: 950px;
}

/* Main */
#content .main {
	float: left;
	width: 530px;
	padding: 0px 15px;
	margin-bottom: 40px;	
}	

	.main h3 {
		font: 24px Georgia, "Times New Roman", Times, serif;		
	}
	
	.main h3 a {
		color: #393939;
	}
	
	.main h3 a:hover {
		color: #858920;
		text-decoration: underline;
	}
	
	.main .post_wrapper {
		border-top: 1px dashed #cccccc;		
		padding-top: 15px;
	}
	
	.main .post_wrapper:first-child {
		border: none;
	}
	
	.main .post {
		position: relative;
		padding: 20px 0px 20px 140px;	
	}	
		
		.post .category {
			position: absolute;
			top: 25px;
			left: 0px;
			display: block;
			width: 100px;
			height: 100px;
			background: #FFF;
			border: 1px solid #d0d0d0;
			padding: 4px;
		}
		
			.category a {
				background: #393939;
				color: #e5e5e5;
				padding: 4px;
				display: block;
				width: 92px;
				height: 92px;
				font-size: 30px;
				line-height: 30px;
				font-weight: bold;
				text-transform: uppercase;					
				word-wrap: break-word;
				overflow: hidden;							
			}
			
			.category a:hover {
				background: #858920;
				color: #FFF;
			}
			
		.post .continue {
			color: #858920;
		}
		
		.post .continue:hover {
			background: #858920;
			color: #FFF;
			text-decoration: none;
		}
		
	.main .post.full {
		padding-left: 0px;
	}	
		
		.post h4 {
			text-transform: uppercase;
			color: #858920;
			font-size: 14px;
			font-weight: normal;
			padding-top: 10px;
			margin-bottom: -5px;
		}	
		
		.post h5 {
			text-transform: uppercase;
			font-weight: normal;
			margin: 20px 0px 10px 0px;
			font-size: 28px;
		}
		
		.post h6 {
		
		}
		
		.post blockquote {
			border: 1px solid #CCC;
			padding: 20px 40px;
		}
		
		.post blockquote p {
			font: italic 36px Georgia, "Times New Roman", Times, serif;
			color: #CCC;
			text-indent: -.4em;		
		}
		
		.post ul {
			padding: 5px 0px 5px 15px;
		}
		
		.post ul li {
			list-style: outside disc;
			padding: 2px;
		}
		
		.post ol {
			padding: 5px 0px 5px 20px;
		}
		
		.post ol li {
			list-style: outside decimal;
			padding: 2px;
		}
		
		.post dl {
			padding: 5px 0px;
		}
		
		.post dl dt {
			text-transform: uppercase;
			font-weight: bold;
		}
		
		.post dl dd {
			padding-bottom: 10px;
		}
		
		.post em {
			font-style: italic;
		}
		
		
		
	.main .comments {
		border-top: 1px dashed #CCC;		
	}
	
		.comments .comment-title, .comments .comment-feed-link { display: none; }
	
		.comments h3 {
			padding-top: 15px;
		}
	
		.comments ol li {
			border: 1px solid #CCC;
			padding: 10px 15px 30px;
			margin: 10px 0px;	
			position: relative;		
		}
		
		.comments .reply {
			text-align: right;
			text-transform: uppercase;
			font-weight: bold;
			font-size: 10px;
			color: #858920;
			position: absolute;
			right: 15px;
			bottom: 10px;			
			padding: 0px 2px;
		}
		
			.reply:before {
				content: "+ ";
			}
			
			.reply:hover {
				color: #FFF;
				background: #858920;
			}
		
		.comments ol li ol {
			padding-left: 15px;			
		}
		
		.comments ol li li {
			background: #EEE;
		}
		
		.comments ol li li li {
			background: #DDD;
		}
		
		.comments cite, .comments h4 {
			font: 18px Georgia, "Times New Roman", Times, serif;
		}
		
		.comments cite a, .comments h4 a {
			color: #858920;
			text-decoration: underline;
			font-style: italic;
		}
		
		.comments cite a:hover, .comments h4 a:hover {
			background: #858920;
			text-decoration: none;
			color: #FFF;
		}
		
		.comments form {			
			overflow: hidden;
			padding-bottom: 40px;
		}		
		
		.comments li {
			position: relative;
			padding: 10px 0px 0px 95px;
		}
			
		.comments label {
			position: absolute;
			top: 12px;
			left: 0px;
			font: 18px Georgia, "Times New Roman", Times, serif;
			color: #393939;	
			display: block;
			text-align: right;
			width: 85px;
		}					
			
		.comments input, .comments textarea {						
			padding: 4px 3px;
			font-size: 12px;
			background: #FFF;
			border: 1px solid #cdcdcd;
			width: 274px;
		}
			
		.comments input:hover, .comments input:focus, .comments textarea:hover, .comments textarea:focus {
			border: 1px solid #393939;
		}
		
		.comments input[type="text"] {
			height: 15px;						
		}
		
		.comments input[type="submit"] {
			width: 120px;
			font-weight: bold;
			font-size: 11px;
			text-transform: uppercase;
			float: right;
			margin: 10px 153px 10px;
			text-align: center;
			cursor: pointer;
			letter-spacing: .05em;
			background: #e5e5e5;
		}
			
		.comments input[type="submit"]:hover {
			background: #393939;
			color: #FFF;
		}
		
		.comments span {
			font: italic 12px Georgia, "Times New Roman", Times, serif;
			color: #CCC;
			padding-left: 15px;
		}				
		
	.main .work {
		font-size: 18px;
	}
	
	.main #page-select {
		position: relative;
		border-top: 1px dashed #CCC;
	}
	
		#page-select li {
			display: inline;
		}
		
		#page-select #next {
			position: absolute;
			right: 0px;
			top: 5px;
			text-align: right;
		}
		
		#page-select #prev {
			position: absolute;
			left: 0px;
			top: 5px;
			text-align: left;
		}
		
		#page-select a {
			text-transform: uppercase;
			color: #858920;
			text-decoration: underline;
			padding: 0px 2px;
		}
		
		#page-select a:hover {
			color: #FFF;
			text-decoration: none;
			background: #858920;
		}
		
		.work_wrapper:after {
			display: block;
			content: ".";
			font-size: 0px;
			height: 0px;
			visibility: hidden;
			clear: both;
		}
		
		.work_wrapper li {
			float: left;
			width: 250px;
			padding: 15px 30px 15px 0px;
		}
				
		.work_wrapper li .work {
			font-size: 12px;
		}

#content .block {
	float: left;
	width: 530px;
	padding: 0px 15px;
	margin: 0px 0px 40px;	
}
	.block h3 {
		font: 32px/36px Georgia, "Times New Roman", Times, serif;		
	}
	
	.block h4 {
		font: 18px Georgia, "Times New Roman", Times, serif;
		margin: 0px;
		padding: 0px;
	}
	
	.block .quickie {
		
	}
	
		.quickie dt {
			display: inline;
			font-weight: bold;					
		}
		
		.quickie dt:after {
			content: "|";
			padding: 0px 3px;
		}
		
		.quickie dd {
			display: inline;							
		}
		
		.quickie dd:after {
			display: block;
			content: " . ";
			height: 0px;
			line-height: 0px;
			font-size: 14px;			
			visibility: hidden;
			padding: 0px 50%;																	
		}
		
	.block .inline {
		display: inline;
	}
	
		.inline li {
			display: inline;
		}
		
		.inline li:before {
			content: ",";
			margin-left: -0.25em;
			padding-right: 0.25em;
		}
		
		.inline li:first-child:before {
			content: "";
		}

#content .aside {
	float: right;
	width: 250px;
	padding: 6px 15px 0px;
	margin-bottom: 40px;
}	
	
	.aside h3 {
		color: #858920;
		font: 18px Georgia, "Times New Roman", Times, serif;
		margin: 20px 0px 5px;
	}
	
	.aside form {
		overflow: hidden;
		margin-top: 3px;
	}
	
	.aside form input {
		border: 1px solid #d0d0d0;
		font: 12px Arial, Helvetica, sans-serif;
		color: #393939;
		height: 16px;
		width: 229px;
		float: left;
	}
	
	.aside form input:hover, .aside form input:focus {
		border: 1px solid #393939;
	}
	
	.aside form button {
		text-indent: -9999px;
		display: block;
		background: url(../images/global/search.gif) no-repeat top;
		height: 18px;
		width: 19px;
		border: none;
		outline: none;
		float: right;
	}
	
	.aside form button:hover {
		background-position: bottom;
		cursor: pointer;
	}
	
	.aside ul {
		padding: 0px 0px 15px;
	}
	
	.aside li {
		border-bottom: 1px solid #d0d0d0;
		background: #FFF;
	}
	
	.aside li a {
		text-transform: uppercase;
		color: #393939;
		font-weight: bold;	
		display: block;		
		padding: 1px 3px;	
	}
	
	.aside li a:hover {
		color: #858920;	
	}
	
	.aside ol li span { display: none; position: absolute; display: none; visibility: hidden; height: 0px; font-size: 0px; }
	
	.aside .nav {
		
	}
	
		.nav li {
			width: 110px;			
			position: relative;			
		}
		
		.nav li ul {
			position: absolute;
			margin-left: 110px;
			padding-left: 30px;
			display: none;
			margin-top: -19px;			
		}
		
		.nav li:hover ul {
			display: block;
		}
				
		.nav li a {
						
		}
		
		.nav li a span {
			background: url(../images/global/arrow.gif) no-repeat right 4px;
			padding-right: 9px;
		}
		
		.nav li a:hover {
					
		}
		
		.nav li a:hover span {
			background-position: right -9px;
		}
		
		.archives:after {
			display: block;
			content: ".";
			font-size: 0px;
			height: 0px;
			visibility: hidden;
			clear: both;
		}	
		
		.archives li {
			float: left;
			width: 50%;
		}
		
#content .supp {
	float: right;
	width: 390px;
	padding: 0px 15px;
	margin: 0px 0px 40px;
}	

	.supp h4 {
		font: 18px Georgia, "Times New Roman", Times, serif;
		margin: 0px;
		padding: 0px;
	}
	
	.supp .social {
		padding-top: 5px;		
	}
	
		.social:after {
			display: block;
			content: ".";
			font-size: 0px;
			height: 0px;
			visibility: hidden;
			clear: both;
		}
		
		.social li {
			float: left;
			width: 115px;
			padding-left: 15px;
		}
		
		.social li:first-child {
			padding-left: 0px;
		}
		
		.social li a {
			display: block;
			height: 23px;
			padding-left: 32px;			
			color: #858920;
			line-height: 23px;
		}
		
		.social li a:hover {
			text-decoration: underline;			
		}
		
		.social li a#twitter-icon {
			background: url(../images/global/icon-twitter.jpg) no-repeat top left;
		}
		
		.social li a#facebook-icon {
			background: url(../images/global/icon-facebook.jpg) no-repeat top left;
		}
		
		.social li a#linkedin-icon {
			background: url(../images/global/icon-linkedin.jpg) no-repeat top left;
		}		
		
		.social li a#twitter-icon:hover, .social li a#facebook-icon:hover, .social li a#linkedin-icon:hover {
			background-position: bottom left;
		}
		
		
	.supp #quick-contact {
		background: #e5e5e5;
		border: 1px solid #cdcdcd;
		overflow: hidden;
	}
		
		#quick-contact h3 {
			background: #cdcdcd;
			color: #FFF;
			font-weight: bold;
			font-size: 12px;
			text-transform: uppercase;
			text-align: center;
			padding: 5px 0px;
		}
		
		#quick-contact li {
			position: relative;
			padding: 10px 0px 0px 95px;
		}
		
		#quick-contact label {
			position: absolute;
			top: 12px;
			left: 0px;
			font: 18px Georgia, "Times New Roman", Times, serif;
			color: #393939;	
			display: block;
			text-align: right;
			width: 85px;
		}					
		
		#quick-contact input, #quick-contact textarea {						
			padding: 4px 3px;
			font-size: 12px;
			background: #FFF;
			border: 1px solid #cdcdcd;
			width: 274px;
		}
		
		#quick-contact input:hover, #quick-contact input:focus, #quick-contact textarea:hover, #quick-contact textarea:focus {
			border: 1px solid #393939;
		}
		
		#quick-contact input[type="text"] {
			height: 15px;						
		}
		
		#quick-contact input[type="submit"] {
			width: 120px;
			font-weight: bold;
			font-size: 11px;
			text-transform: uppercase;
			float: right;
			margin: 10px 15px;
			text-align: center;
			cursor: pointer;
			letter-spacing: .05em;
		}
		
		#quick-contact input[type="submit"]:hover {
			background: #393939;
			color: #FFF;
		}
	
#content .more {
	float: left;
	width: 980px;
	margin-bottom: 40px;
	background: #d0d0d0;
}

	.more > ul {
		overflow: hidden;
		margin-left: 140px;
		background: #e5e5e5;
	}
	
	.more > ul > li {		
		float: left;
		width: 250px;
		padding: 15px;
		font-size: 11px;
	}
	
	.more > ul > li:first-child {
		border-left: 1px solid #FFF;
		width: 249px;
	}
	
	.more h3 {
		padding-bottom: 10px;
	}
	
	.more h3 a {
		font: 18px Georgia, "Times New Roman", Times, serif;
		color: #393939;
	}
	
	.more h3 a:hover {
		text-decoration: underline;
	}
	
	.more .continue {
		color: #393939;
	}
	
	.more .continue:hover {
		background: #393939;
		color: #FFF;
		text-decoration: none;
	}
	
	.more .post-info {
		border-top: 1px solid #393939;
		margin-top: 5px;
		padding-top: 5px;	
	}
	
	.more .post-info li {
		padding: 3px 0px;
		letter-spacing: normal;
	}
	
	.more .post-info li, .more .post-info li a {
		color: #393939;
		font-size: 9px;		
	}
	
	.more .post-info li:before {		
		padding-right: 3px;
	}
	
	.more .post-info li:first-child:before {
		padding-right: 0px;
	}
	
	.more .post-info li a:hover {
		background: #393939;
		color: #FFF;
	}

	.more .work {
		font-size: 12px;
	}
	
/* Events */	
#events {
	position: relative;
	background: #e5e5e5;	
	padding: 15px 15px 15px 685px;
}

#events h2 {
	color: #FFF;
	font-size: 74px;
	text-transform: uppercase;
	line-height: 89px;
	position: absolute;
	bottom: 25px;
	left: 15px;	
}

#events h2 strong {
	font-size: 140px;
	display: block;
	text-indent: -5px;
}

#events ul {
	padding-left: 15px;
	border-left: 1px solid #393939;
}

#events ul li {
	padding: 15px 0px;
}

#events ul li h3 {
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #393939;
}

#events ul li p {
	font-size: 11px;
	text-transform: uppercase;
}

#events .continue {
	color: #858920;
}
		
#events .continue:hover {
	background: #858920;
	color: #FFF;
	text-decoration: none;
}	

/* List All Works */
#list-works {
	padding: 0px 15px;
}

#list-works h2 {
	font-size: 9px;
	line-height: 9px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
	padding: 3px 15px;
	color: #858920;
	margin-bottom: 20px;
	margin-left: -15px;
	float: left;
	width: 950px;
}

#list-works em {
	font-style: italic;
}

#all-works {
	position: relative;
	width: auto;	
	border: 1px solid #CCC;
	padding: 1.5% 3%;
	margin-top: 10px;
}

#all-works:after {
	display: block;
	content: ".";
	font-size: 0px;
	height: 0px;
	visibility: hidden;
	clear: both;
}

#all-works li {
	float: left;
 	width: 23%;
	padding: 3px 2% 3px 0px;
}

#all-works a {
	color: #858920;
	text-decoration: underline;
	display: block;
}

#all-works a:hover {
	background: #858920;
	color: #FFF;
	text-decoration: none;
}

/* Footer */
#footer {
	margin: 40px 0px;	
}

#footer ul {
	border-bottom: 1px solid #393939;
	text-align: right;
	padding: 0px 15px;
}

#footer ul li {
	display: inline;
	padding-left: 6px;	
}

#footer ul li:before {
	content: "|";
	padding-right: 9px;
}

#footer ul li:first-child:before {
	content: "";
}

#footer ul li a {
	color: #393939;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 9px;
}

#footer ul li a:hover {
	color: #858920;
}

#footer p {
	float: left;
	padding-left: 15px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 9px;
}

#footer > a {
	float: right;
	padding-right: 15px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 9px;
	color: #393939;
}	

#footer > a em {
	color: #858920;
}

#footer > a:hover {
	color: #858920;
}

#footer > a:hover em {
	color: #393939;
}

/* SIMPLE MODAL */
#basic-modal-content, #basic-modal-content-error {display:none;}
#basic-modal-content h3, #basic-modal-content-error h3 {	
	color: #858920;	
	font: normal 3em Georgia, "Times New Roman", Times, serif;
}

#basic-modal-content-error h3 {
	color: #FF0000;
}

#basic-modal-content h4, #basic-modal-content-error h4 {
	color: #CCCCCC;
	margin-top: 0.5em;
	font-size: 2em;
	font-weight: normal;
}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:100px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../images/global/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}