@import url(./fonts.css);

/* @group Desigr */
/*                  ___           ___                       ___           ___     
     _____         /\__\         /\__\                     /\__\         /\  \    
    /::\  \       /:/ _/_       /:/ _/_       ___         /:/ _/_       /::\  \   
   /:/\:\  \     /:/ /\__\     /:/ /\  \     /\__\       /:/ /\  \     /:/\:\__\  
  /:/  \:\__\   /:/ /:/ _/_   /:/ /::\  \   /:/__/      /:/ /::\  \   /:/ /:/  /  
 /:/__/ \:|__| /:/_/:/ /\__\ /:/_/:/\:\__\ /::\  \     /:/__\/\:\__\ /:/_/:/__/___
 \:\  \ /:/  / \:\/:/ /:/  / \:\/:/ /:/  / \/\:\  \__  \:\  \ /:/  / \:\/:::::/  /
  \:\  /:/  /   \::/_/:/  /   \::/ /:/  /     \:\/\__\  \:\  /:/  /   \::/~~/~~~~ 
   \:\/:/  /     \:\/:/  /     \/_/:/  /       \::/  /   \:\/:/  /     \:\~~\     
    \::/  /       \::/  /        /:/  /        /:/  /     \::/  /       \:\__\    
     \/__/         \/__/         \/__/         \/__/       \/__/         \/__/    */

* {
	margin: 0;
	padding: 0;
  -webkit-text-stroke: thin transparent;
  outline-color: transparent;
  outline-style: solid;
  outline-width: thin;
}

.clearfloat {
	float: none;
	clear: both;
}

html { 
  min-width: 960px;
	background-image: url(../../media/graphics/bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #131313;
}

body {
	width: 100%;
	float: left;
	margin: 0;
	min-width: 960px;
	background-image: url(../../media/graphics/bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #131313;
}

#content {
	width: 100%;
	margin: 0 auto;
	min-width: 960px;
	float: left;
	background-image: url(../../media/graphics/bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

.column {
	float: left;
	display: block;
}

/* @end */

/* @group Type */
/*    ___           ___           ___           ___     
     /\  \         |\__\         /\  \         /\  \    
     \:\  \        |:|  |       /::\  \       /::\  \   
      \:\  \       |:|  |      /:/\:\  \     /:/\:\  \  
      /::\  \      |:|__|__   /::\~\:\  \   /::\~\:\  \ 
     /:/\:\__\     /::::\__\ /:/\:\ \:\__\ /:/\:\ \:\__\
    /:/  \/__/    /:/~~/~    \/__\:\/:/  / \:\~\:\ \/__/
   /:/  /        /:/  /           \::/  /   \:\ \:\__\  
   \/__/         \/__/             \/__/     \:\ \/__/  
                                              \:\__\    
                                               \/__/    */

/* @end */

/* @group Document */
/*   _____          ___           ___           ___           ___           ___           ___                 
    /  /::\        /  /\         /  /\         /__/\         /__/\         /  /\         /__/\          ___   
   /  /:/\:\      /  /::\       /  /:/         \  \:\       |  |::\       /  /:/_        \  \:\        /  /\  
  /  /:/  \:\    /  /:/\:\     /  /:/           \  \:\      |  |:|:\     /  /:/ /\        \  \:\      /  /:/  
 /__/:/ \__\:|  /  /:/  \:\   /  /:/  ___   ___  \  \:\   __|__|:|\:\   /  /:/ /:/_   _____\__\:\    /  /:/   
 \  \:\ /  /:/ /__/:/ \__\:\ /__/:/  /  /\ /__/\  \__\:\ /__/:___| \:\ /__/:/ /:/ /\ /__/:______:\  /  /::\   
  \  \:\  /:/  \  \:\ /  /:/ \  \:\ /  /:/ \  \:\ /  /:/ \  \:\  \__\/ \  \:\/:/ /:/ \  \:\  \__\/ /__/:/\:\  
   \  \:\/:/    \  \:\  /:/   \  \:\  /:/   \  \:\  /:/   \  \:\        \  \::/ /:/   \  \:\       \__\/  \:\ 
    \  \::/      \  \:\/:/     \  \:\/:/     \  \:\/:/     \  \:\        \  \:\/:/     \  \:\           \  \:\
     \__\/        \  \::/       \  \::/       \  \::/       \  \:\        \  \::/       \  \:\           \__\/
                   \__\/         \__\/         \__\/         \__\/         \__\/         \__\/                */

section#document {
	width: 50%;
	color: white;
	background-repeat: no-repeat;
	background-position: top right;
	padding-top: 20px;
	position: relative;
}

section#document header {
	width: 480px;
	z-index: 0;
	padding: 0;;
	display: block;
	float: right;
	clear: both;
	position: relative;
}

h1.site-name a {
	display: block;
	color: #f74c00;
	position: relative;
	background-image: url(../../media/graphics/desigr_title.png);
	background-repeat: no-repeat;
	background-position: center right;
/*  font: 100px/100px "proxima-nova-condensed-1","proxima-nova-condensed-2", "Futura Condensed", "Century Gothic", sans-serif;*/
/*  font: 177px/100px "proxima-nova-condensed-1","proxima-nova-condensed-2", "Futura Condensed", "Century Gothic", sans-serif;*/
  font-weight: bold;
  margin-left: 32px;
  width: 448px;
  height: 156px;
  text-indent: -8888px;
  overflow: hidden;
}

h1.site-name a:hover {
  background-image: url(../../media/graphics/desigr_title_hover.png);
}

section#document header #navigation-anchor {
	display: block;
	width: 0; height: 0;
	overflow: hidden;
}

