html, body, div, img, form, fieldset, ul, ol, li, h1, h2, h3, dt, dd {
	margin: 0;
	padding: 0;
	border: 0; }

body {
	background: #2b3137 url("/img/bg.jpg") repeat;
	color: #2b3137;
	font: normal 10pt "Verdana", "Arial", "Helvetica", sans-serif; }
	
/*-----------------------------------------------------
	Text / Headings
-----------------------------------------------------*/
	
a:link, a:active {
	color: #80b4ce;
	text-decoration: underline; }
	
	a:visited { color: #86a9ba; }
	a:hover { text-decoration: none; }
	
h1 {
	font-size: 30pt;
	position: absolute;
	top: 20px;
	left: 0; }
	
	h1 a:link, h1 a:active, h1 a:visited {
		color: #ffffff;
		font-weight: normal;
		text-decoration: none; }
		
	h1 a span { color: #cbf177; }
	h1 a:hover span { color: #ffffff; }
	
h2 { 
	font-size: 18pt;
	font-weight: normal; }

	h2 a:link, h2 a:active, h2 a:visited { 
		color: #99c747;
		text-decoration: none; }
		
	h2 a:hover { color: #80b4ce; }
	
h3 { font-size: 12pt; }

p { 
	margin: 0 0 15px 0;
	line-height: 150%; }
	
li { line-height: 150%; }

/*-----------------------------------------------------
	Forms
-----------------------------------------------------*/

input[type="text"], textarea, select {
	padding: 5px;
	font: normal 10pt "Verdana", "Arial", "Helvetica", sans-serif;
	border-right: 1px solid #d0d4d6;
	border-bottom: 1px solid #d0d4d6;
	border-left: 1px solid #a6afb3;
	border-top: 1px solid #a6afb3;
	color: #a2a2a2; }
	
	input[type="text"]:focus, textarea:focus, select:focus { color: #2b3137; }

.input { margin-bottom: 10px; }

	.input label {
		display: block;
		font-weight: bold;
		padding-bottom: 1px; }
		
.submit { margin-top: 15px; }
		
	.process  {
		background: url("/img/button.gif") bottom left repeat-x;
		border: 1px solid #a6afb3;
		padding: 3px 10px 4px 10px;
		color: #464e56;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer; }
	
	.process:hover { background: #e8ebed; }
		
.error-message { 
	color: #e21212; 
	padding-top: 5px;
	font-size: 8pt; }

.message { 
	margin-bottom: 15px;
	border: 1px solid #cbf177;
	background: #f1ffd4;
	padding: 10px;
	color: #262e09; }
		
#ContactAddForm input[type="text"] { width: 75%; }
#ContactAddForm textarea { width: 98%; }
	
/*-----------------------------------------------------
	Header / Menu
-----------------------------------------------------*/
	
#header {
	height: 90px;
	position: relative; }
	
#search {
	position: absolute;
	right: 0;
	bottom: 15px; }
	
	#search input[type="text"] {
		padding: 5px;
		border: 1px solid #3c4349;
		color: #e2e6e8;
		width: 188px;
		background: #16181a; }
		
	#search input[type="image"] { margin: 0 5px -7px 0; }
	
#menu { 
	background: url("/img/menu_divider.png") top right no-repeat; 
	padding-top: 1px;
	list-style: none;
	margin-bottom: 25px; }

	#menu li {
		background: url("/img/menu_divider.png") bottom right no-repeat; 
		padding-bottom: 1px; }

	#menu li a {
		display: block;
		padding: 5px 15px;
		text-align: right;
		font-size: 11pt;
		font-weight: bold;
		text-decoration: none;
		color: #e2e6e8; }
		
		#menu li a:hover {
			color: #ffffff;
			background: url("/img/menu_bg.png") top right repeat-y; }
		
		#menu li.active a {
			color: #cbf177;
			background: url("/img/menu_bg.png") top right repeat-y; }

/*-----------------------------------------------------
	Structure
-----------------------------------------------------*/	

#wrapper {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden; }
	
#left,
#right {
	width: 200px;
	float: left; }
	
#middle,
#wide {
	width: 670px;
	float: left;
	padding: 15px;
	background: #ffffff; }
	
	#wide { width: 870px; }
	
#footer {
	padding: 15px;
	text-align: center;
	color: #a2a2a2; }
	
	#footer span { color: #5a5f63; }
	
#title { margin-bottom: 15px; }

.col {
	width: 50%;
	float: left; }

.col3 {
	width: 33%;
	float: left; }

/*-----------------------------------------------------
	Sidebars
-----------------------------------------------------*/	
	
#spotlight {
	padding: 15px;
	color: #262e09;
	background: #6a8d0d url("/img/spotlight.jpg") top left no-repeat; }
	
	#spotlight p { margin: 5px 0 15px 0; }
	
	#spotlight a {
		background: #b6db60;
		color: #262e09;
		padding: 5px;
		text-decoration: none; }
		
		#spotlight a:hover { background: #cbf177; }

#twitterFeed { list-style: none; }
#twitterFeed li { margin-top: 10px; }

#twitter,
#linkedIn,
#resume {
	display: block;
	height: 22px;
	background: url("/img/icon_twitter.png") top left no-repeat;
	padding-left: 30px;
	padding-top: 2px;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
	color: #e2e6e8;
	margin-bottom: 5px; }
	
	#linkedIn { background: url("/img/icon_linked_in.png") top left no-repeat; }
	#resume { background: url("/img/icon_resume.png") top left no-repeat; }
	#twitter:hover, #linkedIn:hover, #resume:hover { color: #cbf177; }
		
