/* Global Styles
----------------------------------------------------------------
[Table of contents]

 0.Reset
 1.Global
 2.Navigation
 3.Extensible Classes
 4.Reusable Clases
 5.Sprites
 6.Media Queries
----------------------------------------------------------------*/

mark {
  background-color: transparent !important;
}

mark span {
  display: none;
}

/*-------------------------------------------
    GENERICS
-------------------------------------------*/
h4 {
  outline: none;
}

textarea {
  resize: none;
}

input {
  cursor: text;
}

/* 1.`GLOBAL
============================================== */

/* The Grid */
.container {
  width: 1236px;
  margin: 0 auto;
}

.module {
  margin-bottom: 20px;
  float: left;
  width: 100%;
  text-align: center;
}

#glam-sidebar-wrap {
  position: relative;
  top: -20px;
}

.module.centered {
  text-align: center;
}

/* Left margin is for social toolbar */
.module.social {
  /*margin-left:108px;*/ /* 100 toolbar width + 8 padding */
}

/*
 * left module
 * for new designs
 */
.left-module {
  padding-right: 10px;
}

.left-module * {
  text-align: left;
}

.left-module .capital {
  border-bottom: 4px double #c2c2c2;
}

.left-module ul > li {
  padding: 12px 0 10px 5px;
  border-bottom: 1px solid #c2c2c2;
  text-align: left;
}

.module#gc {
  margin-bottom: 50px;
}

.one_column,
.two_columns,
.three_columns,
.four_columns,
.five_columns,
.six_columns,
.seven_columns,
.eight_columns,
.nine_columns,
.ten_columns,
.eleven_columns,
.twelve_columns,
.thirteen_columns,
.fourteen_columns,
.fifteen_columns,
.sixteen_columns,
.seventeen_columns,
.eighteen_columns  {
  float: left;
  margin-left: 20px;
}

.one_column         { width: 46px; }
.two_columns        { width: 116px; }
.three_columns,
.three_columns img  { width: 186px; }
.four_columns,
.four_columns img   { width: 256px; }
.five_columns,
.five_columns img   { width: 326px; }
.six_columns,
.six_columns img    { width: 396px; }
.seven_columns,
.seven_columns img  { width: 466px; }
.eight_columns,
.eight_columns img  { width: 536px; }
.nine_columns       { width: 606px; }
/* .nine_columns img { width: 566px; } */
.ten_columns        { width: 676px; }
.eleven_columns     { width: 746px; }
.twelve_columns     { width: 816px; }
.thirteen_columns   { width: 886px; }
.fourteen_columns   { width: 956px; }
.fifteen_columns    { width: 1026px; }
.sixteen_columns    { width: 1096px; }
.seventeen_columns  { width: 1166px; }
.eighteen_columns   { width: 1236px; }

.flush-top {
  margin-top: 0;
}

.three_columns.plus-margin {
  width: 210px;
}

/* Apply this to left-most rail in any container, including the site container. */
.rightest { margin-right: 0; }
.leftest  { margin-left: 0; }

/* These are for collapsing the gutter to connect modules in different rails. Add 10px
   to all modules in rail, as padding to collpse gutter, or as margin to maintain. */
.secondary_header {
  border-top: 4px double #252525;
  padding: 0 0 10px;
  margin-bottom: 20px;
}

.space {
  height: 15px;
}

.space_20 {
  height: 20px;
}

.space_29 {
  height: 29px;
}

.medium_space {
  height: 32px;
}

.small_space {
  height: 8px;
}

.large_space {
  height: 55px;
}

.space_88 {
  height: 88px;
}

.space_52 {
  height: 52px;
}

.border {
  border-bottom: 1px solid #c2c2c2;
  width: 75%;
  margin: 0 12.5% 20px;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

.ads div {
  width: 300px;
  margin: 0 auto;
}
/* End The Grid */

a.username,
p.small_grey a.username,
span.username,
span#user_short_name {
  color: #97ad78;
  font-weight: bold;
}

a.username:hover,
a.username:focus,
p.small_grey a.username:hover,
p.small_grey a.username:focus,
span.username:hover,
span.username:focus,
span#user_short_name:hover,
span#user_short_name:focus {
  color: #90a07b;
}

p.small_grey#left {
  text-align: left;
  margin-bottom: 20px;
}

p.small_grey#margins {
  text-align: left;
  margin-bottom: 20px;
  padding: 0 24px;
  font-size: 13px;
  line-height: 20px;
}

a.username span#large_white {
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  font-style: normal;
  font-family: Arial;
}

a.username#small_left {
  font-size: 14px;
  text-align: left;
  display: block;
}

a.username#small_left span {
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  margin-right: 3px;
}

a.view_more {
  color: #000;
  font-family: BrandonGrotesque-Medium, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  padding: 9px 0 7px;
  display: block;
  background-color: #e1e1e1;
  margin: 0 auto;
  width: 100%;
  letter-spacing: .1em;
}

a.view_more#purple {
  color:#fff;
  background-color:#715e7a;
}

a.light_upper {
  color: #252525;
  font-family: BrandonGrotesque-Light, Arial, sans-serif !important;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
  text-align: left;
  display: block;
}

a.read_more {
  font-weight: bold;
  color: #000;
  font-size: 12px;
}

a.avatar {
  margin-right: 10px;
  display: inline-block;
  vertical-align: 5px;
}

img.avatar {
  width: auto;
}

span.orange,
a.contest {
  color: #c97758;
}

span#no_margin {
  font-size: 10px;
  color: #aaa;
}

span.action,
a.action {
  font-size: 12px;
  line-height: 16px;
  color: #636363;
  margin-bottom: 8px;
  display: block;
}

#border_bottom {
  border-bottom: 1px solid #c2c2c2;
}

#border_top {
  border-top: 1px solid #c2c2c2;
}

#border_around {
  border: 1px solid #c2c2c2;
  padding: 0 5px;
  width: 97%;
}

h2.recipe_title {
  padding: 0 4px;
}