section#document article {
	width: 400px;
	margin: 0 40px;
	display: block;
	float: right;
	clear: both;
	position: relative;
	z-index: 1;
}

section#document article article {
	padding-left: 0;
	padding-right: 0;
}

section#document article .copy h2.title {
	padding-bottom: 11px;
	margin-bottom: 11px;
	border-bottom: 3px double #302D28;
  font: 32px/32px "proxima-nova-condensed-1","proxima-nova-condensed-2", "Futura Condensed", "Century Gothic", sans-serif;
	color: #FFEFCF;
  font-weight: bold;
}

section#document article .copy h2.title a {
	text-decoration: none;
}

section#document article #article-images {
  margin: 20px -40px 20px -60px;
  width: 500px;
}

section#document article #article-images .image {
  width: 500px;
  text-align: right;
  float: right;
}

section#document article #article-images img {
  float: right;
}

section#document .copy {
  font: 16px/24px "proxima-nova-1","proxima-nova-2", "Futura", "Century Gothic", sans-serif;
  font-weight: 400;
	color: rgb(252, 224, 126);
}

.copy p+p { text-indent: 1em; }

.copy .properties {
	color: gray;
	font: 8px/24px Unibody, "Helvetica Neue", Helvetica, sans-serif;
	font-style: italic;
}

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

.copy p.callout {
	width: 195px;
	margin: 0; padding: 0;
	text-indent: 0;
	display: block;
	color: #4af2ff;
	font: 20px/36px "proxima-nova-1","proxima-nova-2", "Futura", "Century Gothic", sans-serif;
}

.copy img.callout {
	width: auto;
	height: auto;
	display: block;
}

.copy .callout.right {
	padding: 0 0 0 10px;
	margin: 10px 0 10px 0;
}

.copy .callout.left {
	padding: 0 10px 0 0;
	margin: 10px 0 10px 0;
}

.copy img.callout.right {
	padding: 0;
	width: 100px;
	height: 100px;
	margin-left: 20px;
	border: 1px solid #3f3b35;
	display: block;
}

.copy img.callout.left {
	padding: 0;
	margin-right: 20px;
	border: 1px solid #3f3b35;
	display: block;
}

.copy .callout.left.media, 
.copy .callout.right.media {
	border: none;
	width: auto;
}

.copy p.lead {
	color: #4af2ff;
	margin-bottom: 15px;
  font: 20px/32px "proxima-nova-1","proxima-nova-2", "Futura", "Century Gothic", sans-serif;
}

.copy p a {
	color: #fff3d9;
	border-bottom: 1px solid #3f3c36;
}

.copy h2 a.external-link {
	display: inline;
	padding-right: 30px;
	background-image: url(../../media/graphics/external_white_musings.gif);
	background-repeat: no-repeat;
	background-position: 9px right;
}

.copy p em { font-size: 98%; }

.copy p strong { font-weight: bold; }

.copy p abbr, .copy p acronym {
  font-size: 80%;
	letter-spacing: 1px;
	margin: 0 1px;
	text-transform: uppercase;
	font-weight: normal;
}

.copy a.reference {
  text-align: right;
	color: #FBD464;
  font: 18px/16px "proxima-nova-condensed-1","proxima-nova-condensed-2", "Futura Condensed", "Century Gothic", sans-serif;
}

.copy blockquote {
	margin: 15px 0 15px -20px;
	padding: 0 0 0 20px;
	border-left: 2px solid #43effc;
	color: #907941;
}

.copy blockquote cite {
	display: block;
	font-style: italic;
	margin-top: 5px;
	padding-bottom: 3px;
	color: #7e7e7e;
	font-size: 9px;
  font: 9px/24px "proxima-nova-1","proxima-nova-2", "Futura", "Century Gothic", sans-serif;
}

.copy blockquote cite a {
	font-style: normal;
}

.copy del { text-decoration: line-through; }

.copy em { font-style: italic; }

.copy strong { font-weight: bold; }

.copy table {
	margin: 24px 0;
  font: 13px/24px "proxima-nova-1","proxima-nova-2", "Futura", "Century Gothic", sans-serif;
	color: white;
}

