#bd p.postmetadata {
    background-color: #F3F3F3;
    border: 1px dotted #CCCCCC;
    margin: 16px 0 12px;
}


#commentform {
	margin-bottom:50px;
}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	border-bottom: 1px dotted #ccc;
	
/*
    border-radius:         8px;
    -moz-border-radius:    8px;
    -o-border-radius:      8px;
    -webkit-border-radius: 8px;
*/
    
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	border-top: 1px dotted #ccc;
	
/*
    border-radius:         8px;
    -moz-border-radius:    8px;
    -o-border-radius:      8px;
    -webkit-border-radius: 8px;
*/

	list-style: none;
	margin: 0 0 12px;
	padding: 12px;
	position: relative;
}

.commentlist li.even {
	background-color: #F3F3F3; 
	margin: 12px 0 0;
	padding: 12px 12px 24px;
}

.commentlist li:hover {
    /* -webkit-box-shadow: 0 0 16px rgba(243,243,243, 0.95); */
}

.commentlist cite {
	font-weight:bold;
	font-size:12px;
}
.commentlist p {
	margin: 10px 0 !important;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
    display: block;
    font-size: 10px;
    margin: 0;
    line-height: 18px;
    position: absolute;
    top: 12px;
    right: 10px;
    text-align: right;
}

.commentmetadata a:link,
.commentmetadata a:visited {
    background-color: transparent;
    border-radius:         2px;
    -moz-border-radius:    2px;
    -o-border-radius:      2px;
    -webkit-border-radius: 2px;
    
    padding: 1px 2px;
    text-decoration: none;

    transition:         all 0.5s ease-in-out;    
    -moz-transition:    all 0.5s ease-in-out;    
    -o-transition:      all 0.5s ease-in-out;    
    -webkit-transition: all 0.5s ease-in-out;
}

.commentmetadata a:hover,
.commentmetadata a:focus,
.commentmetadata a:active {
/*
    background-color: #0464BB;
*/
    background: rgba(4,100,187, 0.95);
    color: #f9f9f9;
}

ol.commentlist img.avatar {
    border-radius:         2px;
    -moz-border-radius:    2px;
    -o-border-radius:      2px;
    -webkit-border-radius: 2px;

    display: block;
    float: left;
    margin: 4px 12px 12px 0;
}	


#submit-comment input {
    font-size:13px;
    padding:4px 7px;
    border:1px solid;
    border-color:#ddd #bbb #bbb #ddd;
    background:#eee url(/playpen/ext-1.1/examples/tree/images/cmp-bg.gif) repeat-x;
    font:bold 12px tahoma, arial, helvetica, sans-serif;
    color:#333;
    cursor:pointer;
    margin:0 2px;
}

#submit-comment input:hover {
    border-color:#ccc #bbb #bbb #ccc;
    background-position:0 2px;
    background-color:#fff;
}
/* End Comments */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
    left: 0;
	top: 0;
	z-index: 0;
	/* width: 80%; */
	white-space: nowrap;
	padding: 2px 15px 3px 15px;
	border: none;
	overflow: visible;
	line-height: 1.2em;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.navigation .alignleft {
}

/* End Various Tags & Classes*/
div.wp_syntax pre {
    background-color:#F9F9F9;
    border:1px dashed #ccc;
    color:#222;
    font-size:12px;
    padding:5px 8px;
    margin:0 10px 10px;
    line-height:14px;
}

/* imported from jackslocum.com */

/*#bd {
	  padding-top:44px;
	  background:#fff url(/blog/wp-content/themes/ext/ext-blog.gif) no-repeat;
}
#hd h1.content {
	display:none;
}*/
#entry-list {
	padding-bottom: 15px;
	padding-top: 15px;
}

#entry-list a.entry-title,
.post h2 a {
	color:#1A5C9A;
	font-family: "MyriadPro-Semibold", "Myriad Pro Semibold", "Myriad Pro", "Trebuchet MS", Tahoma,arial,sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 20px;
}

.post h2 a {
    display: block;
    margin: 20px 0 0;
}

#entry-list .entry {
    border-bottom: 1px solid #DDDDDD;
	clear:both;
	margin:0 20px 20px 0;
	padding: 0 0 10px;
}
#entry-list .meta{
	display:block;
	margin-top:5px;
}
#entry-list h4{
	margin-top:0;
	font-size:11px;
	font-weight:normal;
	display:block;
	letter-spacing: 0;
	color:#999;
	margin-bottom:10px;
}

#bd .post h2 {
	font-family: "MyriadPro-Semibold", "Myriad Pro Semibold", "Myriad Pro", "Trebuchet MS", Tahoma,arial,sans-serif;
	font-weight: 600;
	letter-spacing: normal;
}

