/* POSITIONING */
html, body
{
	margin:0;
	padding:0;	
	height:100%;	
}

.yellow
{
	position:relative;
	min-height:100%;
	margin: auto;	
}

#about
{
	float:left;
	display:inline;
	margin:0;
	width:355px;
	margin-top:28px;
	margin-left:-22px;
	margin-bottom:0;
}

#navigation
{
	position:absolute;
	top:43px;
	right:0px;
	margin-right:-29px;
	z-index:1000;
}

#content
{
	position:relative;
	margin-left:355px;
	padding-top:85px;
	padding-bottom:55px;
}

#about-platform
{
	margin-top:41px;
}

#about-platform .microsoft-web-platform-button
{
	margin-left:8px;
}

#footer
{
	position:absolute;
	bottom:0;
	margin-left:355px;
	width:600px;
	height:55px;
}

#footer .built-by-mess
{
	position:absolute;
	left:0;
	margin-left:-330px;
	width:291px;
	z-index:0;
}

#footer .sponsored-by
{
	position:absolute;
	left:0;
	margin-top:-71px;
	margin-left:-371px;
	z-index:100;
}

#latest-tweet
{
	margin-top:16px;
	margin-left:27px;
	height:173px;
	width:283px;
	margin-bottom:0;
}

.home #latest-tweet
{
	margin-top:50px;
}

#go-rss
{
	position:absolute;
	top:0;
	right:24px;
	margin-top:-64px;
}

.video-player
{
	margin-bottom:25px;
}


/* BODY */
html, body
{
	font-family:Georgia, "Times New Roman", serif;
	background: #2B3036 url('../images/background-tile.jpg') left top;
	background-attachment:fixed;
}

.home #content
{
	padding-bottom:125px;
}

.yellow
{
	background: url('../images/body-background-inner.png') left top repeat-y;
	width:1015px;
	padding-left:15px;
	padding-right:15px;	
}

/* NAVIGATION */
.torn-navigation-list
{
	display:block;
	width:458px;
	height:41px;
	padding-left:21px;
	background: url('../images/background-navigation.png') left top no-repeat;
}

.torn-navigation-list li
{
	float:left;
	display:inline;	
	padding-top:16px;
}

.torn-navigation-list li a
{
	display:block;
	margin-right:35px;	
	text-decoration:none;
}

.torn-navigation-list li a span
{
	display:inline;
	font-size:9px;
	visibility:hidden;
}

.go-rss a
{
	width:37px;
	height:36px;
	background: url('../images/icon-rss.png') left top no-repeat;	
}

.go-home a
{
	width:36px;
	height:15px;	
	background: url('../images/text-home.png') left top no-repeat;
}


.go-home a:hover,
.home .go-home a
{
	background: url('../images/text-home-over.png') left top no-repeat;	
}

.go-resources a
{
	width:64px;
	height:15px;
	background: url('../images/text-resources.png') left top no-repeat;
}

.go-resources a:hover,
.resources .go-resources a
{
	background: url('../images/text-resources-over.png') left top no-repeat;	
}

.go-downloads a
{
	display:block;	
	width:73px;
	height:15px;
	background: url('../images/text-downloads.png') left top no-repeat;
}

.go-downloads a:hover,
.downloads .go-downloads a
{
	background: url('../images/text-downloads-over.png') left top no-repeat;
}

.go-about a
{
	display:block;	
	width:39px;
	height:15px;
	background: url('../images/text-about.png') left top no-repeat;
}

.go-about a:hover
{
	background: url('../images/text-about-over.png') left top no-repeat;	
}

.go-contact a
{
	display:block;	
	width:49px;
	height:15px;
	background: url('../images/text-contact.png') left top no-repeat;	
}

.go-contact a:hover,
.contact .go-contact a
{
	background: url('../images/text-contact-over.png') left top no-repeat;		
}

/* ELEMENTS */

.callout-with-logo a
{
	height:129px;
	width:343px;	
	text-decoration:none;
	display:block;
	background:url('../images/logo.png') left top no-repeat;
}

.callout-with-logo p
{
	display:none;
}

.callout-with-logo a span
{
	visibility:hidden;
}


