/*
Theme Name: Vertigo
Theme URI: https://wordpress.com/themes/vertigo/
Description: A stylish and fun theme with one column, a custom header, and a custom accent color. It includes special styles for Aside, Gallery, Image, Quote, Link, Chat, Status, Audio and Video post formats. Inspired by the design work of the late Saul Bass, and based on the original design by Matthew Buchanan.
Version: 1.50.3
Author: Matthew Buchanan
Author URI: http://matthewbuchanan.name/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, dark, red, one-column, fixed-layout, custom-colors, custom-header, custom-menu, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

/* Inspired by the work of <a href="http://saulbass.tv">SAUL BASS</a>, ART GOODMAN, and DAVE NAGATA. Hitchcock typeface by <a href="http://typographica.org/001110.php" target="_blank">MATT TERICH</a>. */

/* =Global CSS Reset
-------------------------------------------------------------- */
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 {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* =Clear Fix
-------------------------------------------------------------- */
.clear {
	clear: both;
	display: block;
}
.clear-fix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}


/* =Structure
-------------------------------------------------------------- */
html {
	background-color: transparent;
}
html,
body {
	height: 100%;
}
body {
	background-color: #000;
}
#page {
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	width: 960px;
}
#main {
	margin: 60px 0 0 0;
}
#colophon {
	clear: both;
	display: block;
	width: 100%;
}
/* Text meant only for screen readers */
.screen-reader-text,
.section-heading {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin: 0 20px 0 0;
}
.alignright {
	display: inline;
	float: right;
	margin: 0 0 0 20px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* =Fonts
-------------------------------------------------------------- */

body {
	font: normal 62.5%/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ddd;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal
}
a {
	outline: none;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
ul,
li,
ol {
	font-size: 1.0em;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}


/* =Header
-------------------------------------------------------------- */

#branding {
	background: url(images/header-bg.png) no-repeat 50% 0;
	padding: 110px 0 0 0;
}
#site-title {
	color: #fff;
	font-size: 49px;
	line-height: 54px;
	text-align: center;
	text-transform: uppercase;
}
#site-description {
	color: #fff;
	font-size: 13px;
	line-height: 1.2em;
	margin: 0 auto;
	padding: 15px 0 0px 120px;
	text-align: center;
	width: 500px;
}


/* =Content
-------------------------------------------------------------- */

