/*  

Theme Name: Graph Paper
Theme URI: http://iamthomasbishop.com/
Description: A theme for iamthomasbishop dot com.
Version: 1.0
Author: Thomas Bishop
Author URI: http://iamthomasbishop.com
Tags: Graph, Paper, Minimal, Gray, Black, Turquoise

*/

/* ============= */
/* ! Reset CSS   */
/* ============= */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ============= */
/* ! Structure   */
/* ============= */

html {
}

/* Text Selection Colors */
::selection {
	background: #000; /* Safari */
	color: #FFF;
	text-shadow: none;
}
::-moz-selection {
	background: #000; /* Firefox */
	color: #FFF;
	text-shadow: none;
}

body {
	background: url(images/bg.jpg) repeat top;
	color: #3B3B3B;
	font: 14px "proxima-nova-1","proxima-nova-2",sans-serif;
	text-align: center;
	text-shadow: 0 1px 1px #FFF;	
}

.wrap {	
	height: auto;
	margin: 0 auto;
	text-align: left;
	width: 950px;
}

#header {
	background: url(images/header-bg.jpg) repeat-x top;
	height: 121px;
	position: relative;
	width: 100%;	
}

#separator {
	background: url(images/separator-shadow.jpg) repeat-x top;
	height: 20px;
	width: 100%;
}

#logo {
	background: url(images/logo.png) no-repeat top;
	height: 81px;
	position: absolute;
	top: 25px;
	width: 360px;
}

#logo:hover {
	background-position: 0 -79px;
}

#logo a {
	display: block;
	height: 100%;
	width: 100%;
}

/* Navigation */	

#navigation {
	float: right;
	margin: 43px 0 0 0;
}

#access {
	margin: 0 auto;
	display:block;
	float:left;
}
#access li {
	background: none;
}
#access .menu-header,
div.menu {
	font-size: 25px;
	letter-spacing: 1px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float:left;
	position: relative;
}
#access li {
	margin: 0 15px;
}
#access a {
	color: #111;
	display:block;
	font-weight: normal;
	line-height:38px;
	padding:0;
	text-decoration:none;
	text-shadow: 0 1px 2px #FFF;
	text-transform: uppercase;
}
#access ul ul {
	display:none;
	position:absolute;
	top:38px;
	left:-17px;
	float:left;
	z-index: 99999;
}
#access ul ul ul {
	left:110px;
	top:0;
}
#access ul ul a {
	background: url(images/nav-arrow.png) no-repeat left;
	height:auto;
	font-size: 18px;
	line-height:1em;
	padding-left: 17px;
	text-shadow: none;
	width: 100px;
}
#access li > a {
	-webkit-transition: top .2s ease-in-out;
	-moz-transition: top .2s ease-in-out;
	-o-transition: top .2s ease-in-out;
	transition: top .2s ease-in-out;
}
#access li:hover > a {

}
#access li:hover > a {
	background: url(images/underline.png) repeat-x bottom;
	color:#527A86;
	position: relative;
	top: -4px;
}

#access ul ul :hover > a {
	background: url(images/nav-arrow-hov.png) no-repeat left;
	padding-left: 17px;
	position: relative;
	top: 0px;
}

#access ul li:hover > ul {
	display:block;
}

#access ul li.current-menu-item a {
	background: url(images/underline.png) repeat-x bottom;
	color:#527A86;
}

/* Focus */

#focus {
	background: url(images/focus-wrap.jpg) repeat-x top;
	height: 347px;
	width: 100%;
}	

#focus #slider {
	height: 366px;
}

/* About Blurb */

#about-blurb {
	background: url(images/a-bit-about-me.png) no-repeat bottom left;
	font-size: 19px;
	line-height: 30px;
	margin: 55px 0 50px;
	padding: 0 0 40px;
	text-align: center;
}	

#about-blurb a {
	background: url(images/underline.png) repeat-x bottom;
	padding: 0 0 2px;
}	

#about-blurb .left {
	margin: 0 15px 0 0;
}

#about-blurb .avatar {
	background: #FFF;
	border: 4px solid #FFF;
	box-shadow: 0px 1px 4px #999999;
	-webkit-box-shadow: 0px 1px 4px #999999;
	-moz-box-shadow: 0px 1px 4px #999999;
	-o-transition: box-shadow linear 150ms;
    -moz-transition: -moz-box-shadow linear 150ms;
    -webkit-transition: -webkit-box-shadow linear 150ms;
}

#about-blurb .avatar:hover {
	box-shadow: 0px 1px 7px #999999;
	-webkit-box-shadow: 0px 1px 7px #999999;
	-moz-box-shadow: 0px 1px 7px #999999;
	
}

/* Content */	

#content {
	margin: 30px 0 0;
	min-height: 100px;
}

#left-column {
	float: left;
	margin: 0 10px 0 0;
	width: 590px;
}

/* Featurette */

#featurette {
	background: url(images/iphone-ipad.png) no-repeat top left;
	float: left;
	height: 360px;
	position: relative;
	width: 100%;
}

#featurette-copy {
	color: #505050;
	float: right;
	font-size: 13px;
	height: 300px;
	margin: 15px 0 0;
	width: 310px;
}

#featurette p {
	line-height: 20px;
	margin: 0 0 15px;
}

#featurette h3 {
	color: #81B2C1;
	font-size: 43px;
	font-weight: normal;
	margin: 0 0 17px 0;
	text-transform: uppercase;
	line-height: 40px;
}

/* Contact Pods */

#contact-pods {
	background: url(images/get-in-touch-sketch.png) no-repeat bottom left;
	height: 355px;
	margin: 20px 0 0 -40px;
	padding: 0 0 10px 40px;
	width: 100%;
}	

#right-column {
	float: right;
	width: 310px;
}

/* ============== */
/* ! Lifestream   */
/* ============== */

#lifestream {
	clear: both;
	margin: 30px 0 0;
}

/* Pods */	

.pod {
	-moz-transition: -moz-transform .5s linear;
	-o-transition: -o-transform .5s linear;
	-webkit-transition:-webkit-transform .5s linear;
	transition: transform .5s linear;
}

.pod:hover {
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	transform: rotate(2deg);
}

.twitter-pod {
	background: url(images/twitter-pod.jpg) no-repeat top left;
	border-bottom: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	height: 57px;
	margin: 0 0 6px;
	position: relative;
	-webkit-transition:-webkit-transform 1s linear;
}

.tweet_odd, .tweet_even {
	background: url(images/twitter-pod.jpg) no-repeat top left;
	border-bottom: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	font-size: 12px;
	height: 35px;
	margin: 0 0 6px;
	padding: 22px 0 0 72px;
	position: relative;
	-webkit-transition:-webkit-transform 1s linear;
}

.twitter-pod:hover {
	background: url(images/twitter-pod.jpg) no-repeat top left;
}