.copy table caption {
	border-bottom: 1px solid #666;
	line-height: 20px;
	padding-left: 30px;
	font-size: 15px;
	height: 20px;
	background-image: url(../../media/graphics/figure.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.copy table th, .copy table td {
	vertical-align: bottom;
	padding: 0 5px;
}

.copy table tr:hover td { background-color: #222; }

.copy table th { font-weight: bold; border-bottom: 1px solid #666; }
.copy table tr.last th { border-bottom: none; }

.copy table col.even { border-right: 1px solid #666; }
.copy table col.odd { border-right: 1px solid #666; }
.copy table col.even.last { border-right: none; }

.copy code {
	font-family: 'Droid Sans', Monaco, 'Courier New', Courier, monospace;
}

.copy pre {
	margin: .5em;
	padding: .5em 0;
	color: #fce07e;
	font-size: 1.5em;
	line-height: 1.5em;
	border-top: 1px dashed #141414;
	border-bottom: 1px dashed #141414;
}

.copy ol,
.copy ul {
  margin: 16px 0;
}

.copy ol li { list-style: decimal;}
.copy ul li { list-style: circle; }

.copy i, .copy em {
  font-style: italic;
}

.copy b, .copy strong {
  font-weight: bold;
}

section#document footer {
	display: block;
	float: right;
	clear: both;
	font: 8px/12px Unibody, "Helvetica Neue", Helvetica, sans-serif;
	font-style: italic;
	color: gray;
	width: 400px;
	padding: 20px 40px;
}

/* @group Footer bugs */
footer .bug {
	height: 12px;
	width: 12px;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	float: right;  
	margin-left: 5px;
}

footer #mint-bug {
	background-image: url(../../media/graphics/mint-12x12.png);
}

footer #analytics-bug {
	background-image: url(../../media/graphics/analytics-12x12.png);
}

#facebook-like {
  margin-top: 20px;
}

/* @end */

/* @end */

/* @group Aside */
/*    ___           ___                      _____          ___     
     /  /\         /  /\        ___         /  /::\        /  /\    
    /  /::\       /  /:/_      /  /\       /  /:/\:\      /  /:/_   
   /  /:/\:\     /  /:/ /\    /  /:/      /  /:/  \:\    /  /:/ /\  
  /  /:/~/::\   /  /:/ /::\  /__/::\     /__/:/ \__\:|  /  /:/ /:/_ 
 /__/:/ /:/\:\ /__/:/ /:/\:\ \__\/\:\__  \  \:\ /  /:/ /__/:/ /:/ /\
 \  \:\/:/__\/ \  \:\/:/~/:/    \  \:\/\  \  \:\  /:/  \  \:\/:/ /:/
  \  \::/       \  \::/ /:/      \__\::/   \  \:\/:/    \  \::/ /:/ 
   \  \:\        \__\/ /:/       /__/:/     \  \::/      \  \:\/:/  
    \  \:\         /__/:/        \__\/       \__\/        \  \::/   
     \__\/         \__\/                                   \__\/    */

aside {
	float: left;
	width: 50%;
	position: relative;
}

aside section.block {
	display: block;
	width: 400px;
	margin: 0 40px 24px 40px;
  font: 14px/24px "proxima-nova-1","proxima-nova-2", "Futura", "Century Gothic", sans-serif;
}

#persistent {
  position: relative;
  top: 0;
  width: 480px;
  padding-top: 10px;
  z-index: 0;
  margin: 0;
  padding: 0;
}

.block#site-about {
	padding-top: 30px;
	margin-bottom: -100px;
	color: #F84B1A;
	font-size: 18px;
	line-height: 32px;
  font: 18px/32px "proxima-nova-1","proxima-nova-2", "Futura", "Century Gothic", sans-serif;
	position: relative;
  z-index: 1;
  display: block;
  padding-bottom: 20px;
  background-image: url(../../media/graphics/fog.png);
  background-repeat: repeat-x;
  background-position: bottom center;
  
}

.block#site-about h2 {
  font: 24px/24px "proxima-nova-condensed-1","proxima-nova-condensed-2", "Futura Condensed", "Century Gothic", sans-serif;
  font-weight: bold;
}

.site-description {
	color: #f74c00;
  font: 16px/24px "proxima-nova-1","proxima-nova-2", "Futura", "Century Gothic", sans-serif;
  background-color: #e1f2fb;
}

.site-description p {
	margin: 8px 0 0 0;
}

.site-description .site-author {
	font-weight: bold;
}

.site-description .lead {
	font-variant: small-caps;
}

.site-description .site-author-employer {
	font-style: italic;
}

.site-description strong {
	font-variant: small-caps;
}

#return-top {
  margin: 0 40px 20px 40px;
  height: 50px;
  padding: 20px 0 0 0;
  width: 400px;
  display: block;
  font-weight: bold;
  font: 48px/48px "proxima-nova-condensed-1","proxima-nova-condensed-2", "Futura Condensed", "Century Gothic", sans-serif;
	color: #A3C5C8;
	text-shadow: 0 1px 1px rgba(255,255,255,1);
}

#return-top:hover {
  color: #F94E14;
}

.navigation-block {
	border-bottom: 3px double #c8e2e4;
}

.navigation-block h2 {
	border-bottom: 3px double #c8e2e4;
  font: 18px/24px "proxima-nova-condensed-1","proxima-nova-condensed-2", "Futura Condensed", "Century Gothic", sans-serif;
  font-weight: bold;
	height: 28px;
	color: #A3C5C8;
}

