

/* Elements

---------------------------------------- */



body {

	margin:				0;

	padding:			0;

	font:				62.5% 'Lucida Grande', Verdana, sans-serif;

	color:				#222;

	background:			#fff;

	}



p	{

	margin:				0 0 1em 0;

	}



a	{

	text-decoration:	none;

	color:				#b50;

	}



	a:hover {

	text-decoration:	underline;

	}



	a:visited{

	}



img	{

	border:				none;

	}



ul, ol {

	margin:				0 0 1em 15px;

	padding:			0;

	}



	ol {

	margin-left:		30px;

	}



	ul.file_list {

	margin-left:		0;

	}



ul li {

	margin:				0 0 .25em 0;

	padding:			0 0 0 15px;

	list-style:			none;

	background:			url('http://commissionstories.imbresources.org/wp-content/themes/commission_stories/images/bullet.gif') no-repeat left .45em;

	}



	ol li {

	margin:				0 0 .25em .6em;

	padding:			0;

	}



hr	{

	display:			none;

	}





/* Headings

---------------------------------------- */



h1, h2, h3, h4 {

	font-weight:		normal;

	line-height:		1.3em;

	}



h1 {

	margin:				0 0 .75em 0;

	font-size:			2em; /* 24px */

	border-bottom:		#ccc 2px solid;

	padding-bottom:		.2em;

	} 



	h1.no_divider {

	margin-bottom:		5px;

	padding-bottom:		none;

	border-bottom:		none;

	}





h2	{

	margin:				1.3em 0 .5em 0;

	font-size:			1.5em; /* 18px */

	}



h3	{

	margin:				1.1em 0 .5em 0;

	font-size:			1.25em; /* 15px */

	font-weight:		bold;

	}



	h3.divided {

	margin-bottom:		.75em;

	border-bottom:		#ddd 1px solid;

	padding-bottom:		.25em;

	}



h4	{

	margin:				0 0 .25em 0;

	font-weight:		bold;

	}





/* Structure

---------------------------------------- */



#site {

	width:				912px;

	margin:				0 auto;

	font-size:			1.2em;

	line-height:		1.6em;

	}



#header {

	margin:				0 0 15px 0;

	border-bottom:		#ddd 1px solid;

	padding-bottom:		20px;

	}



#current_ {

	border:				#000 1px solid;

	margin:				0 0 25px 0;

	}
	
.twocol {
	-moz-column-count: 2;
	-moz-column-gap: 1em;
	-moz-column-rule: 1px solid #ccc;
	-webkit-column-count: 2;
	-webkit-column-gap: 1em;
	-webkit-column-rule: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 5px;

}

h3.twocol {
margin: 0;
}

#content {

	border-bottom:		#bbb 3px solid;

	padding:			0 0 25px 0;

	}



#main {

	float:				left;

	width:				610px;

	}



	#main.right {

	float:				right;

	}



#sidebar {

	float:				right;

	width:				260px;

	}



	#sidebar.left {

	float:				left;

	}



#footer {

	border-top:			#222 4px solid;

	padding:			0 20px 15px 20px;

	background:			#333;

	}





/* Logo

---------------------------------------- */



#logo {

	margin-top:			15px;

	float: 				left;

	}



#logo a,

#logo span {			/* Stops IE Flicker when both <a> and <span> */

	display:			block;

	width:				410px;

	height:				55px;

	background:			url('http://commissionstories.imbresources.org/wp-content/themes/commission_stories/images/logo_screen.gif') no-repeat;

	}



#logo img  {

	display:			block;

	width:				0;

	}





/* Navigation

---------------------------------------- */



#nav {

	float: 				right;

	}



#nav ul {

	margin:				0;

	padding:			0;

	list-style:			none;

	}



#nav ul li {

	float:				left;

	margin:				0;

	padding:			0;

	background:			url('http://commissionstories.imbresources.org/wp-content/themes/commission_stories/images/nav_divider.gif') no-repeat bottom right;

	}