h2.recipe_title,
h2.recipe_title a {
  font-size: 16px;
  color: #404041;
  line-height: 20px;
  margin: 4px 0;
}

h2.recipe_title a.username {
  color: #97ad78;
}

h2.recipe_title#white,
h2.recipe_title#white a {
  color: #fff;
  text-align: left;
  padding: 0;
}

h2.recipe_title#purple,
h2.recipe_title#purple a {
  color:#714e7a;
}

h2.recipe_title#heavy_white,
h2.recipe_title#heavy_white a {
  color: #fff;
  font-weight: bold;
}

h2.recipe_title#contest,
h2.recipe_title#contest a {
  color: #c97758;
}

h2.recipe_title#bottom,
h2.recipe_title#bottom a {
  margin-top: 8px;
}

h2.recipe_title#heavy,
h2.recipe_title a#heavy {
  font-weight: bold;
}

h2.recipe_title#heavy_small,
h2.recipe_title#heavy_small a {
  font-size: 12px;
  font-weight: bold;
}

h2.recipe_title#heavy_small_orange,
h2.recipe_title#heavy_small_orange a {
  font-size: 12px;
  font-weight: bold;
  color: #c97758;
}

h2.offer_title,
h2.offer_title a {
  font-size: 14px;
  text-transform: uppercase;
  font-family: BrandonGrotesque-Regular, Arial, sans-serif;
  line-height: 18px;
  color: #fff;
  letter-spacing: .08em;
}

h2.medium_title,
h2.medium_title a {
  font-size: 12px;
  color: #252525;
  line-height: 18px;
  margin-bottom: 3px;
}

h2.medium_title#gray,
h2.medium_title#gray a {
  color: #7d7d7d;
  padding-bottom: 6px;
}

h2.medium_title#black,
h2.medium_title#black a {
  color: #252525;
  padding-bottom: 0;
}

h2.medium_title#orange,
h2.medium_title#orange a {
  color: #c97758;
  font-weight: bold;
}

h2.medium_title#heavy,
h2.medium_title#heavy a {
  font-weight: bold;
}

h2.medium_title#left,
h2.medium_title#left a {
  text-align: left;
}

h2.small_title,
h2.small_title a {
  font-size: 12px;
  color: #252525;
  margin: 0 0 3px;
  line-height: 16px;
}

h2.small_title#heavy,
h2.small_title#heavy a {
  font-weight: bold;
}

h2.small_title a.username {
  color: #97ad78;
}

h2.small_title#left,
h2.small_title#left a {
  text-align: left;
}

h2.smallish_title, h2.smallish_title a {
  font-size: 13px;
  line-height: 18px;
  color: #363636;
}

h2.smallish_title a.username {
  color: #97ad78;
}

h2.medium_title#left,
h2.medium_title#left a {
  text-align: left;
  margin-top: 0;
  color: #404040;
  font-size: 13px;
}

h2.medium_title#left_orange,
h2.medium_title#left_orange a {
  text-align: left;
  margin-top: 0;
  color: #c97758;
}

h2.italic_category,
h2.italic_category a {
  text-decoration: none;
  font-family: Georgia;
  font-weight: bold;
  font-style: italic;
  color: #252525;
  text-align: left;
  font-size: 16px;
  margin-bottom: 8px;
}

h2.arial_bold,
h2.arial_bold a {
  font-weight: bold;
  font-size: 14px;
  color: #252525;
  margin-bottom: 15px;
}

h2.arial_bold#large,
h2.arial_bold#large a {
  font-size: 16px;
}

h1.heading,
h1.heading a,
h3.heading,
h3.heading a,
h1.article_title,
h1.article_title a {
  font-size: 16px;
  text-transform: uppercase;
  margin: 0 0 4px;
  font-family: BrandonGrotesque-Regular, Arial, sans-serif;
  line-height: 16px;
  color: #707070;
  letter-spacing: .08em;
}

h3.heading span.bold {
  font-family: BrandonGrotesque-Bold, Arial, sans-serif;
}

h3.heading#white,
h3.heading#white a {
  color: #fff;
  margin: 4px 5px 0;
  line-height: 20px;
}

h3.heading#white_nomargin {
  margin-top: 0;
  color: #fff;
}

h3.heading#light {
  font-family: BrandonGrotesque-Regular, Arial, sans-serif;
  color: #959595;
}

h1.individual,
h1.individual a,
h3.heading#large,
h3.heading#large a {
  color: #404041;
  font-family: BrandonGrotesque-Medium, Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

h1.individual,
h1.individual a {
  text-transform: uppercase;
  letter-spacing: .08em;
  margin: 0 0 4px;
}

h3.heading#purple,
h3.heading#purple a,
h3.heading#purple_medium a {
  color: #714e7a;
}

h3.heading#heavy_purple, h3.heading#heavy_purple a {
  font-family: BrandonGrotesque-Bold, Arial, sans-serif;
  color: #715e7a;
}

h3.heading#purple_medium {
  font-family: BrandonGrotesque-Bold, Arial, sans-serif;
  color: #715e7a;
  font-size: 14px;
}

h3.heading#small,
h3.heading#small a {
  font-size: 12px;
}

h3.heading#huge {
  font-size: 23px;
  color: #333;
}

h3.heading#medium,
h3.heading#medium a {
  font-size: 14px;
  color: #333;
}

h3.heading#heavy_large {
  font-size: 18px;
  font-family: BrandonGrotesque-Medium, Arial, sans-serif;
  color: #333;
}

h3.heading#heavy_medium {
  font-size: 14px;
  font-family: BrandonGrotesque-Medium, Arial, sans-serif;
  color: #333;
}

h3.heading#bold {
  font-size: 16px;
  font-family: BrandonGrotesque-Bold, Arial, sans-serif;
  color: #3d3a3a;
}

h3.activity_count,
h3.activity_count span.transaction {
  color: #636363;
  font-family: Georgia;
  font-style: italic;
}