.navigation-block {
	position: relative;
	height: 102px;
}

.navigation-block h3 {
	text-indent: -9999px;
	overflow: hidden;
	height: 0; width: 0;
}

#site-navigation {
	height: 84px;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #c8e2e4;
	width: 400px;
	position: absolute;
	top: 28px; left: 0;
}

#site-navigation li {
	float: left;
}

#site-navigation li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 84px;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 17px 0 0;
}

#site-navigation li.last a {
	margin-right: 0;
}

#site-navigation li.site-nav-writings a { width: 88px; background-image: url(../../media/graphics/menu_writings.gif); }
#site-navigation li.site-nav-writings a:hover { background-image: url(../../media/graphics/menu_writings_hover.gif); }

#site-navigation li.site-nav-musings a { width: 88px; background-image: url(../../media/graphics/menu_musings.gif); }
#site-navigation li.site-nav-musings a:hover { background-image: url(../../media/graphics/menu_musings_hover.gif); }

#site-navigation li.site-nav-portfolio a { width: 92px; background-image: url(../../media/graphics/menu_portfolio.gif); }
#site-navigation li.site-nav-portfolio a:hover { background-image: url(../../media/graphics/menu_portfolio_hover.gif); }

#site-navigation li.site-nav-social a { width: 64px; background-image: url(../../media/graphics/menu_social.gif); }
#site-navigation li.site-nav-social a:hover { background-image: url(../../media/graphics/menu_social_hover.gif); }

#site-navigation a:link, #site-navigation a:hover {
	color: #0b484f;
}

.article-nav {
	width: 75px;
	display: block;
	height: 72px;
	position: absolute;
	top: 32px;
}

.article-nav.prev-article,
.article-nav.prev-inactive {
	left: 0;
}

.article-nav.next-article, 
.article-nav.next-inactive {
	right: 0;
}

#site-search {
	border: 1px solid #c8e2e4;
	width: 200px;
	position: absolute;
	top: 32px; left: 75px;
	height: 29px;
	padding: 19px 24px;
	background-color: #DAECF6;
}

.article-nav {
	width: 75px;
	height: 72px;
	display: block;
	position: absolute;
	bottom: 0;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: center center;
}

.article-nav.prev-article { background-image: url(../../media/graphics/article_prev_hover.gif); }
.article-nav.prev-article:hover { background-image: url(../../media/graphics/article_prev.gif); }
.article-nav.next-article { background-image: url(../../media/graphics/article_next_hover.gif); }
.article-nav.next-article:hover { background-image: url(../../media/graphics/article_next.gif); }
.article-nav.prev-inactive { background-image: url(../../media/graphics/article_prev_inactive.gif); }
.article-nav.next-inactive { background-image: url(../../media/graphics/article_next_inactive.gif); }

#site-search * {
	display: inline;
}

#site-search label {
	display: block;
	width: 0; height: 0;
	overflow: hidden;
	text-indent: -9999px;
}

#site-search-string {
	border: 3px double #BADBDD;
	background-color: white;
	padding: 3px 35px 3px 5px;
	width: 145px;
	height: 20px;
}

.site-search-submit button {
	width: 50px;
	height: 26px;
	border: none;
	margin-left: -54px;
	background-image: url(../../media/graphics/search_go.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	text-indent: -9999px;
}

.site-search-submit button:hover {
	background-image: url(../../media/graphics/search_go_hover.gif);
	cursor: pointer;
}

#random-quote {
	font-size: 20px;
	color: #2d919a;
	margin: 10px;
	line-height: 16px;
}

#required-listening ul {
	margin: 0 auto;
	width: 420px;
	margin-top: 30px;
}

#required-listening h2 {
	margin: 25px 40px 0 40px;
	font-size: 16px;
}

#required-listening .album {
	width: 190px;
	height: 110px;
	float: left;
	position: relative;
	margin-right: 8px;
	border: 1px solid #cae2e4;
	padding: 5px;
}

#required-listening .album .album-artist {
	display: block;
}

#required-listening .album .album-title {
	display: block;
}

#required-listening .album .album-cover {
	border: 1px solid #666;
	position: absolute;
	top: 0; right: 0;
}

#required-listening .album a:hover .album-cover {
	border-color: #f74c00;
}

.listing-recent {
	font-size: 16px;
	border-bottom: 1px solid #c9e2e4;
}

.listing-recent h2 {
	border-bottom: 3px double #c8e2e4;
  font: 18px/24px "proxima-nova-condensed-1","proxima-nova-condensed-2", "Futura Condensed", "Century Gothic", sans-serif;
  font-weight: bold;
	height: 28px;
	color: #A3C5C8;
}

.listing-recent#recent-musings li.last {
	border-bottom-width: 2px;
}

.listing-recent li {
	padding: 10px 0;
	border-top: 1px solid #c9e2e4;
}

.listing-recent#favorite-artists {
	border: none;
}

.listing-recent#recent-articles li.recent-article a {
  display: inline-block;
  width: 230px;
}

