/* Interim Breakpoints to stop the content squishing up when sidebars are enabled
---------------------------------------- */

	/* Hide the topic type labels when we're in a boxed layout with both sidebars */
	body.sidebar-both.body-layout-Boxed span.topic_type span {
		display: none;
	}	
		

	/* Forumlist Colums
	---------------------------------------- */		
	
	/* When the layout is fluid and both sidebars are enabled, hide the 'lastpost' column */
	@media (min-width: 1200px)and (max-width: 1299px) {
		/* Remove the 'topics' column */
		body.sidebar-both.body-layout-Fluid .forabg dd.posts, 
		body.sidebar-both.body-layout-Fluid .forumbg dd.views {
			display: none;
		}
		
		/* Or, reduce the width of 'simpleposts' by 50% (from 190 to 95) */	
		body.sidebar-both.body-layout-Fluid dd.simpleposts, 
		body.sidebar-right-only.body-layout-Fluid dd.simpleposts {
			width: 95px;	
		}		
		
		/* Adjust the other margins to account for the (now missing) 95px */
		body.sidebar-both.body-layout-Fluid ul.topiclist dt {
			margin-right: -395px;
		}
				
		
		body.sidebar-both.body-layout-Fluid ul.topiclist dt .list-inner {
			margin-right: 395px;
		}
		
		body.sidebar-both.body-layout-Fluid li.header dt {
			margin-right: -435px;	
		}	
		
		/* UCP Columns
		---------------------------------------- */			
		
		body.sidebar-both ul.topiclist.pmlist dt .list-inner, body.sidebar-right-only ul.topiclist.pmlist dt .list-inner {
			margin-right: 95px;
		}
		body.sidebar-both  ul.topiclist.two-columns dt {
			margin-right: -95px;	
		}			
		body.sidebar-both  ul.topiclist.two-columns li.header dt {
			margin-right: -130px;	
		}		
		
		/* UCP Two long columns */
		body.sidebar-both ul.two-long-columns dt .list-inner {
			margin-right: 0 !important;
		}		
		
		/* MCP Columns
		---------------------------------------- */
		
		/* Manually enabling the responsive layout. First, we remove the second column header */
		body.sidebar-right-only.body-layout-Fluid .missing-column dd {
			display: none;
		}
		
		/* But we still want the mark column, so re-enable that */
		body.sidebar-right-only.body-layout-Fluid .missing-column dd.mark {
			display: block;
		}
		
		/* Reduce the left column margin to 95px, just enough for the mark box */
		body.sidebar-right-only.body-layout-Fluid ul.topiclist.missing-column dt {
			margin-right: -95px;
		}
		
		body.sidebar-right-only.body-layout-Fluid ul.topiclist.missing-column dt .list-inner {	
			margin-right: 95px;
		}
		
		/* Then enable the extra info below */
		body.sidebar-right-only.body-layout-Fluid ul.topiclist.missing-column .responsive-show {
			display: block !important;
		}	
		
		/* Manually enabling the responsive layout. First, we remove the second column header */
		body.sidebar-right-only.body-layout-Fluid ul.topiclist.two-long-columns dd {
			display: none;	
		}
		
		/* Increase the left column width to 100% */
		body.sidebar-right-only.body-layout-Fluid ul.topiclist.two-long-columns dt .list-inner {
			margin-right: 0;	
		}
	
		/* Then enable the extra info below */	
		body.sidebar-right-only.body-layout-Fluid ul.topiclist.two-long-columns .responsive-show {
			display: block !important;
		}			
			
		
	}
	
	/* Between 1200 and 1400px, and when we're fluid with both sidebars enabled, apply the responsive layout for mcp missing-column */
	@media (min-width: 1200px)and (max-width: 1399px) {
		/* Manually enabling the responsive layout. First, we remove the second column header */
		body.sidebar-both.body-layout-Fluid .missing-column dd {
			display: none;
		}
		
		/* But we still want the mark column, so re-enable that */
		body.sidebar-both.body-layout-Fluid .missing-column dd.mark {
			display: block;
		}
		
		/* Reduce the left column margin to 95px, just enough for the mark box */
		body.sidebar-both.body-layout-Fluid ul.topiclist.missing-column dt {
			margin-right: -95px;
		}
		
		body.sidebar-both.body-layout-Fluid ul.topiclist.missing-column dt .list-inner {	
			margin-right: 95px;
		}
		
		/* Then enable the extra info below */ 
		body.sidebar-both.body-layout-Fluid ul.topiclist.missing-column	.responsive-show {
			display: block !important;
		}
		
		/* Manually enabling the responsive layout. First, we remove the second column header */
		body.sidebar-both.body-layout-Fluid ul.topiclist.two-long-columns dd {
			display: none;	
		}
		
		/* Increase the left column width to 100% */
		body.sidebar-both.body-layout-Fluid ul.topiclist.two-long-columns dt .list-inner {
			margin-right: 0;	
		}
	
		/* Then enable the extra info below */	
		body.sidebar-both.body-layout-Fluid ul.topiclist.two-long-columns .responsive-show {
			display: block !important;
		}				
		
		
					
	}

	/* Grid Forumlist
	---------------------------------------- */
	
	/* When boxed and both sidebars are enabled, reduce grid forumlist down to 2 columns */
	body.sidebar-both.body-layout-Boxed .forumlist_grid li.row,
	body.sidebar-both.body-layout-Boxed .forumlist_grid_icons li.row  {
		width: 50%;		
	}
	
	/* When fluid and the right sidebar is present, reduce to 2 columns between 1200px and 1500px */
	@media (min-width: 1200px)and (max-width: 1499px) {
		body.sidebar-both.body-layout-Fluid .forumlist_grid li.row, 
		body.sidebar-right-only.body-layout-Fluid .forumlist_grid li.row,
		body.sidebar-both.body-layout-Fluid .forumlist_grid_icons li.row, 
		body.sidebar-right-only.body-layout-Fluid .forumlist_grid_icons li.row {
			width: 50%;		
		}		
	}
	