.fb-pod {
	background: url(images/fb-pod.jpg) no-repeat top left;
	border-bottom: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	height: 57px;
	margin: 0 0 6px;
	position: relative;
}

.linkedin-pod {
	background: url(images/linkedin-pod.jpg) no-repeat top left;
	border-bottom: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	height: 57px;
	margin: 0 0 6px;
	position: relative;
}

.skype-pod {
	background: url(images/skype-pod.jpg) no-repeat top left;
	border-bottom: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	height: 57px;
	margin: 0 0 6px;
	position: relative;
}

.gvoice-pod {
	background: url(images/gvoice-pod.jpg) no-repeat top left;
	border-bottom: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	height: 57px;
	margin: 0 0 6px;
	position: relative;
}

.rss-pod {
	background: url(images/rss-pod.jpg) no-repeat top left;
	border-bottom: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	height: 57px;
	margin: 0 0 6px;
	position: relative;
}

.dribbble-pod {
	background: url(images/dribbble-pod.jpg) no-repeat top left;
	border-bottom: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	height: 57px;
	margin: 0 0 6px;
	position: relative;
}

.from-blog-pod {
	background: url(images/from-blog-pod.jpg) no-repeat top left;
	border-bottom: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	height: 57px;
	margin: 0 0 6px;
	position: relative;
}

.narrow a, .narrow a:visited {
	display: block;
	font-size: 17px;
	height: 39px;
	position: absolute;
	left: 72px;
	line-height: 22px;
	top: 19px;
	width: 238px;
	transition: color linear 300ms;
    -o-transition: color linear 300ms;
    -moz-transition-property: color;
    -moz-transition-duration: 2s;  
    -webkit-transition: color linear 300ms;
}

.page-template-template-blog-php .twitter-follow-button { margin-top: 10px; }

.tiny {
	width: 100%;
}

.tiny a {
	display: block;
	font-size: 20px;
	height: 39px;
	position: absolute;
	left: 72px;
	line-height: 22px;
	top: 19px;
	transition: color linear 300ms;
    -o-transition: color linear 300ms;
    -moz-transition-property: color;
    -moz-transition-duration: 2s;  
    -webkit-transition: color linear 300ms;
	width: 157px;
}

.wide h2 {
	float: left;
	font: 14px "proxima-nova-1","proxima-nova-2",sans-serif;
	left: 72px;
	line-height: 12px;
	position: absolute;
	top: 23px;
	transition: color linear 300ms;
    -o-transition: color linear 300ms;
    -moz-transition: color linear 300ms;
    -webkit-transition: color linear 300ms;
}

.comments-bubble {
	background: url(images/comments-bubble.png) no-repeat top;
	height: 34px;
	position: absolute;
	right: 55px;
	top: 14px;
	width: 33px;
}

.comments-bubble a {
	display: block;
	height: 100%;
	width: 100%;
}

span.comments-count {
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	height: 14px;
	left: 7px;
	position: absolute;
	text-align: center;
	text-shadow: 0 -1px 1px #4A6971;
	top: 7px;
	width: 20px;
}

.link-icon {
	background: url(images/link-icon.png) no-repeat top;
	height: 23px;
	position: absolute;
	right: 15px;
	top: 18px;
	width: 33px;
}

.link-icon a {
	display: block;
	height: 100%;
	width: 100%;
}

/* Work */

#featured-work {
	float: left;
	margin: 60px 0;
	position: relative;
}	

#featured-work h3 {
	background: url(images/featured-work-heading.png) no-repeat top;
	height: 29px;
	width: 100%;
}

#featured-work .button {
	left: 494px;
	position: absolute;
	top: -1px;	
}

.work-item-large {
	clear: both;
	float: left;
	margin: 0 0 50px;
}

.work-row {
	margin: 10px 0 20px;
}

.work-thumb-large {
	background: url(images/browser-large.jpg) no-repeat top;
	float: left;
	height: 418px;
	margin: 0 2px;
	overflow:hidden;
	padding: 39px 0 0px;
	width: 640px;
}

.work-thumb-large-single {
	background: url(images/browser-large-new.png) no-repeat top;
	float: left;
	height: 422px;
	margin: 0 2px;
	padding: 24px 0 0px;
	width: 640px;
}

.work-thumb-large img, .work-thumb-large-single img {
	height: 400px;
	width: 638px;
	margin: 0 1px;
}

.work-thumb-large a img, .work-thumb-large-single a img {
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

/*
.work-thumb-large a img:hover, .work-thumb-large-single a img:hover {
	-moz-opacity: .05;
	filter:alpha(opacity=5);
	opacity: .05;	
}
*/

.work-thumb {
	background: url(images/work-thumb-bg.png) no-repeat top;
	/* border-bottom: 1px solid #BEBEBE; */
	float: left;
	height: 173px;
	margin: 0 4px 10px 4px;
	width: 229px;
}

.work-thumb img {	
	height: 140px;
	margin: 10px 0 0 11px;
	width: 205px;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

.work-thumb img:hover {
	opacity: .05;
	-moz-opacity: .05;
	filter:alpha(opacity=5);	
}

.work-item-info {
	float: right;
	height: auto;
	margin: 0 0 0 40px;
	width: 260px;
}

.work-item-info h3 {
	color: #000;
	font: 46px 'Lobster';
	padding-bottom: 0;
}

.work-item-info h4 {
	background: url(images/underline.png) repeat-x bottom;
	font-size: 45px;
	font-weight: normal;
	margin: 15px 0 0;
	padding: 0 0 7px;
	position: relative;
	text-shadow: 3px 3px 0px #FFF;
	text-transform: uppercase;
}

.work-item-info h4 span.shadow {
	color: #1F1F1F;
	left: 0;
	position: absolute;
	top: 0;
	text-shadow: 2px 2px 0px #cdcdcd;
	text-transform: uppercase;
}

.work-item-info h5 {
	font-size: 28px;
	margin: 13px 0 0;
}

p.work-item-duties {	
	color: gray;
	font-size: 12px;
	line-height: 22px;
	margin: 9px 0 0;
}

.work-item-description {
	color: #3B3B3B;
	line-height: 22px;
	margin: 20px 0 0;
}

.work-item-assoc-post {
	clear: both;
	float: left;
	margin: 20px 0 0;
}

.work-item-button {
	clear: both;
	float: left;
	margin: 20px 0 0;
}

#work-list {
	margin: 50px 0 10px;
}

/* From Twitter */	

#from-twitter {
	margin: 60px 0;
	position: relative;
}

#from-twitter h3 {
	background: url(images/from-twitter-heading.png) no-repeat top;
	height: 33px;
	margin: 0 0 6px;
	width: 100%;
}

#from-twitter .button {
	left: 520px;
	position: absolute;
	top: -1px;	
}