.block h2 a {
  background-image: url(../../media/graphics/more-sky.png);
  background-repeat: no-repeat;
  background-position: right 10px;
	display: block;
	
}

.block h2 a:hover {
  background-image: url(../../media/graphics/more-red.png);
  color: #fa4a0e;
}

.block h2 a.rss-link {
  background-image: url(../../media/graphics/rss.gif);
	background-repeat: no-repeat;
	background-position: 380px 5px;
	display: block;
}

.block h2 a.rss-link:hover {
	background-image: url(../../media/graphics/rss_hover.gif);
}

.listing-recent#favorite-artists h2 .rss-link {
  width: 375px;
  display: block;
  background-position: 350px 5px;
  float: left;
}

.listing-recent#favorite-artists h2 .reload {
  width: 16px;
  display: block;
  text-indent: -8888px;
  overflow: hidden;
  float: left;
  background-image: url(../../media/graphics/reload.png);
  background-position: center center;
}

.listing-recent#favorite-artists h2 .reload:hover {
  background-image: url(../../media/graphics/reload_hover.png);
}

.listing-recent#favorite-artists h2 .reload.loading {
  background-image: url(../../media/graphics/reload_hover.png);
  -webkit-animation-name: reloadSpinner;
  -webkit-animation-duration: .45s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  background-position: center center;
}

@-webkit-keyframes reloadSpinner {
  from {
    -webkit-transform: rotate(0deg);
  } to {
    -webkit-transform: rotate(360deg);
  }
}

.listing-recent#favorite-artists li {
	width: 90px;
	padding: 20px 10px 5px 0;
	margin: 0;
	line-height: 16px;
	border-top: none;
	border-bottom: 1px solid #BBDBDD;
	display: inline-block;
}

.listing-recent li.first,
.listing-recent li.firstlast {
	border-top: none;
}

.listing-recent li a,
.listing-recent li a:link {
	color: #444;
}

.listing-recent li a:hover {
	color: #fa4a0e;
}

.listing-recent li .datetime {
	float: right;
	color: #fa4a0e;
}

.listing-features .feature {
	display: block;
	width: 100px;
	height: 300px;
	padding: 18px;
	float: left;
	border-right: 1px solid #c9e2e4;
}

.listing-features .feature p {
	font-size: 16px;
	color: #444;
}

.listing-features .feature.last {
	border-right: none;
}

#portfolio-random.block {
  margin-top: 30px;
}

#portfolio-random.block.listing-recent {
  border: none;
}

#portfolio-random.block.listing-recent h2 {
  border: none;
  background-image: none;
  font-size: 32px;
  color: #7F9A9E;
}

#portfolio-random.block.listing-recent h2 a {
  background-image: url(../../media/graphics/portfolio.png);
  background-position: center right;
  display: block;
  width: 255px;
}

#portfolio-random.block.listing-recent h2 a.loading ,
#portfolio-random.block.listing-recent h2 a.loading:hover {
  background-image: url(../../media/graphics/ajax-loader.gif);
  color: #fa4a0e;
}

#portfolio-random.block.listing-recent h2 a:hover {
  background-image: url(../../media/graphics/portfolio_hover.png);
}

#portfolio-random.block.listing-recent h2 a.active {
  background-image: url(../../media/graphics/portfolio-active.png);
  background-position: center right;
  display: block;
  width: 255px;
}

#portfolio-random.block.listing-recent h2 a.active:hover {
  background-image: url(../../media/graphics/portfolio_hover-active.png);
}

#portfolio-random ul {
  padding: 10px 0 5px 0;
}

#portfolio-random li {
  display: inline-block;
  border: none;
  width: 50px;
  height: 50px;
  margin: 0;
  position: relative;
  padding: 1px;
  border: 1px solid rgb(200, 226, 228);
}

#portfolio-random li img {
  opacity: .5;
}

#portfolio-random li:hover img {
  opacity: 1;
}

#related-tags {
	margin: 0 40px 24px 40px;
	font-size: 13px;
}

#related-tags h2 {
	border-bottom: 3px double #c8e2e4;
  font: 18px/24px "proxima-nova-condensed-1","proxima-nova-condensed-2", "Futura Condensed", "Century Gothic", sans-serif;
  font-weight: bold;
	height: 28px;
	color: #A3C5C8;
}

#related-tags-list {
  padding: 10px 0;
	border-bottom: 1px solid #c9e2e4;
}

.tag-group {
	border-top:  1px solid #c9e2e4;
	display: block;
	padding:  10px 0;
}

.tag-group.first {
	border-top: none;
}

.tag-group-label {
	width:  45px;
	float: left;
	color: #b4d0d2;
	text-transform: uppercase;
	font-weight: bold;
	margin-left: 10px;
}

.tag-group:hover .tag-group-label {
	width:  45px;
	float: left;
	color: #88a9ac;
	font-weight: bold;
}

.group-tags {
	margin-left: 45px;
}

.related-tag {
	float: left;
	font-size: 14px;
	margin-left: 5px;
/*	clear: 50px;*/
}

