/********************************
LAPTOP SCREEN
********************************/


  .leftcol { width: 20%; }
  .brand { top: 85px; width: 100%; }
  a.brand { line-height: 120px; }
  #nav { margin-left: 20%; }


/********************************
LANDSCAPE (1024x768)
********************************/

@media only screen and (max-width: 1200px) {
  .leftcol { width: 0; }
  .slogan, .site-title, .menu > li:first-child, .copyright {
	display: none;
	color: #00CCFF;
	font-family: "Novecento Wide", "Myriad Pro";
	font-weight: bold;
}
  .brand { top: 30px; width: 120px; }
  .brand img { margin-left: 43px; }
  a.brand { line-height: inherit; }
  #nav { margin-left: 120px; top: 30px; }
  #menu-5 { left: 120px; top: 175px; }
  #thumb-tray { width: 100%; }
  #supersized img { margin-left: 0; }
  .blog .entry { width: 100%; }
}


/********************************
PORTRAIT (768x1024)
********************************/

@media only screen and (max-width: 960px) {
  .socialicons { left: 30px; }
  .brand { top: 107px; width: 120px; left: 30px; }
  #nav { margin-left: 150px; top: 107px; }
  #menu-5 { left: 77px; top: 235px; }
}


/********************************
LANDSCAPE (480x320)
********************************/

@media only screen and (max-width: 760px) {
  #nav ul.menu li a { padding: 0 10px; }
}


/********************************
PORTRAIT (320x568)
********************************/

@media only screen and (max-width: 450px) {
  #nav ul.menu > li { float: inherit; height: 50px; }
  #traybutton { disaply: none; }
}