/** I could of used percentages for most of these, but I like the transition feeling **/
/* 1024px */
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  /* div { border: 1px solid orange; } */
  body {
    background: #ffffff; }

  #container {
    max-width: 100%; }
    #container #main {
      max-width: 100%; }
      #container #main #body {
        max-width: 95%;
        margin: 18px 15px 0; }
        #container #main #body #content,
        #container #main #body #sidebar {
          font-size: 12px;
          margin: 10px auto;
          width: 99%; }
          #container #main #body #content ul li.widget,
          #container #main #body #sidebar ul li.widget {
            clear: none;
            float: left;
            margin: 10px;
            width: 300px; }
          #container #main #body #content ul li.widget_categories,
          #container #main #body #content ul li.widget_custom,
          #container #main #body #content ul li.widget_twitter,
          #container #main #body #sidebar ul li.widget_categories,
          #container #main #body #sidebar ul li.widget_custom,
          #container #main #body #sidebar ul li.widget_twitter {
            width: 278px; }

  #header,
  #footer {
    max-width: 100%; }

  #footer_grad {
    width: 100%; }
    #footer_grad .content {
      max-width: 100%;
      margin: 0 auto; }
      #footer_grad .content .about {
        width: 65%; }
      #footer_grad .content .links {
        width: 30%; }
      #footer_grad .content .copyright {
        max-width: 100%; }

  .tagline {
    display: none; } }
/* 768px */
@media only screen and (max-width: 768px) and (min-width: 600px) {
  /* div { border: 1px solid green; } */
  body {
    background: #ffffff; }

  #container {
    max-width: 100%; }
    #container #main {
      max-width: 100%; }
      #container #main #body {
        max-width: 95%;
        margin: 18px 15px 0; }
        #container #main #body #content,
        #container #main #body #sidebar {
          font-size: 12px;
          margin: 10px auto;
          width: 100%; }
          #container #main #body #content ul li.widget,
          #container #main #body #sidebar ul li.widget {
            clear: none;
            float: left;
            margin: 10px;
            width: 300px; }
          #container #main #body #content ul li.widget_categories,
          #container #main #body #content ul li.widget_custom,
          #container #main #body #content ul li.widget_twitter,
          #container #main #body #sidebar ul li.widget_categories,
          #container #main #body #sidebar ul li.widget_custom,
          #container #main #body #sidebar ul li.widget_twitter {
            width: 278px; }

  #header,
  #footer {
    max-width: 100%; }

  #footer_grad {
    width: 100%; }
    #footer_grad .content {
      max-width: 95%; }
      #footer_grad .content .about {
        width: 65%; }
      #footer_grad .content .links {
        width: 30%; }
      #footer_grad .content .copyright {
        max-width: 100%; }

  .tagline {
    display: none; } }
/* 1024px */
@media only screen and (max-width: 1024px) and (orientation:landscape) {
  /* div { border: 1px solid orange; } */
  body {
    background: #ffffff; }

  #container {
    max-width: 1024px; }
    #container #main {
      max-width: 100%; }
      #container #main #body {
        max-width: 100%;
        margin: 18px 15px 0; }
        #container #main #body #content {
          width: 640px; }
        #container #main #body #sidebar {
          width: 300px; }
          #container #main #body #sidebar ul li.widget {
            clear: none;
            float: left;
            margin: 10px;
            width: 300px; }
          #container #main #body #sidebar ul li.widget_categories,
          #container #main #body #sidebar ul li.widget_custom,
          #container #main #body #sidebar ul li.widget_twitter {
            width: 278px; }

  #header,
  #footer {
    max-width: 1024px; }

  #footer_grad {
    width: 1024px; }
    #footer_grad .content {
      max-width: 1024px;
      margin: 0 auto; }
      #footer_grad .content .about {
        width: 65%; }
      #footer_grad .content .links {
        width: 30%; }
      #footer_grad .content .copyright {
        max-width: 100%; }

  .tagline {
    display: block; } }
