html { background: #c0b481; }
body {
  position: relative;
  margin: 1em auto;
  width: 960px;
  background: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #333;
}

.chirplink { display: none; }
.mobileonly { display: none !important; }

.clear {
  clear: both;
}
.divider {
  clear: both;
  margin-top: 1em;
  height: 4px;
}

.divider, h2:before, #copyright:before {
  background: #000 url(//cdn.the-art-of-web.com/images/divider_bg.jpg) left top;
  background-attachment: fixed;
}

#header {
  position: relative;
  height: 122px;
  background: #000 url(//cdn.the-art-of-web.com/images/banner.jpg) left top no-repeat;
  box-shadow: 0 2px 3px rgba(0,0,0,0.8);
}

#ad_content {
  margin: 0.5em 0;
}

h1 {
  margin: 1em 0 0.5em;
  line-height: 1.2;
  font-size: 2em;
  color: #5E5223;
}
h2 {
  position: relative;
  clear: both;
  margin: 40px -10px 20px;
  padding: 4px 8px;
  border-radius: 6px / 12px;
  background: #E0D8B7;
  box-shadow: 0 0 5px #fff inset;
  letter-spacing: 1px;
  font-size: 1.25em;
}
h2:before {
  display: block;
  position: absolute;
  top: -24px;
  margin: 0 -8px;
  padding: 0;
  width: 100%;
  height: 4px;
  content: "";
}
h2.nodivider {
  margin: 16px 0 1em;
  padding: 4px 8px;
}
h2.nodivider:before { display: none; }
h3 { font-size: 1.15em; }
h4 { font-size: 1em; }

a:link, a:visited { color: #5E5223; }
a:hover, a:focus {
  text-decoration: underline !important;
  color: #c09c81 !important;
}
a[href="#"] { color: #333; }
a[target] { color: green; }

.more:after { content: "\00a0»"; }

s { color: #ccc; }

#content {
  padding: 1em 212px 1em 20px;
  min-height: 910px;
  line-height: 1.5;
}

#content li small { white-space: nowrap; }

#message_sent {
  display: none;
  padding: 1.5em 4em;
  border: 4px solid #c0b481;
  background: #fff;
}
#message_sent p { margin: 0; }

#rhs {
  position: absolute;
  top: 0;
  right: 0;
  padding: 444px 16px 0;
  width: 160px;
  min-height: 600px;
  background: url(//cdn.the-art-of-web.com/images/calligraphy.jpg) center 22px no-repeat;
  text-align: center;
}

#orderby {
  font-size: 0.9em;
}
#orderby a:link, #orderby a:visited { text-decoration: none; }

blockquote { margin: 0 2em; }
blockquote::after {
  content: " -- " attr(cite);
  font-style: italic;
}

#topsearches small { color: #999; }

tt {
  background-color: #aff;
  white-space: pre;
}

.error { color: #933; }

#copyright:before {
  display: block;
  height: 1.5em;
  content: "";
}
#copyright {
  background: #c0b481;
  text-align: center;
  text-decoration: none;
  line-height: 1.8em;
  font-size: 0.8em;
  color: #333;
}
#copyright a:link, #copyright a:visited {
  text-decoration: none;
  color: #333;
}

::selection {
  background-color: #000;
  color: #f90;
}

dl.agents dt { margin: 0.5em 0 0 0; }
dl.agents dd {
  margin: 4px 0 8px 3em;
  padding: 0;
  font-size: 0.9em;
}

ul ul {
  margin-top: 4px; 
  margin-bottom: 4px; 
}

ul.spaced li { padding-bottom: 4px; }

.totop {
  position: absolute;
  position: fixed;
  bottom: 1em;
  right: 1em;
  width: 40px;
  text-align: right;
  font-size: 0.9em;
}
.totop:before { content: "\25B2"; }
.totop:link, .totop:visited { text-decoration: none; }
* html .totop { display: none; }

.box {
  margin: 0 0 0.5em 0;
  padding: 0;
  border: 2px solid #666;
  background-color: #dedede;
}
.box h4 {
  padding: 4px;
  background-color: #bcbcbc;
  border-bottom: 1px solid #666;
}
.box ol {
  margin-left: 0;
  padding-left: 60px;
}

dl.glossary dt { font-weight: bold; }
dl.glossary dd { padding: 0.5em 0; }

.photo {
  float: left;
  margin: 0.5em;
  border: 1px solid #ccc;
  padding: 1em;
  box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
  text-align: center;
  font-size: 0.8em;
}

#remove_link { font-size: 0.8em; }

