/**********************************************************************************
	INDIUM CORPORATION BLOGS
	Non-Compendium-native styles for use on the Indium Corporation Blogs

**********************************************************************************/

div.slogan { 
	position: absolute; 
	top: 35px; 
	right: 30px; 
	margin:0; 
	padding: 0; 
	text-align: right; 
	color: #fff; 
	font-size:x-large; 
}

/* REDUCE WORD CORRUPTION: Post Word Style Overrides */
.post-body p { line-height: 1.4em !important; }
.post-body p.MsoNormal span, .post-body p.MsoNormal font { font-size: 1em !important; font-family: Arial !important; } 
.post-body img { margin: 1em !important; }

/* Sidebar Elements */
h3 span.guide { 
	width: 50px; 
	height: 1em;
	line-height:1em;
	float: right; 
	font-size: .8em; 
	font-weight: normal; 
	cursor: pointer; 
	*padding-top: 0;
	*margin-top: -1.75em;
}
#about-the-author { margin: 0 0 1em; display: none; }
#about-the-author h3 { padding:0 0 .1em; margin: .75em 0 .1em; background:none; color: #000;}
#about-the-author a { display: block; }
#about-the-author img { display: block; margin: 0 auto; }
#linkedin {
	display: none; /* we're not seeing this unless an author has one */
	background: url(http://www.linkedin.com/img/webpromo/btn_viewmy_160x33.gif) no-repeat top left;
	width: 160px;
	height: 33px;
	margin: 1em auto;
	text-indent:-99999em;
}
#awards {
	display: none;  /* we're not seeing this unless an author has one */
	margin: 1em auto;
	width: 180px;
	float: left;
}
#extras { display:block; width: 230px; margin:1em auto; float: left;/* this is added by js, so show regardless */}
#indium-cn {
	display: none; /* we're not seeing this unless an author has one */
	background: url(//www.indium.com/images/blogs/indium-home-china.png) no-repeat top left;
	width: 230px;
	height: 50px;
	margin: 0 auto 1em;
	text-indent:-99999em;
}
#indium-cn:hover { background-position: 0 -50px; }
#download-whitepaper {
	display:block;
	background: url(//www.indium.com/images/blogs/download-whitepaper.png) no-repeat top left;
	width: 230px;
	height: 50px;
	margin: 0 auto 1em;
	text-indent:-99999em;
}
#download-whitepaper:hover { background-position: 0 -50px; }
#about-the-author ul.conferences { padding: 0; margin: 0; }
#about-the-author ul.conferences li { color: #666; list-style:none; padding-left: 1em; font-size: .8em; }
#about-the-author ul.conferences li a { font-size: 1.2em; margin-left: -.8em; }

/*
div.Feed { background-color: transparent; height: 62px; overflow: hidden; }
div.Feed.tl, div.Feed.tr, div.Feed.bl, div.Feed.br { background: none; }
div.Feed a { 
	width: 100%; *width: 235px; 
	height: 100%; 
	display: block; 
	position:absolute; 
	top:0; left:0;
	background: url(//www.indium.com/images/blogs/subscribe.png) no-repeat top left;
}
div.Feed a:hover, div.Feed a:active, div.Feed a:focus { background-position: 0 -62px; }
div.Feed a img { display: none; }
*/

/* Post Header */
.post-header-bio { 
	display: none; /* we're not seeing this unless an author has one */
	font-size: .9em; 
	color: #666; 
	padding: 1em; 
	font-style: normal; 
}
.post-header-bio a { padding: .2em; }

