/* For Large Screens */
body {width: 100%}
#Wrapper { 
	width: 100%; 
	min-height: 650px;
	}
#innerWrapper { 
	max-width: 1420px;
		width: 100%;
	}
#PageWrapper { 
	max-width: 1100px;
		width: 100%; 
	}
#AdvertisingLeft { 
	display: none;
	float: left;
	height: 100%;
	position: absolute;
	top: 40px;
	width: 160px; 
	}
	div.ezAdsense {position: fixed}
	.ezAdsense.adsense.adsense-widget div {margin: 0 !important;}

#AdvertisingRight { 
	display: none;
	position: absolute;
	right: 0;	
	top: 40px;
	width: 160px; 
	}
#Header { 
	max-width: 1100px;
		width: 100%; 
	}

	#MenuWrapper { width: 100%; }
	#MainMenu { width: 100%; }
	#LogoWrapper { 
		max-width: 495px;
			width: 45%; 
		}
		#LogoWrapper .LogoInnerWrapper { 
			float: left;
			width: 100%;
			}
			#Logo a { 		  width: 100%;}
			img.logoImage {
				max-width: 447px;
					width: 100%;
					
					height: auto;
				max-height: 113px;
			}
			#HeaderRight {width: 52%;}
			.home #HeaderRight {width: 100%;}
	#LatestPost { 
		max-width: 605px;
			width: 55%; 
			}
			#LatestPost .LatestPostInner {
				float: right;
				width: 90%;
			}
			#LatestPost img {
				max-width: 350px;
					width: 100%;
				   height: auto;
			   max-height: 233px;
			}
	
#MainPage { 
	max-width: 1100px;
		width: 100%; 
	}
	#FirstColumn, #MainContent.two-thirds  { 
	max-width: 817px;
		width: 75%; 
		}
		#recent_posts_wrapper {	width: 100% }
			#recent_posts_carousel {	width: 50% }
				#recent_posts_carousel img {
					max-width: 369px;
						width: 100%;
					   height: auto;
				   max-height: 200px;
					}
					
			#recent_posts_wrapper .touchcarousel {
				height: auto;
				 width: auto;
				}
				.home .touchcarousel.tc-layout-1 .touchcarousel-item {
					max-width: 369px;
				}
				.home .touchcarousel.tc-layout-1 .tc-desc {
					max-width: 369px;
					height: 55px;
					width: 100%;
				}
				.home .touchcarousel.tc-layout-1 .tc-excerpt {
					max-width: 360px;
						width: 100%;
				}
					
			#home_twitter_widget {	width: 50% }
		#FirstColumn.two-thirds .flat-ribbon, #MainContent.two-thirds .flat-ribbon {
			max-width: 790px;
				width: 100%; 
			}
			.flat-ribbon div.tab {	width: 100%;}
			.half-page {
				width: 48% !important;
			}
			.one-third {
				width: 31% !important;
				}
			.one_quarter, .one_fourth {
				width: 24% !important;
				}
			.three_quarter, .three_quarters, .three_fourth, .three_fourths {
				width: 75% !important;
				}
			.ribbon span.blogPostInfo, .flat-ribbon span.blogPostInfo { 	
				max-width: 470px; 
				max-height: 15px;
				}
			
#Sidebar.one-third { 
	max-width: 272px;
		width: 25% !important; 
	}
	.widget_search .textInput, .sidebar .widget_search input {
		max-width: 135px;
			width: auto;
		}

.pageMain { 
	max-width: 1100px;
		width: 100%; 
		}
#Footer { 
	max-width: 1100px;
		width: 100%; 
		}
#Copyright   { width: 70%; }
#Salamander { width: 30%; }