/* 768px */
@media only screen and (max-width: 768px) and (orientation:portrait) {
  /* div { border: 1px solid green; } */
  body {
    background: #ffffff; }

  #container {
    max-width: 768px; }
    #container #main {
      max-width: 100%; }
      #container #main #body {
        max-width: 95%;
        margin: 18px 15px 0; }
        #container #main #body #content,
        #container #main #body #sidebar {
          font-size: 12px;
          margin: 10px auto;
          width: 100%; }
          #container #main #body #content ul li.widget,
          #container #main #body #sidebar ul li.widget {
            clear: none;
            float: left;
            margin: 10px;
            width: 300px; }
          #container #main #body #content ul li.widget_categories,
          #container #main #body #content ul li.widget_custom,
          #container #main #body #content ul li.widget_twitter,
          #container #main #body #sidebar ul li.widget_categories,
          #container #main #body #sidebar ul li.widget_custom,
          #container #main #body #sidebar ul li.widget_twitter {
            width: 278px; }

  #header,
  #footer {
    max-width: 100%; }

  #footer_grad {
    width: 768px; }
    #footer_grad .content {
      max-width: 95%; }
      #footer_grad .content .about {
        width: 65%; }
      #footer_grad .content .links {
        width: 30%; }
      #footer_grad .content .copyright {
        max-width: 100%; }

  .tagline {
    display: none; } }
/* 600px  */
@media only screen and (max-width: 600px) and (min-width: 480px) {
  /* div { border: 1px solid red; } */
  body {
    background: none; }

  #container {
    max-width: 100%; }
    #container #main {
      max-width: 100%; }
      #container #main #header .newsletter {
        left: 10px;
        top: 200px; }
        #container #main #header .newsletter label.email {
          color: #666;
          left: 5px;
          top: 0px; }
        #container #main #header .newsletter input.email {
          left: 5px;
          top: 25px; }
        #container #main #header .newsletter input.input-submit {
          left: 165px;
          top: 25px; }
      #container #main #header .search {
        left: 15px;
        top: 175px; }
        #container #main #header .search input#lwp_sfd {
          background: #D8E2DD; }
      #container #main #header .social {
        left: 15px;
        top: 265px; }
      #container #main #header .logo {
        left: 15px; }
      #container #main #header .menu {
        margin: 0 0 0 15px; }
      #container #main #body {
        max-width: 95%;
        margin: 18px 15px 0; }
        #container #main #body #content,
        #container #main #body #sidebar {
          margin: 10px auto;
          width: 100%; }
          #container #main #body #content ul li.widget,
          #container #main #body #sidebar ul li.widget {
            clear: none;
            float: left;
            margin: 10px;
            width: 300px; }
          #container #main #body #content ul li.widget_categories,
          #container #main #body #content ul li.widget_custom,
          #container #main #body #content ul li.widget_twitter,
          #container #main #body #sidebar ul li.widget_categories,
          #container #main #body #sidebar ul li.widget_custom,
          #container #main #body #sidebar ul li.widget_twitter {
            width: 278px; }

  .header_adspace {
    display: none; }

  #header,
  #footer {
    max-width: 100%; }

  #footer_grad {
    width: 100%; }
    #footer_grad .content {
      margin: 0;
      width: 480px; }
      #footer_grad .content .about {
        width: 470px;
        margin: 0 0 20px 0; }
        #footer_grad .content .about .tumbnail.left {
          float: none !important; }
      #footer_grad .content .links {
        width: 100%;
        margin: 0 0 20px 0; }
      #footer_grad .content .copyright {
        margin: 0 0 20px 0;
        width: 100%;
        position: relative;
        top: auto; }

  .tagline {
    display: none; } }