h3.activity_count span {
  font-size: 20px;
  font-style: normal;
  font-family: Times;
  color: #404041;
}

h3.activity_count#large {
  color: #252525;
  font-size: 18px;
  text-align: left;
}

h3.activity_count#large span {
  margin-left: 5px;
  vertical-align: super;
  font-family: Times;
}

h3.italic_title {
  color: #7d7d7d;
  font-size: 14px;
  line-height: 18px;
  font-family: Georgia;
  font-style: italic;
  margin-bottom: 2px;
}

h3.georgia_medium {
  color: #3d3a3a;
  font-size: 16px;
  line-height: 20px;
  font-family: Georgia;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 35px;
  text-align: left;
  padding: 0 15px;
}

h3.georgia_large {
  color: #7d7d7d;
  font-size: 18px;
  line-height: 22px;
  font-family: Georgia;
  font-style: italic;
  margin-bottom: 19px;
}

h3.secondary_header_title {
  font-size: 18px;
  text-transform: uppercase;
  font-family: BrandonGrotesque-Light, Arial, sans-serif;
  color: #333;
  margin: 10px 0 0 4px;
  text-align: left;
}

h3.large_heading {
  font-size: 18px;
  text-transform: uppercase;
  font-family: BrandonGrotesque-Light, Arial, sans-serif;
  color: #000;
  text-align: left;
}

h3.large_heading#white {
  color: #fff;
  text-align: center;
  line-height: 26px;
  font-family: BrandonGrotesque-Light, Arial, sans-serif;
}

h3.huge_heading#white {
  color: #fff;
  text-align: center;
  line-height: 26px;
  font-family: BrandonGrotesque-Light, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 24px;
}

h3.large_heading#green {
  color: #97ad78;
  text-align: center;
  font-family: BrandonGrotesque-Light, Arial, sans-serif;
}

h3.large_heading span {
  color: #97ad78;
  display: block;
  text-align: left;
  margin-top: 6px;
}

h4.georgia_white {
  color: #fff;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 8px;
}

h4.recipe_activity {
  font-size: 12px;
  line-height: 16px;
  color: #7d7d7d;
  margin-bottom: 11px;
}

h4.recipe_activity a {
  color: #7d7d7d;
}

h4.recipe_activity a.username {
  color: #97ad78;
}

h4.recipe_activity#small_margin {
  margin-bottom: 3px;
}

h4.contest_activity {
  font-size: 14px;
  color: #715e7a;
  margin: 11px 0;
  text-transform: uppercase;
  font-family: BrandonGrotesque-Bold, Arial, sans-serif;
}

h4.medium_italic {
  font-family: Georgia;
  color: #7d7d7d;
  font-size: 14px;
  text-align: left;
  font-style: italic;
  margin-bottom: 15px;
}

h4.signup {
  color: #97ad78;
  font-family: BrandonGrotesque-Regular;
  font-size: 14px;
  line-height: 20px;
  margin: 30px auto;
  text-transform: uppercase;
  width: 550px;
  display: block;
  clear: both;
  padding-top: 30px;
}

h5.view,
h5.view a {
  background-color: #97ad78;
  font-family: BrandonGrotesque-Medium, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  font-style: normal;
  color: #fff;
  text-align: center;
}

h5.view:hover,
h5.view a:hover {
  background-color: #fff;
  color: #7d7d7d;
}

h5.message_text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 14px;
}

h5.message_text a {
  color: #fff;
}

h5.message_text a.username {
  color: #97ad78;
}

#footer h5.message_text {
  text-align: left;
  text-transform: none;
}

h5.message_text#grey {
  color: #363636;
  float: left;
  margin: 8px 3px 0 0;
  letter-spacing: 0.01em;
}

h5.message_text#grey span {
  font-family: Georgia, "Times Roman", serif;
  color: #fff;
  font-style: italic;
  font-weight: bold;
  font-size: 18px;
}

h5.message_text span.arial {
  font-style: normal;
  font-family: Arial;
  color: #fff;
  font-size: 14px;
}

h5.message_text span.arial#white a.username {
  color: #97ad78;
}

h5.message_text span.arial#white a {
  color: #fff;
}

h5.enter {
  font-size: 14px;
  color: #252525;
  text-align: left;
  clear: both;
  padding-top: 15px;
}

h5.small_brandon {
  font-size: 12px;
  font-family: BrandonGrotesque-Medium, Arial, sans-serif;
  color: #fff;
  margin: 8px 0;
}

span.yield {
  color: #715e7a;
  display: block;
  font-family: Georgia;
  font-size: 16px;
  font-style: italic;
  margin-bottom: 15px;
  text-align: left;
}

p.quoted,
p.quoted a {
  font-size: 18px;
  color: #97ad78;
  margin: 0 0 11px;
  font-family: Georgia;
  font-style: italic;
  line-height: 24px;
}

p.quoted,
p.small_grey {
  padding: 0 10px;
}

p.small_grey,
p.small_grey a {
  font-size: 13px;
  color: #636363;
  line-height: 17px;
  margin: 10px auto;
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
}

p.small_grey#no_margin,
p.small_grey#no_margin a {
  margin-top: 0;
}

p.about {
  font-size: 14px;
  color: #555;
  margin: 16px 0 8px;
  line-height: 20px;
  padding: 0 8px;
}

p.about_large {
  font-size: 14px;
  color: #555;
  margin: 0 0 8px;
  line-height: 18px;
  padding: 0 8px;
}

p.comment_text {
  font-family: Arial;
  font-size: 13px;
  line-height: 20px;
  color: #252525;
  text-align: left;
  letter-spacing: .06em;
}

span.date {
  font-size: 12px;
  color: #7d7d7d;
  margin-bottom: 8px;
  display: block;
}

span.date#left {
  text-align:left;
}

ul.recipes_list li {
  border-bottom: 1px solid #c2c2c2;
  padding-top: 9px;
  padding-bottom: 6px;
}

ul.recipes_list li#last {
  border-bottom: none;
}