/* Global elements & format */
.pagetype {
	color: #666;
	font-size: 13px;
	margin: -10px 0 30px;
	padding: 0 0 20px 415px;
	text-transform: lowercase;
}
.pagetype span {
	border: 1px solid #222;
	padding: 0.66em 1em;
}
.pagetype span a {
	color: #fff;
	text-transform: uppercase;
}
.pagetype span span {
	border: 0;
	padding: 0;
	text-transform: uppercase;
}
.post {
	display: block;
	margin-bottom: 60px;
}
.single .post {
	margin-bottom: 20px;
}
.container {
	position: relative;
}
.entry-header {
	display: block;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.entry-meta {
	clear: both;
	color: #bbb;
	font-size: 13px;
	line-height: 1.54em;
}
.comments-link {
	color: #777;
	font-size: 13px;
	line-height: 1.54em;
	text-transform: uppercase;
}
.comments-link a {

}
.comments-link a:hover {
	text-decoration: none;
}
.comments-link a b {
	margin-right: 5px;
}
.edit-link,
.edit-link a {
	color: #777;
}
.entry-info {
	left: 0;
	position: absolute;
	top: 35px;
	width: 220px;
}
.entry-info .permalink {
	background: url(images/permalink.png) no-repeat scroll 0 0 transparent;
	height: 30px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}
.entry-info .permalink a {
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 30px;
	width: 30px;
}
.entry-info .data {
	background-color: #000;
	color: #666;
	margin-right: 40px;
	opacity: 0;
	text-align: right;
}
.data {
	font-size: 12px;
	line-height: 1.8em;
}
.data .posted {
	border-bottom: 1px solid #333;
	padding: 0 0 0.2em 0;
}
.data a:hover {
	text-decoration: none;
}
.page-link {
	clear: both;
	margin: 0 0 1em;
}
#author-info-box {
	border-bottom: 1px solid #222;
	border-top: 1px solid #222;
	color: #bbb;
	font-size: 12px;
	line-height: 1.5833em;
	margin: 20px 0 0 0;
	padding: 20px 0;
}
#author-info-title {
	color: #fff;
}
#author-description,
#author-link {
	padding: 0 0 0 40px;
}
.hidden {
	display: none;
}
/* Contents format - Global */
.entry-title {
	font-size: 35px;
	line-height: 1.3em;
	margin: 5px 0 15px;
	text-transform: uppercase;
}
.entry-title a {
	color: #fff!important;
}
.entry-title a:hover {
	text-decoration: none;
}
.hitchcock {
	margin: 0 0 15px;
}
.entry-content {
	color: #bbb;
	font-size: 13px;
	line-height: 1.54em;
}
.entry-content ul,
.comment-body ul {
	list-style: square;
	margin: 0 0 20px 1.5em;
}
.entry-content ol,
.comment-body ol {
	list-style: decimal;
	margin: 0 0 20px 1.5em;
}
.entry-content ol ol,
.comment-body ol ol {
	list-style: upper-alpha;
}
.entry-content ol ol ol,
.comment-body ol ol ol {
	list-style: lower-roman;
}
.entry-content ol ol ol ol,
.comment-body ol ol ol ol {
	list-style: lower-alpha;
}
.entry-content dl,
.comment-body dl {
	margin: 0 0 20px 0;
}
.entry-content dt,
.comment-body dt {
	font-weight: bold;
}
.entry-content dd,
.comment-body dd {
	margin-bottom: 20px;
}
.entry-content strong,
.comment-body strong {
	font-weight: bold;
}
.entry-content cite,
.entry-content em,
.entry-content i,
.comment-body cite,
.comment-body em,
.comment-body i {
	font-style: italic;
}
.entry-content big,
.comment-body big {
	font-size: 131.25%;
}
.entry-content ins,
.comment-body ins {
	background: #222;
	text-decoration: none;
}
.entry-content blockquote,
.comment-body blockquote {
	font-style: italic;
	padding: 0 3em;
}
.entry-content blockquote cite,
.entry-content blockquote em,
.entry-content blockquote i,
.comment-body blockquote cite,
.comment-body blockquote em,
.comment-body blockquote i {
	font-style: normal;
}
.entry-content pre,
.comment-body pre {
	background: #111;
	border: 1px solid #222;
	color: #fff;
	line-height: 18px;
	margin-bottom: 18px;
	overflow: auto;
	padding: 1.5em;
}
.entry-content abbr,
.entry-content acronym,
.comment-body abbr,
.comment-body acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
.entry-content sup,
.entry-content sub,
.comment-body sup,
.comment-body sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
.entry-content sup,
.comment-body sup {
	bottom: 1ex;
}
.entry-content sub,
.comment-body sub {
	top: .5ex;
}
.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content dd,
.entry-content pre,
.entry-content hr {
	margin-bottom: 20px;
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
	margin-bottom: 0;
}
.comment-body p,
.comment-body ul,
.comment-body ol,
.comment-body dd,
.comment-body pre,
.comment-body hr {
	margin-bottom: 18px;
}
.comment-body ul ul,
.comment-body ol ol,
.comment-body ul ol,
.comment-body ol ul {
	margin-bottom: 0;
}
.entry-content pre,
.entry-content kbd,
.entry-content tt,
.entry-content var,
.comment-body pre,
.comment-body kbd,
.comment-body tt,
.comment-body var {
	font-size: 15px;
	line-height: 20px;
}
.entry-content code,
.comment-body code {
	font-size: 13px;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.comment-body h1,
.comment-body h2,
.comment-body h3,
.comment-body h4,
.comment-body h5,
.comment-body h6 {
	line-height: 1.5em;
	margin: 0 0 20px 0;
}
.entry-content h1,
.comment-body h1 {
	font-size: 26px;
}
.entry-content h2,
.comment-body h2 {
	font-size: 24px;
}
.entry-content h3,
.comment-body h3 {
	font-size: 21px;
}
.entry-content h4,
.comment-body h4 {
	font-size: 19px;
}
.entry-content h5,
.comment-body h5 {
	font-size: 15px;
}
.entry-content h6,
.comment-body h6 {
	font-size: 13px;
}
.entry-content table,
.comment-body table {
	border: 1px solid #222;
	margin: 0 -1px 20px 0;
	text-align: left;
	width: 100%;
}
.entry-content tr th,
.entry-content thead th,
.comment-body tr th,
.comment-body thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	padding: 9px 24px;
}
.entry-content tr td,
.comment-body tr td {
	border-top: 1px solid #222;
	padding: 6px 24px;
}
.entry-content tr.alternate td,
.comment-body tr.alternate td {
	background: #111;
}
.entry-content sup,
.entry-content sub,
.comment-body sup,
.comment-body sub {
	font-size: 10px;
}
.entry-content address,
.comment-body address {
	margin: 0 0 20px;
}