/* 480px - Everyone */
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* div { border: 1px solid blue; } */
  body {
    background: none; }

  #container {
    max-width: 100%; }
    #container #main {
      max-width: 100%; }
      #container #main #header {
        width: 100%; }
        #container #main #header .newsletter {
          left: 10px;
          top: 200px;
          width: 95%; }
          #container #main #header .newsletter label.email {
            color: #666;
            left: 5px;
            top: 0px;
            white-space: nowrap; }
          #container #main #header .newsletter input.email {
            left: 5px;
            top: 25px;
            width: 140px; }
          #container #main #header .newsletter input.input-submit {
            left: 165px;
            top: 25px; }
        #container #main #header .search {
          left: 15px;
          top: 175px;
          width: 95%; }
          #container #main #header .search input#lwp_sfd {
            background: #D8E2DD;
            width: 190px;
            left: 0px; }
          #container #main #header .search input#lwp_2_searchbutton {
            left: 210px; }
        #container #main #header .social {
          left: 15px;
          top: 265px; }
        #container #main #header .logo {
          left: 15px; }
        #container #main #header .menu {
          margin: 0 0 0 15px; }
      #container #main #body {
        max-width: 95%;
        margin: 18px 15px 0; }
        #container #main #body #content,
        #container #main #body #sidebar {
          margin: 10px 0;
          width: 100%; }
          #container #main #body #content ul li.widget,
          #container #main #body #sidebar ul li.widget {
            clear: none;
            float: left;
            margin: 10px 0px;
            width: 300px; }
          #container #main #body #content ul li.widget_categories,
          #container #main #body #content ul li.widget_custom,
          #container #main #body #content ul li.widget_twitter,
          #container #main #body #sidebar ul li.widget_categories,
          #container #main #body #sidebar ul li.widget_custom,
          #container #main #body #sidebar ul li.widget_twitter {
            margin: 10px 0px;
            width: 278px; }

  .header_adspace {
    display: none; }

  #header,
  #footer {
    max-width: 100%; }

  #footer_grad {
    width: 100%; }
    #footer_grad .content {
      margin: 0;
      width: 100%; }
      #footer_grad .content .about {
        width: 100%;
        margin: 0 0 20px 0; }
        #footer_grad .content .about .tumbnail.left {
          float: none !important; }
      #footer_grad .content .links {
        width: 100%;
        margin: 0 0 20px 0; }
      #footer_grad .content .copyright {
        margin: 0 0 20px 0;
        width: 100%;
        position: relative;
        top: auto; }

  .tagline {
    display: none; } }
/* 480px - iphone */
@media only screen and (max-width: 480px) and (orientation:landscape) {
  /* div { border: 1px solid blue; } */
  body {
    background: none; }

  #container {
    max-width: 480px; }
    #container #main {
      max-width: 100%; }
      #container #main #header {
        width: 100%; }
        #container #main #header .newsletter {
          left: 10px;
          top: 200px;
          width: 95%; }
          #container #main #header .newsletter label.email {
            color: #666;
            left: 5px;
            top: 0px;
            white-space: nowrap; }
          #container #main #header .newsletter input.email {
            left: 5px;
            top: 25px;
            width: 140px; }
          #container #main #header .newsletter input.input-submit {
            left: 165px;
            top: 25px; }
        #container #main #header .search {
          left: 15px;
          top: 175px;
          width: 95%; }
          #container #main #header .search input#lwp_sfd {
            background: #D8E2DD;
            width: 190px;
            left: 0px; }
          #container #main #header .search input#lwp_2_searchbutton {
            left: 210px; }
        #container #main #header .social {
          left: 15px;
          top: 265px; }
        #container #main #header .logo {
          left: 15px; }
        #container #main #header .menu {
          margin: 0 0 0 15px;
          width: 320px; }
          #container #main #header .menu li {
            margin-right: 15px; }
      #container #main #body {
        max-width: 95%;
        margin: 18px 15px 0; }
        #container #main #body #content,
        #container #main #body #sidebar {
          margin: 10px 0;
          width: 100%; }
          #container #main #body #content ul li.widget,
          #container #main #body #sidebar ul li.widget {
            clear: none;
            float: left;
            margin: 10px 0px;
            width: 300px; }
          #container #main #body #content ul li.widget_categories,
          #container #main #body #content ul li.widget_custom,
          #container #main #body #content ul li.widget_twitter,
          #container #main #body #sidebar ul li.widget_categories,
          #container #main #body #sidebar ul li.widget_custom,
          #container #main #body #sidebar ul li.widget_twitter {
            margin: 10px 0px;
            width: 278px; }

  .header_adspace {
    display: none; }

  #header,
  #footer {
    max-width: 100%; }

  #footer_grad {
    width: 480px; }
    #footer_grad .content {
      margin: 0;
      width: 100%; }
      #footer_grad .content .about {
        width: 100%;
        margin: 0 0 20px 0; }
        #footer_grad .content .about .tumbnail.left {
          float: none !important; }
      #footer_grad .content .links {
        width: 100%;
        margin: 0 0 20px 0; }
      #footer_grad .content .copyright {
        margin: 0 0 20px 0;
        width: 100%;
        position: relative;
        top: auto; }

  .tagline {
    display: none; } }