.header {
  padding: 10px 0 28px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.header_top {
  margin: 0 auto;
  margin-bottom: 10px;
  position: relative;
  width: 1040px;
  padding: 0 10px;
}

.header h5.logo {
  float: left;
  margin: 0;
}

.header h5.logo a {
  background: url(/images/Food52Logo.png) no-repeat;
  width: 354px;
  height: 67px;
  display: block;
  margin: 2px 0 20px;
}

.header h5.logo a {
  margin: 2px 0 0;
}

.header h5.logo a span {
  display: none;
}

.header #navWrapper {
  width: 1060px;
  margin: 0 auto;
  margin-bottom: 1px;
}

.header div#navigation {
  width: 100%;
  padding: 13px 0 7px;
  margin: 0 auto;
  border-top: 1px solid #c2c2c2;
  border-bottom: 4px double #c2c2c2;
  clear: both;
  min-width: 1060px;
}

a.subtitle {
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
  color: #000;
  font-family: BrandonGrotesque-Medium, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: .08em;
  border: none;
}

a.subtitle#selected,
a.subtitle:hover {
  border-bottom: 1px solid #000;
  color: #000 !important;
}

.header div#navigation ul li span.bullet {
  margin: 0 20px;
}

.header ul li {
  float: left;
  position: relative;
}

.header .user ul li a {
  font-size: 12px;
  color: #363636;
  font-weight: bold;
  border-right: 1px solid #7d7d7d;
  margin-right: 8px;
  padding-right: 8px;
}

.header ul li a.username {
  border-right: none;
  padding: 0;
  margin: 0;
  color: #97ad78;
}

.header ul li.no_line a {
  border-right: none;
  margin-right: 0;
}

.header .user {
  float: left;
  width: 312px;
  margin-top: 18px;
}

.header .user ul li {
  margin-top: 4px;
}

.header .user ul li#message {
  font-weight: bold;
  font-size: 12px;
  margin: 8px 8px 0 0;
  width: 100%;
  text-align: left;
}

.header .user ul#logged_out li#message {
  color: #715e7a;
}

.header .user ul li.left_line a {
  border-left: 1px solid #7d7d7d;
  padding-left: 8px;
  font-weight: bold;
}

.header .user ul li.left_line a:hover span {
  color: #959595;
}

.header span.tooltip {
  left: -516px;
  top: 15px;
  right: 0;
  z-index: 2000;
}

.header span.tooltip#contests {
  left: -650px;
}

.header span.tooltip#recipes {
  left: -242px;
}

.header span.tooltip#cooks {
  left: -674px;
}

.header span.tooltip#foodpickle {
  left: -166px;
}

.header span.tooltip#articles {
  left: -1224px;
}

.header .hover_wrap {
  padding-top: 9px;
  position: absolute;
  z-index: 100;
  background: url(/images/hover_tab.png) no-repeat 245px top;
}

.header .hover_wrap#recipes {
  background-position: 80px top;
  width: 554px;
}

.header .hover_wrap#foodpickle {
  background-position: 43px top;
}

.header .hover_wrap#cooks {
  background-position: 295px top;
}

.header #articles.hover_wrap {
  background-position: 58px top;
  left: 640px;
  width: 556px;
}

.header .hover_wrap#news {
  background-position: 218px top;
}

.header span.tooltip#contests .hover_wrap {
  background-position: 280px top;
  width: 567px;
}

.header .hover_wrap#shop {
  left: 390px;
  background-position: 135px top;
}

.header .hover_wrap a {
  border: none;
  margin: 0;
  padding: 0;
}

.header .hover_wrap span {
  margin: 0;
}

.header .hover_box {
  padding: 17px;
  background-color: #464646;
  /* border-bottom: 5px solid #fff; */
}

.header .hover_box h3.hover_description,
.header .hover_box h3.hover_description a {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  text-align: left;
  width: 238px;
}

.header .hover_box ul {
  float: left;
  width: auto;
  min-width: 180px;
  margin-right: 15px;
}

.header .hover_box ul li {
  display: block;
  border: none;
  float: none;
  margin-bottom: 6px;
  padding-bottom: 5px;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}

.header .hover_box ul li#last {
  margin-bottom:0;
}

.header .hover_box ul li a {
  display: block;
  text-align: left;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  border: none;
  line-height: 18px;
}

.header .hover_box ul li a#bold {
  font-weight: bold;
}

.header .hover_box .entries {
  float: right;
}

.header .hover_box .entries img {
  width: 325px;
  height: 216px;
}

.header .hover_box .entries a#descriptor {
  font-family: BrandonGrotesque-Medium, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  text-align: left;
  margin-bottom: 4px;
  display: block;
}

.header .hover_box .entries .recipe_left {
  margin-right: 15px;
}

.header .hover_box .entries .recipe_left,
.header .hover_box .entries .recipe_right {
  position: relative;
  float: left;
}

.header .hover_box .info_recipe {
  padding: 11px 18px 11px 11px;
  background-image: url('/images/pixel_black.png');
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 73%;
  min-height: 50px;
}

.header .hover_box mark {
  float: left;
  margin: 0 12px 16px 0;
}

.header .hover_box .recipe_right .info_recipe {
  bottom: 20px;
}

.header #contests .hover_box .recipe_right .info_recipe {
  color: #c97758;
}

.header .hover_box .info_recipe a.username {
  font-size: 16px;
  text-align: left;
  display: block;
  line-height: 20px;
}

.header .hover_box a.username span {
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  color: #fff;
  margin-right: 2px;
}

mark {
  background: url('../images/icons_sprite.png') no-repeat -14px -8px;
  display: block;
  width: 33px;
  height: 33px;
  margin: 0 auto 9px;
}

mark#cooks {
  background-position: -14px -124px;
}

mark#cooks_white {
  background-position: -14px -391px;
}

mark#activity {
  background-position: -14px -355px;
  margin: 0 auto;
  position: absolute;
  top: -18px;
  left: 46%;
  height: 33px;
}

mark#contest {
  background-position: -14px -85px;
}