/* Screens (1280x800) */
@media only screen and (min-width: 481px) and (max-width: 1280px) and (orientation: landscape) {
	#Wrapper { width: 100%; }
	#innerWrapper { width: 100%; }
	#PageWrapper { width: 100%; }
	#AdvertisingLeft { width: 0%; }
	#AdvertisingRight { width: 0%; }
	#Header { width: 100%; }
	#mainPage { width: 100%; }
	#Footer { width: 100%; }
	#Copyright { width: 70%; }
	#Salamander { width: 30%; }
	#MenuWrapper { width: 100%; }
	#LogoWrapper { width: 45%; }
	#LatestPost { width: 55%; }
	#MainMenu { width: 100%; }
	#FirstColumn, #MainContent.two-thirds  { width: 75%; }
	#Sidebar.one-third { width: 25%; }
}



/* ------------------------------------------------------------------------------ */
/* ADVERTISING (1460px, ) */
/* ------------------------------------------------------------------------------ */
@media only screen and (min-width: 1420px) {
	#AdvertisingLeft { width: 160px; display: block; }
	#AdvertisingRight { width: 160px; display: block; }
}
@media only screen and (min-width: 1260px) and (max-width: 1420px) { 
	#PageWrapper {float: left; margin-left: 160px !important;}
	#AdvertisingLeft { float: left; width: 160px; display: block; }
	#AdvertisingRight { display: none; }
}



/* ------------------------------------------------------------------------------ */
@media only screen and (min-width: 481px) and (max-width: 1060px) { 
	#MenuWrapper {height: 80px; }
}

 

/* ------------------------------------------------------------------------------ */
/* Laptop/Tablet (1024px) */
/* ------------------------------------------------------------------------------ */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {
	#Wrapper {background: #EFEFEF; width: 100%; }
	#innerWrapper { width: 100%; }
	#PageWrapper { width: 100%; }
	#AdvertisingLeft { width: 0%; }
	#AdvertisingRight { width: 0%; }
	#Header { width: 100%; }
	
	#mainPage { width: 100%; }
	#Footer { width: 100%; }
	#Copyright { width: 70%; }
	#Salamander { width: 30%; }
	#MenuWrapper { width: 100%; }
	#LogoWrapper { width: 45%; }
	#LatestPost { width: 55%; }
	#MainMenu { width: 100%; }
	#FirstColumn, #MainContent.two-thirds  { width: 75%; }
			#recent_posts_carousel img {
					max-width: 325px;
					}
				.home .touchcarousel.tc-layout-1 .touchcarousel-item {
					max-width: 325px;
					}
				.home .touchcarousel.tc-layout-1 .tc-desc {
					 max-width: 325px;
					}
				.home .touchcarousel.tc-layout-1 .tc-excerpt {
					max-width: 320px;	
					}
			.full-page {margin: 5px;}
			.portfolio, .portfolio-item {margin-left: 0; }
	#Sidebar.one-third { width: 25%; }
}



/* ------------------------------------------------------------------------------ */
@media only screen and (min-width: 481px) and (max-width: 950px) { 
	#LatestPost img {max-width: 300px;}
	#HeaderRight h1.pageTitle {font-size: 1.1em;}
	#HeaderRight .impact {font-size: 0.9em}
}


/* ------------------------------------------------------------------------------ */
@media only screen and (min-width: 481px) and (max-width: 870px) {
	#LatestPost img {max-width: 300px;}
	#HeaderRight h1.pageTitle {font-size: 1.3em;}	
		#LatestPost h4 {
			clear: left;
			margin-top: 20px;
		}
		#LatestPost .LatestPostInner {margin: 10px 15px 5px 0}
		.latest-post-excerpt p {margin: 5px 0;}
		
		
		.flexslider .flex-control-nav { right: 20px;}
		.flexslider .flex-control-nav li {margin: 0 2px;}
}




