/* First we tell IE8 how wide the window is allowed to be */
body {
  max-width: 1140px;
  border-left: 10px solid transparent;
}

/* Header and navigation */
/* Network navigation */
.toplevel {
  position: relative;
}
.network {
  float: left;
  width: 80%;
  margin-bottom: -1px;
}
.network li {
  float: left;
  border-right: 1px solid #e5e5e5; /* color is guessed */
}
.network li a {
  display: block;
  padding: 2.5em 1em .5em;
  height: 1.75em;
  color: #b2b2b2; /* guessed */
  background-color: transparent;
}
.network li a:hover,
.network li a:focus {
  background: #ffff65;
  color: #666;
}
/* Logo inside the network nav */
.network .current { /* containing the link with the logo inside */
  border-right: 1px solid #d5d5d5;
  border-left: 1px solid #d5d5d5;
  background-color: #fff;
  width: 197px;
}
.network .current a { /* link containing the logo */
  padding-top: 1.5em;
  padding-bottom: 0;
  height: 3.3125em;
}
.network .current a:hover {
  background-color: #fff;
}
.network .current img { /* logo image */
  position: relative;
  top: -.125em;
  width: 165px;
}
/* Cody inside the network nav */
#naviebookslink {
  position: absolute;
  right: 0;
  top: .125em;
  background: transparent;
  padding: 0;
}
#naviebookslink:hover {
  background: transparent;
}
/* Social Media Icons */
.channels {
  float: right;
  margin: 2.5em 2.6% 0 0;
  z-index: 50;
}
.channels li {
  float: left;
  margin-left: .625em;
}
.channels a {
  text-indent: -9999em;
  display: block;
  width: 1.4375em;
  height: 1.4375em;
  background-image: url(../images/channels.png);
  background-size: 200% auto;
}
.rss a {
  background-position: -1.4375em 0;
}
.facebook a {
  background-position: -1.4375em -1.4375em;
}
.twitter a {
  background-position: -1.4375em -2.875em;
}
.newsletter a {
  background-position: -1.4375em -4.3125em;
}
/* Category navigation */
.col.sidebar {
  width: 100%;
  margin-top: 5.5%;
}
.sections {
  margin-top: -.5em;
}
.sections ul {
  text-align: center;
  list-style-type: none;
  margin: 1em 0 -1em;
  padding: 0 0 0 5.5%;
  border-bottom: .3125em solid rgba(0,0,0,.06);
}
.sections ul li {
  border-left: none;
  border-right: .07em solid #e5e5e5;
  margin-bottom: -.3125em;
  padding-bottom: 0;
  float: left;
}
.sections ul li a {
  font-size: .75em;
  font-family: "Proxima Nova Bold", "Helvetica Neue", Calibri, "Droid Sans", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.175em;
  color: #333;
  display: block;
  width: auto;
  border: 0;
  padding: .75em .9em;
}
.sections ul li a:hover,
.sections ul li a:focus {
  background: #ff6;
}
.sections ul li ul {
  display: none;
}
/* to show the user where he is */
.sections .current > a, .sections .active > a {
  background: #ffff65;
  color: #444;
}
.sections ul .coding a {
  margin-left: 0;
}
/* individual colors for sections */
.sections .coding {
  border-bottom: solid .3125em #C9E9E5;
}
.sections .coding:hover {
  border-bottom-color: #63BFB2;
}
.sections .design {
  border-bottom: solid .3125em #CDEEAA;
}
.sections .design:hover {
 border-bottom-color: #6ECE0A; 
}
.sections .community {
  border-bottom: solid .3125em #F9F0A8;
}
.sections .community:hover {
  border-bottom-color: #EBD203;
}
.sections .graphics {
  border-bottom: solid .3125em #E0CFDF;
}
.sections .graphics:hover {
  border-bottom-color: #A675A2;
}
.sections .ux {
  border-bottom: solid .3125em #FACED2;
}
.sections .ux:hover {
  border-bottom-color: #F0717C;
}
.sections .wordpress {
  border-bottom: solid .3125em #BCD8F0;
  border-right: none; /* replacing last-child which does not work in IE8 */
}
.sections .wordpress:hover {
  border-bottom-color: #3E8DD2;
}
/* wordpress special */
.sections .wordpress .short {
  display: block;
}
.sections .wordpress .long {
  display: none;
}
.sections .wordpress span span {
  float: left;
}