/* From Blog */	

#from-blog {
	clear: both;
	margin: 70px 0 0;
	position: relative;
}

#from-blog h3 {
	background: url(images/from-blog-heading.png) no-repeat top;
	height: 33px;
	margin: 0 0 6px;
	width: 100%;
}

#from-blog span.from {
	color: #C5C5C5;
	font-weight: bold;
}

#from-blog .button {
	left: 515px;
	position: absolute;
	top: -1px;	
}

/* Page headers */	

#page-header {
	font-size: 40px;
	margin: -10px 0 40px 0;
	text-align: center;
}

/* Note */

#note, .notice {
	background: #FFF5D4;
	border: 3px solid #E6D397;
	font: 16px "proxima-nova-1","proxima-nova-2",sans-serif;
	line-height: 28px;
	margin: 35px 0 35px;
	padding: 12px 20px 10px;
	text-align: center;
	text-shadow: none;
	width: 95%;
}

#note a, .notice a {
	background: url(images/underline.png) repeat-x bottom;
	padding: 0 0 2px;
}

/* Project Planner Note */	

#proj-planner {
	background: url(images/project-planner.png) no-repeat top;
	height: 164px;
	margin: 40px 0 0;
	overflow: hidden;
	width: 950px;
}

#proj-planner:hover {
	background: url(images/project-planner.png) no-repeat top;
	background-position: 0 -164px;
}

#proj-planner a {
	display: block;
	height: 100%;
	width: 100%;
}

/* Flickr Galleries */	

.flickr-thumb img {
	float: left;
	height: 75px;
	margin: 10px 0 0 12px;
	width: 75px;
}

.flickr-thumb {
	background: url(images/flickr-thumb-bg.png) no-repeat top;
	float: left;
	height: 96px;
	margin: 0 10px 7px 10px;
	width: 98px;
}

#sidebar .flickr-thumb {
	margin: 0 7px 14px;
}

.flickr-thumb:hover {
	background: url(images/flickr-thumb-bg.png) no-repeat bottom;
}

#flickr-stream h3 {
	background: url(images/flickr_32.png) no-repeat left;
	color: #535353;
	margin: 0 0 10px 14px;
	padding-left: 42px;
	text-transform: uppercase;
}

#sidebar #flickr-stream h3 {
	display: none;
}

/* Blog */

#left-column.blog {
	height: auto;
	width: 690px;
}	

#posts-nav {
	margin: 0 0 20px;
}

.post {
	clear: both;
	margin: 0 0 30px;
	padding: 0 0 30px;
}

.post-info {
	float: left;
	width: 100px;
}

	.post-info li {
		list-style: none !important;
	}

.post-right {
	float: right;
	width: 570px;
}

.post-meta {
	font-size: 11px;
}

.post-tags {
	clear: both;
	float: left;
	margin: 10px 0 10px;
}

span.leave-a-note {
	margin: 10px 0 0;
}

.post-meta-time {
	margin: 2px 0 4px;
}

h2.post-title, h2.post-title a, h1.post-title, h1.post-title a {	
	font: normal 32px 'League Gothic', Droid Sans, Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	margin: 0 0 22px;
	text-transform: uppercase;
}

.post-body {
	color: #636363;
	font-size: 14px;
	line-height: 20px;
}

	.post-body h1,
	.post-body h2,
	.post-body h3,
	.post-body h4,
	.post-body h5,
	.page #left-column h1,
	.page #left-column h2,
	.page #left-column h3,
	.page #left-column h4,
	.page #left-column h5 {
		margin: 0 0 15px;
	}

	.post-body ul,
	.post-body ol,
	.page #left-column ul,
	.page #left-column ol {
		margin: 0 0 20px;
	}
	
	.post-body ul li,
	.page #left-column ul li {
		list-style: inside disc;
		
	}
	
	.post-body ol li,
	.page #left-column ol li {
		list-style: inside decimal;
		margin-bottom: 10px;
	}
	
	.post-body dd,
	.page  #left-column dd {
		margin: 10px 0 10px 20px;
	}

.post-body img { 
	height: auto;
	max-width: 500px; 
}

.post-body.text p,
.page  #left-column p {
	margin: 0 0 14px;
}

.post-body.text blockquote {	
	background: #ECECEC;
	border-left: 4px solid #659aa8;
	font-family: Georgia, Times New Roman, Times, serif;
	margin: 0 0 15px 20px;
	padding: 15px 20px 5px 20px;
	width: 390px;
}

	.post-body blockquote p {
		margin: 0;
		padding: 0;
	}

.post-body.video p.space {
	padding: 5px 10px 14px;
}

.post-excerpt {
	margin: 0 0 20px;
}

/* Text Posts */	

.post-top.text {	
	background: url(images/post-topper.png) no-repeat top;	
	float: right;
	height: 60px;
	margin: -9px 0 0;
	position: relative;
	width: 590px;
}

.post-top.text h2.post-title, .post-top.text h1.post-title {
	position: absolute;
	top: 30px;
	left: 40px;
	width: 500px;
	z-index: 11;
}

.post-body.text {
	background: url(images/post-mid.png) repeat-y top;	
	display: inline;
	float: right;
	height: auto;
	margin: 0;
	padding: 35px 45px 0px 45px;
	position: relative;
	width: 500px;
	z-index: 9;
}

.post-bot.text {	
	background: url(images/post-bot.png) no-repeat bottom;
	float: right;
	height: 60px;
	padding: 0px 45px 0px;
	position: relative;
	width: 500px;
}

.post-body.text .button {
	margin: 20px 0 20px;
}

/* Photo Posts */	

.post-top.photo {	
	background: url(images/post-topper.png) no-repeat top;	
	float: right;
	height: 17px;
	margin: -9px 0 0;
	position: relative;
	width: 590px;
}

.post-body.photo {
	background: url(images/post-mid.png) repeat-y top;	
	float: right;
	height: auto;
	margin: 0;
	padding: 0 0 0 16px;
	position: relative;
	width: 573px;
	z-index: 9;
}

.post-bot.photo {	
	background: url(images/post-bot.png) no-repeat bottom;
	float: right;
	height: 44px;
	position: relative;
	width: 590px;
}

.photo-meta h2.post-title, .photo-meta h1.post-title {
	float: left;
	margin: -10px 0 20px;
}

span.photo-caption {
	background: url(images/vertical-rule.png) repeat-y left;
	clear: both;
	float: left;
	font-size: 13px;
	line-height: 18px;
	margin: 6px 0 30px;
	padding: 0 0 0 20px;
}

span.photo-caption img {
	display: none;
}

.photo-meta {
	float: right;
	padding: 0 30px;
	width: 530px;
}

/* Music Posts */

.post-top.music {	
	background: url(images/post-topper.png) no-repeat top;	
	float: right;
	height: 15px;
	margin: -9px 0 0;
	position: relative;
	width: 590px;
}