.about-this-blog
{
	display:block;
	height:51px;
	width:349px;
	background: url('../images/text-this-blog.png') left top no-repeat;
}

.about-this-blog span
{
	visibility:hidden;
}


/* POSTS */

.post
{
	background: url('../images/background-post-header.png') left top no-repeat;
	padding-left:23px;
	padding-top:15px;
	margin-bottom:35px;
}

.post h2
{
	color:#605439;
	font-weight:bold;
	font-size:24px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-bottom:35px;
}

.post h2 a
{
	color:#605439;	
	text-decoration:none;
}

.post h2 a:hover
{
	text-decoration:underline;
}

.post h3
{
	font-size:14px;
	margin-bottom:15px;
	font-weight:bold;
	color:#282827;
}

.post h4
{
	font-size:12px;
	margin-bottom:15px;
	font-weight:bold;
	color:#282827;
}

.post p
{
	margin-right:45px;
	color:#282827;
	font-size:12px;
	line-height:20px;
	margin-bottom:14px;
}

.post p img
{
	float:left;
	margin-right:15px;
	margin-bottom:9px;	
}

.post p img.full
{
	float:none;
}

#content .post .wp_syntax
{
	margin-right:45px !important;
	margin-bottom:14px !important;
	width:auto;
}

.post p strong
{
	font-weight:bold;
}

.post p em
{
	font-style:italic;
}

.post p.post-date
{
	color:#a1813b;
	font-style:italic;
	font-size:12px;
	line-height:1em;
	margin-bottom:3px;
}

.post ol
{
	font-size:12px;
	margin-top:15px;
	margin-bottom:15px;
}

.post ol li
{
	font-size:12px;
	margin-top:10px;
	margin-bottom:10px;
}

.post ol li a
{
	color:#bf391a;
	font-weight:bold;
	text-decoration:none;
}

.post p a
{
	color:#bf391a;
	text-decoration:underline;	
}

.post p a.more-link
{
	font-family:Arial, sans-serif;
	font-weight:bold;
	color:#bf391a;
	text-transform:uppercase;
}

.post p.author-link
{
	text-transform:uppercase;
	color:#805802;	
	font-family:Arial, sans-serif;
	font-weight:bold;
	font-style:italic;
}

.post-options
{
	background: url('../images/background-comment.png') left top no-repeat;
	width:557px;
	height:42px;
	font-size:10px;
	text-transform:uppercase;
	color:#805802;	
	font-family:Arial, sans-serif;
	font-weight:bold;
	padding-top:11px;
	padding-left:11px;
	padding-right:4px;
}

.with-comments
{
	height:auto;
}

.with-comments img
{
	float:none;
}

.post-options a
{
	text-decoration:none;
	color:#805802;
}

.post-options a:hover
{
	text-decoration:underline;
}

.post-options li
{
	float:left;
	height:22px;
	padding-top:4px;
	margin-right:26px;
}

.with-comments ol
{

	background:#FFC342;	
	padding-top:50px;
	margin-left:-9px;
	padding-left:35px;
}

.with-comments ol li
{
	text-transform:none;
	font-weight:normal;
	color:#605439;
	float:none;
	height:auto;
	margin:0;
	padding:0;
	margin-bottom:25px;
}

.with-comments ol li img
{
	float:none;
	margin:0px;
}

.with-comments ol li p
{
	margin-bottom:14px;
	font-family:Georgia, serif;
	font-size:11px;
	width:462px;	
	line-height:14px;	
}

.with-comments ol li p.comment-by
{
	margin-top:-7px;
	font-weight:bold;
	font-style:italic;
	font-family:Arial, sans-serif;
	font-size:10px;
	color:#bb8819;
}

.comment-form form
{
	padding-bottom:9px;
}

.comment-form p.note
{
	margin:0;
	color:#bf391a;
	font-size:9px;
	font-weight:bold;
}

.comment-form label,
.comment-form input
{
	display:block;	
	margin-bottom:6px;	
}

.comment-form label
{
	color:#805802;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:3px;
}

.comment-form input
{
	margin-top:14px;
}

.comment-form .short-field input
{
	margin-top:0;
	background:#FEF1D1;
	width:459px;
	border:none;
	padding:3px;	
}