/* Articles and content */
#container {
  margin-right: -28.125em;
  float: left;
  width: 100%;
}
.fluid {
  border: 1px solid #e5e5e5;
  margin-right: 28.125em;
}
.grid {
  clear: both;
  padding-top: .5em 0;
}
.col {
  float: left;
}
/* Inside the #container */
.col.main {
  width: 100%;
  float: right;
  padding: 0;
}
.continue-reading,
.view-more a:link,
.view-more a:visited {
  border: 1px solid #30a6c7;
}
/* Postmetadata is displayed as a block level element for mobile */
ul.postmetadata li {
  display: inline-block;
  color: #d7d7d7;
}
/* Ad inside articles */
.main .ed.ad {
  display: block;
  float: right;
  margin: 0px 0px 1em 2em;
  width: 18.75em;
}
br + em {
  color: #999999;
}
br + em a:link,
br + em a:visited {
  border-bottom: 1px solid #e5e5e5;
}
blockquote {
  color: #3e3e3e;
  border: 1px solid #e5e5e5;
}
/* Tags below articles */
.longtags a {
  background: #e53b2c;
}
/* Share on Twitter Link (on IE8... well) */
.share-on-twitter.single {
  border-bottom: 1px solid #e5e5e5;
}
/* Back to top link */
.backtotop {
  color: #999; /* IE8 does not know about rgbA, hence the hex-value */
  border-bottom: 1px solid #e5e5e5;
}
.backtoptop:hover,
.backtoptop:focus {
  color: #676767;
}
/* Share on Twitter */
.share-on-twitter.single {
  border-bottom: 1px solid #e5e5e5;
}
/* Bio and author pic */
.bio .gravatar {
  text-align: left;
}
.bio .gravatar img {
  margin-left: 20%;
}
.bio .container {
  border-top: .3125em solid #e5e5e5;
}
/* Related articles */
.related-articles {
  margin-left: 5.5%;
}
.related-article {
  float: left;
  clear: none;
  width: 30%;
  margin-right: 3%;
}
.related-article .post-picture {
  width: 100%;
  float: none;
}
.related-article h3 {
  float: none;
  max-width: 100%;
  padding: 0px;
}
/* Newsletter Advertisement */
.newsletter-advertisement {
  margin: 2em 5.5%;
}
/* Comments section */
.sub-tabs {
  margin-left: 5.5%;
}
.sub-tabs a {
  color: #b2b2b2;
}
/* Pagination */
.previous, .next {
  width: 20%;
  float: left;
  position: static;
}
.previous a, .next a {
  background: #e53b2c; /* Smashing Orange */
}
.previous a:hover, .next a:hover,
.previous a:focus, .next a:focus {
  background: #333;
}
.pagelist {
  width: 60%;
  float: left;
}

/* Sidebar */
/* Inside the #wpsidebar container */
.col.side {
  padding: 0 0 0 1.25em;
  width: 420px;
  top: -53px;
}
.col.side img {
  border: none;
}
/* Search in the sidebar */
.sm-search label {
  color: #a6a6a6;
}
.sm-search .search-submit {
  background: #e53b2c;
}
.sm-search .search-submit:active {
  color: #742718;
}
/* First, second and third block of ads */
.spnsrlistwrapper {
  margin-bottom: 1.25em;
}
.bnnr-list {
  list-style-type: none;
}
.bnnr-list li {
  font-size: .75em;
  text-align: center;
  width: 48%;
  display: inline-block;
  margin: 0 2% 1em 0;
}
.bnnr-list li a {
  border-bottom: 0;
}
.bnnr-list li.double {
  width: 410px;
}
#sidebarspecialtarget {
  padding: 0 .625em 1em 0;
}
/* Sidebar widgets */
.sidebartabs {
  clear: both;
  margin: 1.5em 0 1.5em -1.25em;
  padding: 0 1.25em 2em;
  border: 1px solid #d7d7d7;
  border-left: none;
  background: #F8F8F8;
}
.sidebartabs.sm-search form {
  margin: .75em 0 1em;
}
.sidebartabs input[type="text"] {
  width: 66%;
}
.sidebartabs .search_submit {
  width: 30%;
  border: none;
  /*padding-bottom: 0.5999em; don't know if want */
}
.smashingwidget h3 {
  padding-left: 2.5em;
  position: relative;
}
.smashingwidget h3 a {
  position: relative;
}
.smashingwidget h3 img {
  position: absolute;
  left: -2.5em;
}
.smashingwidget li {
  list-style-type: none;
  border-bottom: 1px solid #eaeaea;
  padding: 1em 0px;
}
.topiclist p {
  font-size: 0.85em;
}
.self-promo .self-promo-inner {
  font-size: 0.9775em;
  margin-top: 0.5em;
  padding-bottom: 1.75em;
  border-bottom: 1px solid #eaeaea;
}
.self-promo img {
  float: left;
  overflow: hidden;
  width: 6em;
  margin: 1.5em 1.5em 0px 0px;
}
.self-promo .self-promo-inner p {
  line-height: 1.55em;
  padding-top: 1.125em;
  overflow: hidden;
}