#related-tags-list a,
#related-tags-list a:link {
	color: #444;
	padding-left: 20px;
	background-image: url(../../media/graphics/tag.gif);
	background-repeat: no-repeat;
	margin-right: 8px;
}

#related-tags-list a:hover {
	color: #fa4a0e;
	background-image: url(../../media/graphics/tag_hover.gif);
}

#recent-features {
	height: 300px;
	width: 420px;
	clear: both;
	float: none;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	margin-bottom: 4em;
}

/* @end */

/* @group Comments */
/*    ___           ___           ___           ___           ___           ___          ___           ___     
     /\  \         /\  \         /\__\         /\__\         /\  \         /\__\        /\  \         /\  \    
    /::\  \       /::\  \       /::|  |       /::|  |       /::\  \       /::|  |       \:\  \       /::\  \   
   /:/\:\  \     /:/\:\  \     /:|:|  |      /:|:|  |      /:/\:\  \     /:|:|  |        \:\  \     /:/\ \  \  
  /:/  \:\  \   /:/  \:\  \   /:/|:|__|__   /:/|:|__|__   /::\~\:\  \   /:/|:|  |__      /::\  \   _\:\~\ \  \ 
 /:/__/ \:\__\ /:/__/ \:\__\ /:/ |::::\__\ /:/ |::::\__\ /:/\:\ \:\__\ /:/ |:| /\__\    /:/\:\__\ /\ \:\ \ \__\
 \:\  \  \/__/ \:\  \ /:/  / \/__/~~/:/  / \/__/~~/:/  / \:\~\:\ \/__/ \/__|:|/:/  /   /:/  \/__/ \:\ \:\ \/__/
  \:\  \        \:\  /:/  /        /:/  /        /:/  /   \:\ \:\__\       |:/:/  /   /:/  /       \:\ \:\__\  
   \:\  \        \:\/:/  /        /:/  /        /:/  /     \:\ \/__/       |::/  /    \/__/         \:\/:/  /  
    \:\__\        \::/  /        /:/  /        /:/  /       \:\__\         /:/  /                    \::/  /   
     \/__/         \/__/         \/__/         \/__/         \/__/         \/__/                      \/__/   */

#comments {
	padding-top: 4px;
	margin-top: 20px;
	background-image: url(../../media/graphics/zigzag.gif);
	background-repeat: repeat-x;
	background-position: top center;
}

#comments h3 { 
  margin: 0; padding: 0;
}
#comments h3, #comments h3 a {
	color: #4af2ff;
  width: 100%;
	text-decoration: none;
  font: 20px/48px "proxima-nova-condensed-1","proxima-nova-condensed-2", "Futura Condensed", "Century Gothic", sans-serif;
  font-weight: bold;
} 
#comments h3 a {
  display: block;
  background-image: url(../../media/graphics/comment-write.png);
  background-repeat: no-repeat;
  background-position: center right;
}
#comments h3 a:hover { 
  color: white; 
  background-image: url(../../media/graphics/comment-write_hover.png);
}

section#document article.comment { 
	margin: 0 0 15px 0; 
	padding-top: 12px;
	border-top: 1px solid #24211D;
	min-height: 55px;
}

section#document article.comment {
}

.comment.first {
	border-top: none;
}

.comment-gravatar {
	float: left;
	margin: 5px 15px 10px 0;
}

.comment-properties {
	margin-top: 9px;
	font: 8px/12px Unibody, "Helvetica Neue", Helvetica, sans-serif;
	font-style: italic;
	color: #dccfb9;
	line-height: 15px;
	clear: left;
}

.comment-author a {
	border-bottom: 1px solid #3f3b35;
}

.comment .tweet-qualifier {
  font: 8px/12px Unibody, "Helvetica Neue", Helvetica, sans-serif;
  font-style: italic;
  color: #dccfb9;
  line-height: 15px;
	display: block;
	margin-bottom: 3px;
}

#respond {
  clear: both;
}

#respond h3 {
}

.copy ul.tabs {
	display: block;
	width: 255px;
	clear: both;
	margin-left: 148px;
	margin-bottom: 1px;
	padding-top: 0;
	margin-top: -30px;
	height: 32px;
}

.copy ul.tabs li {
	float: left;
	margin: 0;
	list-style: none;
}

.copy ul.tabs li a {
	width: 100px;
	padding: 5px 10px 16px 10px;
	margin-left: 4px;
	font-size: 11px;
	color: #666;
	float: left;
	height: 10px;
	font-weight: bold;
	background-color: #111;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top: 1px solid #111;
	border-left: 1px solid #111;
	border-right: 1px solid #111;
	text-transform: uppercase;
  font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2", "Futura Condensed", "Century Gothic", sans-serif;
}

.copy ul.tabs li a.current {
	background-color: #141414;
	font-weight: bold;
	padding-bottom: 17px;
	border-top: 1px solid #222;
	color: #fce07e;
	height: 10px;
}