/* 404 */
.error404 .container {
	background: url(images/text-bg.png) no-repeat scroll 600px 0 transparent;
	padding: 35px 270px 0 260px;
}
.error404 .widgettitle {
	font-size: 18px;
	margin: 0 0 10px 0;
}
.error404 .widget {
	margin: 20px 0 0 0;
}

/* Standard Posts */
.format-standard .container {
	background: url(images/text-bg.png) no-repeat scroll 600px 0 transparent;
	padding: 35px 270px 0 260px;
}
.format-standard .entry-content p {
	margin: 0 0 20px 0;
}
.format-standard .entry-content p + p {
	text-indent: 2.5em;
}
.format-standard .entry-content blockquote p + p {
	text-indent: 0em;
}

/* Video Posts */
.format-video {
	background: url(images/video-bg.png) repeat-y 250px 100%;
	margin-bottom: 40px;
}
.format-video .container {
	background: url(images/video-projector.png) no-repeat 250px 100%;
	padding: 0 285px 165px 275px;
}
.format-video .projector {
	background: url(images/video-projector-anim.gif) no-repeat 0 0;
	bottom: 54px;
	height: 100px;
	left: 805px;
	position: absolute;
	width: 80px;
}
.format-video .video-holder {
	background: url(images/video-top.png) no-repeat 0 0;
	margin: 0 -35px 1em -35px;
	padding: 50px 0 0 35px;
}
.format-video .video-holder p {
	width: 400px;
}

/* Audio Posts */
.format-audio .container {
	background: url(images/audio-cite-bg.png) no-repeat 200px 100%;
	padding: 10px 270px 0 260px;
}
.format-audio .embed {
	background: url(images/audio-bg.png) no-repeat -13px 0;
	height: 220px;
	margin-bottom: 10px;
	padding: 30px 0 0 40px;
	width: 360px;
}
.format-audio .cassette {
	background: url(images/audio-cassette-anim.gif) no-repeat 7px 0;
	height: 120px;
	left: 281px;
	position: absolute;
	top: 81px;
	width: 275px;
}
.player audio {
	display: none;
}
.format-audio .wp-audio-shortcode {
	margin-bottom: 15px;
}
.vertigo-mp3 .hentry.mp3 audio,
.vertigo-ogg .hentry.ogg audio,
.vertigo-wav .hentry.wav audio {
	display: block;
}
.vertigo-mp3 .hentry.mp3 .audio-file-link,
.vertigo-ogg .hentry.ogg .audio-file-link,
.vertigo-wav .hentry.wav .audio-file-link {
	display: none;
}

/* Aside and Status Posts */
.format-aside .container,
.format-status .container {
	background: url(images/text-bg.png) no-repeat scroll 600px 0 transparent;
	padding: 35px 270px 0 260px;
}

/* Status Posts */
.format-status .container {
	background: url(images/status-bg.png) no-repeat scroll 240px 20px transparent;
}
.format-status .entry-content {
	padding-left: 75px;
}
.format-status .avatar {
	background: transparent;
	position: absolute;
	top: 15px;
	left: 130px;
}