mark#contest_white {
  background-position: -14px -806px;
}

mark#shop {
  background-position: -14px -278px;
}

mark#shop_white {
  background-position: -14px -1260px;
}

mark#recipe_white {
  background-position: -14px -46px;
}

mark#recipe_white_outline {
  background-position:-14px -1771px;
}

mark#f52 {
  background-position: center -1496px;
  width: 44px;
  height: 23px;
  margin-bottom: 13px;
}

mark#hotline {
  background-position: -10px -1813px;
  width: 42px;
  height: 42px;
}

mark#pickle,
mark#hotline-new {
  background-position: -11px -771px;
}

mark#pickle {
  margin-top: -15px;
}

mark#pickle_clear {
  background-position: -13px -162px;
}

mark#news {
  background-position: -14px -240px;
}

mark#news_white {
  background-position: -14px -1730px;
}

mark#news_white_outline {
  background-position: -14px -1861px;
  margin-top: 12px;
}

mark#contest_white_outline {
  background-position: -14px -1901px;
  margin-top: 12px;
}

mark#cooks_white_outline {
  background-position: -14px -1934px;
  margin-top: 12px;
}

mark#am {
  background-position: 0 -659px;
  height: 34px;
  left: 34%;
  top: 40%;
  position: absolute;
  width: 53px;
}

mark#am_lightbox {
  background-position: 0 -659px;
  width: 59px;
}

.message mark#am_lightbox {
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
}

mark#am_black {
  background-position: -7px -628px;
  width: 47px;
  margin-bottom: 5px;
}

mark#location {
  background-position: -14px -201px;
}

mark#am,
mark#am_slide {
  background-position: 0 659px;
  height: 34px;
  left: 33%;
  position: absolute;
  top: 37%;
  width: 54px;
}

mark#am_slide:hover {
  background-position: -7px -1048px;
  height: 45px;
  left: 40%;
  position: absolute;
  top: 41%;
  width: 53px;
}

mark#am_video {
  background-position: 0 -659px;
  height: 34px;
  left: 40%;
  position: absolute;
  top: 41%;
  width: 54px;
}

mark#am_video:hover {
  background-position: -7px -1097px;
  height: 45px;
  left: 43%;
  position: absolute;
  top: 38%;
  width: 53px;
}

mark.media_icon {
  background-position: -7px -1048px;
  height: 45px;
  width: 53px;
  position: absolute;
  top: 38%;
  left: 45%;
}

.three_columns mark.media_icon {
  top: 33%;
  left: 37%;
}

mark.media_icon#video {
  background-position: -7px -1097px;
  width: 43px;
  left: 44%;
}

mark#video_grey {
  background-position: -14px -548px;
  width: 51px;
}

mark#large_slide {
  background-position: -4px -548px;
  width: 52px;
  height: 44px;
  margin-bottom: 15px;
}

mark#video_lightbox {
  background-position: -4px -1097px;
  width: 52px;
  height: 44px;
}

mark#flag {
  background-position: -24px -923px;
  height: 23px;
  width: 15px;
}

mark#contest_orange {
  background-position: -12px -1153px;
  display: inline-block;
  margin: 0;
  vertical-align:middle;
  margin-right:5px;
}

.bordered_header {
  border-left: 1px solid #898989;
  border-right: 1px solid #898989;
  border-top: 1px solid #898989;
  margin-top: 16px;
}

.bordered_header mark {
  margin-top:-16px;
}

.bordered_footer {
  border-left: 1px solid #898989;
  border-right: 1px solid #898989;
  border-bottom: 1px solid #898989;
  height: 16px;
}