.module {
	background: #e8ebed;
	border-left: 1px solid #d0d4d6;
	padding: 15px; }
	
	.module .list li { margin-top: 5px; }
	
.moduleAlt {
	padding: 15px 15px 15px 16px;
	color: #a2a2a2; }
	
.ad {
	text-align: center;
	padding: 15px 10px; }

/*-----------------------------------------------------
	Entries
-----------------------------------------------------*/	
		
.entry,
#archivesWrap {
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #e2e6e8; }
	
	.entry h2 { padding: 5px 0 0 0; }
		
.entryMeta {
	margin-bottom: 10px;
	color: #a2a2a2; }
	
	.entryDate {
		float: left;
		width: 54px;
		height: 44px; 
		margin-right: 10px;
		text-align: center;
		line-height: 115%;
		font-weight: bold;
		padding-top: 10px;
		background: url("/img/entry_date.jpg") no-repeat; }
		
		.entryDate span {
			color: #2b3137;
			font-size: 14pt;
			font-weight: normal; }

.entryBody { line-height: 150%; }
#entryHeader { margin-bottom: 20px; }

#adBlog { 
	float: right;
	width: 250px;
	height: 250px;
	margin: 0 0 15px 15px; }
			
#topics { 
	width: 200px; 
	float: right; }
	
	#topics h3 { margin-bottom: 10px; }
	
#tags { 
	margin-bottom: 15px;
	width: 430px;
	border: 1px solid #cbf177;
	background: #f1ffd4;
	padding: 15px 10px; }
	
	#tags a { 
		line-height: 25%; 
		padding: 3px;
		color: #262e09; }

#archives { 
	margin-bottom: 15px;
	width: 450px; }
		
	#archives table { width: 100%; }

	#archives table td { 
		width: 7%; 
		padding: 3px;
		font-weight: bold; }
		
	#archives table td.alt { 
		font-weight: normal;
		background: #f7fcff;
		border: 1px solid #e2e6e8; }
	
	#archives table td.year { 
		width: 16%;
		border: 1px solid #cbf177;
		background: #f1ffd4;
		text-align: right;
		padding-right: 5px; }
		
#relatedEntries { margin-top: 25px; }
#relatedEntries ul { margin-left: 25px; }

/*-----------------------------------------------------
	Comments
-----------------------------------------------------*/	
		
#addComment {
	background: #e8ebed;
	border: 1px solid #d0d4d6;
	padding: 15px;
	margin-top: 20px; }
	
	#commentLeft {
		width: 325px;
		float: left; }
		
	#commentRight {
		width: 500px;
		float: right; }
		
	#addComment input[type="text"] { width: 95%; }
	#addComment textarea { width: 98%; height: 200px; }

#comments { margin-top: 15px; }
#comments .message { margin: 15px 0 0 0; }

#comments ul { 
	margin: 20px 0;
	list-style: none;
	border-top: 1px solid #e8ebed; }
	
	#comments li { 
		padding: 10px;
		border-bottom: 1px solid #e8ebed; }
		
	#comments li.alt { background: #f8f8f8; }

.commentMeta {
	float: left;
	width: 255px;
	line-height: 130%; }
	
.commentBody {
	float: left;
	width: 595px; }
	
.commentAvatar {
	float: left;
	margin-right: 10px; }
	
a.commentNo {
	float: right;
	margin: 0 0 10px 10px;
	color: #e8e8e8;
	text-decoration: none;
	font-size: 20pt;
	font-weight: bold; }
	
/*-------------------------------------
	Portfolio
-------------------------------------*/

.client {
	margin-bottom: 25px;
	clear: both; }
	
	.clientThumb {
		float: left;
		margin-right: 10px; }
		
	.clientThumb a {
		background: #f1ffd4;
		padding: 4px 4px 5px 4px;
		border: 1px solid #cbf177;
		display: block; }
	
	.clientThumb a:hover { background: #f9ffee; }
	
#portfolio dt {
	float: left;
	color: #a2a2a2;
	display: block;
	width: 75px;
	clear: both;
	text-align: right;
	margin-right: 10px;
	margin-bottom: 5px; }
	