/* Gallery Posts */
.format-gallery .container,
.single-attachment .container {
	background: url(images/text-bg.png) no-repeat scroll 600px 0 transparent;
	padding: 35px 270px 0 260px;
}
figure {
	margin: 0;
	padding: 0;
}
.format-gallery .gallery-thumb {
	float: left;
	margin-right: 1em;
}
.format-gallery .entry-meta {
	padding: 20px 0 0 0;
}
/* Image Posts */
.format-image .container {
	padding: 20px 270px 0 240px;
}
.format-image .photo-wrap {
	background: url(images/photo-bg.png) no-repeat scroll 0 0 transparent;
	padding: 25px 20px 0;
}
.format-image .photo-wrap img {
	border: 3px solid #000;
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.format-image .photo-wrap img:hover {
	border-style: solid;
	border-width: 3px;
}
.format-image .photo-wrap .frame {
	background: url(images/photo-bg.png) no-repeat scroll 0 100% transparent;
	height: 30px;
	margin-left: -20px;
	margin-right: -20px;
}
.format-image .entry-info {
	top: 45px;
}

/* Quote Posts */
.format-quote {
	margin-top: -20px;
}
.format-quote .container {
	background: url(images/quote-bg.png) no-repeat 710px 0;
	padding: 30px 260px 0 240px;
}
.format-quote .entry-content {
	color: #fff;
	font-size: 18px;
	line-height: 1.35em;
}
.format-quote .entry-content blockquote {
	font-style: normal;
	padding: 0;
}
.format-quote .source {
	background: url(images/quote-cite-bg.png) no-repeat 0 0;
	color: #bbb;
	font-size: 13px;
	line-height: 154%;
	margin-top: 10px;
	min-height: 80px;
	padding: 50px 20px 0 20px;
	width: 430px;
}
.format-quote .hand {
	float: left;
	height: 80px;
	width: 150px;
}
.format-quote .entry-info {
	top: 28px;
}

/* Chat Posts */
.format-chat .container {
	padding: 0px 240px 0 210px;
}
.format-chat .entry-header {
	padding: 0px 0 0 50px;
}
.format-chat .entry-title {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 25px;
}
.format-chat .entry-content {
	padding: 0 40px 0 50px;
}
.format-chat .entry-content p,
.format-chat .entry-content h1,
.format-chat .entry-content h2,
.format-chat .entry-content h3,
.format-chat .entry-content h4,
.format-chat .entry-content h5,
.format-chat .entry-content h6,
.format-chat .entry-content blockquote,
.format-chat .entry-content dl,
.format-chat .entry-content > ul,
.format-chat .entry-content > ol {
	background: url(images/chat-bg.png) repeat-y 0 0;
	color: #fff;
	margin: 0 -40px 5px -50px;
	padding: 5px 40px 5px 50px;
}
.format-chat .entry-content > ul,
.format-chat .entry-content > ol {
	padding: 5px 40px 5px 70px;
}
.format-chat .entry-content p {
	font-size: 15px;
	line-height: 1.3em;
}
.format-chat .entry-content p:nth-child(even) {
	background-position: 0 100%;
}
.format-chat .entry-content blockquote p,
.format-chat .entry-content blockquote p:nth-child(even) {
	background: none;
	margin: 0 0 20px 0;
	padding: 0;
}
.format-chat .entry-meta {
	padding: 20px 40px 0 50px;
}
.format-chat .entry-info {
	top: 0;
}

/* Links Posts */
.format-link .container {
	padding: 0 0 0 240px;
}
.format-link .entry-header {
	min-height: 90px;
	position: relative;
	width: 590px;
}
.format-link .hand {
	background-image: url(images/link-hand.png);
	background-position: 100% 0;
	background-repeat: no-repeat;
	height: 90px;
	position: absolute;
	right: 0;
	top: 0;
	width: 165px;
}
.format-link .entry-title {
	background-image: url(images/link-top.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 26px;
	margin: 0 165px 0 0;
}
.format-link .entry-title span {
	background: transparent url(images/link-bot.png) no-repeat 0 100%;
	display: block;
	padding: 35px 0 20px 20px;
}
.format-link .entry-content {
	padding: 0 270px 0 20px;
}
.format-link .entry-content p:first-child a {
	display: none;
}
.format-link .entry-meta {
	padding: 0 0 0 20px;
}

/* Page */
.type-page .container {
	background: url(images/text-bg.png) no-repeat scroll 600px 0 transparent;
	padding: 35px 270px 0 260px;
}
.type-page .entry-content p {
	margin: 0 0 20px 0;
}
.type-page .entry-content p + p {
	text-indent: 2.5em;
}

/* Image Attachments */
.attachment {
	margin: 0 0 18px 0;
}
.entry-utility {
	color: #BBBBBB;
	font-size: 13px;
	line-height: 1.54em;
}
#image-navigation {
	padding: 0 0 18px 0;
}
.previous-image,
.next-image {
	font-size: 11px;
	text-transform: uppercase;
	width: 50%;
	float: left;
	line-height: 1.54em;
}
.next-image {
	float: right;
	text-align: right;
}

/* Sticky Posts */
.sticky .container {
	background-position: 700px 0;
}
.sticky .data .posted {
	display: none;
}


/* =Images
-------------------------------------------------------------- */

a img {
	border: none;
}
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.entry-attachment img,
.widget-area img {
	height: auto; /* Override height to match resized width for correct aspect ratio. */
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
}
#ie8 img.size-auto,
#ie8 img.size-full,
#ie8 img.size-large,
#ie8 img.size-medium,
#ie8 .entry-attachment img,
#ie8 .widget-area img {
	width: auto; /* Necessary for IE8 to resize images correctly. */
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}
.wp-caption {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	max-width: 100%;
	text-align: center;
	background: #111;
	border: 1px solid #222;
	color: #fff;
	line-height: 18px;
	margin-bottom: 18px;
	overflow: auto;
	padding: 1.5em;
}
.wp-caption img {
	margin: .25em;
}
#content .wp-caption p {
	margin-bottom: 0;
}
.wp-caption .wp-caption-text {
	margin: .5em 0;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #222;
	max-width: 90%;
	height: auto;
}
.gallery-columns-2 .attachment-medium {
	height: auto;
	max-width: 92%;
}
.gallery-columns-4 .attachment-thumbnail {
	height: auto;
	max-width: 84%;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 10px;
	line-height: 1.5em;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery br+br {
	display: none;
}
#content .entry-attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}


/* =Forms
-------------------------------------------------------------- */

#searchform label {
	display: none;
}
#searchform input#s {
	width: 60%;
}
input[type=text],
input[type=email],
input#s {
	margin: 0 1em 0 0;
	width: 60%;
}