.rss:link, .rss:visited {
  float: right;
  padding-left: 40px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAOCAMAAABw6U76AAAAt1BMVEX/ZgD///8/GgH/yKR9MwL/mlflVgDhm3fGRADwXQDVdkT/j0T7ZADwzbv/eiLoWAD4YgD/9e7/4MzKUBHxpXf78+7/hTPxupnZglXdUgDUVxH/1rv/cBH02sz9wZndj2b+4MzpoHf/o2b/uIj8tojKRgDXYyL/rXfbZSLnYRHWTQDmn3f/693/mVXkdy7tmGbteTPrl2b/5tWfQQPYd0QhDgH88+7otJnsWwD0XwD99O76llXOXSKFxRG4AAAAqklEQVR42oWPRw7CQAwAbcqW9JCE3kPovbf/v4sVwkKYQ+YyPoxsGfbFXNZQhlxKf5Fn22QeoSFMAaoVNAzJPJIywQ0scWH1XOmTWaREjNJHrM+0PxVkvikN70/RQsT+BAIyiwzHLGgPOmaIgczPuXjR4DmiKdEVZB55Z9xBOFrZXZRzMo/ggcn2/XktEuSfCJQCuKrsNrasSDUcIFP0S6C18/UnOhRyOb0A0VkO6WtrQTIAAAAASUVORK5CYII=);
  text-decoration: none;
  font-size: 0.9em;
  color: #666;
}
fieldset {
  margin: 1em 0;
  padding: 10px;
  border: 1px solid #ccc;
  background: #eee;
  background: -webkit-linear-gradient(top, white 80%, #eee);
  background: -moz-linear-gradient(top, white 80%, #eee);
  background: -ms-linear-gradient(top, white 80%, #eee);
  background: linear-gradient(to bottom, white 80%, #eee);
}
legend {
  padding: 2px 8px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 -1px 1px rgba(0,0,0,0.4);
  font-size: 13px;
  color: #333;
}
fieldset label {
  float: left;
  clear: left;
  padding-top: 2px;
  width: 120px;
  text-align: right;
  font-size: 90%;
  color: #333;
}
fieldset label:after { content: ":"; }
fieldset label strong { color: #c00; }
fieldset span {
  display: block;
  margin: 0 0 0 120px;
  padding: 0 0 4px 4px;
}
fieldset span label {
  display: inline-block;
  float: none;
  width: auto;
  white-space: nowrap;
  text-align: left;
  font-size: inherit;
  color: inherit;
  cursor: pointer;
}
fieldset span label:after { content: ""; }

fieldset input, fieldset textarea, fieldset select {
  padding: 2px 4px;
  border: 1px solid #ccc;
  border-radius: 2px;
  background: #fff;
  line-height: 1.1;
  font-family: inherit;
  font-size: 1.1em;
}
fieldset input:focus, fieldset textarea:focus, fieldset select:focus {
  border: 1px solid #aaa;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
  color: #333;
}

fieldset input[type=image], fieldset input[type=file] { border: none; }
fieldset input[type=submit], fieldset input[type=reset], fieldset input[type=button] {
  padding: 2px 6px;
  border: #b5bbc4 1px solid;
  background: #f7fafc;
  background-image: -webkit-linear-gradient(top, #fff, #dae6f1);
  background-image: -moz-linear-gradient(top, #fff, #dae6f1);
  background-image: -ms-linear-gradient(top, #fff, #dae6f1);
  background-image: linear-gradient(to bottom, #fff, #dae6f1);
  font-size: 100%;
  color: #333;
}
fieldset input[type=submit]:hover, fieldset input[type=reset]:hover, fieldset input[type=button]:hover {
  color: #e36627;
}

fieldset input:disabled, 
fieldset input:disabled:hover, 
fieldset input:disabled:focus {
  color: #999 !important;
}

input.cssform-undo:disabled { display: none; }

a.delete:link, a.delete:visited { color: #c00 !important; }
a.delete:hover, a.delete:focus {
  color: #000 !important;
  background-color: yellow !important;
}

.warning {
  margin: 0.5em 0;
  border: 1px solid #f00;
  background-color: #ff0;
  font-size: 11px;
  color: #333;
}
p.warning, .warning p, span.warning { padding: 0.5em; }
.warning b {  
  text-transform: uppercase;
  color: #f00;
}

input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT1JREFUeNpi/P//PwMpgImBRMACY/x7/uDX39sXt/67cMoDyOVgMjBjYFbV/8kkqcCBrIER5KS/967s+rmkXxzI5wJiRSBm/v8P7NTfHHFFl5mVdIzhGv4+u///x+xmuAlcdXPB9KeqeLgYd3bDU2ZpRRmwH4DOeAI07QXIRKipYPD35184/nn17CO4p/+cOfjl76+/X4GYAYThGn7/g+Mfh/ZZwjUA/aABpJVhpv6+dQUjZP78Z0YEK7OezS2gwltg64GmfTu6i+HL+mUMP34wgvGvL78ZOEysf8M1sGgZvQIqfA1SDAL8iUUMPIFRQLf+AmMQ4DQ0vYYSrL9vXDz2sq9LFsiX4dLRA0t8OX0SHKzi5bXf2HUMBVA0gN356N7p7xdOS3w5fAgcfNxWtn+BJi9gVVBOQfYPQIABABvRq3BwGT3OAAAAAElFTkSuQmCC');
  background-position: right top;
  background-repeat: no-repeat;
  box-shadow: none;
}
input:required:valid, textarea:required:valid {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZZJREFUeNpi/P//PwMpgImBRMAy58QshrNPTzP8+vOLIUInisFQyYjhz98/DB9/fmT48/+35v7H+8KNhE2+WclZd+G0gZmJmYGThUNz1fUVMZtvbWT59eUXG9wGZIWMUPj993eJ5VeWxuy8veM/CzPL3yfvH/9H0QBSBDYZyOVm4mGYfn6q4cory5lYmFh+MrEwM/76/YsR7mk2ZjbWP///WP37/y8cqIDhx58fjvtu7XV6//ndT34G/v8FasUsDjKO/+A2PP3wpGLd+TVsfOz8XH6KAT+nHpokcu7h6d9q/BoMxToVbBYqlt9///+1GO4/WVdpXqY/zMqXn13/+vTjI9mj94/y//v9/3e9ZRObvYbDT0Y2xnm///x+wsfHB3GSGLf41jb3rv0O8nbcR66d+HPvxf2/+YZFTHaqjl8YWBnm/vv37yly5LL8+vuLgYuVa3uf/4T/Kd8SnSTZpb6FGUXwcvJxbAPKP2VkZESNOBDx8+9PBm4OwR1TwmYwcfzjsBUQFLjOxs52A2YyKysrXANAgAEA7buhysQuIREAAAAASUVORK5CYII=');
  background-position: right top;
  background-repeat: no-repeat;
}

input::-webkit-input-placeholder { color: #ababab; }
input:-moz-placeholder { color: #ababab; }

input[type="number"] {
  max-width: 4em;
}

.cropper {
  display: inline-block;
  margin: 0 1em;
  padding-left: 18px;
  height: 16px;
  background: left center no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABRElEQVQ4jZXSsUsVUBzF8Y/yhgKRSOdwFpUgpxZX/4BElxwKcWhJqNbOIiEOBuIQiuioaUsSBRFCBIKjq0KERdoUhIRIOLyr2LNnvgN3+d37Pfzu+f1oQEmGk8yerVUagB/iGbrP1psvCT/BFJ4n2W7IIMkjTGAX47X3lSQV3EEHvmAlyWGB72GyvB1L8itJCzrRg/ZmLOI+ruIulgrcgZkCv8W1JDv4iU/ow6umJHvoTrKfpBU/0IZZDOEzRrGKA8xjJsku1Sms4XWSDfTiO27jJa7jKQZKd29OvneaAUbQjy58xQe8wBXcSvIbG/VCbqotJBkuuRzgQZKFevA5gySwhWmsYxNtSY7qGdRu4g20Yw6t+FNOXdUaHJXaTdXkl5NcaPDXJib5hvf4qDqBxxfB/+rgRINJ1v4Hn+ug6J1qDpfSMVLdY4b2kZcrAAAAAElFTkSuQmCC);

}
.cropper:link, .cropper:visited {
  text-decoration: none !important;
  font-size: 9px;
  color: rgba(0,0,0,0) !important;
}
.cropper:hover, .cropper:focus {
  color: rgba(0,0,0,0.5) !important;
}

#captcha {
  border: 1px outset #666;
}

@media only screen and (max-width: 767px) {
  fieldset label {
    display: block;
    float: none;
    width: auto;
    text-align: left;
  }
  fieldset span {
    display: block;
    margin: 0 0 4px 0 !important;
    padding: 0;
  }
  #captcha {
    width: 320px;
    height: 90px;
  }
}
.collapse { border-collapse: collapse; }
.collapse tr { border: 1px solid #666; }
.collapse th {
  background-color: #ccc;
  border: 1px dotted #999;
  text-align: left;
}
.collapse td {
  vertical-align: top;
  border: 1px dotted #999;
}

.files { border-collapse: separate; }
.files th {
  background-color: #efefef;
  vertical-align: top;
  text-align: left;
  white-space: nowrap;
  font-weight: normal;
  font-size: 11px;
  color: #234;
}
.files td, .files th {
  border: 1px solid #999;
  padding: 3px;
}

.noborder { border: none !important; }
code {
  display: block;
  margin: 1.5em 0;
  padding: 1em;
  border: 2px solid #fcfaf0;
  background: #fcfaf0;
  background-image: -webkit-repeating-linear-gradient(-90deg, rgba(0,0,0,0) 0, rgba(0,0,0,0) 1.4em, rgba(66,208,255,0.05) 1.6em);
  background-image: -moz-repeating-linear-gradient(-90deg, rgba(0,0,0,0) 0, rgba(0,0,0,0) 1.4em, rgba(66,208,255,0.05) 1.6em);
  background-image: -o-repeating-linear-gradient(-90deg, rgba(0,0,0,0) 0, rgba(0,0,0,0) 1.4em, rgba(66,208,255,0.1) 1.6em);
  background-image: -ms-repeating-linear-gradient(-90deg, rgba(0,0,0,0) 0, rgba(0,0,0,0) 1.4em, rgba(66,208,255,0.05) 1.6em);
  background-image: repeating-linear-gradient(-90deg, rgba(0,0,0,0) 0, rgba(0,0,0,0) 1.4em, rgba(66,208,255,0.05) 1.6em);
  width: 700px;
  overflow: auto;
  line-height: 1.3;
  white-space: pre;
  font-size: 12px;
  color: #333;
}
code i {
  color: #66c;
  font-style: normal;
}
code span { background-color: #ff0; }
code.nospan span { background-color: transparent; }
code.final {
  border: 2px solid #E0D8B7;
  color: #000;
}
code.final i { color: #c60; }
strong code {
  display: inline;
  margin: 0;
  padding: 0;
  border: none;
  white-space: nowrap;
  background-color: transparent;
  color: inherit;
}

code.left12 {
  float: left;
  width: 45%;
}
code.right12 {
  float: right;
  width: 45%;
}
#feedback {
  display: none;
  padding: 0.5em 2em;
  width: 440px;
  background: #fff;
  border: 5px solid #c0b481;
  border-radius: 1em;
  line-height: 1.2;
}
#feedback fieldset { border: none; }
#feedback legend { border: none; }
#feedback p.instruction {
  margin: -1em 0 0;
  text-align: center;
  font-size: 0.8em;
}

.comment {
  margin: 1em 0 1.5em;
  padding: 0 0 0 60px;
  min-height: 60px;
  background: left top no-repeat;
  font-size: 1em;
}
.comment code {
  width: 575px;
  line-height: 0.8;
}
.comment_author {
  margin-top: 0;
  font-size: 0.9em;
  color: #999;
}
.comment_author big {
  padding-right: 4px;
  font-weight: bold;
  font-size: 1.2em;
  color: #000;
}

.response {
  margin: 1em 0;
  padding: 2px 1em 2px 44px;
  border-radius: 0.5em;
  background: #E0D8B7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAeCAMAAADjLDWuAAABKVBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Oe9X6AAAAYnRSTlMAAQIEBQcKCw0PEBESFBgbIigpKzE0NTY7PkFDRkdJSlBXWFlebnN0dXp7gIuOk5SYm6Olp6qrrK2xsrO0try+wcnP0NHT1NXX2Nna3eHi5ebo7O3u8PHy8/T19vj5+vv8/rLT3igAAAEsSURBVCiR3ZHnWsIwFEBjFRRB616oOHFVKqKIq9Rd3FhsqRPz/g9h7k1i0j6C998550vb3BIipmdhz1lNEW3yZXcrI2HepWzWVZ087jBhc0hb35DppaxdxQBFCymzT/nURe7eFuIeT58IauV5NnaE+FgBtDm8l8fE8TUuOtVpoGVOZxPy5VOf/NlzSP13SNUBmY06CneI4yaSo66+hMIb5JS7Anoc+cupUxDBjMDZH8CiWszwG1WLIWQD6Cmn+iJebFTiEeChtvYSiHND4i3gw3gfmzQKB8RrAUQvQx+/9itk81zKMnHBdwPiZdckbaqNxbqni1q83yR7GO+NZI/i3Uv29r/vkY6wn4YuIhLoCPu91kVIDnSE/2PpokbMih+Kadrwf7N2Uwq/Yv4CHKDlTplaxGUAAAAASUVORK5CYII=) 4px 4px no-repeat;
  font-size: 1em;
}
.response ul {
  margin: 0.5em 0;
  padding: 0 0 0 20px;
  font-size: 0.9em;
}

.post_comment {
  display: block;
  margin: 1em auto;
  padding: 0 14px;
  min-width: 60px;
  width: 50%;
  background-image: -webkit-linear-gradient(top, rgb(244, 244, 244), rgb(228, 228, 228));
  background-image: -moz-linear-gradient(top, rgb(244, 244, 244), rgb(228, 228, 228));
  background-image: -o-linear-gradient(top, rgb(244, 244, 244), rgb(228, 228, 228));
  background-image: -ms-linear-gradient(top, rgb(244, 244, 244), rgb(228, 228, 228));
  background-image: linear-gradient(to bottom, rgb(244, 244, 244), rgb(228, 228, 228));
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #787878;
  line-height: 2;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
}
.post_comment:hover, .post_comment:focus {
  border-color: #999;
  text-decoration: none !important;
  color: #232323 !important;
}
legend {
  padding: 1px 8px;
  border: 2px solid #E0D8B7;
  border-radius: 6px / 12px;
  box-shadow: none;
  background: #fff;
  font-size: 14px;
  color: #5E5223;
}
fieldset {
  border: 2px solid #E0D8B7;
  background: #fcfaf0;
  color: #000;
}
fieldset label { font-size: 12px; }

input, select, textarea, button {
  font-size: 11px;
  color: #333;
}
input[type=image] { border: none; }
button, input[type=button], input[type=submit], input[type=reset] {
  border-style: outset;
  color: #069;
}
button:enabled:active, input[type=button]:active, input[type=submit]:active {
  border-style: inset;
}
#menu {
  position: absolute;
  bottom: 0;
  left: 50px;
  padding: 0 15px;
  width: 638px;
  height: 25px;
  border-radius: 1em 1em 0 0;
  background: #000;
  background: rgba(0,0,0,0.6);
}
#menu ul {
  margin: 0;
  padding: 4px 12px 2px;
  list-style-type: none;
}
#menu li {
  float: left;
  margin: 0 6px 0 0;
  padding: 0;
}
#menu li:before {
  text-shadow: 1px 1px 1px #000;
  color: #fff;
  content: " :  ";
}
#menu li:first-child:before { content: ""; }
#menu a:link, #menu a:visited {
  text-shadow: 1px 1px 1px #000;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
}

#submenu {
  float: right;
  position: relative;
  z-index: 999;
  margin: 1em 0;
  padding: 4px;
  min-width: 160px;
  background: #fcfaf0;
  border: 2px solid #E0D8B7;
  border-radius: 1em;
  font-size: 0.9em;
  -webkit-transition: 0.6s cubic-bezier(0,1.5,0.5,1);
  -moz-transition: 0.6s cubic-bezier(0,1.5,0.5,1);
  -o-transition: 0.6s cubic-bezier(0,1.5,0.5,1);
  transition: 0.6s cubic-bezier(0,1.5,0.5,1);
}
#submenu:hover, #submenu:focus {
  border-color: #5E5223;
  background: #E0D8B7;
  border-width: 1px;
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
#submenu ol {
  margin: 0;
  padding: 0.5em 0;
}
#submenu li {
  display: block;
  margin: 0 0 5px 0;
  padding: 0 1em;
}
#submenu a {
  display: block;
}

