/* global elements */

body {
	background: url(/images/_ui/background-2.jpg) repeat-x #fff 0 0;
	/* font-family: "Myriad Pro", Tahoma, Myriad, "Lucida Grande", "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif; */
	/* font-family: "myriad-pro-1", "myriad-pro-2"; */
	font-family: "proxima-nova-1", "proxima-nova-2";
	margin: 30px 0 0 0;
	color: #333333;
	letter-spacing: 0.02em;
	line-height: 21px;
	font-size: 14px;
}

label {
	color: #333333;
}

a {
	text-decoration: none;
	color: inherit;
}

section {
	display: block;
}

q {
	font-style: normal;
}

img.hosting-icon {
	float: right;
	border: none;
}

img.browser-icon {
	float: left;
	border: none;
}

img.entry-image {
	border: #aaa dotted 1px;
	text-align: center;
}

.entry-images {
	text-align: center;
}

figure,
figcaption {
	display: block;
	text-align: center;
}

figcaption {
	font-size: 10px;
	margin-bottom: 20px;
}

figure img {
	border: #aaa dotted 1px;
}

figure a {
	border-bottom: none !important;
}

/* fixed header */

div#fixed-header {
	position: absolute;
	top: 0;
  	left: 0;
  	width: 100%;
  	height: 30px; 
  	background: #08283f;
  	z-index: 1;
  	vertical-align: middle;
  	line-height: 30px;
  	padding-left: 10px;
  	color: #688ba5;
  	font-size: 12px;  		
}

div#fixed-header ul {
	list-style-type: none;
	width: 960px;
	height: 30px;
	margin: 0 auto;
}

div#fixed-header li {
	display: inline-block;
	margin: 0 5px;
	background: none !important;
	border: none;
}

div#fixed-header li:last-child {
	float: right;
}

div#fixed-header a {
	text-decoration: none !important;
	border: none !important;
}

div#fixed-header a:hover {
	color: #ccc;
}

div#fixed-header .musical-note {
	vertical-align: middle;
	margin-right: 5px;
}

@media screen {
	body>div#fixed-header {
		position: fixed;
	}
}

* html body {
	overflow: hidden;
}

/* headings */

h1 {
	text-align: center;
	font-size: 24px;
	padding-top: 0px !important;
}


h1, h2 {
	line-height: 10px !important;
	font-weight: normal;
	text-align: left;
	text-shadow: 1px 1px 2px #ccc;
	padding: 10px 0 10px 0;
}

h1 a {
	/* line-height: 30px; */
}

h2 {
	font-size: 18px;
}

.article-content p:first-child:first-letter {
	font-size: 200%;
	text-shadow: 1px 1px 2px #ccc;
}

/* top bar */

.top-bar {
	margin: 0 auto;
	height: 85px;
}

/* bottom bar */

.bottom-bar {
	margin: 0 auto;
	height: 200px;
	color: #777;
}

/* navigation links */

nav#top-links {
	display: block;
	font-size: 12px;
	text-shadow: 1px 1px 2px #ccc;
	margin-left: -34px;
}

nav#top-links ul {
	margin: 0 0 10px 0;
}

nav#top-links ul li {
	display: inline;
	background: none;
	margin: 0 10px 0 10px;
}

nav#top-links ul li a {
	border: none;
}

nav#top-links ul li a.special {
	color: #faa426;
}

/* social media icons */

#social-icons {
	width: 220px;
	height: 32px;
	display: block;
	overflow: hidden;
	z-index: 0;
}

#social-icons-lower {
	width: 220px;
	height: 32px;
	display: block;
	overflow: hidden;
}

#social-icons .social-icon-facebook {
	background: transparent url("/images/_ui/social-media-icons.png") 0 0 no-repeat;
	margin: 0 20px 0 0;
}

#social-icons .social-icon-twitter {
	background: transparent url("/images/_ui/social-media-icons.png") -36px 0 no-repeat;
	margin: 0 20px 0 54px;
}

#social-icons .social-icon-rss {
	background: transparent url("/images/_ui/social-media-icons.png") -72px 0 no-repeat;
	margin: 0 20px 0 108px;
}

#social-icons .social-icon-flickr {
	background: transparent url("/images/_ui/social-media-icons.png") -108px 0 no-repeat;
	margin: 0 20px 0 164px;
}