/* =Comments
-------------------------------------------------------------- */

#comments {
	clear: both;
	color: #888;
	padding: 40px 270px 0 260px;
}
#comments nav {
	margin: 20px 0;
	overflow: hidden;
}
#comments .nav-previous,
#comments .nav-next {
	margin-left: 0;
}
#comments .commentlist {
	clear: both;
}
#comments p {
	margin: 0 0 18px 0;
	font-size: 13px;
	line-height: 1.3846em;
}
#comments .pingback p {
	font-size: 12px;
	line-height: 1.5em;
	margin: 0;
}
#comments a {
	color: #fff;
}
#comments .pingback p a.comment-edit-link {
	font-size: 11px;
	line-height: 1.6363em;
}
#comments-title,
#reply-title {
	color: #fff;
	font-size: 24px;
	line-height: 1.2em;
	margin: 0 0 19px 0;
	text-transform: uppercase;
}
.commentlist > li {
	background: url(images/chat-bg.png) repeat-y 0 0;
	font-size: 11px;
	line-height: 1.6363em;
	margin: 0 -50px 5px -50px;
	padding: 5px 50px;
	width: 100%;
}
.commentlist > li.odd {
	background-position: 0 100%;
}
.avatar {
	background-color: #111;
	float: left;
	margin: 3px 10px 0 0;
	padding: 3px;
}
.comment-author {
	display: inline;
	font-size: 12px;
	line-height: 1.5em;
}
.comment-meta {
	display: inline-block;
}
#comments .comment-body p {
	font-size: 12px;
	line-height: 1.5em;
}
#comments .comment-body p:last-child {
	margin: 0;
}
.comment-body,
.reply {
	padding: 0 0 0 40px;
}
.comment-meta,
.reply {
	text-transform: uppercase;
}
.children li {
	border-top: dashed 1px #000;
	margin: 5px 0 0 0;
	padding: 5px 0 0 20px;
}
.bypostauthor {}
/* Comments form */
input[type="text"],
textarea {
	background: #333;
	border: none;
	color: #fff;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	padding: 4px;
}
#respond {
	margin: 0 0 24px;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	color: #bbb;
	font-size: 12px;
	line-height: 1.5em;
	margin: 0 0 19px 0;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