/* Post Elements */
div.post-body a:link { font-weight: bold; text-decoration:underline; }
div.post-body a:visited { font-weight: normal; }
div.post-body a:hover, div.post-body a:active, div.post-body a:focus { color: #00502D; }

div.post-body object { margin: 1em; }

div.image { float: right; margin: 1em 0 .5em 1em; width: 400px; clear: right; }
div.image img { float: right; clear: both; margin: 0 0 .5em !important; }
div.image p.caption { 
	float: right;
	clear: both; 
	width: 100%;
	font-size: .9em; 
	font-style: italic; 
	text-align: right; 
	color: #444; 
	margin: 0; padding:.5em 0 0 .25em;
	border-top: 1px solid #bbb;
} div.image p.caption:empty { display: none; } /* Modern browsers will use this, but they're removed via JS too */

/* Post Footer */
div.post-footer { background: none; overflow: visible; padding-bottom:3em; }
div.post-social-bookmarking { margin-top: 18px; }
div.item div.post-social-bookmarking { margin-top: 0; }
div.post-comment, div.post-social-bookmarking, div.post-contact { width: 450px; font-size: inherit; line-height: 16px; font-weight: bold; }
div.post-comment { margin-left: 205px; *position: relative; *left: 210px; _left: 220px; clear: both; font-weight: normal; float: none;}
a.post-comment-cta { font-weight: bold; }
div.post-contact { width: 160px; *width: 172px; position: relative; margin-left: 20px; }
div.addthis_toolbox, div.post-contact a { 
	width: 32em; 
	*width: 31em;
	position: absolute; 
	top: 0; right: 0; 
	padding: 0 0 0 1em; 
	margin: .25em 0 .25em 1.2em; 
	border: solid #ccc; border-width: 0 0 0 2px; 
}
div.post-contact a { 
	color: #f60; 
	font-weight: normal; 
	width: 150px; 
	height: 50px; 
	top: 0; left: 0; 
	padding-left: 0; 
	margin-left: 0;
	border-width: 0;
}
div.item div.post-contact a { top: 10px; }
div.post-contact a span { position: absolute; width: 100%; height: 100%; top: -16px; left:0; background: #fff url(/images/blogs/learn-more.png) no-repeat 0 0; }
	body.chinese div.post-contact a span { background-image: url(/images/blogs/learn-more-anny.png); }
div.post-contact a:hover span { background-position: 0 -50px; }
div.addthis_toolbox a { 
	font-weight: normal; 
	text-transform: none; 
	display: block; 
	float: left; 
	border: none; 
	padding: 0 1em 0 18px; 
	margin: 0; 
	position: relative;
}
div.addthis_toolbox a:hover { text-decoration: underline; }
div.addthis_toolbox a span { position: absolute; left:0; top:0; }

/* Forms */
iframe { border: none; padding: none; margin: none; }

	#simplemodal-overlay {
	  background-color:#000;
	  cursor:wait;
	}
	#simplemodal-container {
	  width:600px;
	  background-color: #004934;
	  border:solid #333;
	  border-width: 0 2px 2px 0;
	  padding: 20px;
	  overflow: hidden;
	}
		#simplemodal-container p.close {
			clear: both;
			margin: 0 auto;
			padding: 0 10px 0; 
			text-align: center;
			font-weight: bold;
			color: #000;
			width: 512px;
			font-size: 1em;
			text-transform: uppercase;
			overflow: visible;
		} span.simplemodal-close  { position: absolute; top: 35px; right: 55px;	cursor: pointer; z-index:5000; }


#subscribe{ width:188px; height:80px; background:none; position:relative; margin:20px 0; }
#subscribe h3,
#subscribe p.link a{ background:transparent url(http://www.indium.com/images/blogs/subscribe_buttons.png) no-repeat 0 0; }
#subscribe h3{ height:30px; text-indent:-100em; margin:0; padding:0; }
#subscribe p{ margin-top:30px; }
#subscribe p.link{ display:inline; margin:0; padding:0; }
#subscribe p.link a{ text-indent:-100em; margin:0; padding:0; height:30px; width:80px; }
#subscribe #feed  a{ display:block; position:absolute; top:30px; left:0; background-position:-86px -30px; }
#subscribe #email a{ display:block; position:absolute; top:30px; left:90px; background-position:0 -30px; }

/* Social Media Box */

div.blog-socialmedia-box{
	margin:0 0 12px 0;
	padding:0;
	width:227px;
	overflow:hidden;
	background-color:#A6BFB9;}
div.blog-socialmedia-box h3{
	margin:0;
	padding:0;
	border:0;
	width:227px;
	height:24px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(http://www.indium.com/images/blogs/blog-socialmedia-box-heading.gif) no-repeat top left;}
div.blog-socialmedia-box ul{
	margin:2px 0 0 9px;
	padding:0;
	list-style-type:none;}
div.blog-socialmedia-box ul li{
	float:left;
	margin:0 9px 7px 0;
	padding:0;
	width:100px;
	height:30px;
	overflow:hidden;
	text-indent:-9999px;}
div.blog-socialmedia-box ul li a{
	display:block;
	width:100px;
	height:30px;}
div.blog-socialmedia-box ul li.facebook a{
	background:url(http://www.indium.com/images/blogs/icon-facebook.gif) no-repeat top left;}
div.blog-socialmedia-box ul li.twitter a{
	background:url(http://www.indium.com/images/blogs/icon-twitter.gif) no-repeat top left;}
div.blog-socialmedia-box ul li.youtube a{
	background:url(http://www.indium.com/images/blogs/icon-youtube.gif) no-repeat top left;}
div.blog-socialmedia-box ul li.linkedin a{
	background:url(http://www.indium.com/images/blogs/icon-linkedin.gif) no-repeat top left;}
div.blog-socialmedia-box ul li a:hover{
	background-position:0 -30px;}
div.blog-socialmedia-box-btm{
	margin:0;
	padding:0;
	width:227px;
	height:4px;
	overflow:hidden;
	background:#A6BFB9 url(http://www.indium.com/images/blogs/blog-socialmedia-box-btm.gif) no-repeat bottom left;}