#social-icons-lower .social-icon-lastfm {
	background: transparent url("/images/_ui/social-media-icons.png") -144px 0 no-repeat;
	margin: 0 20px 0 0;
}

#social-icons-lower .social-icon-geocaching {
	background: transparent url("/images/_ui/social-media-icons.png") -179px 1px no-repeat;
	margin: 0 20px 0 54px;
}

#social-icons .social-icon-facebook,
#social-icons .social-icon-twitter,
#social-icons .social-icon-rss,
#social-icons .social-icon-flickr,
#social-icons-lower .social-icon-lastfm,
#social-icons-lower .social-icon-geocaching {
	border: none;
	overflow: hidden;
	height: 0;
	width: 32px;
	position: absolute;
	padding-top: 32px;
}

#social-icons .social-icon-facebook:hover {
	background-position: 0 -34px;
}

#social-icons .social-icon-twitter:hover {
	background-position: -36px -34px;
}

#social-icons .social-icon-rss:hover {
	background-position: -72px -34px;
}

#social-icons .social-icon-flickr:hover {
	background-position: -108px -34px;
}

#social-icons-lower .social-icon-lastfm:hover {
	background-position: -144px -34px;
}

#social-icons-lower .social-icon-geocaching:hover {
	background-position: -179px -33px;
}

/* global list styles */

ul, ol {
	list-style: none;
	padding-left: 10px;
}

ul.section-list {
	font-size: 14px;
	margin-bottom: 40px;
}

ul.bike-links {
	text-align: center;
}

ul.bike-links li {
	display: inline;
	list-style: none;
	background: none;
}

ul.bike-links li a {
	border: none;
}

ul.bike-links li img {
	margin-right: 20px;
	padding: 3px;
	border: #aaa solid 1px;
}

ul li,
ol li {
	margin-bottom: 10px;
	padding-right: 40px;
	padding-left: 14px;
	background: url(/images/_ui/list-bullet.png) no-repeat 0 0;
}

ul li a,
ol li a,
article a,
.vcard a {
	border-bottom: #333 dotted 1px;
	text-decoration: none;
	color: inherit;
}

/* services section */

.upper-dotted {
	border-top: #333 dotted 1px;
	padding-top: 20px;
}

/* other classes */

.margin-top-20 {
	margin-top: 20px;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

/* HTML body backgrounds */

.background-stripe-1 {
	background: url(/images/_ui/background-stripe-1.jpg);
}

.background-stripe-1-edge {
	background: url(/images/_ui/background-stripe-1-edge.png) repeat-x 0 0;
}

.background-stripe-bottom {
	background: url(/images/_ui/bottom-bar-background.jpg) repeat-x 0 0;
}

.logo {
	padding: 15px 0 10px 0;
}

.logo-right {
	padding: 0 0 10px 0;
}

/* services headings */

.service-capture {
    background: url(/images/_ui/headings.png) no-repeat 0 0;
}

.service-conjure {
	background: url(/images/_ui/headings.png) no-repeat 0 -29px;
}

.service-counsel {
	background: url(/images/_ui/headings.png) no-repeat 0 -58px;
}

.service-chatter {
	background: url(/images/_ui/headings.png) no-repeat 0 -86px;
}

/* evolution headings */

.evolution-ride {
    background: url(/images/_ui/headings.png) no-repeat 0 -202px;
}

.evolution-record {
    background: url(/images/_ui/headings.png) no-repeat 0 -230px;
}

.evolution-results {
    background: url(/images/_ui/headings.png) no-repeat 0 -259px;
}

/* section headers */

.section-header {
	display: block;
	width: 108px;
	height: 30px;
	font-size: 24px;
	color: #333;
}

.header-resources {
	background: url(/images/_ui/headings.png) no-repeat 0 -114px;
	height: 27px;
}

.header-recordings {
	background: url(/images/_ui/headings.png) no-repeat 0 -143px;
	height: 27px;
}

.header-clients {
	background: url(/images/_ui/headings.png) no-repeat 0 -172px;
	height: 27px;
}

.service-content,
.sidebar-content {
	padding-left: 1px;
}

.service-content a {
	border-bottom: 1px dotted #333;
}

/* twitter updates */

.service-content .twitter {
	margin: -10px 0 0 0;
}

/* search elements */

.search-input,
.subscribe-input {
	font-size: 14px;
	width: 250px;
	padding: 3px;
}

.submit-button {
	font-size: 14px;
	padding: 3px;
}

.service-chatter .twitter-icon {
	margin: -2px 0 0 80px;
}

.service-capture .camera-icon ,
.service-conjure .wand-icon ,
.service-counsel .globe-icon {
	margin: 2px 0 0 84px;
}

/* tech section borders */

#tech-container {
	display: block;
	margin: 40px 0 30px 0;
	text-align: center;
}