#reply-title {
	margin: 30px 0 18px;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 11px;
	font-weight: normal;
	line-height: 1.6363em;
}
#respond .required {
	font-weight: bold;
}
#respond label {
	color: #bbb;;
	font-size: 12px;
	line-height: 1.5em;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	margin: 0 0 10px 0;
	width: 98%;
}
#respond .form-allowed-tags {
	color: #bbb;
	font-size: 12px;
	line-height: 1.5em;
}
#respond .form-allowed-tags code {
	font-size: 11px;
	line-height: 1.6363em;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 12px;
	width: auto;
}
.required {
	color: #cc0033;
}
.comment-form-comment label {
	display: none;
}


/* =Widgets
-------------------------------------------------------------- */

#supplementary {
	border-top: 2px solid #222;
	clear: both;
	font-size: 14px;
	margin-top: 30px;
	padding: 1.625em 7.6%;
	overflow: hidden;
	text-align: center;
}
.widget {
	margin-bottom: 20px;
	max-width: 430px;
}
.widget-title {
	font-size: 16px;
	margin: 0 0 20px;
}
.widget li {
	margin: 5px;
}
/* Two Footer Widget Areas */
#supplementary.two .widget-area {
	float: left;
	margin-right: 3.7%;
	text-align: right;
	width: 48.1%;
}
#supplementary.two .widget-area .avatar {
	float: right;
}
#supplementary.two .widget-area + .widget-area .avatar {
	float: left;
}
#supplementary.two .widget-area + .widget-area {
	margin-right: 0;
	text-align: left;
}
/* Flickr */
.widget #flickr_badge_wrapper {
	background: transparent;
}


/* =Footer
-------------------------------------------------------------- */

#access {
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	text-align: center;
	width: 100%;
}
#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access li {
	display: inline-block;
	margin: 0;
	padding: 0;
	position: relative;
}
#access a {
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
}
#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	text-align: left;
	width: 188px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #000;
	border-bottom: 1px solid #333;
	font-size: 11px;
	font-weight: normal;
	height: auto;
	line-height: 1em;
	padding: 10px 10px;
	width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #111;
}
#access li:hover > a {
	background: #111;
}
#access ul li:hover > ul {
	display: block;
}
#access .current_page_item a {
	border-bottom: 1px dotted #fff;
}
#colophon {
	background: transparent url(images/footer-bg.png) no-repeat scroll 50% 0 ;
	margin: 0 auto;
	padding: 60px 0;
	width: 960px;
}
#site-generator,
#colophon .pages {
	clear: both;
	color: #666;
	font-size: 13px;
	line-height: 130%;
	padding-top: 1em;
	text-align: center;
}
#site-generator a {
	color: #999;
	text-transform: uppercase;
}
#site-generator #wordpress {
	text-transform: none;
}
/* page and post navigation */
.nav-previous,
.nav-next {
	background: transparent url(images/nav-older-bg.png) no-repeat scroll 0 0 ;
	float: left;
	height: 40px;
	margin-left: 285px;
	width: 180px;
}
.nav-next {
	background-image: url(images/nav-newer-bg.png);
	margin-left: 20px;
}
.nav-previous a,
.nav-next a {
	background-image: url(images/nav-older.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 40px;
	overflow: hidden;
	text-indent: -999em;
}
.nav-next a {
	background-image: url(images/nav-newer.png);
}
.nav-previous a:hover,
.nav-next a:hover {
	background-position: 0 -40px;
}
#colophon .pages {
	color: #333;
}
/* logo and controls */
#colophon #wordpress-logo {
	background: transparent url(images/wordpress-logo.png) no-repeat scroll 0 0 ;
	bottom: 0;
	height: 30px;
	left: 220px;
	overflow: hidden;
	position: absolute;
	text-indent: -999em;
	width: 100px;
}
#colophon #controls {
	background-image: url(images/footer-controls.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	bottom: 0;
	height: 30px;
	left: 640px;
	position: absolute;
	width: 100px;
}
#colophon #controls li, #colophon #controls li a {
	display: block;
	float: left;
	height: 30px;
	width: 30px;
}
#colophon #controls li a {
	overflow: hidden;
	text-indent: -9999em;
}
/* search */
#colophon #searchform {
	background: url(images/search-bg.png) no-repeat 0 0;
	bottom: 0;
	display: none;
	height: 30px;
	left: 480px;
	position: absolute;
	width: 160px;
	z-index: 10;
}
#colophon #s {
	background-color: #333;
	border: none;
	bottom: 3px;
	color: #fff;
	font-size: 130%;
	height: 16px;
	left: 8px;
	position: absolute;
	width: 150px;
}
#searchsubmit {
	display: none;
}