#nav ul li a {

	display:			block;

	padding:			35px 4px 0 8px;

	color:				#666;

	line-height:		normal;

	text-decoration:	none;

	}



	#nav ul li a:hover {

	color:				#000;

	}





/* Current Post

---------------------------------------- */


#feature_presentation_beyond {

	/* By setting a height we force scale before flash loads */

	width:				900px;
	display: block;
	}


#feature_presentation {

	/* By setting a height we force scale before flash loads */

	width:				910px;
	display: block;
	}



	#feature_presentation p {

	 margin:				0;

	}



#feature_info_top,

#feature_info_bottom {

	padding:			4px;

	background:			#ddd;

	}



	#feature_info_top {

	border-bottom:		#000 1px solid;		

	}

	#feature_info_bottom {

	border-top:			#000 1px solid;

	}



#info_links{

	padding:			0 0 0 10px;

	float:				left;

	}



#info_tags {

	padding:			0 10px 0 0;

	float:				right;		

	}



	#info_links p,

	#info_tags p{

	margin:				0;

	}





/* Features

---------------------------------------- */



#features {

	padding:			0 20px 0 20px;

	background:			url('http://commissionstories.imbresources.org/wp-content/themes/commission_stories/images/features_back.gif') no-repeat;

	}



	#features h2 {

	margin:				0 -20px 1em -20px;

	padding:			7px 10px;

	background:			#777 url('http://commissionstories.imbresources.org/wp-content/themes/commission_stories/images/features_header_back.gif') repeat-x;

	}



	#features h2 span {

	margin:				0;

	padding:			0 0 0 10px;

	font-weight:		normal;

	color:				#000;

	color:				#fff;

	background:			url('http://commissionstories.imbresources.org/wp-content/themes/commission_stories/images/icon_plus.gif') no-repeat left .5em;

	}



.feature,

.post {

	margin:				0 0 1.5em 0;

	border-bottom:		#ddd 1px dashed;

	padding:			0 0 .5em 0;

	}



	.feature h3,

	.post h3 {

	margin-top:			0;

	font-size:			1.25em; /* 15px */

	}





/* Search

---------------------------------------- */



 #search {

	margin:				0 0 1em 0;

	background:			url('http://commissionstories.imbresources.org/wp-content/themes/commission_stories/images/search_back.gif') no-repeat;

	}



#search_field {

	float:				left;

	width:				200px;

	padding:			8px 10px 0 10px;

	text-align:			center;

	}



	#search_field input {

	margin:				0;

	border:				none;

	border-top:			#999 1px solid; /*Slight offset for non-safari browsers */

	border-left:		#999 1px solid;

	padding:			2px 3px;

	font-size:			1em;

	width:				190px;

	}



#search_submit {

	float:				left;

	width:				40px;

	}



#sidebar h2 {

	margin-bottom:		0;

	padding-bottom:		.25em;

	font-size:			1.25em;

	border-bottom:		#bbb 1px solid;

	/*

	padding-bottom:		.25em;

	margin-bottom:		2px;

	background:			url('http://commissionstories.imbresources.org/wp-content/themes/commission_stories/images/sidebar_header_divider.gif') no-repeat left bottom;

	*/

	}





/* Sidebar

---------------------------------------- */



#sidebar h2 span {

	margin:				0;

	padding:			0 0 0 10px;

	font-weight:		normal;

	background:			url('http://commissionstories.imbresources.org/wp-content/themes/commission_stories/images/icon_plus.gif') no-repeat left .5em;

	}



#sidebar .bucket {

	border-top:			#ccc 1px solid;

	padding:			10px 10px 12px 10px;

	background:			#ddd;

	}



#sidebar .bucket *:last-child {

	margin-bottom:		0;

	}



/* Footer

---------------------------------------- */



