@import "reset.css";

a { text-decoration: none; }
body {
	background: url(http://www.alexanderinteractive.com/img/blog/body.bg.gif) top center repeat-y #f7f5f5;
}
a:hover {
	text-decoration: underline;
}
#container {
	width: 880px;
	margin: 0 auto;
	padding-bottom: 100px;
	overflow: auto;
}
#header {
	background: #fff;
	border-bottom: 5px solid #398ebc;
	padding: 10px 0 14px 0;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 100%;
}
	#header h1 {
		float: left;
		width: 436px;
		line-height: 51px;
		margin-top: 28px;
		background: url(http://www.alexanderinteractive.com/img/blog/h1.aiaio.pulse.png) no-repeat;
		text-indent: -9000px;
	}
		#header h1 a {
			display: block;
			width: 100%;
			height: 100%;
			border: 0;
		}
	#header #contact-info {
		float: right;
		height: 41px;
		font-size: 1.1em;
	}
	#header #contact-info, #header #contact-info a {
		color: #006ca6;
	}
		#header #contact-info #sepbar {
			margin: 0 8px;
			color: #8c8c8c;
		}
	#header #ai-logo {
		clear: right;
		float: right;
	}
#main-content {
	clear: both;
	float: left;
	width: 520px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 39px;
}
	#main-content .post {
		margin-bottom: 50px;
	}
		.post-header {
			color: #999;
		}
			.post-header a {
				color: #f1891b;
			}
			.post-header h2 {
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 2.6em;
				color: #f1891b;
				background: url(http://www.alexanderinteractive.com/img/blog/dots.gif) bottom left repeat-x;
				padding: 0 0 5px 0;
				margin: 0 0 6px 0;
			}
				.post-header h2.post-title a:hover {
					text-decoration: none;
				}
			.post-header .post-author {
				font-size: 1.2em;
				float: left;
			}
			.post-header .post-comments {
				float: right;
				font-size: 1.2em;
			}
		.post .post-body {
			clear: both;
			/* background: url(http://www.alexanderinteractive.com/img/blog/dots.gif) bottom left repeat-x; */
			padding: 22px 0 0 0;
			margin: 0 0 21px 0;
			font-size: 1.4em;
			line-height: 1.5em;
			color: #333;
		}
			.post-body p {
				color: #333;
				padding-bottom: 18px;
				line-height: 1.5em;
			}
			.post-body a {
				color: #067abd;
			}
			.post-body ol {
				padding: 0 0 15px 40px;
				list-style: decimal;
			}
			.post-body ul {
				padding: 0 0 15px 21px;
			}
				.post-body ul li {
					background: url(http://www.alexanderinteractive.com/img/blog/bullet.orange.gif) 5px 8px no-repeat;
					padding-left: 21px;
				}
			.post-body li {
				margin-bottom: .4em;
				line-height: 1.5em;
			}
			.post-body img {
				display: block;
				margin-bottom: 18px;
			}
			.post-body img.fll {
				float: left;
				margin: 16px 24px 4px 0px;
			}
			.post-body img.flr {
				float: right;
				margin: 16px 0 12px 24px;
			}
		.post .post-tags {
			font-size: 1.2em;
		}
		.post .post-tags, .post .post-tags a {
			color: #067abd;
		}
		.post .post-footer {
			color: #999;
			font-size: 1.1em;
		}
			.post .post-footer .post-comments {
				float: left;
			}
			.post .post-footer .post-links {
				float: right;
			}
			.post .post-footer a {
				color: #39c;
			}

	#main-content #comments {
		background: url(http://www.alexanderinteractive.com/img/blog/dots.gif) top left repeat-x;
		padding-top: 10px;
		margin-top: -20px;
	}
		#comments #comments-number {
			font-size: 1.6em;
			color: #f1891b;
			margin-bottom: 14px;
		}
		#comments .comment {
			font-size: 1.2em;
			margin-bottom: 24px;
		}
			.comment .comment-header {
				color: #999;
				background: url(http://www.alexanderinteractive.com/img/blog/bubble.gif) 0 2px no-repeat;
				padding-left: 21px;
				margin-bottom: 0.4em;
			}
				.comment .comment-header a {
					color: #f1891b;t
				}
			.comment .comment-body {
				color: #333;
				line-height: 160%;
			}
		#comments #comment-footer {
			background: url(http://www.alexanderinteractive.com/img/blog/dots.gif) top left repeat-x;
			padding-top: 10px;

			font-size: 1.2em;
		}
			#comments #comment-footer a {
				color: #067abd;
			}
			#comments #comment-footer textarea {
				width: 400px;
				margin-top: 15px;
				font-family: "Courier New", Courier, monospace;
				font-size: 1.2em;
				margin-bottom: 10px;
			}
