/*************************************************************************************************************************
Screen smaller than 800px
*************************************************************************************************************************/
@media screen and (max-width: 800px) {

  /* Overall */
  .container {margin: 20px auto; width: 90%; overflow: hidden; background: #fff; -webkit-box-shadow: 0px 0px 10px 0px #ccc; -moz-box-shadow: 0px 0px 10px 0px #ccc; box-shadow: 0px 0px 10px 0px #ccc;}
  .header {position: relative; width: 100%; margin: 0 auto; padding: 10px 0;}
  .section,
  .section-wide,
  .aside {clear: both; width: 90%; margin: 5%;}
  .footer {clear: both; overflow: hidden; margin: 0 auto; width: 100%; color: #777; background: url('images/break_dot.gif') repeat-x top center;}

  /* .header */
  .header h1,
  .header h5 {font-size: 32px; margin: 0; padding: 30px 0; text-align: center;}
  .header-title {display: block; margin: 5px auto;}
  .header-meta {width: 90%; margin: 10px auto; overflow: hidden;}
  .header-meta ul.pagenav {margin: 0; list-style: none; float: right;}
  .header-meta ul.pagenav li {float: left; margin-left: 10px;}
  .header-meta ul.pagenav li.none {padding-left: 20px; background: url('images/cart.gif') no-repeat left center;}

  /* .nav */
  .mobile-nav {display: block; width: 90%; margin: 0 auto; font-size: 1.1em; padding: 5px;}
  .mobile-nav ul {display: none;}
  .nav {background: url('images/nav_bg.gif') repeat-x bottom center; padding: 0 10px 10px 10px; clear: both; line-height: 1em; text-transform: uppercase; font-size: 0.9em;}
  .nav ul {display: none;}

  /* .nivoSlider */
  #nivo-wrapper {width: 100%; margin: 0 auto 50px auto; overflow: hidden;}
  .nivoSlider {position: relative; width: 100%; height: auto; overflow: hidden;}
  .nivoSlider img {position: absolute; top: 0; left: 0; max-width: none;}
  .nivo-main-image {display: block !important; position: relative !important; width: 100% !important;}

  /* If an image is wrapped in a link */
  .nivoSlider a.nivo-imageLink {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none;}

  /* The slices and boxes in the Slider */
  .nivo-slice {display: block; position: absolute; z-index: 5; height: 100%; top: 0;}
  .nivo-box {display: block; position: absolute; z-index: 5; overflow: hidden;}
  .nivo-box img {display: block;}

  /* Caption styles */
  .nivo-caption {position: absolute; right: 0; bottom: 10px; padding: 5px 10px; margin: 0; font-size: 1.8em; background: #feb5bd; color: #fff; z-index: 8;}
  .nivo-caption a {display: inline !important; color: #fff; }
  .nivo-html-caption {display: none;}

  /* Direction nav styles (e.g. Next & Prev) */
  .nivo-directionNav a {position: absolute; top: 45%; z-index: 9; cursor: pointer;}
  .nivo-prevNav {left: 0px;}
  .nivo-nextNav {right: 0px;}

  /* Control nav styles (e.g. 1,2,3...) */
  .nivo-controlNav {clear: both; margin-top: 10px;}
  .nivo-controlNav a {display: block; cursor: pointer; width: 12px; height: 12px; background: url('images/nivo_nav.gif') no-repeat -16px 0; text-indent: -9999px; float: left; margin-right: 5px;}
  .nivo-controlNav a.active {background: url('images/nivo_nav.gif') no-repeat 0 0;}

  /* .side-widget */
  .side-widget h3 {font-size: 1.4em; font-family: 'Pacifico', cursive; color: #fff; padding: 10px; margin-bottom: 10px; background: #feb5bd;}

  /* .footer */
  p.footer-copy {text-align: center; clear: both; font-size: 0.9em; overflow: hidden; padding: 10px; margin: 0 auto;}

  /* img */
  img {max-width: 100%; height: auto;}

  /* Shortcodes */
  .left,
  .right,
  .col1,
  .col2,
  .col3,
  .col3-2,
  .col3-1 {clear: both; line-height: 1.8em;}

  .pullquote {width: 80% !important;}

  /* JigoShop */
  #breadcrumb {padding: 5px 10px !important; margin-bottom: 20px !important; background: #fafafa; font-size: 0.8em !important; border: 1px solid #eee;}

  ul.products {list-style: none;}
  ul.products li.product {border: 1px solid #bdd450; height: 260px!important; padding: 10px!important; float: left; margin: 0 5px 10px 5px; position: relative; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
  span.onsale {background: #f46469 !important;}
  span.price {display: block; margin: 5px 0; text-align: right; font-weight: 700;}
  span.price del {font-size: 0.7em;}
  span.price ins {background: none;}

  .images {width: auto !important; float: none !important; padding: 0; margin-right: 0;}
  .summary {float: none !important; width: auto !important;}
  p.price {font-size: 1.4em; font-weight: 700; margin-bottom: 0;}
  .button {clear: both;}
  .product_meta {font-size: 0.85em; margin: 10px 0;}
  .comment_container .comment-text {width: 78%; border: none;}

  .jigoshop_message {padding: 10px 10px 10px 40px; line-height: 2em;}
  .jigoshop_message a {float: right;}

  a.button {background: #add43d !important; border-right: 3px solid #f46469 !important; color: #fff !important;}
  a.button:hover {color: #444;}

  table.shop_table td {padding: 0; max-width: 20px;}
  table.shop_table th {padding: 0; max-width: 20px;}

  /* WooCommerce */
  ul.products li.product a,
  .cart .button, .cart input.button,
  #payment #place_order {text-shadow: none !important; border: none;}
  .col2-set {}
  .col2-set .col-1 {clear: both; width: 100% !important;}
  .col2-set .col-2 {clear: both; width: 100% !important;}
  
  .woocommerce ul.products li,
  .woocommerce-page ul.products li {clear: both !important; width: 90% !important; float: none !important; margin: 0 auto 10px auto !important;}

  .woocommerce table.cart .product-thumbnail,
  .woocommerce-page table.cart .product-thumbnail,
  .woocommerce #content table.cart .product-thumbnail,
  .woocommerce-page #content table.cart .product-thumbnail {display: none;}
  
  .woocommerce table.cart .product-remove,
  .woocommerce-page table.cart .product-remove,
  .woocommerce #content table.cart .product-remove,
  .woocommerce-page #content table.cart .product-remove {display: none;}

  .woocommerce table.cart td.actions .button.alt,
  .woocommerce-page table.cart td.actions .button.alt,
  .woocommerce #content table.cart td.actions .button.alt,
  .woocommerce-page #content table.cart td.actions .button.alt {margin-top: 10px;}

}

/*************************************************************************************************************************
Screen between 801px and 980px
*************************************************************************************************************************/
@media screen and (min-width: 801px) and (max-width: 980px) {

  /* Overall */
  .container {margin: 20px auto; width: 98%; overflow: hidden; background: #fff; -webkit-box-shadow: 0px 0px 10px 0px #ccc; -moz-box-shadow: 0px 0px 10px 0px #ccc; box-shadow: 0px 0px 10px 0px #ccc;}
  .header {position: relative; width: 100%; margin: 0 auto; padding: 10px 0;}
  .section {float: right; width: 68%; margin: 5% 2% 5% 0;}
  .section-wide {clear: both; width: 96%; margin: 5% 2%;}
  .aside {float: left; width: 25%; margin: 5% 0 5% 2%; font-size: 0.9em;}
  .footer {clear: both; overflow: hidden; margin: 0 auto; width: 100%; color: #777; background: url('images/break_dot.gif') repeat-x top center;}

  /* .header */
  .header h1,
  .header h5 {margin: 0;}
  .header-title {display: block; margin: 5px auto;}
  .header-meta {width: 98%; margin: 10px auto; overflow: hidden;}
  .header-meta ul.pagenav {margin: 0; list-style: none; float: right;}
  .header-meta ul.pagenav li {float: left; margin-left: 10px;}
  .header-meta ul.pagenav li.none {padding-left: 20px; background: url('images/cart.gif') no-repeat left center;}

  /* .nav */
  .mobile-nav {display: block; font-size: 1em;}
  .nav {background: url('images/pink_nav_bg.gif') repeat-x bottom center; padding: 0 10px 10px 10px; height: 35px; clear: both; line-height: 1em; text-transform: uppercase; font-size: 0.9em;}
  .nav ul {display: none; list-style: none;}

  /* .nivoSlider */
  #nivo-wrapper {width: 100%; margin: 0 auto 50px auto; overflow: hidden;}
  .nivoSlider {position: relative; width: 100%; height: auto; overflow: hidden;}
  .nivoSlider img {position: absolute; top: 0; left: 0; max-width: none;}
  .nivo-main-image {display: block !important; position: relative !important; width: 100% !important;}

  /* If an image is wrapped in a link */
  .nivoSlider a.nivo-imageLink {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none;}

  /* The slices and boxes in the Slider */
  .nivo-slice {display: block; position: absolute; z-index: 5; height: 100%; top: 0;}
  .nivo-box {display: block; position: absolute; z-index: 5; overflow: hidden;}
  .nivo-box img {display: block;}

  /* Caption styles */
  .nivo-caption {position: absolute; right: 0; bottom: 10px; padding: 10px 20px; margin: 0; font-size: 1.8em; background: #feb5bd; color: #fff; z-index: 8;}
  .nivo-caption a {display: inline !important; color: #fff; }
  .nivo-html-caption {display: none;}

  /* Direction nav styles (e.g. Next & Prev) */
  .nivo-directionNav a {position: absolute; top: 45%; z-index: 9; cursor: pointer;}
  .nivo-prevNav {left: 0px;}
  .nivo-nextNav {right: 0px;}

  /* Control nav styles (e.g. 1,2,3...) */
  .nivo-controlNav {clear: both; margin-top: 10px;}
  .nivo-controlNav a {display: block; cursor: pointer; width: 12px; height: 12px; background: url('images/nivo_nav.gif') no-repeat -16px 0; text-indent: -9999px; float: left; margin-right: 5px;}
  .nivo-controlNav a.active {background: url('images/nivo_nav.gif') no-repeat 0 0;}

  /* .side-widget */
  .side-widget h3 {font-size: 1.4em; font-family: 'Pacifico', cursive; color: #fff; padding: 10px; margin-bottom: 10px; background: #feb5bd;}

  /* .footer */
  p.footer-copy {text-align: center; clear: both; font-size: 0.9em; overflow: hidden; padding: 20px 0; margin: 0 auto;}

  /* img */
  img {max-width: 100%; height: auto;}

  /* Shortcodes */
  .left {width: 48%; float: left; line-height: 1.8em;}
  .right {width: 48%; float: right; line-height: 1.8em;}

  .col1 {width: 31%; float: left; line-height: 1.8em;}
  .col2 {width: 31%; padding: 0 3%; float: left; line-height: 1.8em;}
  .col3 {width: 31%; float: right; line-height: 1.8em;}

  .pullquote {width: 80% !important;}

  /* JigoShop */
  #breadcrumb {padding: 5px 10px !important; margin-bottom: 20px !important; background: #fafafa; font-size: 0.8em !important; border: 1px solid #eee;}

  ul.products {list-style: none;}
  ul.products li.product {border: 1px solid #bdd450; padding: 10px!important; float: left; margin: 0 5px 10px 5px; position: relative; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
  span.onsale {background: #f46469 !important;}
  span.price {display: block; margin: 5px 0; text-align: right; font-weight: 700;}
  span.price del {font-size: 0.7em;}
  span.price ins {background: none;}

  .images {width: auto !important; float: none !important; padding: 5px; margin-right: 10px;}
  .summary {float: none !important; width: auto !important;}
  p.price {font-size: 1.4em; font-weight: 700; margin-bottom: 0;}
  .button {clear: both;}
  .product_meta {font-size: 0.85em; margin: 10px 0;}
  .comment_container .comment-text {width: 78%; border: none;}

  .jigoshop_message {padding: 10px 10px 10px 40px; line-height: 2em;}
  .jigoshop_message a {float: right;}

  a.button {background: #add43d !important; border-right: 3px solid #f46469 !important; color: #fff !important;}
  a.button:hover {color: #444;}

  /* WooCommerce */
  ul.products li.product a,
  .cart .button, .cart input.button,
  #payment #place_order {text-shadow: none !important; border: none;}
  .col2-set {}
  .col2-set .col-1 {clear: both; width: 100% !important;}
  .col2-set .col-2 {clear: both; width: 100% !important;}

  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {width: 28% !important; height: auto !important;}

}

/*************************************************************************************************************************
Screen larger than 981px
*************************************************************************************************************************/
@media screen and (min-width: 981px) {

  /* Overall */
  .container {margin: 20px auto; width: 1000px; overflow: hidden; background: #fff; -webkit-box-shadow: 0px 0px 10px 0px #ccc; -moz-box-shadow: 0px 0px 10px 0px #ccc; box-shadow: 0px 0px 10px 0px #ccc;}
  .header {position: relative; width: 960px; margin: 0 auto; padding: 10px 0;}
  .section {float: right; width: 700px; margin: 10px 20px 10px 0;}
  .section-wide {clear: both; width: 960px; margin: 10px 20px;}
  .aside {float: left; width: 220px; margin: 10px 0 10px 20px; font-size: 0.9em;}
  .footer {clear: both; overflow: hidden; margin: 0 auto; width: 960px; color: #777; background: url('images/break_dot.gif') repeat-x top center;}

  /* .header */
  .header h1,
  .header h5 {margin: 0;}
  .header-title {display: block; margin: 5px auto;}
  .header-meta {width: 1000px; margin: 10px auto; overflow: hidden;}
  .header-meta ul.pagenav {margin: 0; list-style: none; float: right;}
  .header-meta ul.pagenav li {float: left; margin-left: 10px;}
  .header-meta ul.pagenav li.none {padding-left: 20px; background: url('images/cart.gif') no-repeat left center;}

  /* .nav */
  .mobile-nav {display: none;}
  .nav {background: url('images/pink_nav_bg.gif') repeat-x bottom center; height: 35px; clear: both; line-height: 1em; text-transform: uppercase; font-size: 0.9em;}
  .nav ul {list-style: none;}

  /* .nivoSlider */
  #nivo-wrapper {width: 700px; margin: 0 auto 50px auto; overflow: hidden;}
  .nivoSlider {position: relative; width: 100%; height: auto; overflow: hidden;}
  .nivoSlider img {position: absolute; top: 0; left: 0; max-width: none;}
  .nivo-main-image {display: block !important; position: relative !important; width: 100% !important;}

  /* If an image is wrapped in a link */
  .nivoSlider a.nivo-imageLink {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none;}

  /* The slices and boxes in the Slider */
  .nivo-slice {display: block; position: absolute; z-index: 5; height: 100%; top: 0;}
  .nivo-box {display: block; position: absolute; z-index: 5; overflow: hidden;}
  .nivo-box img {display: block;}

  /* Caption styles */
  .nivo-caption {position: absolute; right: 0; bottom: 10px; padding: 10px 20px; margin: 0; font-size: 1.8em; background: #feb5bd; color: #fff; z-index: 8;}
  .nivo-caption a {display: inline !important; color: #fff; }
  .nivo-html-caption {display: none;}

  /* Direction nav styles (e.g. Next & Prev) */
  .nivo-directionNav a {position: absolute; top: 45%; z-index: 9; cursor: pointer;}
  .nivo-prevNav {left: 0px;}
  .nivo-nextNav {right: 0px;}

  /* Control nav styles (e.g. 1,2,3...) */
  .nivo-controlNav {clear: both; margin-top: 10px;}
  .nivo-controlNav a {display: block; cursor: pointer; width: 12px; height: 12px; background: url('images/nivo_nav.gif') no-repeat -16px 0; text-indent: -9999px; float: left; margin-right: 5px;}
  .nivo-controlNav a.active {background: url('images/nivo_nav.gif') no-repeat 0 0;}

  /* .side-widget */
  .side-widget h3 {font-size: 1.4em; font-family: 'Pacifico', cursive; color: #fff; padding: 20px 10px 20px 10px; margin-bottom: 10px; background: url('images/pink_side_title.gif') no-repeat top center;}

  /* .footer */
  p.footer-copy {text-align: center; clear: both; font-size: 0.9em; overflow: hidden; padding: 20px 0; margin: 0 auto;}

  /* Shortcodes */
  .left {width: 48%; float: left; line-height: 1.8em;}
  .right {width: 48%; float: right; line-height: 1.8em;}

  .col1 {width: 31%; float: left; line-height: 1.8em;}
  .col2 {width: 31%; padding: 0 3%; float: left; line-height: 1.8em;}
  .col3 {width: 31%; float: right; line-height: 1.8em;}

  /* JigoShop */
  #breadcrumb {padding: 5px 10px !important; margin-bottom: 20px !important; background: #fafafa; font-size: 0.8em !important; border: 1px solid #eee;}

  ul.products {list-style: none;}
  ul.products li.product {border: 1px solid #bdd450; padding: 8px!important; float: left; margin: 0 2px 10px 2px; position: relative; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
  span.onsale {background: #f46469 !important;}
  span.price {display: block; margin: 5px 0; text-align: right; font-weight: 700;}
  span.price del {font-size: 0.7em;}
  span.price ins {background: none;}

  .images {width: 300px; float: left; padding: 5px; margin-right: 10px;}
  .summary {float: left; width: 350px;}
  p.price {font-size: 1.4em; font-weight: 700; margin-bottom: 0;}
  .button {clear: both;}
  .product_meta {font-size: 0.85em; margin: 10px 0;}
  .comment_container .comment-text {width: 88%; border: none;}

  .jigoshop_message {padding: 10px 10px 10px 40px; line-height: 2em;}
  .jigoshop_message a {float: right;}

  a.button {background: #add43d !important; border-right: 3px solid #f46469 !important; color: #fff !important;}
  a.button:hover {color: #444;}

  /* WooCommerce */
  ul.products li.product a,
  .cart .button, .cart input.button,
  #payment #place_order {text-shadow: none !important; border: none;}

  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {width: 150px !important; height: auto !important;}

}


/* OVERALL */
body {font: normal 300 0.8em 'Muli', Lucida Sans Unicode, Lucida Grande, Verdana, Tahoma, Arial, Sans-serif; color: #555; background: #fff url('images/pink_background.gif') repeat top center;}
body p {margin-bottom: 20px; line-height: 1.8em;}

/* heading */
h1,
h2,
h3,
h4,
h5,
h6 {line-height: 1.2em; margin-bottom: 15px; font-weight: normal; font-family: 'Pacifico', cursive;}
h1 {font-size: 1.6em; color: #663333;}
h2 {font-size: 1.4em; color: #663333;}
h3 {font-size: 1.2em; color: #ff0090;}
h4 {font-size: 1.2em; color: #ff0090;}
h5 {font-size: 1em; color: #888;}
h6 {font-size: 1em; color: #888;}

/* LINK */
a {color: #633; text-decoration: none;}
a:active {color: #777;}
a:hover {color: #feb5bd;}

/* .nav */
.nav a {display: block; padding: 10px 15px;}

.nav li.current_page_item a,
.nav li.current-menu-item a {color: #feb5bd;}
.nav li.current_page_item li a,
.nav li.current-menu-item li a {color: #633;}
.nav li.current-menu-item li a:hover {color: #feb5bd;}

.nav ul ul a {display: block; padding: 10px 10px 10px 15px; position: relative;}

.nav li {display: inline-block; float: left; position: relative; z-index: 100;}

.nav li:hover > ul {opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
zoom: 1;
visibility: visible;
height: auto;
}

.nav ul ul {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
zoom: 0;
visibility: hidden;
height: 0;
position: absolute; left: 0; z-index: 120; width: 200px; background: #fff; z-index: 200; border-top: 1px solid #ddd;}

.nav ul li.has-sub > a {background-image: url('images/menu_down.gif'); background-repeat: no-repeat; background-position: right center;}
.nav ul ul li.has-sub > a {background-image: url('http://simplysolids.co.uk/wp-content/themes/sally_store/images/menu_right.gif'); background-repeat: no-repeat; background-position: right center;}

.nav ul ul li {display: block; float: none; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.nav ul ul li.current_page_item a,
.nav ul ul li.current-menu-item a {color: #feb5bd;}

.nav ul ul ul {position: absolute; left: 198px !important; top: -1px !important;}


/* .article */
.article {margin-bottom: 50px; overflow: hidden; clear: both;}
.article .post-thumb {padding: 2px; border: 1px solid #ddd;}
.article .post-text {margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.article .post-date {text-transform: uppercase; font-size: 0.85em;}
.article h2.post-title {font-size: 1.8em; font-weight: 400; margin-bottom: 5px; line-height: 1.2em;}
.article ul.post-meta {clear: both; overflow: hidden; margin: 5px 0; list-style: none;}
.article li.post-comment {padding-left: 20px; background: url('images/icons.gif') no-repeat 0 -25px; float: right;}
.article li.post-category {padding-left: 20px; background: url('images/icons.gif') no-repeat 0 5px; float: left;}
.article .attachment-alignleft {float: left; margin: 0 10px 5px 0;}
.article .archives {overflow: hidden; clear: both; padding: 10px 0;}
.article .archives .archives-box {width: 45%; float: left; padding: 2px;}

.article .user-meta {list-style: none; padding: 0;}
.article .user-meta li.name,
.article .user-meta li.profile,
.article .user-meta li.contact,
.article .user-meta li.website {margin: 2px 0 10px 25px;}
.article .user-meta li.name {background: url('http://simplysolids.co.uk/wp-content/themes/sally_store/images/icon_name.gif') no-repeat 0 3px;}
.article .user-meta li.profile {background: url('http://simplysolids.co.uk/wp-content/themes/sally_store/images/icon_profile.gif') no-repeat 0 3px;}
.article .user-meta li.contact {background: url('http://simplysolids.co.uk/wp-content/themes/sally_store/images/icon_email.gif') no-repeat 0 3px;}
.article .user-meta li.website {background: url('http://simplysolids.co.uk/wp-content/themes/sally_store/images/icon_website.gif') no-repeat 0 3px;}

/* .article misc */
.article blockquote {display: block; clear: both; margin: 20px 0; padding: 0 20px 0 40px; background: url('images/blockquote.png') no-repeat 0 0; font-style: italic; color: #888;}
.article blockquote p {padding: 0;}
.article ul {margin: 0 0 20px 25px; list-style: circle outside;}
.article ol {margin: 0 0 20px 25px; list-style: decimal outside;}
.article li {margin: 3px 0; line-height: 1.8em;}

/* .article misc */
.breadcrumb {padding: 5px 10px; margin-bottom: 30px; font-size: 0.85em; background: #fafafa; border: 1px solid #eee;}
.breadcrumb a {color: #999;}

.pagetitle {text-align: center; font-size: 2em; padding: 20px; color: #999;}

.page-pagination {font-weight: bold; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 5px 0;}
.page-pagination span {margin: 2px 5px;}

.pagination {clear: both; font-size: 0.85em; padding: 10px 0; overflow: hidden; list-style: none;}
.pagination a:hover,
.pagination .current {padding: 5px 10px; margin-right: 5px; background: #633; color: #fff;}
.pagination a {padding: 5px 10px; margin-right: 5px; background: #eee; color: #666;}

.post-footer {padding: 20px 0; margin: 10px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 0.8em;}
.post-footer ul {margin: 0;}
.post-footer ul li {margin: 5px 0;}

ul.post-info-meta {font-size: 0.9em; color: #888; padding: 0; margin: 0;}
ul.post-info-meta li {list-style: none; float: left;}

.footer-navi {clear: both; overflow: hidden; margin: 0 !important; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.footer-navi li.previous {list-style: none; float: left;}
.footer-navi li.next {list-style: none; float: right;}

/* .gallery */
.gallery {clear: both; overflow: hidden;}
.gallery .gallery-item {margin-top: 0 !important;}
.gallery dl {margin: 0;}
.gallery a {padding: 5px; display: block;}
.gallery a img {max-width: 100%; height: auto;}
.gallery-caption {}

/* .sideform */
.sideform {clear: both; overflow: hidden; text-align: center; font-size: 1.2em;}
.sidetext {margin: 2px auto; color: #888; border: 1px solid #bbb;}

/* .side-widget */
.aside a {color: #606060;}
.aside a:hover {color: #f46469;}
.side-widget {margin-bottom: 40px; overflow: hidden; clear: both;}
.textwidget {overflow: hidden; clear: both;}
.side-widget ol,
.side-widget ul {clear: both; list-style: none;}
.side-widget ol.children,
.side-widget ul.children {clear: both; list-style: none; margin-left: 20px;}
.side-widget ol li,
.side-widget ul li {padding: 8px 0; line-height: 1.8em; border-bottom: 1px solid #afe4df;}
.side-widget ul.menu ul {display: none;}
.side-widget ul.menu li:hover > ul {display: block;}

/***** WIDGET *****/
/* .flickr */
.flickr {clear: both; padding: 10px 0;}
.flickr .flickr_badge_image {float: left; padding: 5px;}
.flickr .flickr_badge_image img {width: 60px; height: 60px;}

/* .location */
ul.location {list-style: none;}
ul.location li {border-bottom: none;}
ul.location li.address {background: url('images/side_icons.gif') no-repeat 0 -160px; padding-left: 25px;}
ul.location li.email {background: url('images/side_icons.gif') no-repeat 0 -103px; padding-left: 25px;}
ul.location li.phone {background: url('images/side_icons.gif') no-repeat 0 -50px; padding-left: 25px;}
ul.location li.fax {background: url('images/side_icons.gif') no-repeat 0 8px; padding-left: 25px;}

/* .social-icons */
ul.social-icons li {float: left; border-bottom: none;}
.social-twitter,
.social-facebook,
.social-pinterest,
.social-flickr,
.social-google-plus,
.social-instagram,
.social-linkedin,
.social-youtube,
.social-vimeo,
.social-email,
.social-bloglovin,
.social-rss {display: block; width: 51px; height: 51px; float: left; margin: 0 10px; background: url('images/social_icons.gif') no-repeat; text-indent: -9999px;}

.social-twitter {background-position: 0 0;}
.social-facebook {background-position: -71px 0;}
.social-pinterest {background-position: -142px 0;}
.social-flickr {background-position: -213px 0;}
.social-google-plus {background-position: -284px 0;}
.social-instagram {background-position: -355px 0;}
.social-linkedin {background-position: -426px 0;}
.social-youtube {background-position: -497px 0;}
.social-vimeo {background-position: -568px 0;}
.social-email {background-position: -639px 0;}
.social-bloglovin {background-position: -781px 0;}
.social-rss {background-position: -710px 0;}

.social-twitter:hover,
.social-facebook:hover,
.social-pinterest:hover,
.social-flickr:hover,
.social-google-plus:hover,
.social-instagram:hover,
.social-linkedin:hover,
.social-youtube:hover,
.social-vimeo:hover,
.social-email:hover,
.social-bloglovin:hover,
.social-rss:hover {display: block; width: 51px; height: 51px; float: left; margin: 0 10px; background: url('http://simplysolids.co.uk/wp-content/themes/sally_store/images/social_icons_hover.gif') no-repeat; text-indent: -9999px;}

.social-twitter:hover {background-position: 0 0;}
.social-facebook:hover {background-position: -71px 0;}
.social-pinterest:hover {background-position: -142px 0;}
.social-flickr:hover {background-position: -213px 0;}
.social-google-plus:hover {background-position: -284px 0;}
.social-instagram:hover {background-position: -355px 0;}
.social-linkedin:hover {background-position: -426px 0;}
.social-youtube:hover {background-position: -497px 0;}
.social-vimeo:hover {background-position: -568px 0;}
.social-email:hover {background-position: -639px 0;}
.social-bloglovin:hover {background-position: -781px 0;}
.social-rss:hover {background-position: -710px 0;}

/* .twitter */
.tweet_list {color: #999; padding: 5px 0;}
.tweet_time {font-size: 0.85em; font-style: italic; display: block; text-align: right;}

/* .widget-slide */
.widget-slide {}
ul.widget-slide-list {}
ul.widget-slide-list li {float: left; font-size: 1.4em;}
ul.widget-slide-list li a {padding: 2px 15px; color: #333;}
ul.widget-slide-list li a.current {background: #eee;}

/* COMMENT */
.comment-box {clear: both; margin-top: 20px; padding: 0 10px; overflow: hidden;}
.comment-box h4 {font-size: 1.4em; margin: 10px 0; color: #fdbb54;}
#respond {padding: 10px; background: #fff;}
.comment-text {width: 25%; margin-right: 5px;}
.comment-textarea {width: 95%;}
.comment-text,
.comment-textarea {border: 1px solid #ccc; padding: 5px; color: #999;}
.avatar {margin-right: 20px; float: left; border: 1px solid #999;}
.comment-meta {clear: both; overflow: hidden;}
.comment-meta h6 {font-size: 1em; margin-bottom: 3px;}
.comment-meta small {font-style: italic; color: #999; font-size: 0.85em;}
.comment-content {padding: 5px 10px; overflow: hidden;}
.comment-content p {padding: 5px 0; margin: 0 0 10px 55px; line-height: 1.8em}
.commentlist li {border-bottom: 1px solid #ddd; margin-bottom: 20px; list-style: none;}
.commentlist ul.children {padding: 0;}
.commentlist ul.children li {border: none; border-left: 1px solid #ddd; padding: 0 0 0 30px; margin: 0; list-style: none;}
a.comment-reply-link,
a#cancel-comment-reply-link {background: #633; color: #fff; padding: 2px 5px; font: normal 0.75em Verdana, Tahoma, Arial, San-serif;}
a.comment-reply-link {float: right;}

/* #wp-calendar */
#wp-calendar {text-align: center; width: 100%; font-size: 0.85em;}
#wp-calendar caption {font-weight: bold; text-align: center; padding: 10px 0;}
#wp-calendar th {font-style: normal; text-transform: capitalize; padding: 2px;}
#wp-calendar td {font-style: normal; padding: 2px;}

/* img */
img.aligncenter {display: block; margin: auto;}
img.alignright {display: inline; margin: 0 0 10px 20px;}
img.alignleft {display: inline; margin: 0 20px 10px 0;}
.centered {display: block; margin: auto;}
.alignleft {float: left; margin-right: 10px;}
.alignright {float: right; margin-left: 10px;}

/* .wp-caption */
.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #ccc; background: #efefef; margin: 10px; padding-top: 4px; text-align: center;}
.wp-caption img {border: 0;}
.wp-caption p.wp-caption-text {font-size: 0.85em; line-height: 1.2em; padding: 3px 0; margin: 0;}

/* Input and label */
select,
textarea,
input {border: 1px solid #ccc; font: normal .9em Arial, Verdana, Tahoma, Sans-serif; color: #888; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
input[type=submit],
.input-button {border: 1px solid #ddd; text-transform: uppercase; color: #555; cursor: pointer; padding: 5px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
input[type=submit]:hover,
.input-button:hover {border: 1px solid #aaa; text-transform: uppercase;
 -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .2);
background: #fff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

/* misc */
label {display: inline-block; margin-right: 20px;}
.hidden {display: none;}
.focused {border: 1px solid #666; -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .2);}
.highlight {background: #efefef; padding: 0 2px;}
.button {padding: 1px 5px;}
.fade {filter: alpha(opacity=50); opacity: 0.5;}
.clearfix {clear: both; height: 15px;}
.radius-10 {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.radius-8 {-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.radius-4 {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

/* SHORTCODES */
.tooltipsy {border: 1px solid #555; background: #f7f5d1; width: 100px; padding: 5px; color: #333; font-size: 0.8em;}
.tooltip {cursor: pointer; border-bottom: 1px dashed #ccc;}

.accordion-wrap {position: relative;}
.accordion-title {padding: 10px 10px 10px 30px; font-weight: 400; background: #633 url('images/accordion_bg.gif') no-repeat 10px 12px; color: #fff; cursor: pointer; margin-bottom: 5px; line-height: 1em;}
.accordion-open {background-position: 10px -14px;}
.accordion-content {padding-bottom: 15px; width: 100%; line-height: 1.8em;}

.post-button {display: inline-block; line-height: 1em; padding: 8px 10px; color: #fff; background: #633;}
.post-button:hover {background: #feb5bd; color: #fff;}

#contact-form {overflow: hidden;}
.contact-form-text {width: 95%; margin-bottom: 10px;}
.contact-form-textarea {width: 95%; height: 150px;}
.notification_error {font-size: 0.9em; border: 1px solid #ffe432; background: #fff3a0; padding: 5px;}

.pullquote {font-size: 1.2em;}

.warning,
.question,
.disclaim {display: block; padding: 5px 5px 5px 30px; color: #666; overflow: hidden; line-height: 1.8em; font-size: 0.9em;}
.warning {border: 1px solid #ffe432; background: #fff3a0 url('images/warning.gif') no-repeat 5px 10px;}
.question {border: 1px solid #ddd; background: #f3f3f3 url('images/question.gif') no-repeat 5px 10px;}
.disclaim {border: 1px solid #fffdb8; background: #fffede url('images/disclaim.gif') no-repeat 5px 10px;}