.comment-form textarea
{
	background:#FEF1D1;
	width:462px;
	margin-bottom:9px;	
	border:none;
	height:140px;
}

.go-comments a
{
	background: url('../images/icon-comments.gif') left top no-repeat;
	padding-left:24px;
}

.go-twitter
{
	background: url('../images/icon-twitter.png') left top no-repeat;
	padding-left:24px;
}

.go-digg
{
	background: url('../images/icon-digg.png') left top no-repeat;
	padding-left:24px;
}

.go-stumbleupon
{
	background: url('../images/icon-stumbleupon.png') left top no-repeat;
	padding-left:24px;
}

.go-email
{
	background: url('../images/icon-email.png') left top no-repeat;
	padding-left:24px;
}

.sponsored-by
{
	width:298px;
	height:81px;
	background: url("../images/background-sponsored.png") left top no-repeat;
}

.sponsored-by .expression-logo
{
	position:absolute;
	left:9px;
	top:31px;
}

.sponsored-by .silverlight-logo
{
	position:absolute;
	left:163px;
	top:14px;
}

.expression-logo a
{
	text-decoration:none;
	display:block;
	height:42px;
	width:125px;
	background: url('../images/logo-expression.png') left top no-repeat;
}

.silverlight-logo a
{
	text-decoration:none;	
	display:block;
	height:51px;
	width:126px;
	background: url('../images/logo-silverlight.png') left top no-repeat;
}

.sponsored-by span
{
	visibility:hidden;
}

.built-by-mess
{
	font-size:9px;
	height:55px;
	display:inline;
	background: url('../images/button-mess-bug.jpg') left top no-repeat;
	padding-left:61px;
	font-size:9px;
	color:#3B3B3b;
	overflow:hidden;
}

.built-by-mess a
{
	color:#3B3B3b;
	text-decoration:none;	
}

.built-by-mess a:hover
{
	text-decoration:underline;	
}

.built-by-mess p.built-by
{
	margin-top:15px;
}

.footer
{
	font-size:10px;	
	font-style:italic;	
	line-height:14px;
	color:#605439;
	padding-top:15px;	
}

.footer .opinions-disclaimer
{
	padding-top:15px;
}

.resources-list
{
	font-size:12px;
}

.resources-list thead
{
	display:none;
}

.resources-list tbody tr td
{
	vertical-align:top;
	padding-top:35px;
	padding-bottom:25px;	
	border-bottom:1px solid #615539;
}

.resources-list tbody tr td.topic
{
	width:339px;
	text-align:center;
}

.resources-list tbody tr td.software
{
	padding-right:60px;
}

.resources-list tbody tr td.topic h3
{
	font-size:13px;	
	font-weight:bold;	
}

.resources-list tbody tr td h4
{
	font-weight:bold;	
}

.resources-list tbody tr td p
{
	margin-bottom:1em;
	font-style:italic;
}

.note
{
	font-style:italic;
}

.red-link a
{
	color:#bf391a;
	font-size:11px;
	font-family:Arial, sans-serif;
	font-style:italic;
}

.quick-hit
{
	margin-top:32px;
	background:url('../images/background-quick-hit-top.png') top left no-repeat;
	padding-top:33px;
	padding-left:12px;
	padding-right:12px;	
	width:642px;
}

.quick-hit h2
{
	padding:0;
	margin:0;
	font-size:14px;
	font-style:italic;
}

.quick-hit .inner
{

	padding-left:25px;
	padding-right:50px;	
	width:546px;
	background:#FFC343;
	line-height:20px;
	padding-bottom:32px;
	background:#FFC343 url('../images/background-quick-hit-bottom.png') bottom left no-repeat;
}

.quick-hit .quick-meta
{
	margin-top:-30px;
}

.quick-hit .quick-meta,
.quick-hit .quick-meta p.author-link
{
	text-align:right;
	font-size:10px;
	color:#bb8819;
	text-transform:none;
}

.quick-hit .inner p
{
	line-height:16px;	
}

#previous-next-links
{
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	margin-top:32px;
	margin-bottom:32px;	
}

#previous-next-links a
{
	color:#333;
	text-decoration:none;
}

#previous-next-links a:hover
{
	text-decoration:underline;	
}

/* HACK THE GIBSON */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}