/* 320px */
@media only screen and (max-width: 320px) and (orientation:portrait) {
  /* div { border: 1px solid black; } */
  body {
    background: none; }

  #container {
    max-width: 100%; }
    #container #main {
      max-width: 100%; }
      #container #main #header {
        width: 100%; }
        #container #main #header .newsletter {
          left: 10px;
          top: 200px; }
          #container #main #header .newsletter label.email {
            color: #666;
            left: 5px;
            top: 0px;
            white-space: nowrap; }
          #container #main #header .newsletter input.email {
            left: 5px;
            top: 25px;
            width: 140px; }
          #container #main #header .newsletter input.input-submit {
            left: 165px;
            top: 25px; }
        #container #main #header .search {
          left: 15px;
          top: 175px; }
          #container #main #header .search input#lwp_sfd {
            background: #D8E2DD;
            width: 180px;
            left: 0px; }
          #container #main #header .search input#lwp_2_searchbutton {
            left: 200px; }
        #container #main #header .social {
          left: 15px;
          top: 265px; }
        #container #main #header .logo {
          left: 15px; }
        #container #main #header .menu {
          margin: 0 0 0 15px;
          width: 320px; }
          #container #main #header .menu li {
            margin-right: 15px; }
      #container #main #body {
        max-width: 95%;
        margin: 18px 15px 0; }
        #container #main #body #content,
        #container #main #body #sidebar {
          margin: 10px 0;
          width: 95%; }
          #container #main #body #content ul li.widget,
          #container #main #body #sidebar ul li.widget {
            clear: none;
            float: left;
            margin: 10px 0px;
            width: 300px; }
          #container #main #body #content ul li.widget_categories,
          #container #main #body #content ul li.widget_custom,
          #container #main #body #content ul li.widget_twitter,
          #container #main #body #sidebar ul li.widget_categories,
          #container #main #body #sidebar ul li.widget_custom,
          #container #main #body #sidebar ul li.widget_twitter {
            margin: 10px 0px;
            width: 278px; }

  .header_adspace {
    display: none; }

  #header,
  #footer {
    max-width: 100%; }

  #footer_grad {
    width: 100%; }
    #footer_grad .content {
      max-width: 310px;
      margin: 0 5px; }
      #footer_grad .content .about {
        width: 95%;
        margin-bottom: 20px; }
        #footer_grad .content .about .tumbnail.left {
          float: none !important; }
      #footer_grad .content .links {
        width: 100%;
        margin-bottom: 20px; }
      #footer_grad .content .copyright {
        max-width: 300px;
        position: relative;
        top: auto; }

  .tagline {
    display: none; } }
/* change font size for iphones landscape mode */
@media only screen and (max-width: 320px) and (orientation:landscape) {
  p {
    font-size: 8px;
    line-height: 1.5em; } }