.tech-row {
	display: block;
	margin-bottom: 3px;
}

.tech-section {
	width: 250px;
	display: inline-block;
	padding: 5px 10px 5px 10px;
	text-align: center;
}

.tech-left {
	border-left: #ddd dotted 1px !important;
}

.tech-right {
	border-right: #ddd dotted 1px !important;
}

.tech-bottom {
	border-bottom: #ddd dotted 1px !important;
}

.tech-top {
	border-top: #ddd dotted 1px !important;
}

/* slide-up boxes for client and flickr thumbnail sections */

.slide-up-boxes * {
	margin: 0;
	padding: 0;
}

.slide-up-boxes a {
	display: block; 
	height: 150px;
	margin: 0 0 20px 0;
	padding: 3px;
	background: rgba(215, 215, 215, 0.5); 
	border: 1px solid #ccc; 
	height: 75px; 
	overflow: hidden;
}

.slide-up-boxes h5 { 
	color: #333; 
	text-align: center;
	height: 75px;
	font: italic 18px/75px Georgia, Serif;    /* Vertically center text by making line height equal to height */
	opacity: 0.5;
	-webkit-transition: all 0.2s linear; 
	-moz-transition: all 0.2s linear; 
	-o-transition: all 0.2s linear;
}

.slide-up-boxes a:hover h5 {
	margin-top: -75px;
	opacity: 0;
}

.slide-up-boxes div { 
	position: relative;
	color: white;
	font: 12px/15px Georgia, Serif;
	height: 75px;
	padding: 10px;
	padding: 0;
	opacity: 0;
	-webkit-transform: rotate(9deg); 
	-webkit-transition: all 0.4s linear; 
	-moz-transform: rotate(9deg); 
	-moz-transition: all 0.4s linear; 
	-o-transform: rotate(9deg); 
	-o-transition: all 0.4s linear; 
}

.slide-up-boxes div span {
	font-size: 12px;
}

.slide-up-boxes a:hover div { 
	opacity: 1; 
	-webkit-transform: rotate(0); 
	-moz-transform: rotate(0); 
	-o-transform: rotate(0);
	font: italic 18px Georgia, Serif;
	color: #333;
}

.slide-up-boxes a:nth-child(1) div {
	background: url(/images/_ui/site-thumbs/site-rhc.jpg) 0 0 no-repeat;
	padding: 10px 0 0 85px;
}

.slide-up-boxes a:nth-child(2) div {
	background: url(/images/_ui/site-thumbs/site-ek.jpg) 0 0 no-repeat;
	padding: 10px 0 0 85px;
}

.slide-up-boxes a:nth-child(3) div {
	background: url(/images/_ui/site-thumbs/site-fc.jpg) 0 0 no-repeat;
	padding: 10px 0 0 85px;
}

.slide-up-boxes a:nth-child(4) div {
	background: url(/images/_ui/site-thumbs/site-df.jpg) 0 0 no-repeat;
	padding: 10px 0 0 85px;
}

/* flickr photostream & client thumbnails sections */

#flickr-thumbs a,
#client-thumbs a {
	border: none;
}

#flickr-thumbs img,
#client-thumbs img {
	padding: 6px;
	margin-right: 3px;
	display: inline-block;
	border: #333 solid 1px;
	-moz-transform: scale(0.75);
	-webkit-transform: scale(0.75);
	-o-transform: scale(0.75);
	opacity: 0.5;
}

#flickr-thumbs img:hover,
#client-thumbs img:hover {
	-moz-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-o-transform: scale(1.0);
	opacity: 1.0;
}