/* ------------------------------------------------------------------------------ */
/* Tablet Portrait (768px) */
/* ------------------------------------------------------------------------------ */
@media only screen and (min-width: 321px) and (max-width: 768px) {
body {font-size: 14px}
	#Wrapper {background: #EFEFEF; width: 100%; }
	#innerWrapper { width: 100%; }
	#PageWrapper { width: 100%; }
	#AdvertisingLeft { width: 0%; }
	#AdvertisingRight { width: 0%; }
	#Header { width: 100%; }
		#HeaderRight {
			width: 50%;
			padding: 10px;
			margin: 0;
			}	
	#mainPage { width: 100%; }
	#Footer { width: 100%; }
			#Footer .one-third { width: 29% !important }
	#Copyright { width: 70%; }
	#Salamander { width: 30%; }
	#MenuWrapper { width: 100%; }
	#LogoWrapper { width: 50%; }
	#LatestPost { width: 50%; }
			#LatestPost h4 {
				clear: left;
				margin-top: 20px;
				padding-top: 10px;
			}	
	#MainMenu { width: 100%; }
	#FirstColumn, #MainContent.two-thirds  { width: 75%; }
			#recent_posts_carousel img {
					max-width: 229px;
					}
			.home .touchcarousel.tc-layout-1 .tc-desc { 
				position: relative;
				top: 0;
				left: 0;
				background: none;
				}
			.home .touchcarousel.tc-layout-1 .touchcarousel-item h4 {
				color: inherit;
				margin: 10px 0;
				}					
				.home .touchcarousel.tc-layout-1 .touchcarousel-item {
					max-width: 229px;
					}
				.home .touchcarousel.tc-layout-1 .tc-desc {
					 max-width: 229px;
					 height: auto;
					}
				.home .touchcarousel.tc-layout-1 .tc-excerpt {
					max-width: 229px;	
					}	
				.touchcarousel.three-d .arrow-holder, .touchcarousel.three-d .tc-paging-container  {display: none}	
				#recent_posts_carousel .flexslider .flex-control-nav {display: none;}				
				.portfolio-description h4 { font-size: 1.1em !important; }
				
							div.blogPostSummary {margin: 0}
							
	#Sidebar.one-third { width: 25%; }
	
}





/* ------------------------------------------------------------------------------ */
/* Phone Landscape (480px) */
/* ------------------------------------------------------------------------------ */
@media only screen and (max-width: 480px) {
body {font-size: 13px}
	#Wrapper { background: #EFEFEF; width: 100%; }
	#innerWrapper { width: 100%; }
	#PageWrapper { width: 100%; }
	#AdvertisingLeft { width: 0%; }
	#AdvertisingRight { width: 0%; }
	#Header { width: 100%; }
		#HeaderRight  {
			clear: both;
			float: none;
			margin: 0;
			padding: 10px;
			width: 100%
			}	
	#mainPage { width: 100%; }
	#Footer { width: 100%; }
		#Footer .one-third {
			float: none;
			width: 100% !important;
			}	 	
	
	#Copyright { width: 100%; }
	#Salamander { width: 100%; }
	#MenuWrapper { 
		height: 120px;
		width: 100%; 
		}
	#LogoWrapper { width: 100%; }
		#LogoWrapper .LogoInnerWrapper {
			float: none;
			margin: 0;
			padding: 0 10px;
			width: 100%;
			}
	#LatestPost { width: 100%; }
		#LatestPost .LatestPostInner {
			float: none;
			margin: 0;
			padding: 0 10px;
			width: 100%;
			}
			a.latest-post-image {
				margin-right: 0;
			}
			#LatestPost h4 {
				clear: left;
				margin-top: 20px;
				padding-top: 10px;
			}	
	
	#MainMenu { width: 100%; }
	#FirstColumn, #MainContent.two-thirds  { width: 100%; }
		#recent_posts_carousel, #home_twitter_widget {
			float: none;
			width: 100%;
			}	
			#recent_posts_carousel img {
					max-width: 369px;
					}
			.home .touchcarousel.tc-layout-1 .tc-desc { 
				position: relative;
				top: 0;
				left: 0;
				background: none;
				}
			.home .touchcarousel.tc-layout-1 .touchcarousel-item h4 {
				color: inherit;
				}					
				.home .touchcarousel.tc-layout-1 .touchcarousel-item {
					max-width: 369px;
					}
				.home .touchcarousel.tc-layout-1 .tc-desc {
					height: auto;
					 max-width: 369px;
					}
				.touchcarousel.tc-layout-1 .tc-desc h4 { margin: 10px; }
				.home .touchcarousel.tc-layout-1 .tc-excerpt {
					max-width: 360px;	
					}	
				.home .touchcarousel.tc-layout-1 .tc-excerpt span.subtitle {
					font-weight: 600;
					font-family: 'Droid Sans', 'Open Sans', Raleway, sans-serif;
					}					
				#recent_posts_carousel .flexslider .flex-control-nav {display: none;}
				.touchcarousel.three-d .arrow-holder, .touchcarousel.three-d .tc-paging-container  {display: none}
				.flexslider .flex-direction-nav a { opacity: 1; }
										
			div.blogPostSummary {margin: 0}
					
	#Sidebar.one-third { 
		max-width: 480px;
		clear: both;
		float: none;
		width: 100% !important;  
		} 
}


