/*
=
=    Indium Corporation
=    indium.com extended stylesheet - for standards-compliant web browsers
=   
=    created by Quadsimia Internet Solutions
=    www.quadsimia.com
=   
*/

/*======================*/
/*==== Blog Styles =====*/
/*======================*/

/*== Blogs Page ===*/
#content .blog_section div h2 { font: bold 1.1em Frutiger, Univers, Arial, Helvetica, sans-serif; padding:0; margin:0; }

/* INDIUM CORPORATION BLOG INDEX STYLES */

body.blog #content h3, #content h4{
	clear:none;}

body.blog #content h3{
	margin-top:0;}

body.blog #content img.photo{
	float:left;
	margin:0 10px 10px 0;
	width:55px;}
body.blog #content img.subscribe {
	width: 12px;}

body.blog #content div.bloggerContainer{
	float:left;
	width:416px;}

body.blog #content div.blogger-column {
	width: 205px; margin:0; padding:0; float: left;
	overflow: hidden;
}

body.blog #content div.bloggerContainer div.column{
	float:left;
	margin:0 10px 10px 0;
	width: 206px;
	height: 100px;
	overflow:hidden;}
body.blog #content div.bloggerContainer div.column h3{
	font-size:14px;
	margin: 0px;
	padding: 0px;}
body.blog #content div.bloggerContainer div.column h4{
	font-size:12px;
	font-weight:normal;}
body.blog #content div.bloggerContainer div.column p.bio_contact {
	font-size: 11px;
	margin: 0 0 8px 0;
	padding: 0px;}
body.blog #content div.bloggerContainer div.column p.blog_link {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 12px;}
body.blog #content div.bloggerContainer div.column p.blog_link a:link, body.blog #content div.bloggerContainer div.column p.blog_link a:visited, body.blog #content div.bloggerContainer div.column p.subscribe a:link, body.blog #content div.bloggerContainer div.column p.subscribe a:visited {
	color: #3b6c5e;
}
body.blog #content div.bloggerContainer div.column p.blog_link a:hover, body.blog #content div.bloggerContainer div.column p.blog_link a:active, body.blog #content div.bloggerContainer div.column p.subscribe a:hover, body.blog #content div.bloggerContainer div.column p.subscribe a:active {
	color: #004934;
}
body.blog #content div.bloggerContainer div.column p.subscribe {
	background: url(/images/feed_icon.png) no-repeat 65px 0px;
	padding: 0px 0px 0px 80px;
	margin: 3px 0px 0px 0px;
	font-size: 11px;}
	

body.blog div#content div.indium_blog {
	float: right; width: 240px; height: 55px; border: 2px solid #a6bfb8; padding: 5px 5px 7px 5px; margin: 10px 20px 15px 0; background-color: #e9f4f1;
}
body.blog #content h3, #content h4{
	clear:none;}

body.blog #content h3{
	margin-top:0;}

body.blog #content img.photo{
	float:left;
	margin:0 10px 10px 0;
	width:55px;}
body.blog #content img.subscribe {
	width: 12px;}
body.blog #content div.indium_blog{
	float:left;
	margin:0 10px 10px 0;
	width: 240px;
	height: 100px;
	overflow:hidden;}
body.blog #content div.indium_blog h3{
	font-size:14px;
	margin: 0px;
	padding: 0px;}
body.blog #content div.indium_blog h4{
	font-size:12px;
	font-weight:normal;}
body.blog #content div.indium_blog p.bio_contact {
	font-size: 11px;
	margin: 0 0 8px 0;
	padding: 0px;}
body.blog #content div.indium_blog p.blog_link {
	padding: 0px;
	margin: 10px 0 0 0;
	font-weight: bold;
	font-size: 12px;}
body.blog #content div.indium_blog p.blog_link a:link, body.blog #content div.indium_blog p.blog_link a:visited, body.blog #content div.indium_blog p.subscribe a:link, body.blog #content div.indium_blog p.subscribe a:visited {
	color: #3b6c5e;
}
body.blog #content div.indium_blog p.blog_link a:hover, body.blog #content div.indium_blog p.blog_link a:active, body.blog #content div.indium_blog p.subscribe a:hover, body.blog #content div.indium_blog p.subscribe a:active {
	color: #004934;
}
body.blog #content div.indium_blog p.subscribe {
	background: url(/images/feed_icon.png) no-repeat 65px 0px;
	padding: 0px 0px 0px 80px;
	margin: 3px 0px 2px 0px;
	font-size: 11px;}	

div.categoriesContainer{
	float:left;
	margin:28px 0 0 0;
	width:274px;
	overflow:hidden;}

div.categories h1{
	margin:0;
	padding:0;}

div.categories {
	clear: both;
	background-color: #CCDBD6;
	/*height: 320px;*/
	padding: 2px;
	border: 2px solid #A6BFB8;
	margin-bottom: 10px;
}
div.categories h2{
	padding: 0px; 
	margin: 0px;}
div.categoriesContainer div.categories ul {
	margin:10px 0 0;
	padding:0 0 12px 3px;
	padding-left: 3px;
	width:128px; 
	float:left;
	overflow:hidden;
	clear: none;
	}
div.categories ul li{
	float:left;
	width:122px;
	margin:3px 0;
	padding:0 0 0 9px;
	font-size:0.8em;
	list-style-type:none;
	background:url(/blogs/images/bullet.gif) no-repeat 0 4px;}


/*body.blog {
	background: #a6bfb8 url(/images/body_bg_blogindex.gif) repeat-y top left;}*/

/*body.blog div#footer {margin-top: 20px; }*/

/*div.blog_btn {
	float: right;
	margin-top: 15px;}
div.blog_btn a {
	display:block;
	width: 300px;
	height: 50px;
	background: url("/images/blog-btn.jpg") 0 0 no-repeat;
	text-decoration: none;}

div.blog_btn a span {
	display: none;
}

div.blog_btn a:hover { 
background-position: 0 -50px;
color: #049;
}
div.blog_btn a:active {
background-position: 0 -100px;
color:#fff;
}

img.bio_vid {
	margin: 8px;
}

ul.vid li {
	margin-left: 20px;
}

div.photo {
	float:right;
	margin: 0;
	padding: 0 0 0 10px;
	clear:right;
}

div.photo img {
	border: 0px;
}*/