.copy ul.tabs li a:hover { background-color: #141414; color: #26EEFF; }
.copy ul.tabs li a.current:hover { background-color: #141414; }

form#comment-respond {
	margin: 0;
	width: 400px;
  font-family: "proxima-nova-1","proxima-nova-2", "Futura", "Century Gothic", sans-serif;
}

form .field {
	line-height: 25px;
	margin-bottom: 1px;
	background-color: #141414;
	padding: 10px 5px;
}

form .instruction {
	line-height: 15px;
	margin: 5px 0 1px 5px;
	padding: 0 0 0 87px;
	background-color: #141414;
	font: 8px/12px Unibody, "Helvetica Neue", Helvetica, sans-serif;
	font-style: italic;
	color: #999;
}

form .field .instruction {
	background-color: transparent;
}

form .bug.twitter-connect {
  line-height: 15px;
  margin: 5px 0 5px 87px;
  padding: 0 5px 0 20px;
  background-color: #111;
  font: 8px/12px Unibody, "Helvetica Neue", Helvetica, sans-serif;
  font-style: italic;
  color: #999;
  width: 130px;
  border: 1px double #222;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-image: url(../../media/graphics/twitter_bug.png);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}

form .bug.twitter-connect a {
  border-left: 1px solid #111;
  display: block;
  padding: 5px;
  text-decoration: none;
}

form div.error {
	line-height: 15px;
	margin: 5px 0 1px 5px;
	background-color: #141414;
	padding: 0 0 0 87px;
	font: 8px/12px Unibody, "Helvetica Neue", Helvetica, sans-serif;
	font-style: italic;
	color: #fa4a0e;
}

form .field div.error {
	background-color: transparent;
}

form input.error,
form textarea.error {
	border: 1px solid #fa4a0e;
}

form textarea+.instruction { margin-top: 0; }

form .instruction a {
	color: silver;
	border-bottom: 1px solid #333;
}

form .controls {
	background-color: #2e2e2e;
	padding: 0 0 0 87px;
	position: relative;
	height: 40px;
}

form .controls button {
	font-size: 1.25em;
	position: absolute;
}

form .controls button.respond-submit {
	margin: 7px 5px;
	left: 85px;
	padding: 3px 5px;
	color: #FBD464;
	background-color: #111;
	border: 2px solid #444;
  font: 16px/16px "proxima-nova-condensed-1","proxima-nova-condensed-2", "Futura Condensed", "Century Gothic", sans-serif;
}

form .controls button.respond-submit:hover {
	cursor: pointer;
}

form .controls button.respond-reset {
	right: 0;
	margin: 10px 10px 10px 0;
	background-image: url(../../media/graphics/bomb.gif);
	background-repeat: no-repeat;
	background-position: right center;
	border: 0;	background-color: transparent;
	width: 100px; height: 20px;
	text-indent: -9999px;
	color: #545454;
	overflow: hidden;
	text-transform: lowercase;
  font: 16px/16px "proxima-nova-condensed-1","proxima-nova-condensed-2", "Futura Condensed", "Century Gothic", sans-serif;
}

form .controls button.respond-reset:hover {
	text-indent: 0;
	cursor: pointer;
	font-size: 14px;
}

form .field label {
	display: block;
	width: 75px;
	float: left;
	text-align: right;
	padding: 6px 10px 4px 0;
	font-size: 13px;
	line-height: 20px;
}

form .field input {
	font-size: 13px;
	padding: 0 3px;
	color: #888;
	background-color: #161616;
	width: 285px;
	border: 3px double #2C2C2C;
}

form .field input:focus {
	background-color: #D8EEFA;
	border-color: #A7CED1;
	color: #353636;
}

form textarea {
	font-size: 13px;
	padding: 0 3px;
	color: #888;
	background-color: #161616;
	width: 285px;
	border: 3px double #2C2C2C;
}

form textarea:focus {
	background-color: #D8EEFA;
	border-color: #A7CED1;
	color: #353636;
}

form .field.wysiwyg label {
  clear: both;
  float: none;
}

form .field.wysiwyg textarea {
  width: 100%;
}

form#comment-respond #respond-comment,
form#comment-twitter-respond #respond-twitter-comment {
	font-size: 13px;
	width: 285px;
	padding: 2px;
	line-height: 15px;
}

form#comment-respond #respond-comment {
	height: 200px;
}

form#comment-respond #respond-twitter-comment {
	height: 80px;
}

/* @end */

/* @group Search */
/*    ___           ___           ___           ___           ___           ___     
     /\  \         /\  \         /\  \         /\  \         /\  \         /\__\    
    /::\  \       /::\  \       /::\  \       /::\  \       /::\  \       /:/  /    
   /:/\:\  \     /:/\:\  \     /:/\:\  \     /:/\:\  \     /:/\:\  \     /:/__/     
  _\:\~\:\  \   /::\~\:\  \   /::\~\:\  \   /::\~\:\  \   /:/  \:\  \   /::\  \ ___ 
 /\ \:\ \:\__\ /:/\:\ \:\__\ /:/\:\ \:\__\ /:/\:\ \:\__\ /:/__/ \:\__\ /:/\:\  /\__\
 \:\ \:\ \/__/ \:\~\:\ \/__/ \/__\:\/:/  / \/_|::\/:/  / \:\  \  \/__/ \/__\:\/:/  /
  \:\ \:\__\    \:\ \:\__\        \::/  /     |:|::/  /   \:\  \            \::/  / 
   \:\/:/  /     \:\ \/__/        /:/  /      |:|\/__/     \:\  \           /:/  /  
    \::/  /       \:\__\         /:/  /       |:|  |        \:\__\         /:/  /   
     \/__/         \/__/         \/__/         \|__|         \/__/         \/__/   */

