/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */

/* @media all and (orientation:portrait) { 
   Style adjustments for portrait mode goes here 
  
} */

  /* @media all and (orientation:landscape) { 
 Style adjustments for landscape mode goes here  /*
  
}  /*


/* 1024 to 1280 (1024, 1152, iPad landscape mode) 
 * Anyone looking at a res over 1152px must surely be on a 1280 or larger screen with reduced window.
 */
/* @media screen and (max-width: 1300px) { */

.container {width:960px; margin: 0 auto;}

/* Blocks */
.block_full {width:950px;}
.block_23 {width:630px;}
.block_2 {width:630px;}
.block_1 {width:310px;}

/* Device specific styles */
.filler {display: none;}

/* } */


/* iPad Portrait mode  
@media screen and (max-width: 768px) {
	.container {width: 640px;}
	.block_full_nopad {width: 630px;}
}
*/



/* Smartphones (Portrait) ----------- */
@media screen and (device-width: 320px), screen and (-webkit-min-device-pixel-ratio: 2) {
body {}
.container {width: 320px; margin: 0 auto;}
footer {clear: none;}

/* Blocks */	
.block_full {width:310px;}
.block_23 {width:310px;}
.block_2 {width:310px;}
.block_1 {width:310px;}

/* Device specific styles */
.promo aside, .filler aside {padding:1px 10px 10px;}
.filler {display: none;}	
#banner {display: none;}
.sf-menu, .sf-menu li {float: none; display: block;}
.sf-menu ul {width: 100%;}
.sf-menu li {text-align: center; font-size: 100%;}
.sf-menu ul ul {display: none;}
#footer-nav {display: none;}
#social{width: 100%;}
}



/* Smartphones (landscape) ----------- */
@media screen and (device-width: 320px) and (orientation:landscape) {
body {width: 480px;}
.container {width: 480px; margin: 0 auto;}
footer {clear: none;}

	
.block_full {width:470px;}
.block_23 {width:470px;}
.block_2 {width:470px;}
.block_1 {width: 230px;}


.promo aside, .filler aside {padding:1px 10px 10px;}
.filler {display: none;}	
#banner {display: none;}
.sf-menu, .sf-menu li {float: none; display: block;}
.sf-menu ul {width: 100%;}
.sf-menu li {text-align: center; font-size: 100%;}
.sf-menu ul ul {display: none;}
#footer-nav {display: none;}
#social{width: 100%;}
}






/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}