#wrapper,
#access,
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#footer {
  width: 940px;
}

#access {
  max-width: 940px;
}

#main {
	float:left;
  }

.entry-content img.size-full {
  border: 1px solid #333;
  padding: 5px;
  -moz-box-shadow: 2px 2px 10px #333;
  -webkit-box-shadow: 2px 2px 10px #333;
}

iframe, object, embed{
  max-width: 100%;
}

.wp-caption {
	max-width: 100% !important; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}

.wp-caption img {
  height: auto;
}

/*@media screen and (min-width:814px ) and (max-width:1015px)
{
   #left {max-width: 100%;}
   #content { max-width: 62%;}

}*/

@media screen and (max-width: 1015px) {
  #wrapper {
	margin: 5px auto;
	width: 90%;
	padding: 0 3%;
  }

  #access,
  #access .menu-header,
  div.menu,
  #colophon,
  #branding,
  #main,
  #footer {
	margin: 0 auto;
	width: 100%;
  }
  #sidebar {
	  padding:15px;
  }
  #branding  {
	overflow:hidden;
  }

  #site-title {
   width: 100%;
  }

  #container {
	float: left;
	width: 100%;
	overflow: auto;
  }

  #left {
	  width: 95%;
	max-width: 95%;
	float:none;
	margin: 0 auto;
  }
  #content {
	width: 95%;
	max-width: 95%;
	margin: 0 auto;
  }

  .alignleft, img.alignleft, #content img.alignleft, .alignright, img.alignright, #content img.alignright {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	float: none;
  }

  #primary,
  #secondary {
	float: left;
	overflow: hidden;
	width: 99%;
  }
  #secondary {
	clear: left;
  }

  #site-generator, #site-description, #site-info, #site-title {
	clear: left;
	float: left;
	width: 95%;
	padding: 0;
	margin: 0;
  }

  #right {
		padding-top: 15px;
  }

}

/* landscape */
@media screen and (max-width:480px)  {
  #wrapper {
	margin: 0 auto;
	width: 90%;
	overflow: auto;
  }

  #access,
  #access .menu-header,
  div.menu,
  #colophon,
  #branding,
  #main,
  #footer {
	margin: 0 auto;
	width: 97%;
  }

  #branding  {
	overflow:hidden;
  }

  #site-title,
  #site-info,
  #site-description,
  #site-generator   {
	width: 100%;
	clear: left;
	float: left;
	margin-top: 0;
	padding-top:0;
	margin-bottom: 0;
	padding-bottom:0;
  }


  #container {
	float: left;
	width: 100%;
	overflow: auto;
  }
  #content {
	padding: 1px;
	margin: 0 0px 0 0px;
  }

  .alignleft, img.alignleft, .alignright, img.alignright {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	float: none;
  }

  #primary,
  #secondary {
	clear: both;
	float: left;
	overflow: hidden;
	width: 99%;
	}
}


/* portrait */
@media screen and (max-width: 320px) {
  #wrapper {
	margin: 0 auto;
	width: 300px;
	overflow: auto;
  }

  #access,
  #access .menu-header,
  div.menu,
  #colophon,
  #branding,
  #main,
  #footer {
	margin: 0 auto;
	width: 100%;
  }

  #branding  {
	overflow:hidden;
  }

  #site-title,
  #site-description,
  #site-info,
  #site-generator   {
	width: 100%;
	clear: left;
	float: left;
	margin-top: 0;
	padding-top:0;
	margin-bottom: 0;
	padding-bottom:0;
  }


  #container {
	float: left;
	width: 100%;
	overflow: auto;
  }
  #content {
	width: 99%;
	margin: 0 0px 0 0px;
  }

  .alignleft, img.alignleft, .alignright, img.alignright {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	float: none;
  }

  #primary,
  #secondary {
	clear: both;
	float: left;
	overflow: hidden;
	width: 99%;
	}
}