/*
-----------------------------------------------
Stopdesign Portfolio Style Sheet
Author:   Douglas Bowman
Date:     10 Jan 2009
----------------------------------------------- */


body {
  background-color:#000;
  color:#ccc;
  }
  

/* =Links
----------------------------------------------- */
a {
  color:#8de;
  }
a strong {
  color:#8ef;
  }
a:hover, a:hover strong {
  color:#d33 !important;
  }


/* =Branding
----------------------------------------------- */
#branding {
  background:#333;
  border-bottom-color:#444;
  }
#branding .i {
  background-image:url("/img/hdr_tag_gray.png");
  }
#branding i {
  background-image:url("/img/hdr_icon_pf.png");
  }
#logo {
  background-image:url("/img/hdr_glow_gray.gif");
  }


/* =Nav
----------------------------------------------- */
#branding #nav a, #branding #nav strong {
  color:#aaa !important;
  }
#branding #nav strong, #branding #nav .this a {
  background-image:url("/img/nav_tick_pf.gif");
  }
#nav a:before, #nav strong:before {
  color:#777;
  }
#nav strong:before, #nav .this a:before, #nav a:hover:before, #nav a:focus:before {
  color:#aaa;
  }
#branding #nav strong, #branding #nav .this a, #branding #nav a:hover, #branding #nav a:focus {
  color:#fff !important;
  }
#branding #nav a strong {
  background:none;
  }
#error #branding #nav #n2 a {
  background:url("/img/nav_tick_pf.gif") no-repeat 0 100%;
  color:#fff !important;
  }
#error #nav #n2 a:before {
  color:#aaa;
  }


/* =Templates
----------------------------------------------- */
#container.single {
  margin-top:2.9em;
  }


/* =Headings
----------------------------------------------- */
h1 {
  color:#fc0;
  }
.single h1 {
  display:none;
  }
h2 {
  border-color:#222;
  }


/* =Description
----------------------------------------------- */
.description {
  padding-bottom:2.3em; /* 23/10 */
  }
.description h2 {
  margin:0 0 .35em; /* 7/20 */
  padding-top:.95em; /* 19/20 */
  border-color:#222;
  font-size:2em;
  line-height:1.5; /* 30/20 */
  text-transform:none;
  color:#fff;
  }
.description a {
  font-weight:bold;
  }
.description .extra {
  color:#555;
  }
.description .extra a {
  font-weight:normal;
  color:#49a;
  }


/* =Examples
----------------------------------------------- */
.examples {
  border-top:1px solid #222;
  padding-top:1.9em; /* 19/10 */
  padding-bottom:2em;
  }
.examples li {
  margin:0;
  }
.examples img {
  display:block;
  margin-bottom:1.539em; /* 20/13 */
  }
.examples.logos img {
  margin-left:auto;
  margin-right:auto;
  }


/* =Categories
----------------------------------------------- */
.bycategory {
  border-top:1px solid #222;
  padding-top:1.6em; /* 16/10 */
  }
.bycategory h2 {
  display:none;
  }
ul.entrynums {
  margin:0 0 .308em; /* 4/13 */
  }
.entrynums li {
  color:#876;
  }

.entrynums .current-cat a, .entrynums .current a {
  color:#fff !important;
  cursor:default;
  }


/* =Thumbblocks
----------------------------------------------- */
.thumbblock-group {
  float:left;
  margin-right:-2em;
  }
.thumbblock {
  float:left;
  width:22em;
  margin:0 2em 0 0;
  }
.thumbblock h2 {
  margin:0 0 1em; /* 13/13 */
  }


/* =ThumbNav
----------------------------------------------- */
.thumbnav {
  margin-right:-1em;
  }
.thumbnav ul {
  float:left;
  width:100%;
  padding:.1em 0 .9em;
  }
.thumbnav li {
  display:inline;
  margin:0;
  }
.thumbnav a, .thumbnav strong {
  float:left;
  width:3.077em; /* 40/13 */
  margin-right:.769em; /* 10/13 */
  margin-bottom:.769em; /* 10/13 */
  }
.thumbnav img {
  display:block;
  border:5px solid #222;
  }
.thumbnav strong img {
  border-color:#fff;
  }
.thumbnav a:hover img {
  border-color:#333;
  }
#error .thumbnav {
  padding-left:16em; /* 160/10 */
  }


/* =Error
----------------------------------------------- */
#error .section {
  border-top-color:#222;
  }


/* =Misc
----------------------------------------------- */
strong {
  color:#fff;
  }
.r li a.pieces {
  background:url('/img/icon_piece.gif') no-repeat 0 .154em; /* 2/13 */
  }
p.archivelink {
  border-top-color:#222;
  }


/* =Footer
----------------------------------------------- */
#footer {
  background:none;
  border-width:0;
  }
#footer .copyright {
  color:#666;
  border-color:#222;
  }
#footer strong {
  color:#888;
  }
#footer .feeds a {
  background-image:url('/img/icon_feed_pf.gif');
  }