#bd .right-column h2 {
    color: #789030;
	font-size: 16px;
	font-weight: 600;
    font-family:"Trebuchet MS",Tahoma,arial,sans-serif;
    font-size:11px;
    font-weight:bold;
    line-height:20px;
    
	margin: 0;
    padding: 3px;
    
    text-transform:uppercase;
}

#bd .post h3,
#bd h3#comments {
	font-family: "MyriadPro-Semibold", "Myriad Pro Semibold", "Myriad Pro", "Trebuchet MS", Tahoma,arial,sans-serif;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: normal;
    line-height:16px;
	margin: 1.2em 0 2px;
}

#bd p {
    margin: 0 0 12px;
}

#entry-list p.meta,
#bd .post p.meta {
	color:#999;
	display:block;
	font-family: "Trebuchet MS", Tahoma,arial,sans-serif;
	font-size: 11px;
	font-weight:normal;
	letter-spacing: 0;
	margin: 0 0 5px;
}

div#entry-list div.entry div.excerpt,
div#entry-list div.entry p.readmore {
	margin-top:0;
	margin-left: 0;
}

#entry-list img.post-icon {
    background: white;
    border: 1px solid #fff;
    
    box-shadow:         rgba(0,0,0, 0.5) 0 1px 4px;
    -moz-box-shadow:    rgba(0,0,0, 0.5) 0 1px 4px;
    -o-box-shadow:      rgba(0,0,0, 0.5) 0 1px 4px;
    -webkit-box-shadow: rgba(0,0,0, 0.5) 0 1px 4px;
    
    display: block;
	float:left;
	height:90px;
	
	margin:0 15px 10px 2px;
    padding: 1px;
	
	width:120px;
}

#entry-list img.post-icon {
	margin-top:5px;
}

.date-header{
	color: gray;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 5px;
	display:block;
}

.entry strong {
   font-weight:bold;
}

.results {
	border-collapse:collapse;
	margin-bottom:10px;
}
.results thead tr {
	background:#eee;
}
.results td, .results th {
	border:1px solid #DDDDDD;
	border-collapse:collapse;
	font-size:12px;
	padding:4px 10px;
}

.results .result-time {
	text-align:right;
}

.results th {
	
}
div.excerpt {
	zoom:1;
}



/* Begin Sidebar */

#bd div.right-column h5 {
    padding-left: 0;
}

#bd div.right-column h5 {
	padding-left:0;
}

body #bd div.mc_error_msg {
	color:#555;
	display:block;
	font-size:11px;
	line-height:13px;
	padding:0;
}

div#mc_signup.side-box {
    position: relative;
}

form#mc_signup_form {
	padding-bottom:30px;
}

form#mc_signup_form input#mc_mv_EMAIL {
	background:transparent url(http://www.extjs.com/assets/images/forms_input2.png) no-repeat 0 0;
	border:0;
	outline:0;
	height:27px;
	padding:0 4px;
	position:absolute;
	bottom:10px;
	left:15px;
	width:108px;
}

form#mc_signup_form input#mc_mv_EMAIL:focus {
	background:transparent url(http://www.extjs.com/assets/images/forms_input2.png) no-repeat 0 -27px;
}

form#mc_signup_form input#mc_signup_submit {
	display:block;
	height:27px;
	width:62px;
	position:absolute;
	bottom:10px;
	right:13px;
}
/* End Sidebar */



/* Begin Sidebar - Twitter */
div#twitter_div strong {
    font-weight: bold;
}

div#twitter_div ul#twitter_update_list li>a {
    display: block;
}

div#twitter_div ul#twitter_update_list,
div#twitter_div ul#twitter_update_list li {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
/* End Sidebar - Twitter */



/* Interview post styles */
span.interview-question {
	font-weight:bold;
	color: #555;
	font-size:14px;
}

ul.plain {
	list-style-type: none;
	list-style-image: none;
	margin-left:0;
}

/**
* .extjs-tab
* Formats a span to look sort of like a selected tab on mainmenu of extjs.com
* @author Chris Scott
*/

