﻿/* ADAPTIVE LAYOUTS CSS <=940 */
@media screen and (min-width:0px) and (max-width:959px){
/*CHANGE BACKGROUND*/
#bdy_wrapper				{background:url('../../graphics/responsive_bg.jpg') repeat-x center top !important;}

/*CHANGE BACKGROUND
body						{background:url('../../graphics/responsive_body_bg.jpg') center top !important;}


#columns_top				{background:none !important; height:0px !important;}

#columns_bg					{background:none !important;}

#columns_bottom				{background:none !important; height:0px !important;}
*/

/*CHANGE WIDTHS*/
body 						{min-width:100px;}
#main 						{width:100%; 			margin-left:auto; 	margin-right:auto;} 

/*CHANGE HEADER HEIGHT*/
#headerTop					{height:200px			!important; position:relative}

/*REPOSITION*/
#seo_1						{position:absolute; 	top:118px; 		left:4%;			width:auto; 	height:auto;	text-align:left;	font-size:1em; 	font-weight:100}
#seo_2						{position:absolute; 	top:140px; 		left:4%;			width:auto; 	height:auto; 	text-align:left; font-size:.7em;	font-weight:100}


/*REMOVE FROM VIEW*/
#nivo_slider,#nivo_slider_small,#logo_tagline,#optional_content,#news_ticker,#search,#cse,#bookmark,#twitter_facebook,#themed_object,#get_in_touch,#mp3_component,#zoom_menu_component, 
#accordian_menu, #image_menu, #news_viewer, #parallax_slider
							{visibility:hidden !important; 		display:none !important;}
							
#search,#cse				{visibility:hidden; 	display:none;}
.sidemenu					{visibility:hidden; 	display:none;}
.footer 					{visibility:hidden; 	display:none;}

/* INFO BOXES */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/****** HORIZONTAL BOXES --------------------- */
.boxi 								{font-size:1em;}

.boxi h1, .boxi h1 a 				{font-size:1.7em;}
.boxi h1  a:hover 					{font-size:1.7em;}

.boxi h2, .boxi h2 a 				{font-size:1.6em;}
.boxi h2  a:hover 					{font-size:1.6em;}

.boxi h3, .boxi h3 a 				{font-size:1.5em;}
.boxi h3  a:hover 					{font-size:1.5em;}

.boxi h4, .boxi h4 a 				{font-size:1.4em;}
.boxi h4  a:hover 					{font-size:1.4em;}

.boxi h5, .boxi h5 a 				{font-size:1.3em;}
.boxi h5  a:hover 					{font-size:1.3em;}

.boxi h6, .boxi h6 a 				{font-size:1.2em;}
.boxi h6  a:hover 					{font-size:1.2em;}

						
/****** LEFT/RIGHT COLUMNS --------------------- */
.box1 								{font-size:1em;}

.box1 h1, .box1 h1 a 				{font-size:1.7em;}
.box1 h1  a:hover 					{font-size:1.7em;}

.box1 h2, .box1 h2 a 				{font-size:1.6em;}
.box1 h2  a:hover 					{font-size:1.6em;}

.box1 h3, .box1 h3 a 				{font-size:1.5em;}
.box1 h3  a:hover 					{font-size:1.5em;}

.box1 h4, .box1 h4 a 				{font-size:1.4em;}
.box1 h4  a:hover 					{font-size:1.4em;}

.box1 h5, .box1 h5 a 				{font-size:1.3em;}
.box1 h5  a:hover 					{font-size:1.3em;}

.box1 h6, .box1 h6 a 				{font-size:1.2em;}
.box1 h6  a:hover 					{font-size:1.2em;}


/****** CENTER CONTENT BODY/BOXES --------------------- */
.box4 								{font-size:1em;}

.box4 h1, .box4 h1 a 				{font-size:1.7em;}
.box4 h1  a:hover 					{font-size:1.7em;}

.box4 h2, .box4 h2 a 				{font-size:1.6em;}
.box4 h2  a:hover 					{font-size:1.6em;}

.box4 h3, .box4 h3 a 				{font-size:1.5em;}
.box4 h3  a:hover 					{font-size:1.5em;}

.box4 h4, .box4 h4 a 				{font-size:1.2em;}
.box4 h4  a:hover 					{font-size:1.2em;}

.box4 h5, .box4 h5 a 				{font-size:1.3em;}
.box4 h5  a:hover 					{font-size:1.3em;}

.box4 h6, .box4 h6 a 				{font-size:1.2em;}
.box4 h6  a:hover 					{font-size:1.2em;}


div.lm-super-summary img, img.blog-img 
									{width:100%;}

	.recentcomments					{font-size: 0.9em;}
	.url							{font-size: 0.9em;}
	.box4 .textwidget				{font-size: 0.9em;}
	.date-time						{font-size: 0.9em;}
	.more-link						{font-size: 0.9em;}
	.author							{font-size: 0.9em;}
	.categories						{font-size: 0.9em}
	div.lm-super-summary__news div.lm-super-summary-item-large img 
									{width:100%; height:100%;}
	div.lm-super-summary__news div.lm-super-summary-item
									{width:98%;}
}

	/****** MAGAZINE LAYOUT --------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


}



/* ADAPTIVE LAYOUTS CSS <=700 */
@media screen and (min-width:0px) and (max-width:700px){
#leftinfo					{width: 98%; margin-bottom:10px; margin-left: 1%;margin-right: 1%;float:none;}
#centerinfo					{width: 98%; margin-bottom:10px; margin-left: 1%;margin-right: 1%;float:none;}
#rightinfo					{width: 98%; margin-bottom:10px; margin-left: 1%;margin-right: 1%;float:none;}		
.centerpic img				{width: 50%;}
}