/* wpcom
-------------------------------------------------------------- */

#content .wpl-likebox {
	margin: 0 0 0 260px!important;
	width: 430px;
}
img#wpstats {
	display: none;
}
.sharing {
	clear: both;
	color: #777;
	padding: 0 0 20px 0!important;
}
.entry-content .sharing a {
	color: #fff;
}
.sharing_label {
	font-weight: normal!important;
}


/* IE7 styles
-------------------------------------------------------------- */
#ie7 .entry-info .data {
	filter: alpha(opacity=0);
	zoom: 1;
}
#ie7 .clear-fix {
	height: 1%;
}

/* IE8 styles
-------------------------------------------------------------- */
#ie8 .entry-info .data {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
/**
 * Theme Name: Vertigo
 *
 * This stylesheet will be loaded when Infinite Scroll (IS) is enabled.
 * It is enqueued in vertigo.php via vertigo_infinite_scroll_enqueue_styles().
 *
 * Three of the classes that are available to body when IS is enabled are .infinite-scroll, .neverending, and .infinity-end.
 *
 * .infinite-scroll is always available; it's used for hiding common site navigation and adjusting common margins.
 * .neverending will be added to body when IS is set to 'scroll'.
 * .infinity-end is added to body when IS has completed and body is no longer set to 'scroll'.
 *
 * The checks for whether or not a site is set to scroll are located in infinite_scroll_has_footer_widgets().
 */


/**
 * Globally hidden elements when IS is supported and in use.
 */
.infinite-scroll.neverending #access, /* The footer navigation menu (when set to scrolling) */
.infinite-scroll #nav-below, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll p.pages, /* Page x of total pages shown in footer of this theme (always hidden) */
.infinite-scroll.neverending #colophon { /* Theme Footer (when set to scrolling) */
	display: none;
}
.infinite-scroll.neverending #content { /* Content container (when set to scrolling) */
	padding-bottom: 62px;
}


/**
 * When IS has reached its end we need to re-display elements that were hidden (via .neverending) before
 */
.infinity-end.neverending #access,
.infinity-end.neverending #colophon {
	display: block;
}
.infinity-end.neverending #content {
	padding-bottom: 0;
}


/**
 * Global style tweaks when IS is supported and in use
 */
.infinite-scroll .infinite-wrap, /* Each IS loop content wrapper (multiple instances) */
.infinite-scroll .infinite-loader, /* Each IS loading spinner (multiple instances) */
.infinite-scroll #infinite-handle /* The Load more posts button */ {
	clear: both;
}
.infinite-scroll .infinite-wrap {
	border-top: none;
	padding: 0;
}


/**
 * Make sure that clicking Load more posts doesn't cause any jarringness.
 */
.infinite-scroll #infinite-handle {
	float: left;
	height: 90px;
	margin-left: 260px;
}
.infinite-scroll #infinite-handle span {
	display: block;
	margin: 10px 0;
}
.infinite-scroll .infinite-loader {
	color: #ee3322;
	margin: 0 0 62px 260px;
}


/**
 * IS footer color styling, for when the default white styles won't look good
 */
#infinite-footer .container { /* IS footer container */
	background: rgba( 0, 0, 0, 0.8 );
	border-color: #000;
}
#infinite-footer .blog-info a, /* This is the site title link in the left side of the footer */
#infinite-footer .blog-credits { /* This is the normal "Theme: " text */
	color: #999;
}
#infinite-footer .blog-credits a { /* Blog at WordPress.com and Theme Name links */
	color: #666;
}
#infinite-footer .blog-info a:hover,
#infinite-footer .blog-credits a:hover { /* Link hovers */
	color: #ddd;
}