.post-music h2.post-title, .post-music h1.post-title {
	margin: 0;
	z-index: 11;
}

.post-body.music {
	background: url(images/post-mid.png) repeat-y top;	
	display: inline;
	float: right;
	height: auto;
	margin: 0;
	padding: 25px 45px 15px;
	position: relative;
	width: 500px;
	z-index: 9;
}

.post-bot.music {	
	background: url(images/post-bot.png) no-repeat bottom;
	float: right;
	height: 50px;
	padding: 0px 45px 0px;
	position: relative;
	width: 500px;
}
/* Video Posts */	

.post-body.video object, .post-body.video embed, .post-body.video iframe {
	width: 554px;	
} 

.post-top.video {	
	background: url(images/post-topper.png) no-repeat top;	
	float: right;
	height: 17px;
	margin: -9px 0 0;
	position: relative;
	width: 590px;
}

.post-body.video {
	background: url(images/post-mid.png) repeat-y top;	
	float: right;
	height: auto;
	margin: 0;
	padding: 0 0 0 18px;
	position: relative;
	width: 572px;
	z-index: 9;
}

.post-body.video span {
	float: left;
	margin: 10px;
}

.post-bot.video {	
	background: url(images/post-bot.png) no-repeat bottom;
	clear: both;
	float: right;
	height: 44px;
	position: relative;
	width: 590px;
}

/* Fav Posts */	

.post-body.fav {
	margin: 0px 0 0;
}

.post-body.fav a {
	background: url(images/underline.png) repeat-x bottom; 
	font: normal 35px 'League Gothic', Droid Sans, Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.post-top.fav {	
	background: url(images/post-topper.png) no-repeat top;	
	float: right;
	height: 17px;
	margin: -9px 0 0;
	position: relative;
	width: 590px;
}

.post-body.fav {
	background: url(images/post-mid.png) repeat-y top;	
	display: inline;
	float: right;
	height: auto;
	margin: 0;
	padding: 10px 45px 15px;
	position: relative;
	width: 500px;
	z-index: 9;
}

.post-bot.fav {	
	background: url(images/post-bot.png) no-repeat bottom;
	float: right;
	height: 48px;
	padding: 0px 45px 0px;
	position: relative;
	width: 500px;
}

/* Quote Posts */

.post-body.quote blockquote {
	background: #77A5B3 url(images/quote-bubble-btm.jpg) no-repeat bottom left;
	color: #FFF;
	font: 28px "skolar-1","skolar-2",serif;
	line-height: 30px;
	padding: 30px 40px 50px 40px;
	text-shadow: none;
	width: 420px;
}	

.post-top.quote {	
	background: url(images/post-topper.png) no-repeat top;	
	float: right;
	height: 17px;
	margin: -9px 0 0;
	position: relative;
	width: 590px;
}

.post-quote h2.post-title, .post-quote h1.post-title {
	margin: 0;
	z-index: 11;
}

.post-body.quote {
	background: url(images/post-mid.png) repeat-y top;	
	display: inline;
	float: right;
	height: auto;
	margin: 0;
	padding: 26px 45px 15px;
	position: relative;
	width: 500px;
	z-index: 9;
}

.post-bot.quote {	
	background: url(images/post-bot.png) no-repeat bottom;
	float: right;
	height: 48px;
	padding: 0px 45px 0px;
	position: relative;
	width: 500px;
}

/* Tweet Posts */	

.post-body.tweets a {
	background: url(images/underline.png) repeat-x bottom;
	padding: 0 0 3px
}

.post-top.tweets {	
	background: url(images/paper-top.png) no-repeat top;	
	float: right;
	height: 15px;
	margin: -9px 0 0;
	position: relative;
	width: 590px;
}

.post-body.tweets {
	background: url(images/paper-mid.png) repeat-y top;	
	display: inline;
	float: right;
	height: auto;
	margin: 0;
	padding: 14px 45px 15px;
	position: relative;
	width: 500px;
	z-index: 9;
}

.post-bot.tweets {	
	background: url(images/paper-bot.png) no-repeat bottom;
	float: right;
	height: 20px;
	padding: 0px 45px 0px;
	position: relative;
	width: 500px;
}

/* Post Icons */

#sidebar .post-icon {
	margin: 16px 16px 0;
}

.post-icon a {
	display: block;
	height: 100%;
	width: 100%;
}

.post-icon.photo {
	background: url(images/blog-icon-photo.jpg) no-repeat top left;
	border-bottom: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	height: 57px;
	margin-bottom: 6px;
	width: 82px;
}

.post-icon.text {
	background: url(images/blog-icon-text.jpg) no-repeat top left;
	border-bottom: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	height: 57px;
	margin-bottom: 6px;
	width: 82px;
}	

.post-icon.video {
	background: url(images/blog-icon-video.jpg) no-repeat top left;
	border-bottom: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	height: 57px;
	margin-bottom: 6px;
	width: 82px;
}

.post-icon.quote {
	background: url(images/blog-icon-quote.jpg) no-repeat top left;
	border-bottom: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	height: 57px;
	margin-bottom: 6px;
	width: 82px;
}

.post-icon.music {
	background: url(images/blog-icon-music.jpg) no-repeat top left;
	border-bottom: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	height: 57px;
	margin-bottom: 6px;
	width: 82px;
}

.post-icon.fav {
	background: url(images/blog-icon-fav.jpg) no-repeat top left;
	border-bottom: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	height: 57px;
	margin-bottom: 6px;
	width: 82px;
}

.post-icon.tweets {
	background: url(images/blog-icon-tweet.jpg) no-repeat top left;
	border-bottom: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	height: 57px;
	margin-bottom: 6px;
	width: 82px;
}

/* Comments */		