.entry .extjs-tab {
        background:#99ab63;
        padding: 5px;
        font-weight: bold;
}
.entry .extjs-tab a { color: #fff; }


/**
* .book
* A collection of rules for formatting a book / book review
* @author Chris Scott
* <div class="entry">
*   <div class="book">
*       <img class="cover" />
*       <ul class="chapters">...</ul>
*  </div>
* </div>
* | | 
* 2009/03/11
*/
.aligncenter { text-align: center; }

.entry .book {
	margin-top: 15px;
}

.entry .book img.cover {
        margin: 0 15px 0 0;
	padding: 2px;
	border: 2px solid #ccc;
        float: left;
}
.entry .book strong { font-weight: bold;}
.entry .book ul.chapters {
        padding-left: 0px;
	margin-top: -5px;
}
.entry .book ul.chapters li {
	margin-bottom: 5px;	
        list-style: square;
        list-style-position: inside;
}
.entry .book ul.chapters li ul {
        margin-left: 15px;
}
.entry .book ul.chapters li ul li {
        list-style: decimal;
        list-style-position: inside;
}
.entry .book blockquote {
	background: url(/assets/images/entry-quote-bg.gif) repeat-y;
	margin: 10px 20px 10px 20px;
	padding: 5px 10px 5px 15px;
        font-style: italic;
	font-size: 14px;
	font-family:georgia;
	font-size:18px;
	line-height:140%;
}
.entry .book blockquote strong { font-style: italic; }
.entry .book blockquote a { font-style: normal; }

.entry .book em {
        font-style: italic;
}



/* Begin Images */

div.entry div > img {
    background: white;
    border: 2px solid #ddd;
    margin: 12px auto 0;
    padding: 1px;
    max-width: 690px;
}

div.entry div > img.aligncenter {
    display: block;
    margin: 12px auto 0;
}

div.entry img.alignright {
    float: right;
    margin: 0 0 12px 12px;
}

div.entry img.alignleft {
    float: left;
    margin: 0 12px 12px 0;
}

div.entry div p.caption {
    font-size: .9em;
    font-style: italic;
    margin: 4px 0 16px;
}

sub {
    font-size: .75em;
}

/* End Images */



/* Begin Sidebar */
ul#social  {
    font-size: 12px;
} 

ul#social li,
ul#social a {
    height: 16px;
    line-height: 16px;
}

ul#social a {
    display: block;
    height: 16px;
    line-height: 16px;
    margin: 6px 0 0;
    padding: 0px 10px 0 24px;
}  

ul#social a#twitter {
    background: url(/assets/images/index/social_sprite.gif) no-repeat 0 0;
} 

ul#social a#twitter:hover {
    background: url(/assets/images/index/social_sprite.gif) no-repeat 0 -16px;
} 

ul#social a#tumblr {
    background: url(/assets/images/index/social_sprite.gif) no-repeat 0 -32px;
} 

ul#social a#tumblr:hover {
    background: url(/assets/images/index/social_sprite.gif) no-repeat 0 -48px;
} 

ul#social a#facebook {
    background: url(/assets/images/index/social_sprite.gif) no-repeat 0 -64px;
} 

ul#social a#facebook:hover {
    background: url(/assets/images/index/social_sprite.gif) no-repeat 0 -80px;
} 

ul#social a#linkedin {
    background: url(/assets/images/index/social_sprite.gif) no-repeat 0 -128px;
} 

ul#social a#linkedin:hover {
    background: url(/assets/images/index/social_sprite.gif) no-repeat 0 -144px;
} 

ul#social a#rss {
    background: url(/assets/images/index/social_sprite.gif) no-repeat 0 -96px;
} 

ul#social a#rss:hover {
    background: url(/assets/images/index/social_sprite.gif) no-repeat 0 -112px;
} 
/* End Sidebar */

.pullquote {
	font-size: 18px;
	line-height: 24px;
	width: 250px;
	float: right;
	margin: 0px 0 10px 20px;
	color: #99ab63;
}

.left {
	float: left;
	margin: 0px 20px 0px 0;	
}

div.post ul {
	list-style-image:url("/assets/images/arrow-blue.gif");
	list-style-type:square;
	margin:10px 16px;
}

.left-column div#respond h3, #bd .post h3, #bd h3#comments {
	color:#444444;
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size:16px;
	font-weight:600;
	letter-spacing:normal;
	line-height:18px;
	margin:1.2em 0 2px;
}

#bd p, #bd pre {
	margin:0 0 12px;
}

div.post pre {
	background:none repeat scroll 0 0 ghostWhite;
	border:1px solid #DDDDDD;
	font-family:Menlo,Monaco,Courier,monospace;
	overflow:auto;
	padding:12px;
}

#entry-list a.entry-title, .post h2.post-title, .post h2 a {
	color:#1A5C9A;
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size:20px;
	font-weight:600;
	line-height:20px;
}

#bd .post h2 {
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight:600;
	letter-spacing:normal;
}

.post h2.post-title, .post h2 a {
	display:block;
	margin:20px 0 0;
}

.post h2.post-title {
	color:#111111;
}