.article-meta {
	display: block;
	text-shadow: 1px 1px 2px #ccc;
	text-align: center;
}

.article-meta .article-date {
	margin-top: 7px;
	margin-bottom: 20px;
	text-decoration: none;
	display: inherit;
	text-align: inherit;
	padding: 0 0 3px 0;
	text-shadow: inherit;
	text-transform: uppercase;
}

.article-meta .article-date .month-day {
	font-size: inherit;
}

.article-meta .article-date .year {
	display: inherit;
	text-align: inherit;
	font-size: 10px;
}

.article-meta .article-category {
	display: inherit;
	margin-bottom: 20px;
	text-align: inherit;
	font-size: 10px;
	text-shadow: inherit;
}

.article-meta .comment-count {
	margin-bottom: 20px;
	text-align: inherit;
	font-size: 10px;
	display: inherit;
	text-shadow: inherit;
}

.article-meta .article-short-url {
	text-align: inherit;
	font-size: 10px;
	display: inherit;
	text-shadow: inherit;
}

article .article-header {
	display: inline-block;
	position: relative;
	font-size: 24px;
	color: #333;
	text-shadow: 1px 1px 2px #eee;
	text-transform: lowercase;
}

article .article-content {
	display: block;
	margin: 19px 30px 0 0;
}

article #article-tags,
article #archive-links,
article #article-comments,
article #comment-form {
	display: block;
	margin-top: 30px;
	font-size: 12px;
}

/* comments */

article #article-comments section.comment,
article #article-comments section.comment-owner {
	display: block;
	margin: 30px 0 20px 0;
	padding: 10px;
	font-size: 12px;
	border-left: #000 dotted 1px !important;
}

article #article-comments section.comment-owner {
	font-weight: bold;
	background: #fff8eb;
}

article #article-comments section.comment p {
	margin: 0 !important;
	padding: 0 !important;
}

article #article-comments section.comment p:first-child:first-letter {
	font-size: inherit !important;
	font-style: inherit !important;
	font-weight: inherit !important;
}

article #article-comments section.comment .author-info,
article #article-comments section.comment-owner .author-info {
	display: block;
	font-size: 12px;
	color: #ddd;
	padding: 5px 0 0 0;
}

article .article-content #comment-form label {
	display: inline-block;
	width: 100px;
}

.highlight {
	color: #333;
	padding: 10px;
	border: #000 dotted 1px;
	display: block;
	font-style: italic;
	background-color: #E8E9F7;
}

article .spacer {
	display: block;
	height: 20px;
}

/* pagination links */

#pagination {
	padding: 10px 0 10px 0;
	display: block;
}

#pagination strong,
#pagination .next-page,
#pagination .prev-page,
#pagination .page-num,
#pagination a {
	display: inline-block;
	padding: 5px 5px 3px 5px;
	border-left: #000 dotted 1px !important;
	border-bottom: #000 dotted 1px !important;
}

/* site footer */

footer {
	display: block;
	font-size: 10px;
	line-height: normal;
}

/* upper footer */

footer #top {
	display: block;
}

footer #top .footer-link {
	display: block;
}

footer #top #column-1,
footer #top #column-2,
footer #top #column-3,
footer #top #column-4,
footer #top #column-5 {
	float: left;
	display: block;
}

footer #top #column-2,
footer #top #column-3,
footer #top #column-4,
footer #top #column-5 {
	margin-left: 20px;
}

footer #top #column-4 {
	padding-left: 20px;
	border-left: #333 dotted 1px;
	height: 50px;
	word-wrap: auto;
}

footer #top #column-5 {
	
}

footer #top #column-4 span {
	display: inline;
}

.vcard .fn,
.vcard .adr,
.vcard .locality,
.vcard .country-name,
.vcard .geo {
	font-style: italic;
}

.vcard .geo {
	display: block;
	text-align: left;
	color: #eee;
}

.vcard .geo a {
	border-bottom: #eee dotted 1px;
}

/* reset classes */

.clear-both {
	clear: both;
}

/* Disqus overrides */

#disqus_thread ul li, #disqus_thread ol li {
	background: none;
}

.dsq-avatar a {
	border-bottom: none;
}

a.dsq-subscribe-email em, a.dsq-subscribe-rss em {
	text-decoration: none !important;
}