#comments-wrap {
	float: right;
	margin: 20px 10px 0;
}
h3#comments,.comment-navigation,.comment-navigation:after,#respond:after,.comment-rss{display:block} 
ol.commentlist{width:570px} 
h3#comments,#respond h3{font: 30px League Gothic; text-transform: uppercase; height:25px;text-align:left; margin: 20px 0 0;} 
ol.commentlist,li.authorcomment,li.comment,#respond h3,form#commentform,input#submit{margin:0}
ol.commentlist,ol.commentlist ul,form#commentform{padding:0}  
ol.commentlist{ margin: 20px 0 0 0; } 
ol.commentlist ul{margin:0} 
li.authorcomment{}
li.authorcomment,li.comment{background:url(images/underline.png)repeat-x top;padding: 25px 20px 0;list-style:none;border-bottom:none} 
li.even{ } 
li.odd{ } 
.authorcomment{background:#deebf9} 
ul.children ul{} 
ul.children li{border-right:none} 
.vcard img{
	float:left;background:#FFF
	-moz-box-shadow: 0px 1px 3px #A7A7A7; /* FF3.5+ */
 	-webkit-box-shadow: 0px 1px 3px #A7A7A7; /* Saf3.0+, Chrome */
    box-shadow: 0px 1px 3px #A7A7A7; /* Opera 10.5, IE 9.0 */ 
} 
.vcard img,.comment-navigation .newer a,.comment-navigation .older a{padding:5px} 
.comment-meta,ol.commentlist li small,p.subscribe-to-comments label{position:relative} 
.comment-meta{background: url(images/user.png) no-repeat left; top:0px; float: left;left: 10px; font-size: 17px; font-weight: bold; padding-left: 20px;} 
ol.commentlist small {background: url(images/clock.png) no-repeat left; color: gray; font-size: 13px; font-weight: bold; top: 4px; left: 12px; padding-left: 20px;  float: right;}
li.comment em {float: left;margin: 15px 0 15px;}
.comment-text{ float: left; color: gray; font-size: 14px;margin:15px 0 0 0; line-height: 18px; width: 100%; } 
.comment-text p { margin: 0 0 10px; }
.reply,.comment-navigation .newer,input#submit{float:right; clear: both;} 
.reply,.comment-navigation .newer a,.comment-navigation .older a,input#submit{} 
.reply{margin:0 10px 10px 0} 
img.avatar {
	background: #FFF;
	float: left
}
a.comment-reply-link,.reply a:link,
.comment-navigation .newer a,.comment-navigation .older a,input#submit{} 
.reply a.comment-reply-link {margin: 10px 0 ;}
a.comment-reply-link,.reply a:link{padding:5px 0} a.comment-reply-link,.reply a:link,input#submit{} 
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,
.comment-navigation .older a:hover,input#submit:hover{} 
a.comment-reply-link:hover,.reply a:hover,input#submit:hover{} 
a.comment-reply-link:hover,.reply a:hover{padding:4px 0} 
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,.comment-navigation .older a:hover{} 
.comment-navigation{margin:10px 0 10px 0} .comment-navigation:after,#respond:after{content:".";height:0;visibility:hidden} 
.clear{clear:both} 
#respond {
	margin: 0px 0 0;
}
#respond h3 a { font-weight: normal; }
form#commentform {clear: both;margin: 20px 0 0;}
.comment-navigation .newer a:hover,.comment-navigation .older a:hover{padding:4px} 
form#commentform textarea,form#commentform input{padding:2px 3px} 
form#commentform textarea{resize: none;width:442px} 
input#submit{} 
input#submit,p.subscribe-to-comments input{outline:0} 
input#submit:hover{} 
p.subscribe-to-comments{background:url('images/email_32.png') no-repeat} 
p.subscribe-to-comments,.comment-rss{height:32px;text-indent:42px;padding:5px 0 0 0} 
p.subscribe-to-comments input{margin:5px 3px 3px 3px !important;border:0} 
p.subscribe-to-comments label{top:-2px;color:#666} 
.comment-rss{background:url('images/rss_32.png') no-repeat} 
#cancel-comment-reply-link {
	clear: both;
	float: left;
	margin: 20px 0 0;
}
 
form#commentform textarea {
	background: url(images/input-big.png) no-repeat top left;
	border: 0px none;
	color: #898989;
	font: bold 14px "proxima-nova-1","proxima-nova-2",sans-serif;
	height: 185px;
	line-height: 20px;
	margin: 0 0 4px;
	padding: 15px;
	text-shadow: none;
	width: 536px;
}
form#commentform input[type="text"] {
	background: url(images/input-small.png) no-repeat top;
	border: 0px none;
	color: #898989;
	font: bold 14px "proxima-nova-1","proxima-nova-2",sans-serif;
	height: 30px;
	line-height: 30px;
	margin: 0 0 4px;
	text-shadow: none;
	width: 307px;
}
 
#tweet-box-container {
	clear: both;
	float: left;
	top: 30px;
} 
 
/*comment total stlying*/
 
.comment-total{text-align: center;font-size: 1.5em;color: #fff;}
.comment-total span{font-size: 2em;color: #800000;}

#commentform label {
	clear: both;
	float: left;
	margin: 15px 0 5px;
}

#commentform input[type="text"] {
	clear: both;
	float: left;
}

.authcomment {
background-color: #B3FFCC !important;
}

/* About Page */	

#bio-block {
	background: url(images/bio-block.png) no-repeat top;
	height: 435px;
	margin: -40px 0 0;
	position: relative;
	width: 100%;
}

#bio-block:hover {
	background: url(images/bio-block.png) no-repeat bottom;
}

#bio-block span#bio-copy {
	font-size: 14px;
	height: 250px;
	left: 10px;
	line-height: 24px;
	position: absolute;
	top: 172px;
	width: 480px;
}

#services-pricing-block {
	background: url(images/services-block.png) no-repeat top;
	height: 361px;
	margin: 0 0 -30px;
	position: relative;
	width: 100%;
}

#services-copy {
	height: 240px;
	left: 60px;
	line-height: 24px;
	position: absolute;
	top: 82px;
	width: 380px;
}

#services-copy ul {
	margin: 10px 0 0;
}

#services-copy ul li {
	background: url(images/dash.png) no-repeat left;
	padding: 0 0 0 15px;
}

/* NEW SERVICES DESIGN */
#services-block {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
	background: url(images/services-bg-new.jpg);
	border: 1px solid #CECECE;
	border-radius: 4px;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.1);	
	margin: 0 0 30px;
	padding: 30px;
	position: relative;
}

	#services-block h3 {
		border-bottom: 1px dotted #CECECE;
		display: block;
		margin: 20px 0 70px 8%;
		padding-bottom: 20px;
		text-align: center;
		text-transform: uppercase;
		width: 84%;
	}
	
	#services-block .service-block {
		border-right: 1px dotted #CECECE;
		display: block;
		float: left;
		height: 180px;
		margin: 0 0 70px;
		text-align: center;
		width: 33%;
	}
	
		#services-block .service-block:nth-child(3n+1) {
			border-right: none;
		}
	
		#services-block .service-block h4 {
			display: block;
			font-size: 25px;
			height: 40px;
			padding-top: 40px;
			text-transform: uppercase;
			width: 100%;
		}
		
		#services-block .service-block .design {
			
		}
		
			#services-block .service-block.design h4 {
				background: url('images/icon-design.jpg') no-repeat top;
			}
			
			#services-block .service-block.front-end-dev h4 {
				background: url('images/icon-frontend-dev.jpg') no-repeat top;
			}
			
			#services-block .service-block.wp-dev h4 {
				background: url('images/icon-wp-dev.jpg') no-repeat top;
			}
			
			#services-block .service-block.social-media h4 {
				background: url('images/icon-sm.jpg') no-repeat top;
			}
			
			#services-block .service-block.mobile h4 {
				background: url('images/icon-mobile.jpg') no-repeat top;
			}
			
			#services-block .service-block.consult h4 {
				background: url('images/icon-consult.jpg') no-repeat top;
			}

		#services-block .button {
			margin: 0 10px;
		}

		#services-block span {
			font-style: italic;
		}
		
	#services-block .note {
		border: 1px dotted #CECECE;
		border-left: none;
		border-right: none;
		clear: both;
		margin: 0 0 30px;
		padding: 30px;
	}
	
		#services-block .note h5 {
			border-right: 1px dotted #CECECE;
			display: block;
			float: left;
			height: 40px;
			line-height: 40px;
			margin-right: 30px;
			padding-right: 30px;
			text-transform: uppercase;
		}

