@charset "UTF-8";
/*
Theme Name: Code23 Default
Theme URI: http://code23.com/
Description: The default <a href="http://code23.com/">Code23</a> theme based on the default Wordpress them which is based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> theme.
Version: 1.0
Author: Code23
Author URI: http://code23.com/
Tags: Code23

	 Code23 v1.0
	 http://code23.com/blog/

	This theme was designed and built by Code23 based on the work of Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

*/



/* Begin Typography & Colors */
@charset "UTF-8";
.blog .primary-content{
	float:left;
	width:628px;
	padding:30px 0 0 0;
}
.blog .primary-content p{
	text-align:justify;
}

.blog .hr{
	width:616px;
	margin:20px 0 0 10px;
	height:10px;
	clear:both;
}
.post{
	float:left;
	widows:100%;
	margin:20px 0 0 0;
}
.blog h3{
	font-size:25px;
	background:url(/_images/black-40.png) repeat left top;
}

.blog-entry h3{
	color:#ababab;
	font-size:18px;
	background:none;
	margin:0 0 18px 5px;
}
.blog-entry, .entry  {
	float:left;
	clear:both;
	padding:10px 0 10px 0;
	width:100%;
	font-size:13px;
	line-height:1.48em;
}

.post-info{
	float:right;
	clear:both;
	padding:0 0 0 15px;
	width:400px
}

#respond{
	float:left;
	clear:both;
	padding:20px 0 0 0;
	margin:20px 0 0 0;
	background: transparent url(/_images/diag-bg.png) no-repeat scroll center top;
	width:100%;
}
#respond .frame{
	padding:0 20px 0 20px;
}

#commentform input.text, #commentform textarea{
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	padding:2px;
}
#commentform textarea{
	height:100px;
	padding:10px;
}
#commentform label{
	font-weight:normal;
	font-size:14px;
	margin:0 0 0 12px;
}
/* comment details
   ------------------- */
#comments{
	clear:both;
}

.comment{
	clear:both;
	background:url(/_images/pointer-bg-l.png) no-repeat left top;
	float:left;
	padding:10px 20px 10px 50px;
	margin:10px 0 10px 50px;
}
.commentmetadata{
	float:left;
	font-size:9px;
	margin:4px 0 0 35px;
}
.commentmetadata a{
	color:#999;
	text-decoration:none;
}
.comment-body p{
	background:url(/_images/black-40.png) repeat left top;
	padding:10px;
}

.post-info a, .post-info span{
		color:#ababab;
		text-decoration:none;
		margin:0 4px 0 4px;
}
.post-info a:hover{
	text-decoration:underline;
}
.post-info a.author{
	padding:0 18px 0 0;

	background:url(/_images/icon-email.png) no-repeat right center;
}

.postmetadata, .post-info{
	padding:10px 20px 10px 20px;
	background:url(/_images/black-40.png) repeat left top;
	width:90%;
	margin:20px;
	font-size:11px;
}



.blog .secondary-content{
	float:left;
	width:180px;
	margin:40px 0 0 40px;
}
.blog .testimonial{
	width:145px;
}


.blog-archive-list, .widget{
	float:left;
	clear:both;
	width:180px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	
}
.blog-archive-list ul li, .widget ul li{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	color:#ababab;
	padding:8px 0 0 4px;
	clear:left;
	float:left;
	display:inline;
}
.widget ul li a, .blog-archive-list ul li a{
	color:#ababab;
	text-decoration:none;
}
.widget ul li :before, .blog-archive-list ul li :before{
    content: "» ";
	padding:0 10px 0 0;
	color:#ffffff;
	font-size:16px;
}
.widget ul {
	padding-bottom:20px;
	float:left;
	width:100%;
	clear:both;
	margin-bottom:12px;

}

.blog .testimonial{
	margin:30px 0 0 15px;
	float:left;
	clear:both;
}

.follow-us{
	float:left;
	clear:both;
	margin:20px 0 0 30px;
}
.follow-us .twitter{
	width:42px;
	height:24px;
	background:url(/_images/btn-icon-twitter.png) no-repeat left top;
	float:left;
}
.follow-us .twitter a{
	display:block;
	width:42px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
}

.follow-us .rss{
	width:30px;
	height:28px;
	background:url(/_images/btn-icon-rss.png) no-repeat left top;
	float:left;
	margin:0 0 0 4px;
}
.follow-us .rss a{
	display:block;
	width:42px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
}

.follow-us .tag{
	float:left;
	clear:both;
	margin:8px 0 0 0;
	background:url(/_images/follow-us.png) no-repeat left top;
	width:78px;
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
}