/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2008 - 2011 IceTheme. All Rights Reserved
  
  License:
  Copyrighted Commercial Software 
  
  Author:
  IceTheme - http://wwww.icetheme.com
  
---------------------------------------------------------------- */


/* ---------------------- queries.css --------------------------
This CSS file contains all the CSS codes to make your website
responsive. It means that your website will not only be 
functional to may screen sizes but it will look very good as 
well.

More information about media queries and responsive web design
can be found here:
http://www.alistapart.com/articles/responsive-web-design/
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/


/* Note 
--------
Also remember you dont need to worry about the size of this 
CSS file when you see all this comments. The IceSpeed plugin 
that we provide inside the template package will strip all 
of this comments plus it will comprees all the CSS in you
site. For more information on how to use IceSpeed please view 
the Installation Guide in PDF inside the template package.
---------------------------------------------------------------- */

@media (max-width: 1280px) {
	
	.wrapper  { width:960px;}
	
					
			
		.ice-carousel,
		.ice-carousel .ice-main-wapper { width:960px!important; height:480px!important;}
			
			.ice-carousel .ice-main-wapper .ice-main-item { width:960px!important;  height:480px!important;}
				
				.ice-carousel .ice-main-wapper .ice-main-item img { }
		
		#footermenu ul.menu li { padding-right:2em}
		
	#reccomended { display:none}	
	
	.icenewsblock ul.right-cat-childs { position:absolute; top:0; right:0}	
		
		.icenewsblock ul.right-cat-childs li:nth-child(-n+2)  { display:none}
	
		#promo .width25,
		#bottom .width25 	{ width:24%}
		#promo .width33,
		#bottom .width33	{ width:32.3%}
		#promo .width50,
		#bottom .width50	{ width:49%}
		
		#content_top .width33,
		#content_bottom .width33	{ width:31.6%}
		#content_top .width50,
		#content_bottom .width50	{ width:48.5%}
		
		#footer .width20	{ width:18.8%}
		#footer .width25    { width:23.8%}
		#footer .width33    { width:33%}
		#footer .width50    { width:48.2%}
		
	
		.blog-featured img, 
		.blog img,
		.item-page img {
			max-width:100%!important;
			max-height:100%!important}	
		
			
}	


@media (max-width: 1000px) {
	
	body { font-size:80%}
		
	.wrapper  { width:600px;}
	
	#header {}
		
		#logo {
			clear:both;}
			
	#topbar { height:70px}
		
	#topmenu { clear:both; margin-top:0; margin-right:0}
	
	#search {
		clear:both;
		float:left;
		margin:10px 0;}
		#search .inputbox { border-color:#ccc}
	
		
	#content_bar {	background:#ebebeb; border-top:1px solid #ccc; height:auto; position:relative; overflow:hidden;}
		
		#social { clear:both; float:left; padding:10px 0}
		
	
	.ice-tabs-white,
	.ice-tabs-white .ice-main-wapper { width:600px!important }
		
		.ice-tabs-white ul.ice-navigator li { width:199px!important}
	
	
	#banner { display:none}
	
	#outer-column-container { border-width:0!important}	
		
		#inner-column-container { border-color:transparent!important}
			
			#source-order-container { float:none!important}
	
				#middle-column { width:600px!important;}
					#middle-column .inside { margin-left:0!important; margin-right:0!important}
					
				
				#left-column { margin-left:0!important; width:285px!important; margin-top:30px!important; margin-bottom:20px!important;}
				
				#right-column { float:right!important; margin-right:0!important; width:285px!important; margin-top:30px!important; margin-bottom:20px!important;}
		
	
		.clear-columns { clear:none!important}
	
		
	
		
	
	.ice-carousel,
		.ice-carousel .ice-main-wapper { width:600px!important;height:230px!important}
			
			.ice-carousel .ice-main-wapper .ice-main-item { width:600px!important; height:230px!important}
				
				.ice-carousel .ice-main-wapper .ice-main-item img { max-width:90px!important;  height:65px!important;}		
					
					.ice-carousel .ice-row .mod-articles-category-introtext,
					.ice-carousel .ice-row p.iteminfo { display:none}
	
	
	#footermenu { height:auto} 
		
		#footermenu ul.menu li { padding-bottom:8px!important}
	
	
		div.icemegamenu ul#icemegamenu li span.icemega_title,
		div#subMenusContainer span.icemega_title {
			font-size:1.1em!important;
			padding-left:10px!important;
			padding-right:10px!important;}
				
		
		#promo .width25,
		#bottom .width25 	{ width:48%; margin-bottom:30px;}
		#promo .width33,
		#bottom .width33	{ width:485%; margin-bottom:30px;}
		#promo .width50,
		#bottom .width50	{ width:48%}
		
		#content_top .width33,
		#content_bottom .width33	{ width:32%}
		#content_top .width50,
		#content_bottom .width50	{ width:47.5%}
		
		#footer .width20	{ width:31%; margin-bottom:15px;}
		#footer .width25    { width:47.5%; margin-bottom:15px;}
		#footer .width33    { width:31%}
		#footer .width50    { width:47%}
		
	
	
	
}