#sidebar {
	width: 300px;
	float: right;
	margin: 44px 0 0 0;	
}
	#sidebar h3 {
		font-family: Myriad Pro, Myriad, Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.9em;
		color: #398ebc;
		margin: 0 0 1em;
	}
	#sidebar p {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.2em;
		color: #494949;
		line-height: 1.6em;
		margin-bottom: 2.4em;
	}
	#sidebar a {
		color: #39c;
	}
	#sidebar #nav {
		float: left;
		width: 103px;
	}
		#nav ul {
			margin: 11px 0 27px 0;
		}

			#nav ul li {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 1em;
				margin-bottom: 0.6em;
			}
				#nav li a {
					color: #39c;
				}
		#nav ul#tags {
			text-transform: capitalize;
		}
	#sidebar #badges {
		float: right;
		margin-bottom: 12px;
	}
		#badges a {
			display: block;
			margin-bottom: 10px;
		}
	#sidebar #photos {
		clear: right;
		float: right;
		width: 171px;
		margin-bottom: 26px;
	}
		#sidebar #photos img {
			display: block;
			margin-top: 10px;
		}
		#sidebar #photos #photos-left {
			float: left;
			width: 80px;
		}
		#sidebar #photos #photos-right {
			float: right;
			width: 80px;
		}
	#sidebar #davie {
		clear: right;
		float: right;
		width: 171px;
		background: url(http://www.alexanderinteractive.com/img/blog/tout.davie.bg.gif) no-repeat;
		border: 2px solid #e2e2e2;
	}
		#sidebar #davie #davie-info {
			width: 130px;
			margin: 99px auto 0;
			text-align: center;
			font-family: Verdana, Arial, Helvetica, sans-serif;
		}
			#davie #davie-info #davie-name {
				color: #fc8609;
				font-size: 13px;
				line-height: 13px;
				margin-bottom: 7px;
			}
			#davie #davie-info #davie-desc {
				color: #767676;
				font-size: 10px;
				line-height: 15px;
				margin-bottom: 20px;
			}
			#davie #davie-info #davie-link {
			}
				#davie #davie-info #davie-link a {
					color: #2779a5;
					background: url(http://www.alexanderinteractive.com/img/blog/tout.davie.arrow.gif) top right no-repeat;
					padding: 0 10px 0 0;
				}
	#sidebar h4 {
		border-bottom: 2px solid #dcdcdc;
		text-transform: uppercase;
		text-indent: -9000px;
		height: 19px;
	}
		#sidebar h4#categories {
			background: url(http://www.alexanderinteractive.com/img/blog/h4.categories.gif) no-repeat;
		}
		#sidebar h4#peeps {
			background: url(http://www.alexanderinteractive.com/img/blog/h4.peeps.gif) no-repeat;
		}
		#sidebar h4#elsewhere {
			background: url(http://www.alexanderinteractive.com/img/blog/h4.elsewhere.gif) no-repeat;
		}
		#sidebar h4#oh-yeah {
			background: url(http://www.alexanderinteractive.com/img/blog/h4.oh-yeah.gif) no-repeat;
		}
		#sidebar h4#archives {
			background: url(http://www.alexanderinteractive.com/img/blog/h4.archives.gif) no-repeat;
		}
		#sidebar h4#tweets {
			background: url(http://www.alexanderinteractive.com/img/blog/h4.twitter.gif) no-repeat;
		}
		#sidebar h4#comments {
			background: url(http://www.alexanderinteractive.com/img/blog/h4.comments.gif) no-repeat;
		}
	#sidebar #twitter {
		margin: 11px 0 27px;
	}
		#twitter .tweet {
			margin-bottom: 1em;
		}
			#twitter .tweet a {
				color: #f1891b;
			}
			#twitter .tweet p {
				margin: 0;
				padding: 0;
				line-height: 1.6;
			}
			#twitter .tweet p.text {
				font-family: Georgia, "Times New Roman", Times, serif;
				color: #333333;
				font-size: 1.1em;
			}
			#twitter .tweet p.byline {
				font-family: Georgia, "Times New Roman", Times, serif;
				color: #a8a8a8;
				font-size: 1.1em;
			}
				#twitter .tweet p.byline span.date {
					font-style: italic;
				}
	#sidebar #recent_comments {
		margin: 11px 0 27px;
	}
		#recent_comments ul {
		
		}
			#recent_comments ul li.comment {
				margin-bottom: 2em;
				font-family: Georgia, "Times New Roman", Times, serif;
				line-height: 1.6;
			}
				#recent_comments ul li.comment p {
					margin: 0;
					font-size: 1.1em;
				}
				#recent_comments ul li.comment p.lede {
					color: #999;
				}
				#recent_comments ul li.comment a.more {
					font-style: italic;
				}
			