/* ------------------------------------------------------------------------------ */
/* Phone Portrait (320px) */
/* ------------------------------------------------------------------------------ */
@media only screen and (max-width: 320px) {
	body {font-size: 13px;}

	#Wrapper { background: #EFEFEF; width: 100%; }
	#innerWrapper { width: 100%; }
	#PageWrapper { width: 100%; }
	#AdvertisingLeft { width: 0%; }
	#AdvertisingRight { width: 0%; }
	#Header { width: 100%; }
		#HeaderRight  {
			clear: both;
			float: none;
			margin: 0;
			padding: 10px;
			width: 100%
			}

	#mainPage { width: 100%; }
		#recent_posts_carousel, #home_twitter_widget {
			float: none;
			width: 100%;
			}	
	
	#Footer { width: 100%; }
		#Footer .one-third {
			float: none;
			width: 100% !important;
			}	
	#Copyright { width: 100%; }
	#Salamander { width: 100%; }
	#MenuWrapper { 
		height: 120px;
		width: 100%; 
		}
		
		
	#LogoWrapper { width: 100%; }
		#LogoWrapper .LogoInnerWrapper { padding: 0 }	
		
	#LatestPost { width: 100%; }
		#LatestPost .LatestPostInner {
			float: none;
			margin: 0;
			padding: 0 10px;
			width: 100%;
			}
			a.latest-post-image {
				margin-right: 0;
			}
			#LatestPost h4 {
				clear: left;
				margin-top: 20px;
			}	
	
	#MainMenu { width: 100%; }

		#recent_posts_carousel .flexslider .flex-control-nav {display: none;}
			.home .touchcarousel.tc-layout-1 .tc-desc { 
				position: relative;
				top: 0;
				left: 0;
				background: none;
				}
			.home .touchcarousel.tc-layout-1 .touchcarousel-item h4 {
				color: inherit;
				}
				#recent_posts_carousel img {
					max-width: 225px;
					}
				.home .touchcarousel.tc-layout-1 .touchcarousel-item {
					max-width: 225px;
					}
				.home .touchcarousel.tc-layout-1 .tc-desc {
					height: auto;
					 max-width: 225px;
					}
				.touchcarousel.tc-layout-1 .tc-desc h4 { margin: 10px 0;}
				.home .touchcarousel.tc-layout-1 .tc-excerpt {
					max-width: 215px;	
					}	
				.home .touchcarousel.tc-layout-1 .tc-excerpt span.subtitle {
					font-weight: 600;
					font-family: 'Droid Sans', 'Open Sans', Raleway, sans-serif;
					}
				.touchcarousel.three-d .arrow-holder, .touchcarousel.three-d .tc-paging-container  {display: none}				
	#FirstColumn, #MainContent {padding: 0 10px;}
	#FirstColumn, #MainContent.two-thirds  { width: 100%; }					
				div.blogPostSummary {margin: 0}
				
				
	#Sidebar.one-third {
		clear: both;
		float: none;
		max-width: 320px;
		width: 100% !important;  
		}
}