#footer #imb_logo {

	margin-top:			10px;

	float: 				left;

	}



	#footer #imb_logo a,

	#footer #imb_logo span { /* Stops IE Flicker when both <a> and <span> */

	display:			block;

	width:				140px;

	height:				46px;

	background:			url('http://commissionstories.imbresources.org/wp-content/themes/commission_stories/images/imb_logo_screen.gif') no-repeat;

	}



	#footer #imb_logo img  {

	display:			block;

	width:				0;

	}



#footer #footer_logo {

	margin:				10px 0 0 30px;

	float: 				left;

	}



	#footer #footer_logo a,

	#footer #footer_logo span { /* Stops IE Flicker when both <a> and <span> */

	display:			block;

	width:				200px;

	height:				45px;

	background:			url('http://commissionstories.imbresources.org/wp-content/themes/commission_stories/images/footer_logo_screen.gif') no-repeat;

	}



	#footer #footer_logo img  {

	display:			block;

	width:				0;

	}



#footer_nav {

	float: 				right;

	}



#footer_nav ul {

	margin:				0;

	padding:			0;

	list-style:			none;

	}



#footer_nav ul li {

	float:				left;

	margin:				0;

	padding:			0;

	background:			none;

	}



#footer_nav ul li a {

	display:			block;

	border-right:		#444 1px solid;

	padding:			30px 4px 0 10px;

	color:				#666;

	line-height:		normal;

	text-decoration:	none;

	}



	#footer_nav ul li a:hover {

	color:				#ccc;

	}





/* Images

---------------------------------------- */



.img_left {

	float:				left;

	margin:				.4em 15px .5em 0; /* top margin pushed down to meet the line-height of text */

	}



	#sidebar .img_left {

	margin-right:		10px;

	}



.img_right {

	float:				right;

	margin:				.4em 0 .5em 15px; /* pushed down to meet the line-height of text */

	}



	#sidebar .img_right {

	margin-left:		10px;

	}



.img_center {

	margin-bottom:		.5em;

	display:			block;

	text-align:			center;

	}



.img_frame {

	border-bottom: 		#ddd 2px solid;

	}



	.img_frame img {	

	border: 			#aaa 3px solid;

	padding: 			1px;

	}





/* Icons

---------------------------------------- */



.i_feed,

.i_feed a {

	background:			url('http://commissionstories.imbresources.org/wp-content/themes/commission_stories/images/icon_feed.gif') no-repeat left .15em;

	}



	.i_feed a {

	padding:			0 0 0 17px;		

	}



.i_feature,

.i_feature a {

	background:			url('http://commissionstories.imbresources.org/wp-content/themes/commission_stories/images/icon_feature.gif') no-repeat left .25em;

	}



	.i_feature a {

	padding:			0 0 0 17px;		

	}







/* Generic

---------------------------------------- */



.first {

	margin-top:			0;

	padding-top:		0;

	}



p.close {

	margin-top:			-.5em;

	}



#promobanner {

	position:			absolute;

	top:				0;

	right:				0;

}





/* Clearing Inner Floats

---------------------------------------- */



#header:after,

#current_feature:after,

#content:after,

#feature_presentation:after,

#feature_info_top:after,

#feature_info_bottom:after,

.feature:after,

.post:after,

#search:after,

#footer:after {

	content:			"."; 

    display:			block; 

    height:				0px;

	line-height:		0px;

	font-size:			1px;

    clear:				both;

    visibility:			hidden;

    }



/* trigger hasLayout and target ie5+6/win only */

* html #header, 

* html #current_feature, 

* html #content, 

* html #feature_presentation, 

* html #feature_info_top, 

* html #feature_info_bottom, 

* html .feature, 

* html .post, 

* html #search,

* html #footer {

	height:				1%;

	}

/* trigger hasLayout and target ie7/win only */

*:first-child+html #header, 

*:first-child+html #current_feature, 

*:first-child+html #content, 

*:first-child+html #feature_presentation, 

*:first-child+html #feature_info_top, 

*:first-child+html #feature_info_bottom, 

*:first-child+html .feature, 

*:first-child+html .post, 

*:first-child+html #search,

*:first-child+html #footer {

	min-height:			1px;

	}