.spin {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  border: none;
}
.spin:hover, .spin:focus {
  -webkit-transform: rotate(720deg) scale(1.5);
  -moz-transform: rotate(720deg) scale(1.5);
  -o-transform: rotate(720deg) scale(1.5);
  -ms-transform: rotate(720deg) scale(1.5);
  transform: rotate(720deg) scale(1.5);
}
#searchbox {
  float: right;
  position: relative;
  margin: 2px 0;
  opacity: 0.9;
  font-size: 12px;
}
#searchbox:hover, #searchbox:focus { opacity: 1.0; }
#searchbox input { width: 150px; }

/* autosuggest option list */
#suggest {
  position: absolute;
  display: none;
  top: 20px;
  margin: 0;
  padding: 1px !important;
  min-width: 160px;
  border: #fc3;
  background: #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.4);
  list-style-type: none;
  font-size: 13px;
}
#suggest li {
  display: block;
  float: none;
  margin: 0;
  padding: 0;
}
#suggest li:before {
  content: "" !important;
  text-shadow: none;
}
#suggest a:link, #suggest a:visited {
  display: block;
  padding: 2px 4px;
  white-space: nowrap;
  text-decoration: none;
  text-shadow: none;
  font-weight: normal;
  color: #000;
}
#suggest a:hover, #suggest a:focus {
  background: #adcef7;
  outline: none;
  text-decoration: none !important;
}
.social_counters a {
  display: inline-block;
  margin: 0 0.8em 0 0;
  padding: 0 0 0 32px;
  line-height: 28px;
  background-color: #fff;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 28px 28px;
  border: none;
  text-decoration: none !important;
  font-size: 0.9em;
  color: #247279 !important;
  cursor: pointer;
}
.social_counters a:hover, .social_counters a:focus {
  color: #666 !important;
}
.social_counters a span span {
  display: none;
}
.social_counters .tweets {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA5VJREFUeNrEWF1Ik1EYfrd93+bPpnOaGs2kH1xQaGQYFmSlkdcRdNtFd0E/UOBFRiRY0UVX3XRTdJUFUUF1k7OCKMsoC8uVuUIhf2jux3Tbt5/e9+PM5ty+73zOrQceFHbO+z7fe97znvcc3f77Y6ABBmQLshW5HVmHLEOWIn3IGeRX5ADSiXyGjPIa13GKqUSeQh5BVmsQP4G8ibyKnFIbrFf53Yg8i3QjOzQKATa+g83vZPaWJYaWoB/ZhSyC7EDzLzB7Dq1iWtjErbCyIHuvmX0uMfuQj5FWyA3I7hPmR1EMhfDeCiyLGgqZH0cmMSbkbbZN8wHy08P8LhFzOgc5ooYG5JnUOlOFHM3D8qTDPHIdcjIRmRP/SUgif04mIiPg3zG1gqZDxlWsOsqMcGBtMVhEHbi8EjwcnYVwLA52swDjsxGlqZNIOwnZzVNZ22uLIRSNg3N8Lu3vO6sLobOpHAw6VqjWALTVFIGEc17+moeebwGlj6E02SuwQ08VDqtRFmQR9fDAPbu4PqCA4w3WBSEJrC8RwReKQY1FhFKTHrz4vwLaKGcaecT4pZjs9Fi9FS42V0Cd9d8xYzeLYCswpJ0XxXjcwaioCJF3FkVmE4+Y3rE5OLTBDAIqaqwskDnik+DDdBDmI5kXwDUThp8BiSv4AutHVFFnFeGzJwz1FQs1CjaWijKVwBGRBGy0TCVcXRVGJFkIL9x+iXdoCYnx84zsw12kwfACBqaCvEP9etYqqoK29fk3v6F/kts4DOGyqtSXZHhIzDB3A4y7adsq/qW6NezTEkQXiXnHO5q+snvAA/6welI++vEH3k+HtIgZJDG9WmZQNT3qnIAvuGUz4S0u5bVPXq3p9ZS29gt2NlRlGiXiTtpSbgQzVt/NNhO02ovkipqKOJYbqs7Xh3wQicW1CCH/fSSGMuwG6+LTQkLDAVwaOgR3rS4EU0rdD2Jyv8KI3R0JyIVwGSD/keR+xs2Oc0VQBa61CFBmMoAONXmCUaywEa2RSNvPCElh6mbXEkWQ0+/y10uwQuhm/he1nVcoo/PcWA0yv0t6YNqHh9mdOR/wMX+hTFcVF/Ig5WSOhQSZH5faJY5eD9rpwM2REC+z7+S93j5HNiM/5iBHmpl9TRd/OrOakOfY9sv2OkJ2diidhWpPIiG23akOXOJ5Y0kBjb/M5nclJ2s2j0XJL1d72KU98XJlYw0a9UWebF6u/gowAPvBF8ak9ACzAAAAAElFTkSuQmCC);
}
.social_counters .likes {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAuhJREFUeNrMmN1Lk3EUx8/c0LLY0koFI2cXzoKyshJLWiuJDLyom+iu/oISMjIqKMHeLuomCLqoy7rprroo7Y3CIKOXmyaBs8h8iXRbtT1tk77n6cxkuj0vez3wgd+ePb9zvpzn93Z+lm0Hr5MBswI32AU2gTpQBhzADybBIHgN+sATENPr3KbzvQrQAQ6BqiTvOAQn2A1OglFwC1wB41pBijT+LwanwBA4kUJIMquSftz/tPgzJYY/wSvQDUopPeP+58Sfy6gYt3RcT5k19tcv/nWJ2QnugyWUHWO/DyROSjGcwrsZ+CxatlDiuJKJKQG3ZUbkwjjOHYk7R8yxLIwRLWsAnYnrTKWsC4bNai2idk89tWx00vKliygWmyblT5Q6zt+jsBLV44Lj3gBjcTFHzIwTG4RcPt5Gm9eumPc/A+PnKOgqkuwcNpOVvW7XvEJMGMe3sZDtJlZW1Voaa2bawV8Knb3WS59H/Orv36GIEVc8TDw22fRM2eLSmYlAL98MU//bL+lkp5U/U2Mm8qxEYmnPLM5MvZEedbXLqLrCrrYXFP/f9J3VZeRpWqW2o9Fpej7gMyrGZZPziG5r96ymfa1r5jxf56pSYfN9nTQjppw/kz3TK9nIeNBMNztnJmBE0Nj3IHmHJtR2daUDg/jfESXwU6FvEwG1/WFw1IyYgAXHTs5njZnelzrbaOuGlWr74YtP6tROw3z8mT5SYZiXxQwUiJh3LKa3QMQ8YjHPeFzmWQjHf8xieJ+/mWcxHD8a3+evglCehIQk/sxJj9PUY9hLOKLu1kxIiZgV0xMfJpZZ5W2JlCcNuZxBoIn32cQzMD84IDVzLswv8ZRkpYoX7AfhLAsJSxyvVhHHtwd7wFSWhEyJ/z695e1T0AzeZ2GMNIt/Q4U/71lbwJkMTPuQ+GlKtRdq1ROK3ELUggt67lgSjN+/KP27Zw/WdC6LeB3okruaHVK0x2+uyuU8xIeZH+ncXP0VYAAR1rWnTh1GKgAAAABJRU5ErkJggg==);
}
.social_counters .gplus {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAZJREFUeNrEWFlME1EUvW2nUopCAS20Fo0/rIoa3NAIuERJ/DBuMdHE+KFRv9AEjSHVoCTEfflRo0b9c4kxxrh8CESECIgGwbgUdyFCEQsFShe6eN/MayvLdKaWwk1OOtN5c++Zu7x335N8WZMNQYgMkYtYgZiHSEbEImIQZkQXohnxClGBeIZwiVUuEUlGjdiH2I5IDIJ8O+IG4iyiQ2iwVOD5BIQe8Q1xMEgiQMcfpO8fovr+iwwJQR2iBKGE0IS8f5TqSwmWTC59cQ6MrhB9tVS/KDLLEY8RKgiPEL1PqJ2AZIgL741CWIQkktpJ4SMTgbhFy3QshNi5Te0OI1MYhhwRktmI/UPJJCCKYHykiNr3kSkYgzwJlD97vTMwg78tYia0iOR0iMrOAUatwUneBY4fX6GvuhycxrZQCRkROkIkR4iITBUHU/bpQZm1aNiz2G27wHz/FphuXATwuP+XDAnTMoYuevxEYlSgPXYB5Lpp3B9ocKC9DSRSCTAJWpDIcO10u0Mh4pWVhExWoBHxO/f6iPTXVUHnpTPg/G3kwpaSAYq0TPTMzZGTYXYWqDZtgz9XzrMhFaosQiaV7ykzWQ0Tc1ey17b3TWAsLQKPy98R2A3vWPB6NTYeIufMB2nUJDGeSWFoPzKiKDJwGpBwBWd+cMdHRKaKBXVh8bDxri4TdJw+AhPzVoFi5lyQa3Tc/L9hCziX54OlugKsb+r5zMURMtG8XxbtX54GfrX4myD5BPaLh4rb0sd9RHomROev9S/ZC5eyv8621kBkogmZHj5CLkuv71qumQqOr5+4HB5wDFJKSl6qjAK31cLed144xYJ4iHjw14E9GOZGoTD1MLRVHJGMramBqxIMlWrdVrDUPGcrx9XdBW36Al/Ikq7e5XKo+UMo1WQiCfGR76mz0wh9lWXc16dmQOKhE8DET/F7S5sECfrjIFVEsve9ZY8Gvd9fWwUtOzaC/bMokgbimdeI1Xwj/lw+x5YwCZNy/mJIunaPjT3JG0ad4EtwS00l9Ne/GJxDNiu4261iPdNINJUHGuHq6caY7wZrw0sueXGSk+um44Sn4Yh4PND79CF0nCxmr0OQMu/a1OpdOQOJIm0WKBcsASZRi+XlxAr7CRYMheP7l1Fbm5yI67SLDyi2D29ZhEGIfae3hTiHsML4iJXa9/UzxE2l40SmlNof1HaeJBk9xkQaqd1hPbAdsZnumcdCzNSenW+rYkCsJ7kaZiI2ascgtIkjpwf5iO4wEemm+ivEbm8rEeR4oikMOZJN9Qe18Sdr1gLE4VEoeyvVszDQWih0JGKnpxAzEMfEnLEMETL+OH2/5N9kDeWw6N+Tqzy6afeeXMXRFoT0RaZQTq7+CjAAfhMxPzAoxn4AAAAASUVORK5CYII=);
}
.social_counters .reddit {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAFTUlEQVRYhb2Ye0wURxzHSRPSP5o0aWyC+hcKhVjSFkK1gGghXhWUQAtYDFB5VeojArVSC1bUNoohpaSWlLT1RWpPKIFQ8IUtNFiV98EK0iBvROB49ASFO7yDb3+zcHiP5VjupJN8Etjf7cxnZ3Z+OzNW3INJq0XwAvEOkUzkEDVELzFCDBCNRDFxivAjXlpM/WJ/+DKRQDQQUwRE0kNkEKuehwzrifDZSsUKCDFOnJx9KLNkVhBXLZQwpI3wXKzMGqL1OYtomSBCxMowke4lEtGiIcIWkllO/LPEIlomic2mZPLNrbyudRhXyush6xh7dr3rMXbtO4Ct/kH4u75T6L7u2Q4wkvnQkifdE3cQO8KjsGVrAD7YHorTP13Elm0ByMjIQElJCezs7FDbOiJ0b5ahDEtO98yWoR7Y5h/I/93Qo0R1yyB+/qUATk5O0JbY2FiU3G4Sul9NrNOVibGkV3KKypBy4huj6ztjduPYsWMoLCyEg4MjGrrG5qvjkq5MuSUyH0XF0jvRYXT9bs8EDh7+moYtDBVNvabqeETYMpHXCZU5EvVd4zQkQ5Bs3oq69kfgelRmPxCxl8nsFnuDrOMx8q/fwedHTmATCazfsBEbCHcPD2z08ob7+o2I2ZOAM9Ii1LUpFisjZTI/CAXLalrg4/c+Pzuu3axHdt5VODiuQXBwMHJzc9Ha2gqlUjn3gqrVavT19aG0tBTx8fH8O/LF0VSU17Vh194EuHt64eylIlMyMiZzzTDAcoK9vT1kMhkuXLgAKysrREdHo7e3F2LLxMQEMjMzYW1tjYiICDx8+BA+Pj7IOp+L+o5RIZl+JtNmGNj3aRLy8vIwOjoKR0dHSKVSvYamlOPA9JSgxJRygkKauf/b29v5OvLz8yGXy2l4fXEu57KQzAiTGTEMHP4qDVlZWQgMDERaWppeY2OXvsfQDhco0g9gSqdRVp5cz8Fw2Nv49/jH0JCUtjQ1NdGwOaC4uJjPR9Lfy+aV6TQMNHQ8wqrVdnB1dYVG86zBqSdjGApxwZD/a5BLVmCysWouNq1RYzjSE0N+dhiUrISyukxPNCkpiR/u0sp7aHwgOOt4mRtCL1RxWQ1CQ0P1KpwmFEejIN+0HEO7vKEZHdGLj353iJccDlsL9UCPXoz1SljkJ6Ze4AEm86NQsLS6xUiG753xMajqb0E9PGAcm1RhkquAur/HKMbemfjEL03JcExmv2BC6xyDm7s7VCqVUcXmFPZtKrh+25RMHpNx5mYWO0Y/SD5+CsnJyUYVs5nW0tJidJ3lGpYKFAqF3vXKyko4vfEmuO5xUzIJ2m9ThdAP7j5Q8pk2PT1dr3I202xtbREZGYnU1FR+xiUmJsLFxQUBAQF6vVlbWwsbGxv8VXPflAhbsDtoZQSHSisUFBIOX19fNDc3zzUyODiI7OxsXiIuLo4XZklSW1jSS0lJwbJlry4kwijkdL7arxAd8wtNIvdyOd71fg8SiYTvDfbELClqy9OnT9Hd3c0vF1i2fsvZGYeOnKSheSLmu+TFGaz0RKxpVDTL7iPt9BkEBIXAzcMTa9e5zcGGdGfMXvxaWApZ52MxEoyLnMCyk23Y/hBVAa3mbjX2ouBGFX67cpPvtfySO7xoRbNcrARjkNPZbRouyFdzlu8eF8N23faF9k1sYz/8P4jsN2x7vh2lOzdzqrAUEuzgYJ9Qu6b22g5E1XMWkRP+87W50CnEi8RnhMJCCZbhz3EzhwlmnULospKbOQDqWqQEewgp4SqmHbEyups91s3fEn9yM/vyfm5mgcamKVs13ibOEtEL9YQh/wGHltmLRVY3YwAAAABJRU5ErkJggg==);
}
.social_counters .feedback {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA15JREFUeNrEmG1Ik1EUx8+eqdPU6RRfIFkl5MTohdTEyiz7EmVfIqjoi1EfiwpKLCpBIYogITLokwUSWSFCkCil9gaKFsyImqSGC3Oaupnm3u2ccbOluHufPW4d+cFFznPOf/f13Kva3iSBDFMjxchuJA/JQnRIAmJDJpE+pAdpQzoQj2hwlaCYVOQsUoakyxA/gtxDapBRnjNPSRRyCRlEKmQKAeZfwb6/zOIFJYaGoAupRlaAMqPvq1g8g1wxxezDTbC8RvE6WXwhMSXIMyQRQmMUt5nlCSiGurBxGYaFZzEsj2EpMRrkIVum4TDK08DyLhJzLgRzhGcbkfML95k0ZEDu8MRFJsLq+ByIjYgHz5wbxuzDYJ7uA++cR06YWWQNYolg/zgtKiRSioK9+jLYpz8G2bp8UOGfv027rPBm5Ck09NfAF5tRdP6cQS5Qz5Ags8iGlpWwGSrz6kEfZ+Bm8M55oXGwFu58LAeX18lztyAZNEY7RITk6AqgtqhDSIhvMqokOJh5CqryH2FbzXOnabJLrT+sOoGNokCesRFauI1CEqKSZc9QEu/GnjGOv+a5fqeeyeV5la46DinRK4NeMkfXlkO0Opa7skhMNs9ra3qpsoMJV9uG5G08N4PE6pHA+3cQw7PQdJpUnksSidHyvGzOCcVippzjPBctiZnieXWPtioSYvfMQO/4W65eiZWKAa3p612wOsaCFvO4/xbMuLm/eYLEfOZ5/XRNQmXPEXB67bKFvP/RDnWmKhFXE4l5Jxq0xVwvS0jz0H0o79wvsgOTGekoeIFcFPFOic6Yb7u8DjynNIt8qPe6LC2+s0lgo/O35yTmFTsb0gJ5atQxsD6p0NduH34CN3tPgkaKgUztuvkNzTJrhoGpDzhhf8kdTcrfTmLcSB2r4pe03JQSaP32wNf1n6zdf6PMDi1HXUP53f71zCA7zsNt8/WM5NdNV+H/2FWW/5+y8wbN6DALMbK8i2pgB3KI3ZnDYTaWz7HUVcWEHKAdPMRC7CyPiXeJo9eDPYg1REKsLH6b6PX2JUKbSm8I5kghiy/r4k9n1hbkClt+SpcvxSkIdBbynkQc7BWC9oFrIm8sC4z8r7Pvq/0nq5LHIv+Xq53s0v7n5SqJFWhUI0woebn6LcAAYfHtp/rxCA8AAAAASUVORK5CYII=);
}