input#green_button,
a.green_button,
input.green_button {
  background: #a7b98e; /* Old browsers */
  background: -moz-linear-gradient(top, #a7b98e 0%, #7f9166 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7b98e), color-stop(100%,#7f9166)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #a7b98e 0%,#7f9166 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #a7b98e 0%,#7f9166 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #a7b98e 0%,#7f9166 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7b98e', endColorstr='#7f9166',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #a7b98e 0%,#7f9166 100%); /* W3C */
  border-radius: 14px;
  -moz-border-radius: 14px;
  border: none;
  padding: 8px 15px 4px;
  font-family: BrandonGrotesque-Medium, Arial, sans-serif;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .08em;
  line-height: 11px;
}

input#white_button,
a.white_button {
  background: #c0c0c0; /* Old browsers */
  background: -moz-linear-gradient(top, #c0c0c0 0%, #a9a9a9 50%, #979797 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0c0c0), color-stop(50%,#a9a9a9), color-stop(100%,#979797)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #c0c0c0 0%,#a9a9a9 50%,#979797 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #c0c0c0 0%,#a9a9a9 50%,#979797 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #c0c0c0 0%,#a9a9a9 50%,#979797 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#979797',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #c0c0c0 0%,#a9a9a9 50%,#979797 100%); /* W3C */
  color:#363636;
  border-radius: 14px;
  -moz-border-radius: 14px;
  border: none;
  padding: 8px 15px 4px;
  font-family: BrandonGrotesque-Medium, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  float: left;
  letter-spacing: .08em;
}

input#green_button {
  /*padding:6px 15px 2px 15px;*/
  text-align:center;
}

input#green_button:hover,
a.green_button:hover,
input.orange_button:hover,
a.orange_button:hover {
  background: #c0c0c0; /* Old browsers */
  background: -moz-linear-gradient(top, #c0c0c0 0%, #a9a9a9 50%, #979797 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0c0c0), color-stop(50%,#a9a9a9), color-stop(100%,#979797)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #c0c0c0 0%,#a9a9a9 50%,#979797 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #c0c0c0 0%,#a9a9a9 50%,#979797 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #c0c0c0 0%,#a9a9a9 50%,#979797 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#979797',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #c0c0c0 0%,#a9a9a9 50%,#979797 100%); /* W3C */
  color: #fff !important;
  text-decoration: none;
}

input.orange_button,
a.orange_button {
  background: #d28e75; /* Old browsers */
  background: -moz-linear-gradient(top, #d28e75 0%, #c48067 50%, #a66349 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d28e75), color-stop(50%,#c48067), color-stop(100%,#a66349)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d28e75 0%,#c48067 50%,#a66349 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d28e75 0%,#c48067 50%,#a66349 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #d28e75 0%,#c48067 50%,#a66349 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d28e75', endColorstr='#a66349',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #d28e75 0%,#c48067 50%,#a66349 100%); /* W3C */
  color: #fff;
  border-radius: 14px;
  -moz-border-radius: 14px;
  border: none;
  padding: 8px 15px 4px;
  font-family: BrandonGrotesque-Medium, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  float: left;
  letter-spacing: .08em;
}

.orange_button.beveled {
  display: inline-block;
  display: *inline;
  float: none;
  font-family: "BrandonGrotesque-Regular", "Arial", "Sans-serif";
  font-size: 16px;
  font-weight: normal;
  padding: 14px 21px 9px 24px;
  line-height: 1em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-font-smoothing: antialiased;
}

.black-button {
  text-transform: uppercase;
  font-family: "BrandonGrotesque-Medium", "Arial", "Sans-serif";
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  font-size: 12px;
  line-height: 1em;
  background: url(/images/black-button-bg.gif) repeat-x;
  border: 0;
  padding: 6px 10px 2px;
  color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.black-button:hover {
  opacity: 0.8;
}

input {
  cursor: pointer;
}

input.text {
  cursor: text;
}

a.green_button#left {
  float: left;
  margin-right: 10px;
}

a.green_button#left_nomargin {
  float: left;
}

a.green_button#right {
  float: right;
}

a.cancel {
  font-family: BrandonGrotesque-Medium, Arial, sans-serif;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  float: left;
  margin-top: 11px;
}

.section_heading {
  border-top: dotted 1px #afafaf;
  border-bottom: dotted 1px #afafaf;
  padding: 6px 0 0;
  margin-bottom: 10px;
  text-align: left;
  font-size: 18px;
  line-height: 1.6em;
  width: 100%;
  font-family: BrandonGrotesque-Light, Arial, sans-serif;
  letter-spacing: 0.08em;
  color: #363636;
  text-transform: uppercase;
}

.section_heading.home {
  font-weight: normal;
}

h2.section_heading  {
  font-size: 24px;
}


.from_store {
  position:relative;
}

.from_store .offer {
  background-color: #464646;
  padding: 15px;
}

.from_store a.buy_banner,
.from_store a.buy_ipad {
  position: absolute;
  left: 30%;
  top: 31%;
  width: 97px;
  height: 97px;
  display: block;
  background: url(/images/circles/buynow.png) no-repeat 0 0;
  text-indent: -9999px;
}

.from_store a.buy_banner span,
.from_store a.buy_ipad span{
  font-family: BrandonGrotesque-Regular, Arial, sans-serif;
  text-transform: uppercase;
  font-style: normal;
  font-weight: normal;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  display: block;
  margin-top: 44px;
}

.from_store a.buy_banner:hover,
.from_store a.buy_ipad:hover {
  display: none;
}

.from_store a.buy_ipad {
  left: 40%;
  top: 40%;
}

.from_store a.buy_ipad_small {
  left: 35%;
}

.outer_container {
  /* float: left;*/
  width: 100%;
  /* border-top: 1px solid #c2c2c2;*/
  background-color: #3c3c3c;
}

.outer_container#header {
  background-color: #fff;
  border-top: none;
  padding: 0;
}

.pagination a:hover {
  color: #898989 !important;
}

.pagination span.current {
  font-weight: bold;
  color: #898989;
}

.about_pages p {
  color: #353333;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
  text-align: left;
}

/* Pie */
span.pie_tip {
  background-color: #97ad78;
  background-color: rgba(151,173,120,0.95);;
  color: #fff;
  /*font-family: Arial;*/
  font-size: 13px;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
  line-height: 16px;
  padding: 10px;
  text-align: left;
  text-decoration: none;
  width: 370px;
  position: absolute;
  left: 45px;
  z-index: 2000;
  display:none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
  box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}

  .small_pie span.pie_tip {
    left: 30px;
    top: -7px;
  }

span.pie_tip span.tip_arrow {
  background: url(/images/green_arrow.png) no-repeat 0 0;
  display: block;
  float: left;
  height: 25px;
  top: 7px;
  position: absolute;
  left: -9px;
  width: 10px;
}

  .small_pie span.tip_arrow {
    top: 3px;
  }

a:hover span.pie_tip,
span.pie_tip:hover,
a span.pie_tip {
  text-decoration: none !important;
  color: #fff !important;
}

span.pie_tip a.pie {
  float: left;
  margin-top: -3px;
}

span.pie_tip p {
  margin: 0 0 0 45px !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 20px !important;
}

a.pie {
  background: url(/images/pies.png) no-repeat 0 -3px;
  display: inline-block;
  height: 39px;
  width: 37px;
  margin-top: 3px;
  position: relative;
}

