/* Adds to lanyon.css */


/* override some poole.css and lanyon.css vals */
img {
	display: inline;
	max-width: 100%;
	margin: 0rem;
	border-radius: 0rem;
}
.page,
.post {
  margin-bottom: 3em;
}

/*
a {
  color: #aa0000;
}
*/

/*
	MASTHEAD
*/

h3.masthead-title a:hover {
	text-decoration: none;
}
h3.masthead-title span.bracket-left {
	color:#aa0000;
	padding-right:0.33rem;
}
h3.masthead-title span.bracket-right {
	color:#aa0000;
	padding-left:0.33rem;
}
h3.masthead-title small {
	padding-left:0.5rem;
}

/*
	SIDEBAR
*/
.sidebar-nav-item.top {
	font-size:0.85rem;
	line-height:3.5rem;
	padding-top:0rem;
	padding-bottom:0rem;
	height:3.75rem;
}

.sidebar-nav-item.heading {
	color:#666;
	padding-top:1.25rem;
	padding-bottom:0.5rem;
}

.sidebar-nav-item.external {
	padding-left:2.5rem;
}

.sidebar-nav-item.light {
	color:#444;
	font-size:0.5rem;
}


/*
	POST
*/

.post a.read-more {
	font-style: italic;
}
.post a.read-more:after {
	content: " »";
	font-style: italic;
}


.post ul.link-item {
	margin-left:0;
	padding-left:0;
	margin-top:1.0rem;
	margin-bottom:1.0rem;
	list-style-position:outside;
}
.post ul.link-item li {
	margin-left:0;
	padding-left:0;
	list-style-type: none;
}
.post ul.link-item li a {
	font-weight:bold;
}
.post ul.link-item li:before {
	content: "» ";
}

.post .right-col {
	display:block;
	float:right; 
	margin:0 0 1rem 1.5rem;
	width:40%;
	font-size:85%;
}
.post .right-col-narrower {
	width:30%;
}
.post .right-col img {
	width:100%;
	margin-bottom:0.5rem;
}

.post .wide-thumb {
	display:block;
	width:100%;
	margin:0 0 1rem 0;
	width:100%;
	font-size:85%;
}
.post .wide-thumb img {
	display:block;
	width:100%;
	margin-bottom:0.5rem;
}

ul.post-categories {
	margin:0;
	padding:0;
}

ul.post-categories li {
	display:inline-block;
	padding: 0.25rem 0.75rem 0.25rem 0.75rem;
	margin-right:0.25rem;
	margin-bottom:0.5rem;
	background-color:#e8e8e8;
}

/* post about a/r ideas */
.post div.itemHeading {
}
.post div.item {
	margin-left:1.0rem;
	margin-top:1rem;
	margin-bottom:1rem;
}

/* fixed aspect ratio container for vimeo, etc. */

.intrinsic-container {
	position: relative;
	height: 0;
	overflow: hidden;
	margin-bottom:1rem;
}
 
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
	padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
	padding-bottom: 75%;
}
 
.intrinsic-container iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

.four-thumbs img {
	width:24%;
	margin-right:1%;
	margin-bottom:1rem;
}


/* 
	Elements needed for 'swf launcher' 
*/

#wrapper {
	position: relative;
	margin: 10px auto 10px auto;  
	width: 870px;
	border:1px solid #dddddd;
	background-color: #ffffff;
	}

#dimmer {
	position: absolute;
	overflow:hidden; 
	z-index: 99;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	background-color: #ffffff;
	opacity:0.75;
	filter: alpha(opacity = 75); /* IE */

	/* even though is 100% height, doesn't cover bottom by about 70px; odd */
}
	
#assetcontainer {
	position:absolute;
	background-color:#e5e5e5;
	border:1px solid black;
	display:none;
	z-index:100;
}
/* #assetcontainer { border: none; } */

#assetcontainer #assetinside {
	position:absolute;
	top:20px;
	left:0px;
	z-index:1;
}
#assetcontainer #closebox {
	position:absolute;
	top:0;
	right:1px;
	width:20px;
	height:20px;
	z-index:2;
	cursor:pointer;
}

* html #assetcontainer #closebox { right: 0px; }

#assetcontainer #togglepage {
	position:absolute;
	display:none;
	top:0px;
	right:18px;
	width:14px;
	height:16px;
	z-index:3;
	cursor:pointer;
}

/*
	CATEGORY PAGE
*/

.category-archive h4 {
	margin-bottom:0.5rem;
}
.category-archive h1 {
	margin-top:0;
}
.category-archive ul {
}

.disqus-thread {
	margin-bottom:1rem;
}

.disqus-cta {
	clear:both; 
	font-size:1rem; 
	border-top:1px solid #eee; 
	padding-top:1rem; 
	margin-bottom:3rem;
	cursor:pointer
}

.disqus-cta-link {
	color: #268bd2;
}
.disqus-cta-link:hover {
	text-decoration: none;
}