/*
 * #############################################
 * * ##### Sasson - advanced drupal theming. #####
 * * #############################################
 * 
 * * @file sasson/styles/sasson.scss
 */
#page {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}


#header, #main-menu, #secondary-menu, #featured, #main, #footer {
  display: inline;
  float: left;
  margin-left: 1.25%;
  margin-right: 1.25%;
  width: 97.5%;
}


#logo {
  float: left;
}


#sidebar-first {
  display: inline;
  float: left;
  margin-left: 1.25%;
  margin-right: 1.25%;
  width: 14.1667%;
}


#sidebar-second {
  display: inline;
  float: left;
  margin-left: 1.25%;
  margin-right: 1.25%;
  width: 30.8333%;
}


.one-sidebar.sidebar-first #main {
  display: inline;
  float: left;
  margin-left: 1.25%;
  margin-right: 1.25%;
  width: 80.8333%;
  left: 16.6667%;
  position: relative;
}

.one-sidebar.sidebar-first #sidebar-first {
  left: -83.3333%;
  position: relative;
}


.one-sidebar.sidebar-second #main {
  display: inline;
  float: left;
  margin-left: 1.25%;
  margin-right: 1.25%;
  width: 64.1667%;
}


.two-sidebars #main {
  display: inline;
  float: left;
  margin-left: 1.25%;
  margin-right: 1.25%;
  width: 47.5%;
  left: 16.6667%;
  position: relative;
}

.two-sidebars #sidebar-first {
  left: -50%;
  position: relative;
}


@media (max-width: 1920px) {  #page {  width: 100%;}}

@media (max-width: 767px) {  .two-sidebars #main {  display: inline;  float: left;  margin-left: 1.25%;  margin-right: 1.25%;  width: 80.8333%;  left: 16.6667%;  position: relative;}.two-sidebars #sidebar-first {  left: -83.3333%;  position: relative;}.two-sidebars #sidebar-second {  display: inline;  float: left;  margin-left: 1.25%;  margin-right: 1.25%;  width: 97.5%;}}

@media (max-width: 480px) {  body.two-sidebars #main, body.two-sidebars #sidebar-first, body.two-sidebars #sidebar-second, body.one-sidebar.sidebar-first #main, body.one-sidebar.sidebar-first #sidebar-first, body.one-sidebar.sidebar-first #sidebar-second, body.one-sidebar.sidebar-second #main, body.one-sidebar.sidebar-second #sidebar-first, body.one-sidebar.sidebar-second #sidebar-second {  display: inline;  float: left;  margin-left: 1.25%;  margin-right: 1.25%;  width: 97.5%;  right: auto;  left: auto;  /* * Reset grid-pull */}}

@media -sass-debug-info{filename{font-family:file\:\/\/sites\/all\/themes\/sasson\/styles\/sasson\.scss;}line{font-family:'118';}}
#page:before, #header:before, #featured:before, #footer:before, #page:after, #header:after, #featured:after, #footer:after {
  content: "\0020";
  display: table;
  *zoom: 1;
}

#page:after, #header:after, #featured:after, #footer:after {
  clear: both;
}

#page, #header, #featured, #footer {
  zoom: 1;
}