/* set the page background color and margins. */
body {
	margin: 0px;
	text-align: center;
	background: url('/images/bg_page.jpg') repeat-x #a7a7a7;
}

/* set the page font formatting. */
body, p, div, td, ul, li, a {
	font-family: Georgia, serif;
	font-size: 11pt;
	color: #ffffff;
}

h2 {
	font-size: 1.3em;
	padding-left: 8px;
	background: url('/images/bg_titlebar.png') no-repeat;
	margin-bottom: 5px;
	line-height: 1.2em;
	height: 30px;
}



/*
* helper classes
*/
.noVisibility {
	visibility: hidden;
}



/*
* container styles
*/

#outer {
	margin: 0px auto;
	background: url('/images/bg_site.jpg') top center no-repeat;
}

	#inner {
		width: 960px;
		margin: 0px auto;
		text-align: left;
	}

		#header {
			position: relative;
			height: 135px;
			background: url('/images/img_andymatthews_masthead.jpg') no-repeat;
		}

			#header h1 {
				text-indent: -1000em;
				float: left;
			}

			#header #twitter {
				position: absolute;
				top: 37px;
				right: 15px;
			}

				#header #twitter p {
					width: 290px;
					height: 99px;
					background: url('/images/bg_twitter.png') no-repeat;

					/* width: 255px; */
					padding: 8px;
					font: normal normal normal 12px/16px 'Trebuchet MS';
				}

					#header #twitter div p {

					}

				#header #twitter p a {
					font: normal normal normal 12px/16px 'Trebuchet MS';
				}

			#header #contactMeContainer {
				background: url('../images/bg_contactTab.png') no-repeat;
				float: right;
				margin: -117px 35px 0px 0px;
				height: 135px;
				width: 294px;
				overflow: hidden;
			}
	
				#header #contactMeContainer form {
					margin: 6px 0px 0px 0px;
					height: 109px;
				}
	
					#header #contactMeContainer form div {
						margin: 0px auto 3px auto;
						width: 280px;
					}
	
						#header #contactMeContainer form div #yourname {
							width: 276px;
						}
	
						#header #contactMeContainer form div #yourcomments {
							width: 274px;
							height: 45px;
						}
	
						#header #contactMeContainer form div #youremail {
							width: 210px;
							float: left;
						}
	
						#header #contactMeContainer form div button {
							width: 60px;
							float: right;
							background: #a1a1a1;
							border: none;
							height: 20px;
							margin-top: 1px;
						}
	
				#header #contactMeContainer a {
					display: block;
					float: right;
					margin-right: 37px;
					color: #000000;
					text-decoration: none;
					font-weight: bold;
				}

		#navigation {
			height: 40px;
			text-align: center;
		}

			#navigation ul {
				margin: 0px auto;
				width: 900px;
			}

				#navigation ul li {
					display: block;
					width: 140px;
					height: 40px;
					float: left;
					margin: auto 10px auto auto;
				}

					#navigation ul li a {
						display: block;
						width: 100%;
						color: #000000;
						font: normal normal normal 1.2em/2.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
						text-decoration: none;
					}

						#navigation ul li a.icon {
							background: inherit;
							line-height: 3.1em;
						}

					#navigation ul li a:hover, #navigation ul li a:visited:hover {
						color: #ffffff;
						background: url('/images/bg_navigation_buttons.gif');
					}

		#content {
			background: url('/images/bg_column.jpg') no-repeat #868686;
			padding-top: 34px;
			overflow: hidden; /* this prevents the negative margins on my datestamp boxes from showing up*/
			width: 100%;
		}

			#posts {
				width: 679px;
				float: left;
			}

				.singlepost {

				}

					.datestamp {
						float: left;
						width: 60px;
						height: 48px;
						background: url('/images/bg_datestamp.png') no-repeat;
						text-align: center;
						text-transform: uppercase;
						color: #ffffff;
						padding-top: 6px;
						margin: auto 10px auto 0px;
						font-family: 'Trebuchet MS';
					}

						.datestamp b {
							font-size: .9em;
						}

						.datestamp i {
							font-size: 1.4em;
							text-decoration: none;
							font-style: normal;
						}

					.postcontent {
						float: left;
						width: 609px;
						text-align: left;
						line-height: 1.25em;
						margin-bottom: 30px;
					}

						.postcontent h2 {
							text-align: left;
							background: url('/images/bg_header_bar.png') no-repeat;
							height: 48px;
						}

							.postcontent h2 a:link {
								font-size: inherit;
								color: #ffffff;
								text-decoration: none;
								margin: 2px;
							}
							.postcontent h2 a:hover, .postcontent h2 a:visited:hover {
								text-decoration: underline;
							}
							.postcontent h2 a:visited, .postcontent h2 a:active {
								font-size: inherit;
								color: #ffffff;
								text-decoration: none;
							}

						.postcontent h3 {
							margin: auto auto 5px auto;
							text-align: left;
						}

						.postcontent p {
							margin: auto auto 15px auto;
						}

						.postcontent blockquote {
							background: url('../images/bg_blockquote.png') no-repeat;
							margin: auto 30px 15px 30px;
							font-style: italic;
						}

						.postcontent pre {
							font: .8em/1em 'courier new',courier,monospace;
							color: #50ff4c;
							background:#333333;
							padding: 5px 10px 5px 10px;
							margin: 0px 0px 15px 0px;
							overflow:auto;
						}

							ul.codeBold li b {
								font: .8em/1em 'courier new',courier,monospace;
								color: #50ff4c;
								background:#333333;
								padding: 2px;
							}

						.postcontent ul, .postcontent ol {
							margin: auto auto 15px 20px;
						}

						.postcontent ul li.psProTip {
							background: url('/images/icon_photoshop-pro-tip.png') no-repeat;
							padding-left: 20px;
							list-style: none;
							font-weight: bold;
						}
			
							.postcontent ul li, .postcontent ol li {

								margin: auto 10px auto auto;
							}

								.postcontent ul li img, .postcontent ol li img {
									margin: 5px 0px 20px 0px;
								}

						/* default link colors - this is the default link color for the page */
						.postcontent a:link {
						}

						.postcontent a:visited, .postcontent a:active {

						}
						.postcontent a:hover, .postcontent a:visited:hover {
							color: #000000;
						}

						.postcontent .floatRight {
							float: right;
							margin: 0px 0px 0px 10px;
						}

						.postcontent .floatLeft {
							float: left;
							margin: 0px 10px 10px 0px;
						}

					.postcontent .closingpost {
						height: 25px;
						margin-top: 5px;
						margin-bottom: 10px;
					}

						.postcontent .closingpost * {
							float: left;
							display: block;
							margin-right: 20px;
							padding-left: 20px;
							padding-right: 17px;
							border-right: 1px solid #ffffff;
						}

							.postcontent .closingpost .comments {
								background: url('/images/icon_comments.png') left 3px no-repeat;
							}

							.postcontent .closingpost span {
								background: url('/images/icon_views.png') left 3px no-repeat;
							}

							.postcontent .closingpost .readmore {
								background: url('/images/icon_read_more.png') left 1px no-repeat;
								border-right: none;
							}

					  /*
					   * comments
					   */
						
						#openComments {
							background: url('../images/bg_commentsOpen.png') no-repeat;
							height: 13px;
						}
						
						#closeComments {
							background: url('../images/bg_commentsClose.png') no-repeat;
							height: 13px;
						}

						#comments {
							margin: 0px auto;
							background: #999999;
						}

							#comments .singleComment {
								border: 1px solid #ffffff;
								padding: 5px;
								margin: auto 10px 10px 10px;
								min-height: 60px;
							}

								#comments .singleComment p {
									margin: auto auto 0 auto;
								}

								#comments .singleComment i {
									font-size: .9em;
								}

								#comments .singleComment .commenter {
									margin-top: 8px;
									padding-top: 2px;
									border-top: 1px dashed #666666;
								}

							#comments .noComment {
								padding: 5px;
								margin: 0px 0px 0px 10px;
							}

							#commentForm {
								margin: 20px 0 0 0;
								border-top: 1px solid #ffffff;
							}
	
								#commentForm form {
									margin-top: 10px;
								}
	
									#commentForm form .formRowNormal {
										height: 25px;
									}
			
										#commentForm form .formRowNormal .formLabel,
										#commentForm form .formRowNormal .formItem {
											font-weight: bold;
											float: left;
											width: 32%;
											text-align: center;
											margin-left: 6px;
										}
			
										#commentForm form .formRowNormal .formItem input {
											width: 182px;
										}
			
											/* reset width for the subscribe checkbox */
											#commentForm form .formRowNormal #subscribe {
												width: 20px;
											}
		
									#commentForm form .formRowLarge {
										text-align: center;
									}
		
										#commentForm form .formRowLarge textarea {
											width: 570px;
											height: 160px;
											padding: 5px;
										}





			#sidebar {
				width: 236px;
				float: right;
				margin: auto 20px 20px 20px;
			}

				#sidebar > div, #sidebar > ul {
					margin-bottom: 25px;
				}

				.sidebarBullets {
					line-height: 1.4em;
				}

					.sidebarBullets li {
						list-style: none;
					}

					.sidebarBullets li a {
						display: block;
						text-decoration: none;
						border-bottom: 1px solid #ffffff;
					}

					.sidebarBullets li a:hover, .sidebarBullets li a:hover {
						background: #0069fb;
						border-right: 5px solid #ffffff;
					}

					.sidebarBullets .cat {
						font-weight: bold;
					}

					.sidebarBullets .subcat {
						margin-left: 20px;
					}

						.sidebarBullets .subcat .rss {
							float: right;
							margin: 1px 8px auto auto;
							border: 0px;
							background: none;
						}

				#ads {
					text-align: center;
				}

				#socialnetworking {
					text-align: center;
				}

					#socialnetworking img {
						margin: 0px auto 6px auto;
					}

				#suggestedreading {
					line-height: 1.4em;
					margin: auto auto 15px 20px;
				}

					#suggestedreading li {

					}

					#suggestedreading li a {
						display: block;
						text-decoration: none;
						border-bottom: 1px solid #ffffff;
					}

					#suggestedreading li a:hover, #suggestedreading li a:hover {
						background: #0069fb;
						border-right: 5px solid #ffffff;
					}

		#footer {
			height: 25px;
			background: url('/images/bg_footer.jpg') no-repeat;
			text-align: center;
		}

			#footer li {
				display: inline;
				margin: auto 30px auto auto;
			}

				#footer li a {
					color: #ffffff;
				}

		#commadelimited {
			margin: 10px auto;
			text-align: center;
		}

/*
 * CFDump styles
 */

 .cfdump_struct *, .cfdump_query *, .cfdump_array * {
	color: #000000;
 }