#pricing-copy {
	height: 240px;
	line-height: 20px;
	position: absolute;
	right: 60px;
	top: 82px;
	width: 380px;
}

#pricing-copy p {
	margin: 10px 0;
}

#pricing-body {
	clear: both;
	margin: 10px 0 0;
}

/* 404 Page */	

#content.404 {
	height: 700px;
}

/* Sidebars */

#sidebar {
	float: right;
	font-size: 12px;
	line-height: 18px;
	width: 230px;
}	

#sidebar h3 {
	background: url(images/underline.png) repeat-x bottom;
	display: block;
	font-size: 25px;
	letter-spacing: 1px;
	margin: 0 0 10px;
	padding: 0 0 3px;
	text-transform: uppercase;
	width: 100%;
}

.widget {
	margin: 0 0 40px;
}

.textwidget {
	line-height: 20px;
}

.popular li {
	display: block;
	font-size: 14px;
	margin: 0 0 7px;
	width: 100%;
}

input#s{
	background: url(images/input-search.png) no-repeat top;
	border: 0px none;
	color: #898989;
	font: 13px "proxima-nova-1","proxima-nova-2",sans-serif;
	height: 30px;
	line-height: 30px;
	margin: 0 0 4px;
	padding: 1px 7px;
	text-shadow: none;
	width: 156px;
}

/*

#searchsubmit {
	background: #81B2C1 url(images/overlay.png) repeat-x top;
	border: 1px solid #58818D;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	padding: 5px 14px 5px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.35);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	transition: background linear 300ms;
    -o-transition: background linear 300ms;
    -moz-transition: background linear 300ms;
    -webkit-transition: background linear 300ms;
}

#searchsubmit:hover {
	background: #628996 url(images/overlay.png) repeat-x top;
}

#searchsubmit:active {
	background: #648591 url(images/overlay.png) repeat-x top;
	border: 1px solid #426975;
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.4);
	position: relative;
	top: 1px;
}

*/


/* Footer */	

#footer-top {
	background: url(images/footer-topper.png) repeat-x top;
	height: 22px;
	width: 100%;
}

#footer {	
	background: url(images/footer-bg.jpg) repeat top;
	clear: both;
	float: left;
	width: 100%;
}

#footer-content {
	float: left;
	margin: 50px 0 40px;
}

#footer-content a:hover {
	color: #FFF;
}

.fcol h3 {
	color: #77A5B3;
	font-size: 28px;
	font-weight: normal;
	margin: 0 0 30px 0;
	text-shadow: 0 1px 2px #000;
	text-transform: uppercase;
}

#footer-column-1 {
	float: left;
	margin: 0 10px 0 0;
	width: 310px;
}

#footer-column-2 {
	float: left;
	margin: 0 10px 0 0;
	width: 310px;
}

#footer-column-3 {
	float: left;
	margin: 0;
	width: 310px;
}

#footer .avatar {
	border: 5px solid #FFF;
	float: left;
	margin: 0 18px 0 0;
    -moz-box-shadow: 0px 0px 4px #000; /* FF3.5+ */
 	-webkit-box-shadow: 0px 0px 4px #000; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 4px #000; /* Opera 10.5, IE 9.0 */ 
}

#footer-content span#author-bio {
	color: #C6C6C6;
	line-height: 22px;
	margin: 20px 0 0;
	text-shadow: 0 1px 1px #000;
}

#footer img.footer-iphone-icon {
	float: left;
	margin: 0 18px 0 0;
}

#footer ul#services-list {
	color: #C6C6C6;
	line-height: 22px;
	padding: 0 0 0 110px;
	text-shadow: 0 1px 1px #000;
}

#footer ul#services-list li {
	background: url(images/checkmark.png) no-repeat left;
	padding: 0 0 0 25px;
}

#footer-mail {
	background: url(images/mail-icon-sketch.png) no-repeat top left;
	float: left;
	height: 18px;
	margin: 0 5px 0;
	padding: 2px 0 0 34px;
	text-shadow: 0 1px 1px #000;
	width: 88px;
}

#footer-mail a:hover {
	color: #FFF;
}

#footer-phone {
	background: url(images/footer-iphone.jpg) no-repeat top left;
	float: right;
	height: 24px;
	margin: -4px 5px 0;
	padding: 5px 0 0 25px;
	text-shadow: 0 1px 1px #000;
	width: 78px;
}

#footer-phone a:hover {
	color: #FFF;
}

#footer-bottom {
	background: url(images/footer-bg.jpg) repeat;
	color: #787878;
	height: 57px;
	margin: 40px 0 0;
	overflow: hidden;
	text-shadow: 0 -1px 1px #000;
	width: 100%;
}

.color-strip {
	background: url(images/color-strip.png) repeat top;
	clear: both;
	float: left;
	height: 5px;
	width: 100%;
}

#footer-bottom .wrap {	
	margin: 0 auto;
	position: relative;
	width: 950px;
}

#footer-bottom .left {
	float: left;
	font-size: 12px;
	left: 0;
	position: absolute;
	top: 25px;
}

#footer-bottom .left a:hover {
	color: #FFF;
}

#footer-bottom .right {
	float: right;
	position: absolute;
	right: 0;
	top: 24px;
}

#footer-bottom .right li {
	display: inline;
}

#footer-bottom .right li a {
	color: #757575;
	font: bold 14px "proxima-nova-1","proxima-nova-2",sans-serif;
	padding: 0 10px;
	margin: 0;
	text-shadow: 0 -1px 1px #000;
	text-transform: uppercase;
}

#footer-bottom .right li a:hover {
	color: #FFF;
}

/* Footer Contact Form */

.input-small {
	background: url(images/input-small.png) no-repeat top;
	border: 0px none;
	color: #898989;
	font: bold 14px "proxima-nova-1","proxima-nova-2",sans-serif;
	height: 22px;
	line-height: 14px;
	margin: 0 0 4px;
	padding: 5px 5px 5px 8px;
	text-shadow: 0 1px 1px #000;
	width: 304px;
}	