/* Footer Styling */
#footer {
  padding: 0;
  margin-right: 30em;
}
.contribute {
  float: left;
  clear: none;
  padding: 0;
  margin: 0 0 3em 2.5%;
  width: 30%;
}
.product-image {
  max-width: 33%;
  margin: auto 0 .125em;
  padding: .25em 0 0;
}
.product-description {
  width: auto;
  clear: both;
}
.statement {
  margin-left: 2.5%;
  color: #9c9c9c;
}
.statement a:link,
.statement a:visited {
  border-bottom: 1px solid #e5e5e5;
}

/* On category or sections pages and on author's pages
we have this container with information on where you're at */
#category {
  margin-top: 1em;
  margin-right: 5.5%;
  border: .07em solid #e5e5e5;
}
.main #category {
  margin-left: 5.5%;
  margin-right: 5.5%;
}
.default #category {
  margin-left: 0;
}
/* We have a post-thumb on those pages in our meta */
#latest-posts .post-thumb {
  position: absolute;
  top: -4em;
  right: -5.5em;
}
/* and we have a lot to do to keep them where they should be */
#recent .post-thumb,
#tab-page-cat-recent .post-thumb,
#tab-page-cat-popular .post-thumb,
#tab-page-cat-commented .post-thumb {
  position: absolute;
  top: -1em;
}

body.search-results-page .col.main.page {
  float: left;
}

form input[type="text"], textarea {
  border: 1px solid #e5e5e5;
}
form input[type="submit"] {
  background-color: #e53b2c;
  border: 1px solid #e53b2c;
}
form input[type="submit"]:hover {
  border: 1px solid #B93024;
}
form input[type="submit"]:active {
  border: 1px solid #8B2E1C;
  color: #5D2B1F;
}

#mc_embed_signup input[type="email"] {
  border: 1px solid #dedede;
}
/* ?? */
.category-view {
  border-top: 1px solid #e5e5e5;
}

/* Advertisement */
.advertisewithus {
  color: #bfbfbf;
}
.ad span {
  color: #d5d5d5;
}
/* Styles for authors */
.table-overview {
  border: .07em solid #e5e5e5;
}
.article-table,
.two-columns td,
.three-columns td,
.four-columns td,
.five-columns td,
.six-columns td,
.seven-columns td,
.eight-columns td {
  border: .07em solid #e5e5e5;
}

nav .network li {
    border-right: 1px solid #e6e6e6 !important;
    border-bottom: 1px solid #e6e6e6 !important;
}
nav .network li.current {
    border-right: 1px solid #e6e6e6 !important;
    border-bottom: 1px solid #e6e6e6 !important;
}
nav .network li a {
    color: #b2b2b2;
}
nav .network li a:hover {
    color: #333;
}
.commentlist .comment-author {
    width: 100%;
}
.commentlist .comment-author .comment-author {
    width: auto;
}
.commentlist .authormeta {
    display: block;
}
.bypostauthor>.comment .comment-text {
  border: .07em solid #f3a48f;
  background-color: #fdeeea;
}
.bypostauthor>.commentnumber {
  color: #f3a48f;
}
.commentnumber {
  color: #f0f0f0;
}
.comment-text {
  border: 1px solid #e5e5e5;
}

/* Things we made disappear for print have to show up again */
#wpsidebar, /* sidebar with ads */
.sm-search.wp-search-form, /* search form in the sidebar */
.channels, /* social networking icons */
.sidebar, /* sections navigation */
.sections, /* the actual nav container */
.toplevel, /* nav-tag needs to be block */
.network, /* main navigation for books, ebooks, workshops and jobs with logo */
.backtotop /* back to top link at the bottom of pages */
{
  display: block !important;
}

.mini,
.mobile-nav-buttons,
.mini-search {
  position: absolute;
  top: -999em;
  width: 0;
  height: 0;
}