.pie.slice_2  { background-position: 0 -42px; }
.pie.slice_3  { background-position: 0 -82px; }
.pie.slice_4  { background-position: 0 -122px; }
.pie.slice_5  { background-position: 0 -162px; }
.pie.slice_6  { background-position: 0 -202px; }
.pie.slice_7  { background-position: 0 -242px; }
.pie.slice_8  { background-position: 0 -282px; }
.pie.slice_9  { background-position: 0 -322px; }
.pie.slice_10 { background-position: 0 -362px; }
.pie.slice_11 { background-position: 0 -402px; }
.pie.slice_12 { background-position: 0 -442px; }
.pie.slice_13 { background-position: 0 -482px; }
.pie.slice_14 { background-position: 0 -522px; }
.pie.slice_15 { background-position: 0 -562px; }
.pie.slice_16 { background-position: 0 -602px; }
.pie.slice_17 { background-position: 0 -642px; }
.pie.slice_18 { background-position: 0 -682px; }
.pie.slice_19 { background-position: 0 -722px; }
.pie.slice_20 { background-position: 0 -762px; }
.pie.slice_21 { background-position: 0 -802px; }
.pie.slice_22 { background-position: 0 -842px; }
.pie.slice_23 { background-position: 0 -882px; }
.pie.slice_24 { background-position: 0 -922px; }
.pie.slice_25 { background-position: 0 -962px; }
.pie.slice_26 { background-position: 0 -1002px; }
.pie.slice_27 { background-position: 0 -1042px; }
.pie.slice_28 { background-position: 0 -1082px; }
.pie.slice_29 { background-position: 0 -1122px; }
.pie.slice_30 { background-position: 0 -1162px; }
.pie.slice_31 { background-position: 0 -1202px; }
.pie.slice_32 { background-position: 0 -1242px; }
.pie.slice_33 { background-position: 0 -1282px; }
.pie.slice_34 { background-position: 0 -1322px; }
.pie.slice_35 { background-position: 0 -1362px; }
.pie.slice_36 { background-position: 0 -1402px; }
.pie.slice_37 { background-position: 0 -1442px; }
.pie.slice_38 { background-position: 0 -1482px; }
.pie.slice_39 { background-position: 0 -1522px; }
.pie.slice_40 { background-position: 0 -1562px; }
.pie.slice_41 { background-position: 0 -1602px; }
.pie.slice_42 { background-position: 0 -1642px; }
.pie.slice_43 { background-position: 0 -1682px; }
.pie.slice_44 { background-position: 0 -1722px; }
.pie.slice_45 { background-position: 0 -1762px; }
.pie.slice_46 { background-position: 0 -1802px; }
.pie.slice_47 { background-position: 0 -1842px; }
.pie.slice_48 { background-position: 0 -1882px; }
.pie.slice_49 { background-position: 0 -1922px; }
.pie.slice_50 { background-position: 0 -1962px; }
.pie.slice_51 { background-position: 0 -2002px; }
/* End pie */

a.small_pie {
  background: url(/images/pies_small.png) no-repeat;
  display: inline-block;
  height: 20px;
  width: 20px;
  position: relative;
}

.small_pie.slice_2  { background-position: 0 -20px; }
.small_pie.slice_3  { background-position: 0 -40px; }
.small_pie.slice_4  { background-position: 0 -60px; }
.small_pie.slice_5  { background-position: 0 -80px; }
.small_pie.slice_6  { background-position: 0 -100px; }
.small_pie.slice_7  { background-position: 0 -120px; }
.small_pie.slice_8  { background-position: 0 -140px; }
.small_pie.slice_9  { background-position: 0 -160px; }
.small_pie.slice_10 { background-position: 0 -180px; }
.small_pie.slice_11 { background-position: 0 -200px; }
.small_pie.slice_12 { background-position: 0 -220px; }
.small_pie.slice_13 { background-position: 0 -240px; }
.small_pie.slice_14 { background-position: 0 -260px; }
.small_pie.slice_15 { background-position: 0 -280px; }
.small_pie.slice_16 { background-position: 0 -300px; }
.small_pie.slice_17 { background-position: 0 -320px; }
.small_pie.slice_18 { background-position: 0 -340px; }
.small_pie.slice_19 { background-position: 0 -360px; }
.small_pie.slice_20 { background-position: 0 -380px; }
.small_pie.slice_21 { background-position: 0 -400px; }
.small_pie.slice_22 { background-position: 0 -420px; }
.small_pie.slice_23 { background-position: 0 -440px; }
.small_pie.slice_24 { background-position: 0 -460px; }
.small_pie.slice_25 { background-position: 0 -480px; }
.small_pie.slice_26 { background-position: 0 -500px; }
.small_pie.slice_27 { background-position: 0 -520px; }
.small_pie.slice_28 { background-position: 0 -540px; }
.small_pie.slice_29 { background-position: 0 -560px; }
.small_pie.slice_30 { background-position: 0 -580px; }
.small_pie.slice_31 { background-position: 0 -600px; }
.small_pie.slice_32 { background-position: 0 -620px; }
.small_pie.slice_33 { background-position: 0 -640px; }
.small_pie.slice_34 { background-position: 0 -660px; }
.small_pie.slice_35 { background-position: 0 -680px; }
.small_pie.slice_36 { background-position: 0 -700px; }
.small_pie.slice_37 { background-position: 0 -720px; }
.small_pie.slice_38 { background-position: 0 -740px; }
.small_pie.slice_39 { background-position: 0 -760px; }
.small_pie.slice_40 { background-position: 0 -780px; }
.small_pie.slice_41 { background-position: 0 -800px; }
.small_pie.slice_42 { background-position: 0 -820px; }
.small_pie.slice_43 { background-position: 0 -840px; }
.small_pie.slice_44 { background-position: 0 -860px; }
.small_pie.slice_45 { background-position: 0 -880px; }
.small_pie.slice_46 { background-position: 0 -900px; }
.small_pie.slice_47 { background-position: 0 -920px; }
.small_pie.slice_48 { background-position: 0 -940px; }
.small_pie.slice_49 { background-position: 0 -960px; }
.small_pie.slice_50 { background-position: 0 -980px; }
.small_pie.slice_51 { background-position: 0 -1000px; }
/* End pie */

/* Large Pie */
a.large_pie {
  background: url(/images/pies_large.png) no-repeat 0 0;
  display: inline-block;
  height: 95px;
  width: 95px;
  margin-top: 3px;
}