.textarea-small {
	background: url(images/footer-input-big.jpg) no-repeat top;
	border: 0px none;
	color: #898989;
	font: bold 14px "proxima-nova-1","proxima-nova-2",sans-serif;
	height: 84px;
	line-height: 14px;
	margin: 0 0 2px;
	padding: 11px 5px 5px 10px;
	text-shadow: 0 1px 1px #000;
	width: 300px;
}


/* ============== */
/* ! Typography   */
/* ============== */

body {
}

#page-content {
	line-height: 22px;
}

h1,h2,h3,h4,h5 {
	color: #2B2B2B;
}

.post-body h1,.post-body h2,.post-body h3, .post-body h4, .post-body h5 {
	background: url(images/underline.png) repeat-x bottom;
	margin: 16px 0;
}

h1 {	
	font: 50px 'League Gothic', Droid Sans, Helvetica, Arial, sans-serif;
}

h2 {	
	font: 45px 'League Gothic', Droid Sans, Helvetica, Arial, sans-serif;
}

#page-header h2 {
	font-family: 'League Gothic', Droid Sans, Helvetica, Arial, sans-serif;
}

h3 {
	font: 35px 'League Gothic', Droid Sans, Helvetica, Arial, sans-serif;
}

h4 {	
	font: 30px 'League Gothic', Droid Sans, Helvetica, Arial, sans-serif;
}

h5 {
	font: 25px 'League Gothic', Droid Sans, Helvetica, Arial, sans-serif;
}

h6 {
}

p {
}

p:first-line {
}

p:first-letter {
}

span {
}

blockquote p {
}

strong {
}

small {
}

sub {
}

sup {
}

big {
}

em {
}

i {
}

b {
}

q {
}

tt {
}

.gothic {
	font-family: 'League Gothic', Droid Sans, Helvetica, Arial, sans-serif;
}

/* End Typography */

/* Links */	

a {
}

a img {
}

a:focus {
}

a:link, a:visited {
	color: #76A9B8;
	font-weight: bold;
	text-decoration: none;
	transition: all linear 300ms;
    -o-transition: all linear 300ms;
    -moz-transition: all linear 300ms;
    -webkit-transition: all linear 300ms;
}

a:hover, a:active {
	color: #000;
	text-shadow: 0 0 3px #B1B1B1;
}

/* End Links */		

/* Lists */

ul {
}

ol {
}

ul li {
}

ol li {
}

li.dashed {
	background: url(images/dash.png) no-repeat left;
	padding: 0 0 0 15px;
}

/* End Lists */		

/* Images */	

img {
}

img a {
}

img a:hover {
}

img.noborder {
}

/* End Images */	

/* Forms */	

fieldset {
}

textarea {
}

textarea:hover {
}

optgroup {
}

option {
}

select {
}

button:hover {
}

button {
}

legend {
}

label {
}

input {
}

input:focus {
}

input:hover {
}

form {
}

/* End Forms */	

/* Styles */

blockquote {
}

pre {
}

code {
}

hr {
	background: url(images/underline.png) repeat-x bottom;
	border: 0px none;
	height: 2px;
	margin: 30px 0 25px;
	width: 100%;
}

br {
}

wbr {
}

nobr {
}

/* End Styles */	

/* Special Classes */

.cantarell {
	font-family: 'Cantarell', arial, serif;
}

.cardo {
	font-family: 'Cardo', arial, serif;
}

.crimson {
	font-family: 'Crimson Text', arial, serif;
}

.droid {
	font-family: 'Droid Sans', arial, serif;
}

.droid-mono {
	font-family: 'Droid Sans Mono', arial, serif;
}

.droid-serif {
	font-family: 'Droid Serif', arial, serif;
}

.fell {
	font-family:'IM Fell English SC', Baskerville, Georgia, Times New Roman, Times, serif;
}

.inconsolata {
	font-family: 'Inconsolata', arial, serif;
}

.josefin {
	font-family: 'Josefin Sans Std Light', arial, serif;
}

.goudy {
	font-family: 'OFL Sorts Mill Goudy TT', arial, serif;
}

.lobster {
	font-family: 'Lobster', arial, serif;
}

.molengo {
	font-family: 'Molengo', arial, serif
}

.nobile {
	font-family: 'Nobile', arial, serif;
}

.old-standard {
	font-family: 'Old Standard TT', arial, serif;
}

.reenie-beanie {
	font-family: 'Reenie Beanie', arial, serif;
}

.tangerine {
	font-family: 'Tangerine', arial, serif;
}

.vollkorn {
	font-family: 'Vollkorn', arial, serif;
}

.yanone {
	font-family: 'Yanone Kaffeesatz', arial, serif;
}

.no-posts {
	font: normal 32px 'League Gothic', Droid Sans, Helvetica, Arial, sans-serif;
	text-align: center;
}

.highlight {
	background: #FDF5B3;
	padding: 2px;
	margin: -2px 0;
}

.underline {
	background: url(images/underline.png) repeat-x bottom;
	padding: 0 0 1px 0;
}

.nounderline, .nounderline a:link {
	padding: 0;
}

.uppercase {
	text-transform: uppercase;
}

.rotate {
	-webkit-transition:-webkit-transform .5s linear;
}

.rotate:hover {
  -webkit-transform:rotate(2deg);
}

span.db-wrapper {
	float: left;
	margin: 10px 0 0;
}

.row {
	clear: both;
}

.m5r {
	margin: 0 5px;
}

.lost {
	font-size: 22px;
}

.tiny {
	color: gray;
	font-size: 12px;
}

.timeago {
	color: gray;
	float: right;
	font-size: 12px;
}

.hide {
	display:none !important;
}	

.os {
	font-size: 0px;
	text-indent: -4000px;
}		

.indent {
	margin-left: 30px;
}

.indent2 {
	margin-left: 50px;
}

.show {
	display: block;
}

.right {
	float: right;
}

.left {
	float: left;
}

.vert-align {
	vertical-align: middle;
}

.center {
	text-align: center;
}

.justify {
	text-align: justify;
}

.clear {
	display: block;
	clear: both;
	height: 1%;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
}

.background {
	background-color:;
	background-image:;
	background-repeat:;
	background-attachment:;
	background-position:;
}

.nobackground {
	background: none;
}

.noborder {
	border: 0 none;
}	

/* =========== */
/* ! Buttons   */
/* =========== */

/* =========================================================== */
/* ! Buttons
/* =========================================================== */		