#portfolio dd {
	float: left;
	width: 265px; }
	
.portLeft {
	width: 350px;
	float: left; }
	
.portRight {
	float: right; 
	width: 310px; }
	
/*-------------------------------------
	Portfolio
-------------------------------------*/

.scriptSection,
#script {
	margin-bottom: 25px;
	border-bottom: 1px solid #e2e6e8; }
	
	.scriptSection { padding-bottom: 25px; }
	.sectionBody, .scriptBody { line-height: 150%; }
	
#scriptLeft {
	width: 600px;
	float: left; }
	
#scriptRight {
	width: 255px;
	float: right; }
	
#scriptChapters {
	background: #e8ebed;
	border: 1px solid #d0d4d6;
	padding: 10px; 
	margin-bottom: 15px; }
		
	.chapters { 
		margin-top: 5px;
		margin-left: 40px;
		list-style: upper-roman; }

#scriptDownload {
	background: #f1ffd4;
	padding: 10px;
	border: 1px solid #cbf177;
	margin-bottom: 15px; }	

#newsLetter {
	padding: 10px;	
	border: 1px solid #e8ebed;
	background: #f8f8f8; }

#versions {
	margin-bottom: 25px;
	border-bottom: 1px solid #e2e6e8; }
	
/*-------------------------------------
	Snippets
-------------------------------------*/

#snippets {
	margin-bottom: 20px;
	list-style: none; }
	
	#snippets li {
		margin-bottom: 15px;
		background: url("/img/bullet_arrow.gif") 0 7px no-repeat;
		padding-left: 20px; }
	
#snippet, #snippetExample { margin-bottom: 15px; }
#snippet pre, #snippetExample pre { margin: 0; }
#snippetExample h3 { margin-bottom: 5px; }
	
/*-----------------------------------------------------
	Decoda
-----------------------------------------------------*/

.decoda_list { list-style: none; }
	
	.decoda_list li {
		background: url("/img/bullet_arrow.gif") 0 7px no-repeat;
		padding-left: 15px; }
		
	.entryBody .decoda_list,
	.scriptBody .decoda_list,
	.sectionBody .decoda_list,
	.version .decoda_list { margin: 5px 0 0 25px; }

.decoda_code {
	overflow: auto;
	margin: 0 0 0 25px;
	border: 1px solid #a2a2a2;
	border-left: 4px solid #cbf177;
	padding: 15px; }
	
	.scriptSection .decoda_code,
	#wide .entryBody .decoda_code { width: 808px; }
	#middle .entryBody .decoda_code { width: 608px; }
	
.decoda_quote { 
	margin: 0 0 0 25px;
	padding: 10px;
	font-style: italic;
	border: 1px dashed #E2E6E8; }

/*-----------------------------------------------------
	Tables
-----------------------------------------------------*/	

.table {
	width: 100%;
	margin-bottom: 15px; }
	
	.table td, .table th { padding: 5px; }
	.table th { background: #e8ebed; }
	.table tr.alt { background: #f8f8f8; }

/*-----------------------------------------------------
	Classes
-----------------------------------------------------*/	
		
a.button, .pagination a  {
	background: url("/img/button.gif") bottom left repeat-x;
	border: 1px solid #a6afb3;
	padding: 4px 10px 5px 10px;
	color: #464e56;
	text-decoration: none;
	font-weight: bold;
	margin-left: 5px; }
	
	a.button:hover, 
	.pagination a:hover { background: #e8ebed; }
	
.pagination { height: 27px; }

	.pagination .current {
		padding: 4px 10px 5px 10px;
		color: #464e56;
		text-decoration: none;
		font-weight: bold;
		margin-left: 5px; }

.download  {
	background: #242c34 url("/img/button_download.gif") top left repeat-x;
	border: 1px solid #16181a;
	padding: 5px 10px;
	color: #d5e1ee;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer; }
	
	.download:hover { background: #2d3b4d url("/img/button_download_hover.gif") top left repeat-x; }

.list,
.arrow {
	list-style: none;
	margin-top: 5px; }
	
	.list li {
		background: url("/img/bullet.gif") 0 7px no-repeat;
		padding-left: 15px; }
	
	.arrow li {
		background: url("/img/bullet_arrow.gif") 0 7px no-repeat;
		padding-left: 15px; }
	
.clear {
	clear: both;
	display: block; }

.options {
	height: 27px;
	text-align: right; }
	
.divider {
	margin: 25px 0;
	display: block;
	clear: both;
	background: #e8ebed;
	height: 1px; }
	
.thumb {
	border: 1px solid #cbf177;
	background: #f1ffd4;
	padding: 5px; }
	
.ar { text-align: right; }
.ac { text-align: center; }
.fr { float: right; }
.fl { float: left; }
	
.tiny { font-size: 8pt; }
.gray { color: #a2a2a2; }
.white { color: #ffffff; }