.large_pie.slice_2  { background-position: 0 -97px; }
.large_pie.slice_3  { background-position: 0 -97px; }
.large_pie.slice_4  { background-position: 0 -194px; }
.large_pie.slice_5  { background-position: 0 -291px; }
.large_pie.slice_6  { background-position: 0 -388px; }
.large_pie.slice_7  { background-position: 0 -485px; }
.large_pie.slice_8  { background-position: 0 -582px; }
.large_pie.slice_9  { background-position: 0 -679px; }
.large_pie.slice_10 { background-position: 0 -776px; }
.large_pie.slice_11 { background-position: 0 -873px; }
.large_pie.slice_12 { background-position: 0 -970px; }
.large_pie.slice_13 { background-position: 0 -1067px; }
.large_pie.slice_14 { background-position: 0 -1164px; }
.large_pie.slice_15 { background-position: 0 -1261px; }
.large_pie.slice_16 { background-position: 0 -1358px; }
/**/
.large_pie.slice_17 { background-position: 0 -1455px; }
.large_pie.slice_18 { background-position: 0 -1552px; }
.large_pie.slice_19 { background-position: 0 -1649px; }
.large_pie.slice_20 { background-position: 0 -1746px; }
.large_pie.slice_21 { background-position: 0 -1843px; }
.large_pie.slice_22 { background-position: 0 -1940px; }
.large_pie.slice_23 { background-position: 0 -2037px; }
.large_pie.slice_24 { background-position: 0 -2134px; }
.large_pie.slice_25 { background-position: 0 -2231px; }
.large_pie.slice_26 { background-position: 0 -2328px; }
.large_pie.slice_27 { background-position: 0 -2425px; }
.large_pie.slice_28 { background-position: 0 -2522px; }
.large_pie.slice_29 { background-position: 0 -2619px; }
.large_pie.slice_30 { background-position: 0 -2716px; }
.large_pie.slice_31 { background-position: 0 -2813px; }
.large_pie.slice_32 { background-position: 0 -2910px; }
.large_pie.slice_33 { background-position: 0 -3007px; }
.large_pie.slice_34 { background-position: 0 -3104px; }
.large_pie.slice_35 { background-position: 0 -3201px; }
.large_pie.slice_36 { background-position: 0 -3298px; }
.large_pie.slice_37 { background-position: 0 -3395px; }
.large_pie.slice_38 { background-position: 0 -3492px; }
.large_pie.slice_39 { background-position: 0 -3589px; }
.large_pie.slice_40 { background-position: 0 -3686px; }
.large_pie.slice_41 { background-position: 0 -3783px; }
.large_pie.slice_42 { background-position: 0 -3880px; }
.large_pie.slice_43 { background-position: 0 -3977px; }
.large_pie.slice_44 { background-position: 0 -4074px; }
.large_pie.slice_45 { background-position: 0 -4171px; }
.large_pie.slice_46 { background-position: 0 -4365px; }
.large_pie.slice_47 { background-position: 0 -4365px; }
.large_pie.slice_48 { background-position: 0 -4462px; }
.large_pie.slice_49 { background-position: 0 -4559px; }
.large_pie.slice_50 { background-position: 0 -4656px; }
.large_pie.slice_51 { background-position: 0 -4753px; }
/* End pie */

/* End Global Styles */

/* 2.`NAVIGATION
============================================== */

.nav:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/* 3.`EXTENSIBLE CLASSES
============================================== */

/* self-clear floats */

.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* IE6 */
*html .group {
  height: 1%;
}

/* IE7 */
*:first-child+html .group {
  min-height: 1px;
}

.centered-contents { text-align: center; }

.left { float: left; }
.right { float: right; }

.magnifying_glass {
  padding: 0;
  width: 15px;
  height: 14px;
  background: transparent url(/images/search_sprite.png) no-repeat top center;
  border: none;
  text-indent: -999em;
  line-height: 0;
  font-size: 0;
}

.previous-small {
  float: left;
  position: relative;
  padding-left: 20px;
}

.previous-small .icon {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px;
}

.next-small {
  float: right;
  position: relative;
  padding-right: 20px;
}

.next-small .icon {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
}

.percent-50 {
  width: 50%;
}

/* 4.`REUSABLE CLASSES
============================================== */

/*-------------------------------------------
    TAGS
-------------------------------------------*/
.tags {
  clear: both;
  border-top: dotted 1px #afafaf;
  padding: 10px 0;
  font-size: 13px;
}

.tags li {
  display: inline;
}

.tags li a {
  padding-left: 2px;
  color: #252525;
}

/*-------------------------------------------
    5. SPRITES
-------------------------------------------*/
.icon {
  text-indent: -9999px;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  display: block;
}

.icon {
  background-image: url(/images/icons_sprite.png);
}

.larr-small {
  background-position: 0 -2001px;
  width: 6px;
  height: 13px;
}

.rarr-small {
  background-position: -8px -2001px;
  width: 6px;
  height: 13px;
}

/*-------------------------------------------
    6. MEDIA QUERIES
-------------------------------------------*/
@media only screen and (max-width: 2024px) {
  .two_columns        { width: 100px; }
  .three_columns,
  .three_columns img  { width: 160px; }
  .four_columns,
  .four_columns img   { width: 220px; }
  .five_columns,
  .five_columns img   { width: 280px; }
  .six_columns,
  .six_columns img    { width: 340px; }
  .seven_columns,
  .seven_columns img  { width: 400px; }
  .eight_columns,
  .eight_columns img  { width: 460px; }
  .nine_columns,
  .nine_columns img   { width: 520px;}
  .ten_columns        { width: 580px; }
  .eleven_columns     { width: 640px; }
  .twelve_columns     { width: 700px; }
  .thirteen_columns   { width: 760px; }
  .fourteen_columns   { width: 820px; }
  .fifteen_columns    { width: 880px; }
  .sixteen_columns    { width: 940px; }
  .seventeen_columns  { width: 1000px; }
  .eighteen_columns   { width: 1060px; }

  .container {
    width:1060px;
  }

  img.avatar {
    width:auto;
  }



  .from_store a.buy_banner {
    left: 36%;
    top: 40%;
  }

  #search-results h3.activity_count {
    text-align: left;
  }

}

@media only screen and (max-width: 460px) {
  .header #navWrapper  a.subtitle {
    font-size: 10px;
  }

  .header div#navigation ul li span.bullet {
    margin: 0 10px;
  }
}