.search-summary {
	color: white;
	margin-top: 24px;
	padding: 12px;
	padding-left: 36px;
	margin-left: -12px;
  font: 18px/24px "proxima-nova-1","proxima-nova-2", "Futura", "Century Gothic", sans-serif;
	background-image: url(../../media/graphics/search_tag.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

.search-results-list {
	color: white;
	width: auto;
}

.search-results-list>* { z-index: 3; position: relative; }

.search-hit {
	padding: 8px 0;
	background-image: url(../../media/graphics/zigzag.gif);
	background-repeat: repeat-x;
	background-position: bottom center;
	display: block;
}

.search-hit div.hit-created {
	margin: 24px 0 0 0;
	font: 8px/8px Unibody, "Helvetica Neue", Helvetica, sans-serif;
	font-style: italic;
	color: #5c5c5c;
}

.search-hit h2.hit-title a {
	margin: 0; padding: 0;
	display: block;
	color: #FFEFCF; 
	text-decoration: none;
  font: 24px/36px "proxima-nova-condensed-1","proxima-nova-condensed-2", "Futura Condensed", "Century Gothic", sans-serif;
  font-weight: bold;
	padding-bottom: 8px;
	padding-top: 5px;
	border-bottom: 3px double #24211D;
	margin-bottom: 8px;
	background-image: url(../../media/graphics/more-cream.png);
	background-repeat: no-repeat;
	background-position: right 24px;
}

.search-hit h2.hit-title a:hover {
	color: white;
	background-image: url(../../media/graphics/more-white.png);
	background-repeat: no-repeat;
	background-position: right 24px;
}

.search-hit.topical h2.hit-title a {
	background-image: url(../../media/graphics/star_black.gif);
	margin-left: -26px;
	padding-left: 26px;
	background-position: right 12px;
}

.search-hit div.hit-abstract p {
  font: 20px/36px "proxima-nova-1","proxima-nova-2", "Futura", "Century Gothic", sans-serif;
	color: #4af2ff;
	margin-bottom: 10px;
}

/* @end */

/* @group Misc */
/*    ___                       ___           ___     
     /__/\        ___          /  /\         /  /\    
    |  |::\      /  /\        /  /:/_       /  /:/    
    |  |:|:\    /  /:/       /  /:/ /\     /  /:/     
  __|__|:|\:\  /__/::\      /  /:/ /::\   /  /:/  ___ 
 /__/::::| \:\ \__\/\:\__  /__/:/ /:/\:\ /__/:/  /  /\
 \  \:\~~\__\/    \  \:\/\ \  \:\/:/~/:/ \  \:\ /  /:/
  \  \:\           \__\::/  \  \::/ /:/   \  \:\  /:/ 
   \  \:\          /__/:/    \__\/ /:/     \  \:\/:/  
    \  \:\         \__\/       /__/:/       \  \::/   
     \__\/                     \__\/         \__\/    */

/* @group Pager */

.results-navigation {
	margin: 8px auto;
	color: #302C26;
}

.page { padding: 0 10px; border-left: 1px solid #37322A; }
.page:first-child { border-left: none; padding-left: 0; }
.page a:hover { color: #ffefcf; }

.page.next { border-left: 3px double #37322A; }

.page.current { color: #ffefcf; }

.page.previous { border-left: 0; border-right: 1px solid #37322A; margin-right: 1px; }

/* @end */

.clear {
	display: block;
	float: none;
	clear: both;
}

#spam-alert {
	color: white;
	margin-top: 24px;
	padding: 12px;
	padding-left: 40px;
	margin-left: -40px;
  font: 18px/24px "proxima-nova-1","proxima-nova-2", "Futura", "Century Gothic", sans-serif;
	background-image: url(../../media/graphics/spam.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

/* @end */

/*
      ___           ___           ___           ___     
     /\  \         /\  \         /\__\         /\  \    
    /::\  \       /::\  \       /::|  |       /::\  \   
   /:/\:\  \     /:/\:\  \     /:|:|  |      /:/\:\  \  
  /:/  \:\__\   /:/  \:\  \   /:/|:|  |__   /::\~\:\  \ 
 /:/__/ \:|__| /:/__/ \:\__\ /:/ |:| /\__\ /:/\:\ \:\__\
 \:\  \ /:/  / \:\  \ /:/  / \/__|:|/:/  / \:\~\:\ \/__/
  \:\  /:/  /   \:\  /:/  /      |:/:/  /   \:\ \:\__\  
   \:\/:/  /     \:\/:/  /       |::/  /     \:\ \/__/  
    \::/__/       \::/  /        /:/  /       \:\__\    
     ~~            \/__/         \/__/         \/__/    */