/* ADAPTIVE LAYOUTS CSS <=481 */
@media screen and (min-width:0px) and (max-width:480px){
#footer						{visibility:hidden; display:none;}
#column1					{width: 98%; margin-bottom:10px; float:none;}
#column2					{width: 98%; margin-bottom:10px; float:none;}
#column3					{width: 98%; margin-bottom:10px; float:none;}
#column4					{width: 98%; margin-bottom:10px; float:none;}
.centerpic img				{width: 40%;}
}

/* TOP MENU BUTTON RESIZING */
/* =Standard Layouts - font size 90%
--------------------------------------------------------------------------------*/
@media screen and (min-width:760px) and (max-width:939px){
.sf-menu li a,.sf-menu li a:link, .sf-menu li a:visited, .sf-menu li a:active,.sf-menu li:hover,.sf-menu li.sfHover, .sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active   							
							{font-size:1em;}
.sf-menu a 					{padding:15px .4em 15px .4em;}
}
/* =Narrow Layouts - font size 80%
--------------------------------------------------------------------------------*/
@media screen and (min-width:481px) and (max-width:759px){
.sf-menu li a,.sf-menu li a:link, .sf-menu li a:visited, .sf-menu li a:active,.sf-menu li:hover,.sf-menu li.sfHover, .sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active   							
							{font-size:1em;}
.sf-menu a 					{padding:16px .3em 16px .3em;}
}
/* =Mobile Layouts - font size 70%
--------------------------------------------------------------------------------*/
@media screen and (min-width:0px) and (max-width:480px){
.sf-menu li a,.sf-menu li a:link, .sf-menu li a:visited, .sf-menu li a:active,.sf-menu li:hover,.sf-menu li.sfHover, .sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active   							
							{font-size:1em;}
.sf-menu a 					{padding:17px .2em 17px .2em;}
}


/* MOBILE OR REDUCED BROWSER FONT SCALING */

/* =Wide Layouts - largest font size
--------------------------------------------------------------------------------*/
@media screen and (min-width:940px){
body 						{font: 100%/1.25 'Trebuchet MS', Verdana, sans-serif;-webkit-font-smoothing: antialiased;}
}
/* =Standard Layouts - font size 90%
--------------------------------------------------------------------------------*/
@media screen and (min-width:760px) and (max-width:939px){
body 						{font: 90%/1.25 'Trebuchet MS', Verdana, sans-serif;-webkit-font-smoothing: antialiased;}
}
/* =Narrow Layouts - font size 80%
--------------------------------------------------------------------------------*/
@media screen and (min-width:481px) and (max-width:759px){
body 						{font: 80%/1.25 'Trebuchet MS', Verdana, sans-serif;-webkit-font-smoothing: antialiased;}
}
/* =Mobile Layouts - font size 70%
--------------------------------------------------------------------------------*/
@media screen and (min-width:0px) and (max-width:480px){
body 						{font: 70%/1.25 'Trebuchet MS', Verdana, sans-serif;-webkit-font-smoothing: antialiased;}
}