#share {
  float: right;
  position: relative;
  margin: -4em 0 2em;
  padding: 0;
  width: 64px;
  height: 64px;
  background-image: url(data:image/png;base64,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);
  background-position: center center;
  background-repeat: no-repeat;
  list-style-type: none !important;
  list-style-image: none !important;
  line-height: 1.0 !important;
  cursor: pointer;
}
#share li {
  visibility: hidden;
  position: absolute;
  top: 12px;
  left: 12px;
  margin: 0;
  padding: 0;
  background-position: 0 -45px;
  background-repeat: no-repeat;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* MSIE 8 */
  transition-property: left, top, opacity, background-position, visibility;
  transition-duration: 0.2s, 0.2s, 0.2s, 0s, 0.2s;
  transition-timing-function: ease-in, ease-in, ease-out, linear, linear;
  transition-delay: 0.2s, 0.2s, 0.2s, 0s, 0.2s;
}
#share li:hover {
  background-position: 0 0;
}
#share li a {
  display: block;
  width: 40px;
  height: 40px;
}
#share li.fbook {
  background-image: url(data:image/png;base64,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);
}
#share li.tweet {
  background-image: url(data:image/png;base64,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);
}
#share li.gplus {
  background-image: url(data:image/png;base64,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);
}
#share:hover li, #share.hover li {
  visibility: visible;
  opacity: 1.0;
  filter: 0; /* MSIE 8 */
  transition-property: left, top, opacity, background-position;
  transition-duration: 0.3s, 0.3s, 0.3s, 0s;
  transition-timing-function: cubic-bezier(.6,1.51,.66,.92), cubic-bezier(.6,1.51,.66,.92), ease-out, linear;
  transition-delay: 0s, 0s, 0s, 0s;
}
#share:hover li.fbook, #share.hover li.fbook {
  top: -30.4px;
  left: -30.4px;
}
#share:hover li.tweet, #share.hover li.tweet {
  top: -48px;
  left: 12px;
}
#share:hover li.gplus, #share.hover li.gplus {
  top: -30.4px;
  left: 54.4px;
}
.collapse { margin: 1em auto; }
.collapse tr { border: 1px solid #E0D8B7; }
.collapse tbody tr:nth-child(2n) { background: #fcfaf0; }
.collapse th {
  padding: 2px 4px;
  background: #E0D8B7;
  color: #333;
}
.collapse td { padding: 2px 4px; }
@media print {

html, body, #content { background: #fff; }
body {
  margin: 0;
  border: none;
  width: 100%;
  font-size: 13px;
}
#content {
  margin: 0;
  padding: 0 2em;
  width: 100%;
}
#content { width: 728px; }
#copyright, #copyright a { background: #fff; color: #666; }
h1 { color: #333; }
h2 { background-color: #dedede; }
a:link, a:visited { color: #000; }
.response { background-color: #eee; }
.noprint, #menu, #rhs, #submenu, #send_feedback, #feedback, .totop { display: none; }
a[href ^= 'http']:link:after, a[href ^= 'http']:visited:after {
  content:" [" attr(href) "] ";
  font-weight: normal;
  font-size: 80%;
  color: blue;
}

}
@media
        only screen and (max-device-width: 768px),
        all and (max-width: 768px) {

body {
  position: relative;
  margin: 0 auto;
  min-width: 480px;
  max-width: 640px;
  width: 100%;
  font-size: 100%
}

.nomobile, #searchbox, .totop, .rss {
  display: none;
}

#header {
  position: relative;
  margin-top: 80px;
  margin-bottom: 32px;
  width: 100%;
  height: 0;
  padding: 7.5% 0;
  background-image: url(//cdn.the-art-of-web.com/images/mobile-banner.jpg);
  background-size: cover;
  box-shadow: none;
}

#menu {
  position: absolute;
  bottom: -32px;
  left: 0;
  display: table;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 32px;
  border-radius: 0;
  background: #121212;
}
#menu ul {
  display: table-row;
  width: 100%;
}
#menu li {
  float: none;
  display: table-cell;
  margin: 0;
  padding: 0 5px;
  line-height: 32px;
  text-align: center;
}
#menu li::before {
  content: "" !important;
}
#menu a:link, #menu a:visited {
  font-weight: normal;
  font-size: 1em;
}