.flickr_badge_image {
	float: left;
}
	.flickr_badge_image img {
		width: 80px;
		height: 80px;
	}
#flickr_badge_image1, #flickr_badge_image3, #flickr_badge_image5 {
	margin-right: 10px;
}
p.blogger-labels {
	margin-top: 15px;
}

blockquote {
	padding: 0 35px 20px;
	font-style: italic;
}

a#rss_feed {
	background: url(http://www.alexanderinteractive.com/img/blog/feed.png) top left no-repeat;
	padding: 2px 0 2px 20px;
	color: #F1891B;display:block;width:6em;
}

#ai_footer {
	text-align: right;
	color: #a5a5a5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1em;
	margin-top: 2em;
}
	#ai_footer a {
		display: block;
		width: 50px;
		float: right;
		margin-top: 1.4em;

	}

.clear:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clear { display: inline-block; }

/* \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* */

#comments {

}
	#comments .comments-header {
		font-size: 1.6em;
		margin-bottom: 0.9em;
		color: #398EBC;
	}
	#comments .comments-content {
		background: url(http://www.alexanderinteractive.com/img/blog/dots.gif) bottom left repeat-x;
		padding-bottom: 1em;
		margin-bottom: 1em;
	}
	#comments .comment-content {
		font-size: 1.2em;
		color: #333;
		line-height: 1.5em;
	}
		#comments .comment-content a {
			color: #39c;
		}
	#comments .comments-open {
	
	}
		#comments .comments-open h2 {
			font-size: 1.6em;
			margin-bottom: 0.9em;
			color: #398EBC;
		}
		#comments .comments-open .comments-open-content {
			font-size: 1.2em;
			color: #333;
			line-height: 1.5em;
		}
			#comments .comments-open .comments-open-content a {
				color: #39c;
			}
			
.comment-response {
	font-size: 1.2em;
	color: #333;
	line-height: 1.5em;
}		
	.comment-response a {
		color: #39c;
	}	

#search-results {

}
	#search-results h2.search-results-header,
	h2.archive-title {
		font-size: 1.6em;
		margin-bottom: 0.9em;
		color: #398EBC;
	}
		#search-results h2.search-results-header span {
			color: #666666;
		}
	.content-nav {
		font-size: 1.2em;
		color: #666;
	}
		.content-nav b {
			padding: 0 0.3em;
		}
		.content-nav a {
			color: #39c;
			padding: 0 0.3em;
		}
		#search-results .content-nav a {
			padding: 0 8px;
		}
		#search-results .content-nav span {
			padding: 0 6px;
		}
.hidden {
	display: none;
}

#comment-open-data,
#comments-form {
	padding-top: 10px;
}
#comment-form-name {

}
#comment-form-email {

}
#comment-form-url {

}
#comment-form-name,
#comment-form-email,
#comment-form-url,
#comment-form-remember-me {
	margin-bottom: 8px;
	overflow: auto;
	_zoom: 1;
}
	#comment-form-name label,
	#comment-form-email label,
	#comment-form-url label {
		float: left;
		width: 104px;
	}
	#comment-form-name input,
	#comment-form-email input,
	#comment-form-url input {
	
	}
#comment-form-remember-me {

}

.widget-search {
	margin-bottom: 27px;
}
	.widget-search input#search {
		background: url(http://www.alexanderinteractive.com/img/blog/icon.search.png) 7px 50% no-repeat;
		border-color: #ccc;
		border-style: solid;
		border-width: 1px 0 1px 1px;
		float: left;
		padding: 4px 0 3px 27px;
		font-size: 1.2em;
		font-style: italic;
		color: #aaa;
		font-family: Georgia, "Times New Roman", Times, serif;
		width: 130px;
	}
	.widget-search input.active {
		color: #494949 !important;
		font-style: normal !important;
	}
	.widget-search input#search_submit {
		float: left;
	}