.button, 
.button:visited, 
a.button, 
a.button:visited, 
form submit, 
#page-nav a, 
#posts-nav a, 
input#submit,
#searchsubmit,
#page-nav a,
#posts-nav a,
.reply a.comment-reply-link,
.comment-reply-link {
	*display: inline;
	background: #81B2C1 url('images/overlay.png') repeat-x top;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-background-clip: padding-box;
    border-radius: 5px;
    border: 1px solid #496870;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
    box-shadow: 0 1px 3px rgba(0,0,0,0.4);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font: 16px "proxima-nova-1","proxima-nova-2",sans-serif;
    font-weight: bold;
    line-height: 1;
    overflow: visible;
    text-decoration: none;
    outline: none;
    padding: 10px 15px !important;
    position: relative;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
    white-space: nowrap;
    zoom: 1;
    transition: all linear 0ms !important;
    -o-transition: all linear 0ms !important;
    -moz-transition: all linear 0ms !important;
    -webkit-transition: all linear 0ms !important;
}
.button:hover, 
a.button:hover, 
#page-nav a:hover, 
#posts-nav a:hover, 
input#submit:hover,
#searchsubmit:hover,
#page-nav a:hover,
#posts-nav a:hover,
.reply a.comment-reply-link:hover,
.comment-reply-link:hover {
	background-color: #90C2D1;
	background-position: top;
    text-decoration: none;
}
.button:active, 
a.button:active, 
#page-nav a:active, 
#posts-nav a:active, 
input#submit:active,
#searchsubmit:active,
#page-nav a:active,
#posts-nav a:active,
.reply a.comment-reply-link:active,
.comment-reply-link:active {
	background: #81B2C1 url('images/overlay-inv.png') repeat-x top;
    -moz-box-shadow: inset 0 3px 3px rgba(0,0,0,0.4), 0 0 1px rgba(255,255,255,0.4);
    -webkit-box-shadow: inset 0 3px 3px rgba(0,0,0,0.4), 0 0 1px rgba(255,255,255,0.4);
    box-shadow: inset 0 3px 3px rgba(0,0,0,0.4), 0 0 1px rgba(255,255,255,0.4);
    color: #FFFFFF;
    top: 1px;
}

.button.large {
	padding: 10px 30px !important;
}

/* OLD BUTTONS CSS

.button, .button:visited, a.button, a.button:visited, #page-nav a, #posts-nav a, .reply a.comment-reply-link, .comment-reply-link {
	background: #81B2C1 url(images/overlay.png) repeat-x top;
	border: 1px solid #58818D;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font: 16px "proxima-nova-1","proxima-nova-2",sans-serif;
	font-weight: bold;
	line-height: 18px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	padding: 9px 15px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.35);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	transition: background linear 300ms;
    -o-transition: background linear 300ms;
    -moz-transition: background linear 300ms;
    -webkit-transition: background linear 300ms;
}

.button:hover, a.button:hover, #page-nav a:hover, #posts-nav a:hover, input#submit:hover, .reply a.comment-reply-link:hover{
	background: #628996 url(images/overlay.png) repeat-x top;
}

.button:active, a.button:active, #page-nav a:active, #posts-nav a:active, input#submit:active, .reply a.comment-reply-link:active {
	background: #648591 url(images/overlay.png) repeat-x top;
	border: 1px solid #426975;
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.4);
	position: relative;
	top: 1px;
}

.button-orange, .button-orange:visited, a.button-orange, a.button-orange:visited {
	background: #FFBC58 url(images/overlay.png) repeat-x top;
	border: 1px solid #C2852B;
	border-radius: 25px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font: 26px "proxima-nova-1","proxima-nova-2",sans-serif;
	font-weight: bold;
	line-height: 18px;
	margin: 10px 0 0;
	-moz-border-radius: 25px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	padding: 15px 34px 15px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.35);
	-webkit-border-radius: 25px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	transition: background linear 200ms;
    -o-transition: background linear 200ms;
    -moz-transition: background linear 200ms;
    -webkit-transition: background linear 200ms;
}

.button-orange:hover, a.button-orange:hover {
	background: #E29523 url(images/overlay.png) repeat-x top;
}

.button-orange:active, a.button-orange:active {
	background: #B45C15 url(images/overlay.png) repeat-x top;
	border: 1px solid #DB7552;
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.4);
	position: relative;
	top: 1px;
}

#submit {
	height: 30px !important;
	width: 150px;
}

*/

li.tag-bubble a {
	background: #B9B9B9 url(images/overlay.png) repeat-x top;
	border: 1px solid #888888;
	border-radius: 25px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font: 12px "proxima-nova-1","proxima-nova-2",sans-serif;
	font-weight: normal;
	line-height: 18px;
	margin: 0 3px 3px 0;
	-moz-border-radius: 25px;
	padding: 2px 10px 3px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 -1px 1px #888888;
	text-transform: lowercase;
	-webkit-border-radius: 25px;
	transition: background linear 10ms;
    -o-transition: background linear 10ms;
    -moz-transition: background linear 10ms;
    -webkit-transition: background linear 10ms;
}

li.tag-bubble a:hover {
	background: #868686 url(images/overlay.png) repeat-x top;
}

li.tag-bubble a:active {
	background: #868686 url(images/overlay.png) repeat-x top;
	position: relative;
	top: 1px;
}

li.tag-bubble a {
	color: #FFF;
	font-weight: bold;
}

/* ================ */
/* ! HTML5 PLAYER   */
/* ================ */

#html5-player {
	background: #000;
	text-shadow: 0 -1px 1px #000;
	width: 100%;
}

#page-header.four-oh-four {
	background: url(images/404-header.png) no-repeat top;
	height: 192px;
	margin: 0 0 245px;
	width: 950px;
}

#page-header.four-oh-four a {
	display: block;
	height: 192px;
	width: 950px;
}

/* =================================================== */
/* ! Gravity Forms Inputs
/* =================================================== */	

h3.gform_title {
	margin: 0 0 20px;
}

#input_2_1, #input_2_2, #input_2_3, #input_2_5, .medium {
	background: url(images/input-small.png) no-repeat top;
	border: 0px none;
	color: #898989;
	font: bold 14px "proxima-nova-1","proxima-nova-2",sans-serif;
	height: 22px;
	line-height: 14px;
	margin: 0 0 4px;
	padding: 5px 5px 5px 8px;
	text-shadow: none;
	width: 304px;
}

#input_2_4, .textarea.medium {
	background: url(images/input-big.png) no-repeat top left;
	border: 0px none;
	color: #898989;
	font: bold 14px "proxima-nova-1","proxima-nova-2",sans-serif;
	height: 185px;
	line-height: 20px;
	margin: 0 0 4px;
	padding: 15px;
	text-shadow: none;
	width: 536px;
}

.gform_heading {
	margin: 0 0 20px;
}

span.gfield_required, span.required {
	color: red;
	font: bold 20px "proxima-nova-1","proxima-nova-2",sans-serif;
	left: 5px;
	position: relative;
	top: 7px;
}

.db-body {
	margin: 4px 0 0;
}

.gform_wrapper li {
	list-style: none !important;
}