#rhs {
  position: absolute;
  top: -70px;
  left: 0;
  right: auto;
  padding: 0;
  width: 100%;
  height: 60px;
  min-height: 0;
  background: transparent;
}

#content {
  padding: 1em 1em;
}
#content li {
  margin: 1.1em 0;
  font-size: 1.1em;
}
#content img {
  max-width: -webkit-calc(100% - 2em);
  max-width: -moz-calc(100% - 2em);
  max-width: -o-calc(100% - 2em);
  max-width: -m-calc(100% - 2em);
  max-width: calc(100% - 2em);
}

#ad_content {
  margin: 0 0 1em 0;
  max-height: 60px;
}

#submenu {
  position: absolute;
  margin: 0;
  padding: 0;
  right: 1em;
  border-radius: 0;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  font-size: 1em;
}
#submenu.active {
  box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
  max-width: calc(100% - 2em);
}
#submenu:hover, #submenu:focus {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
#submenu ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#submenu li {
  display: none;
  margin: 0.8em 0 0.4em 0;
  min-width: 120px;
}
#submenu li:first-child {
  margin: 0.4em 0;
}
#submenu.active li, #submenu li.mobileonly {
  display: block !important;
}
#submenu.active li {
  font-size: 1.8em;
}
#submenu a:link, #submenu a:visited {
  text-decoration: none;
}

h1 {
  margin: 0 160px 1em 0;
  font-weight: normal;
  font-size: 1.8em;
}

.social_counters a {
  margin-right: 0.8em;
  font-size: 1em;
}
.social_counters a span {
  display: none;
}

#topsearches li small {
  display: none;
}

.comment {
  padding-left: 18%;
  width: 82%;
  overflow: auto;
  background-size: 15% auto;
}

code, .comment code {
  width: auto;
}
code.left12, code.right12 {
  width: 80%;
}

}

@media
        only screen and (max-device-width: 520px),
        all and (max-width: 520px) {

#rhs {
  display: none;
}
#header {
  margin-top: 0;
}
#ad_content {
  margin: 0 0 1em;
  max-height: 280px;
}
code.left12, code.right12 {
  min-width: 80%;
  width: auto;
}

}