/*
Theme Name: Our Blue Life
Theme URI: http://ourbluelife.com
Description: Custom theme for Our Blue Life, reset from backup
Version: 2.5pre1
Author: Greg Haskins
Author URI: http://greghaskins.com/
*/

/*
@import "style/layout.css";
@import "style/typography.css";
@import "style/color.css";
*/

/* COLOR reference:
	
	white
	black
	light sky blue: #bbd5f0
	darker sky blue: #7eb7e5
	medium blue: #0055aa
	pale blue: #dde6f0
	pale gray: #f0f0f0
	medium gray: #999999
	
	hover links: #3388CC
	
	footer gradient: #7eb7e5 -> #bbd5f0
	
*/

/* ======================= */
/* = Reset and Normalize = */
/* ======================= */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td, object { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
header, nav, section, article, dialog, figure, aside, footer, hgroup {display:block; margin:0; padding:0;} /* HTML5 */

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
div, p, header, nav, section, article, dialog, figure, aside, footer, hgroup { position:relative; overflow:hidden; } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
address {display:inline;} /*theme default*/
.hidden {display:none;}

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

/* font advice from here: http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/ */
body { font-family: Verdana, Geneva, Tahoma, 'DejaVu Sans', 'Bitstream Vera Sans', sans-serif; font-size: 13px; letter-spacing:normal; line-height:19px;}
h1, h2, h3, h4, h5, h6, #site-quote, .pull-quote { font-family: Georgia, Times, "Times New Roman", serif; font-style:italic; font-weight: normal; font-size:19px; line-height:19px;}
small, .fine-print {font-size:10px; line-height:10px; padding:6px 0 3px;}
div {line-height:19px;}
p {line-height:19px; margin-bottom:19px;}
p ol, p ul {list-style:auto; margin-bottom:19px;}
/**:last-child {margin-bottom:0;}*/

/* old heading styles
h1 {font-size:38px; line-height:57px; margin-bottom:19px;}
h2 {font-size:26px; line-height:38px; margin-bottom:19px;}
h3 {font-size:19px; line-height:19px; margin-bottom:19px;}
h4, h5, h6 {font-weight:bold; margin-bottom:0;}
*/

h1 {
	font-size:76px; 
	line-height:76px;
	margin-bottom:19px;
}
h2, article h1, aside h1, nav h1, section h1 {
	font-size:38px; 
	line-height:57px;
	border-bottom: 1px solid #999999;
	padding: 9px 10px;
	margin-bottom:19px;
	clear: both;
}
.pull-quote, #site-quote, h3, article h2, aside h2, nav h2, section h2, article article h1, article aside h1, article nav h1, article section h1, aside article h1, aside aside h1, aside nav h1, aside section h1, nav article h1, nav aside h1, nav nav h1, nav section h1, section article h1, section aside h1, section nav h1, section section h1 {
	font-size:26px; 
	line-height:38px;
	margin-bottom:19px;
	padding:0;
	clear:none;
	border:none;
}
h4, h5, h6, article h3, aside h3, nav h3, section h3, article article h2, article aside h2, article nav h2, article section h2, aside article h2, aside aside h2, aside nav h2, aside section h2, nav article h2, nav aside h2, nav nav h2, nav section h2, section article h2, section aside h2, section nav h2, section section h2, article article article h1, article article aside h1, article article nav h1, article article section h1, article aside article h1, article aside aside h1, article aside nav h1, article aside section h1, article nav article h1, article nav aside h1, article nav nav h1, article nav section h1, article section article h1, article section aside h1, article section nav h1, article section section h1, aside article article h1, aside article aside h1, aside article nav h1, aside article section h1, aside aside article h1, aside aside aside h1, aside aside nav h1, aside aside section h1, aside nav article h1, aside nav aside h1, aside nav nav h1, aside nav section h1, aside section article h1, aside section aside h1, aside section nav h1, aside section section h1, nav article article h1, nav article aside h1, nav article nav h1, nav article section h1, nav aside article h1, nav aside aside h1, nav aside nav h1, nav aside section h1, nav nav article h1, nav nav aside h1, nav nav nav h1, nav nav section h1, nav section article h1, nav section aside h1, nav section nav h1, nav section section h1, section article article h1, section article aside h1, section article nav h1, section article section h1, section aside article h1, section aside aside h1, section aside nav h1, section aside section h1, section nav article h1, section nav aside h1, section nav nav h1, section nav section h1, section section article h1, section section aside h1, section section nav h1, section section section h1 {
	border:none;
	clear:none;
	padding:0;
	font-size:19px;
	line-height:19px;
	margin-bottom:19px;
}

/* ====================== */
/* = Wordpress defaults = */
/* ====================== */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-caption {/*border:1px solid #666;
	text-align: center;
	background: #ccc;
	padding: 10px;
	margin: 10px;*/
}

/* You might find the following useful */
br.dirtyLittleTrick {
	clear: both;
	display: block;
	height: 1px;
	margin: -1px 0 0 0
}

.block-visible {
	display: block;
}
.inline-visible {
	display: inline;
}
.invisible {
	display: none;
}

/* ================ */
/* = Flow content = */
/* ================ */

p {
	margin-left:-10px;
	margin-right:-10px;
	padding-left:10px;
	padding-right:10px;
}

article ul, section ul {
	list-style:none;
	padding-left:10px;
	text-indent:-10px;
	margin-left:-10px;
}
article ol, section ol {
	list-style:auto;
}
article ul li:before, section ul li:before {
	content:'-';
	width:10px;
	display:block;
	float:left;
}
article dd {
	color:#999999;
	width:80px;
	margin-right:10px;
	float:left;
	clear:both;
}
article dt {
	width:380px;
	display:block;
	float:left;
	text-indent:-10px;
	padding-left:10px;
}
article dt:before {
	content:':';
	width:13px;
	display:block;
	float:left;
	color:#999999;
	margin-left:-3px;
}
blockquote {
	font-style:italic; 
	background:transparent url(images/left-quote.png) no-repeat scroll top left;
	/*background:transparent url(images/right-quote.png) no-repeat scroll bottom right;*/
}
blockquote > * {
	padding-left:40px;
	padding-right:40px;
	line-height:inherit;
	margin-bottom:0;
}
blockquote > p {
	margin-left:0;
	margin-right:0;
}
blockquote > * + * {
	margin-top:19px;
}
blockquote > :last-child {
	/*background:transparent url(images/left-quote.png) no-repeat scroll top left;*/
	background:transparent url(images/right-quote.png) no-repeat scroll bottom right;
	min-height:38px;
}
blockquote.pull-quote > :last-child, blockquote.pull-quote {
	background:none;
}
blockquote.pull-quote > :first-child:before {
	background:transparent url(images/left-quote.png) no-repeat scroll top left;
	display:inline-block;
	margin-right:-11px;
	margin-left:-40px;
	margin-top:-16px;
	line-height:0;
	width:51px;
	height:35px;
	content:'';
	vertical-align:bottom;
}
blockquote.pull-quote > :last-child:after {
	background:transparent url(images/right-quote.png) no-repeat scroll bottom right;
	display:inline-block;
	margin-left:-11px;
	margin-right:-40px;
	margin-top:-16px;
	line-height:0;
	width:51px;
	height:35px;
	content:'';
	vertical-align:bottom;
}
blockquote + p {
	margin-top:19px;
}
cite {
	font-style:italic;
}
.full-width {
	margin-left:-10px;
	margin-right:-10px;
}
p > figure.block-image {
	margin:19px 0;
}
figure.block-image {
	clear:both;
}
figure.float-image {
	float:left;
	padding:9px 10px 10px;
}
figure > a.image img, figure > img {
	display:block;
}
/*
nav > ul {
	padding:0;
	text-indent:0;
	float:none;
}
nav > ul li:before {
	content:'-';
	width:0;
}
*/
hr {
	border:none;
	border-bottom:1px solid #999999;
	margin-bottom:18px;
	margin-top:19px;
	height:0px;
}
a img {
	vertical-align:middle;
}
/* ================ */
/* = Grid overlay = */
/* ================ */

#grid-overlay {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -450px;
	padding: 0;
	width: 900px;
	background: url(images/grid.png) repeat scroll top left;
	display: none;
	z-index: 9999;
}
#grid-overlay a {
	background: black;
	color: white;
	width: 70px;
	padding: 5px;
}

/* ========= */
/* = Links = */
/* ========= */

a, a:visited { 
	color:#0055AA;  
	text-decoration:none; 
	cursor:pointer;
	cursor:hand; 
}
a:active, a:hover { 
	color:#3388CC;
}
a:active {
	outline:none;
}
h1 a, h1 a:visited {
	color:black;
}
h1 a:active, h1 a:hover {
	color:#333333;
}
h1 a:after, h1 a:hover:after, h1 a:active:after, h1 a:visited:after {
	content: '\00A0\00A0\25BA';
	font-size: 43%;
	line-height: inherit;
	font-style:normal;
	font-family: Verdana, Geneva, Tahoma, 'DejaVu Sans', 'Bitstream Vera Sans', sans-serif;;
	margin-left: 0px;
	vertical-align: top;
	color: #0055AA;
}
h1 a:hover:after, h1 a:active:after {
	color: #3388CC;
}
a[rel=feed] {
	padding-right: 13px;
	background: url(images/feed.png) no-repeat scroll right bottom;
}
a[rel=feed]:hover, a[rel=feed]:active {
	background-image: url(images/feed-active.png);
}
a[role=button]:after, a.more-link:after {
	content: '\00A0\25BA';
	margin-left:2px;
	line-height:0;
	font-size:50%;
	vertical-align:middle;
}

/* ====================== */
/* = Inputs and buttons = */
/* ====================== */

input, textarea, button {
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input, textarea {
	border: 1px solid #CCCCCC;
	width: 160px;
	padding: 9px;
	font-size: 13px;
	line-height: 19px;
	height:19px;
	margin: 9px 0;
	font-family: inherit;
	background-color:#F0F0F0; 
	vertical-align:middle;
}
input:focus, textarea:focus {
	border-color:#999999;
}
input[type=radio], input[type=checkbox], input[type=radio]:focus, input[type=checkbox]:focus {
	border:none;
	margin:9px 0 10px;
	padding:10px 0 9px;
}
textarea {
	height: 209px; /* traditional box model, includes padding. 18px margin and 2px border separate */
	width: 460px;
	resize: none; /* for webkit */
}
button, input[type=button], input[type=submit], a.button {
	border: 1px solid #CCCCCC;
	cursor: pointer;
	cursor: hand;
	margin: 9px 0;
	padding: 8px 0 10px;
	font-size: 13px;
	line-height: 19px;
	text-align: center;
	width: 178px;
	background-color:#F0F0F0; 
/*	color:#0055AA;*/
	color:#666666;
	display:inline-block;
}
button:hover, input[type=button]:hover, input[type=submit]:hover, a.button:hover, button:focus, input[type=button]:focus, input[type=submit]:focus, a.button:focus { 
	border-color:#999999;
}
figure div.play {
	position:absolute;
	top:50%;
	left:50%;
	width:100px;
	height:76px;
	margin-left:-50px;
	margin-top:-50px;
	padding-top:0px;
	padding-bottom:0px;
	background:black;
	display:none;
	opacity:0.4;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
}
figure div.play a {
	color:white;
	font-size:76px;
	line-height:73px;
	display:block;
	position:relative;
	width:100%;
	height:100%;
	text-align:center;
}
figure:hover div.play {
	display:block;
}


/* ================ */
/* = Major layout = */
/* ================ */

html { 
	background: #dde6f0 url(images/background.jpg) no-repeat scroll center top; 
	color:black;
}
body {
	width: 900px;
	margin: 0 auto;
	min-height: 100%;
	z-index: 1;
	padding: 0 20px;
	background: transparent url(images/shadow-trans.png) repeat-y scroll top center;
}
body > header {
	height: 151px; /* 19px x 12 lines = 228 - 1px border - 57 px padding-vertical */
	border-bottom: 1px solid #999999;
	padding: 38px 410px 19px 10px;
	overflow: hidden;
	background: transparent url(images/header.jpg) no-repeat scroll top center;
}
body.main-page > header {
	height: 341px; /* 19px x 21 lines = 399 - 1px border - 57px padding-vertical */
}
body > header + nav {
	list-style: none;
	padding: 10px 400px 9px 0;
	float:left;
	margin-top:-77px;
}
body.main-page > header + nav {
	margin-top:-210px;
}
hr#view {
	height:0;
	border:none;
	clear:both;
}
body > *[role=main] {
	background: white url(images/fade.png) repeat-x top left;
	overflow: hidden;
	width: 100%;
	padding-bottom: 19px;
}
body > nav.pager {
	height:38px;
	border-top:1px solid #999999;
	padding:9px 200px;
	overflow:hidden;
	clear:both;
}
body > footer {
	height: 189px;
	background: transparent url(images/footer-gradient.png) repeat-x scroll bottom left;
	border-top: 1px solid #999999;
	overflow: hidden;
	clear:both;
}

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

body > header h1 a {
	text-indent: -99999px;
	background: transparent url(images/blog-title-trans.png) no-repeat scroll center left;
	width: 480px;
	height: 76px;
	display: block;
	overflow: hidden;
}
body > header p, body > header form {
	display:none;
}
body.main-page > header p, body.main-page > header form {
	display:block;
	float:left;
}
body.main-page > header form input[type="image"] {
	background: transparent url(images/korean-title-trans.png) no-repeat scroll center left;
	height:38px;
	display:block;
	width:190px;
	margin:0 10px 0 0;
	padding:0;
	border:none;
}
body.main-page > header p {
	height: 38px;
	width:280px;
}
body > header + nav li {
	display: block;
	float: left;
	padding-left: 1px;
	position: relative;
}
body > header + nav li:first-child {
	padding-left:0;
}
body > header + nav li a {
	display: block;
	width: 80px; /* 100px - 1px li-padding - 19px padding */
	height: 19px;
	padding: 9px 9px 10px 10px;
	text-align: center;
	color:#0055AA;
}
body > header + nav li a:hover, body > header + nav li:hover a, body.main-page header + nav .home a, body.blog-page header + nav .blog a, body.photos-page header + nav .photos a, body.travel-page header + nav .travel a, body.contact-page header + nav .contact a { 
		background-color:#bbd5f0;
}
h1 + p.breadcrumbs, header p.breadcrumbs {
	margin-top:0;
	margin-bottom:0;
	color:#999999;
}
article > p.breadcrumbs, section > p.breadcrumbs {
	margin-top:-19px;
	margin-left:0;
}
h1 + p.breadcrumbs span, header p.breadcrumbs span {
	vertical-align:1px;
	line-height:0;
}


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

body nav.pager ul li{
	list-style:none;
	margin:0;
	padding:0;
	text-indent:0;
}
body nav.pager li:before {
	width:0;
	height:0;
	content:'';
}
body nav.pager li {
	display:block;
	float:left;
	padding-left:1px;
	overflow:hidden;
}
/*body nav.pager li:before {
	content:'';
}*/
body nav.pager li:first-child {
	padding-left:0;
	width:100px;
}
body nav.pager li:last-child {
	float:right;
	width:99px;
}
body nav.pager li > * {
	display:block;
	width:25px;
	height:19px;
	padding: 9px 1px 10px 0;
	text-align:center;
}
body nav.pager li > .current-page {
	width:28px;
	background-color:#F0F0F0;
}
body nav.pager li > span {
	color:#999999;
}
body nav.pager li.previous > * {
	width:auto;
	padding-left:10px;
	padding-right:10px;
	float:right;
}
body nav.pager li.previous > *:before {
	content:'\25C4\00A0';
	font-size:0.6em;
}
body nav.pager li.next > * {
	width:auto;
	padding-left:10px;
	padding-right:10px;
	float:left;
}
body nav.pager li.next > *:after {
	content:'\00A0\25BA';
	font-size:0.6em;
}
body nav.pager li a:hover, body nav.pager li:hover a {
	background-color:#F0F0F0;
}
body > footer > .entry-content {
	float:left;
	padding:19px 10px 0;
	margin-left:100px;
	width:480px;
}
body > footer blockquote {
	margin-bottom:19px;
}
body > footer blockquote + p {
	font-size:10px;
	line-height:19px;
}


#site-quote {
	padding:0 40px;
	margin:0;
	text-align:right;
}
body > footer ul {
	float:left;
	padding:19px 10px 0;
	width:180px;
	margin-top:19px;
}
body > footer .fine-print {
	clear:both;
	padding:0 10px;
	margin:0 0 0 100px;
	width:680px;
	font-size:9px;
	line-height:19px;
	position:absolute;
	bottom:0;
}

/* =========== */
/* = Sidebar = */
/* =========== */

#sidebar {
	width:200px;
	padding:0;
	margin:0;
	float:left;
	color:#999999;
	overflow:visible;
}
#sidebar > * {
	padding:0 10px;
	overflow:visible;
	margin-bottom:19px;
}
#sidebar h1 a, #sidebar h1 a:visited {
	color:#999999;
}
#sidebar h1 a:active, #sidebar h1 a:hover {
	color:#AAAAAA;
}
#sidebar *[role=contentinfo] {
	font-size:10px;
	line-height:19px;
}
#sidebar section a img {
	vertical-align:top;
}

/* =============== */
/* = Index pages = */
/* =============== */
.hfeed {
	float:left;
}
.hfeed > article {
	width:500px;
	padding:0;
	margin:0 0 57px 100px;
}
.hfeed > article > * {
	padding-left:10px;
	padding-right:10px;
	overflow:visible;
}
.hfeed > article > header {
	margin-bottom:19px;
	color:#999999;
}
.hfeed > article > header h1 {
	margin-bottom:0;
}

/* ============= */
/* = Main page = */
/* ============= */

body.main-page #about {
	padding:19px 0 18px;
	border-bottom:1px solid #999999;
}
body.main-page #about fieldset legend {
	color:#999999;
}
body.main-page #about > * {
	width:280px;
	padding:0 10px;
	float:left;
}
body.main-page #about > h1 + * {
	clear:both;
}
body.main-page #about #about-box {
/*	background: #dde6f0;
*/
}
body.main-page #about #about-box > p:last-child {
	margin-bottom:0;
}
body.main-page #about fieldset {
	color:#999999;
}
body.main-page #about input {
	width:165px;
}
body.main-page #about input[type=submit], body.main-page #about a.button  {
	width:88px;
	height:19px;
}
body.main-page #about .subscribe > * {
	display: block;
}
body.main-page > section[role=main] > article {
	margin:0 0 38px 100px;
	padding:0;
	width:700px;
	clear:left;
}
body.main-page > section[role=main] > article > * {
	padding:0 10px;
	float:left;
}
body.main-page > section[role=main] > article > header {
	float:none;
}
body.main-page > section[role=main] > article > .entry-summary {
	width:480px;
}
body.main-page > section[role=main] > article > .entry-summary > * {
	padding:0 10px;
}
body.main-page > section[role=main] > article > .entry-summary figure {
	float:left;
	line-height:0;
	min-width:80px;
	margin:0 0 19px;
	padding: 0 10px;
	text-align:center;
	overflow:hidden;
}
body.main-page > section[role=main] > article > .entry-summary figure.centered-thumbnail {
	padding:9px 0 10px;
}
body.main-page > section[role=main] > article > section[role=contentinfo] {
	width:180px;
	color:#999999;
	margin-bottom:19px;
}
body.main-page > section[role=main] > article > section[role=contentinfo] > * {
	margin-bottom:19px;
}
body.main-page > section[role=main] > article > section[role=contentinfo] .tags {
	font-size:10px;
}
body.main-page > section[role=main] > article > section.mini-comments {
	display:block;
	margin:0;
	padding:0 0 0 100px;
}
body.main-page > section[role=main] > article > section.mini-comments article {
	border-top:1px solid #F0F0F0;
	padding-top:18px;
	padding-bottom:19px;
	overflow:visible;
	clear:both;
}
body.main-page > section[role=main] > article > section.mini-comments article blockquote{
	min-height:38px;
}
body.main-page > section[role=main] > article > section.mini-comments article.toggler {
	padding-top:0;
	margin-bottom:-1px;
	font-size:10px;
	overflow:hidden;
	padding-bottom:0;
}
body.main-page > section[role=main] > article  > section.mini-comments article.toggler  a:after{
	content:'\00A0\25BC';
	font-size:70%;
	line-height:0;
	vertical-align:middle;
}
body.main-page > section[role=main] > article > section.mini-comments article > figure {
	float:left;
	margin:0 -90px;
	padding-bottom:19px;
}
body.main-page > section[role=main] > article > section.mini-comments article .entry-summary {
	float:left;
	margin:0;
	padding:0 10px !important;
	width:380px !important;
}
body.main-page > section[role=main] > article > section.mini-comments article .entry-summary blockquote p a[role=button]{
	float:right;
	margin-right:-40px;
	font-style:normal;
	font-size:10px;
}
body.main-page > section[role=main] > article > section.mini-comments article .author-info {
	float:left;
	width:180px;
	padding:0 10px;
	color:#999999;
/*	font-size:10px;
	line-height:19px;*/
}
body.main-page > section[role=main] > article > section.mini-comments article .author-info > * {
	display:block;
	font-size:10px;
}
body.main-page > section[role=main] > article > section.mini-comments article .author-info .author {
	line-height:19px;
	font-size:13px;
}
body.main-page > section[role=main] > article > section.mini-comments article .author-info .fn {
	font-size:13px;
}
body.main-page > section[role=main] > footer {
	clear:both;
	float:left;
	margin-left:100px;
}
body.main-page > section[role=main] > footer a {
	display:block;
	padding:0 10px;
	width:180px;
}
body.main-page .wall blockquote {
	width:480px;
	float:right;
	text-align:right;
}
body.main-page .wall .author-info {
	width:180px;
	float:right;
	clear:none;
	margin:0 10px;
}
body.main-page .wall .author-info > * {
	display:block;
	line-height:19px;
	color:#999999;
	overflow:hidden;
	margin-bottom:19px;
/*	height:38px;
	overflow:visible;*/
}
body.main-page .wall .author-info .fn {
	color:black;
	font-size:19px;
	line-height:0;
	vertical-align:-2px;
}
body.main-page .wall .author-info .fn:after {
	content:':';
	color:#999999;
	font-size:13px;
}
body.main-page #recently section {
	padding:18px 10px 18px 110px;
	margin:0 0 38px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	color:#999999;
	
}


/* ========== */
/* = Single = */
/* ========== */

body.single-post > article .entry-content {
	float:left;
	margin:0 0 57px 100px;
	padding:0 10px;
	width:480px;
}
article .entry-content dl {
	margin-bottom:19px;
	overflow:hidden;
}
article .entry-content .block-image + p {
	margin-top:19px;
}
body > article #sidebar > section, body > article #sidebar > nav {
	margin-bottom:38px;
}
body > article #sidebar > section:first-child div{
	margin-bottom:0;
	margin-top:-19px;
}

/* ================= */
/* = Comments list = */
/* ================= */
#comments, #respond, .wall {
	clear:both;
	width:100%;
}
#comments > h1 {
	padding: 9px 10px 10px;
	margin-bottom:0;
}
#comments > article {
	margin:0;
	padding:18px 0 19px;
	border-top:1px solid #999999;
	width:auto;
}
#comments .entry-content {
	margin:0 0 0 100px;
	padding:0 10px;
	float:left;
	width:480px;
}
#comments > article > figure {
	float:left;
	width:80px;
	margin:0 -90px 0 10px;
	padding:0;
}
#respond {
	margin-top:38px;
}
#respond > h1 {
	border-bottom: 1px solid #999999;
	padding: 8px 10px 10px;
}
#respond #comment_tbl {
	height:228px !important;
	background-color:#F0F0F0 !important;
}
#respond #comment_ifr {
	height:198px !important;
}
#respond .entry-content {
	margin:0 0 57px 100px;
	padding:0 10px;
	width:480px;
	float:left;
}
#comments .author-info, #respond .author-info {
	float:left;
	width:180px;
	padding:0 10px;
}
#comments .author-info > *, #respond .author-info > *, .wall .author-info > * {
	display:block;
	font-size:10px;
}
#comments .author-info .fn, #respond .author-info .fn {
	font-size:13px;
	line-height:0;
}
#respond .author-info input {
	font-size:13px;
}
#comments address.author {
	font-size:13px;
	line-height:19px;
}
address.author .photo {
	float:left;
	margin-right:10px;
}
.wall #respond {
	margin-top:0;
}
.wall > article {
	padding:19px 100px;
	border-top:none;
	margin-bottom:38px;
}
.wall > article .entry-content {
	width:auto;
	margin:0 10px;
	padding:0;
}

.wall > article .author-info {
	clear:left;
	float:left;
	width:580px;
	margin:19px 0 0 100px;
}
.wall > article .fn {
	font-size:13px;
}
/*
.wall #comments article .author-info *, .wall #respond article .author-info * {
	display:inline;
	line-height:0;
}
*/
.wall textarea {
	height:57px;
	display:block;
	width:660px;
}
.wall > #respond .entry-content {
	float:none;
	width:auto;
}
.wall > #respond .author-info {
	width:480px;
	float:left;
	padding:0;
}
.wall > #respond .author-info > * {
	display:inline-block;
}
.wall > #respond #submit {
	float:right;
	margin-right:100px;
}
.wall > #respond .author-info > input + label {
	margin-left:10px;
}

/*
	TODO: highlight author posts
*/

/* ================ */
/* = Photos index = */
/* ================ */

body.photos-index .hfeed > article {
	margin-left:200px;
	padding:0;
	width:500px;
}
body.photos-index .hfeed > article > header {
	padding:0 10px;
}
/*
body.photos-index .hfeed > article .entry-summary > figure {
	margin:9px 0 10px;
	line-height:0;
	min-width:80px;
	text-align:center;
	padding:0 10px;
}
body.photos-index .hfeed > article .entry-summary > figure ~ figure {
	float:left;
}
body.photos-index .hfeed > article .entry-summary figure span {
	font-size:26px;
	line-height:38px;
	width:100%;
	display:block;
}
body.photos-index .hfeed > article .entry-summary figure span:after {
	content:'\25B8';
	margin-left:2px;
}
body.photos-index .hfeed > article .entry-summary figure span:first-child {
	line-height:19px;
	font-size:13px;
	padding-top:10px;
}
body.photos-index .hfeed > article .entry-summary figure span:first-child:after {
	content:'';
}
*/

/* =============== */
/* = Photo album = */
/* =============== */

body.photo-album > section > p.breadcrumbs {
	margin-bottom:19px;
}
body.photo-album > section[role=main] figure {
	float:left;
	margin:0 10px 19px;
	clear:none;
}
body.photos-page article.album-summary {
	margin-bottom:0;
	
}

/* =============== */
/* = Misc. forms = */
/* =============== */
body.subscribe-page input[type=text]{
	width:360px;
}
body.subscribe-page input[type=submit] {
	margin-right:15px;
}

/* ===================== */
/* = Gallery shortcode = */
/* ===================== */
.entry-content > #photos {
	margin-top:56px;
	padding-top:19px;
	border-top:1px solid #F0F0F0;
}
.entry-content > #photos > article.gallery {
	margin:0 -10px;
}
.entry-content > #photos > article.gallery > header {
	padding:0 10px;
	margin-bottom:19px;
}
.entry-content > #photos > article.gallery > header > h1 {
	margin-bottom:0;
}
.entry-content > #photos > article.gallery > header > div {
	color:#999999;
}
article.gallery figure {
	line-height:0;
	min-width:80px;
	text-align:center;
	margin:0 10px 19px;
	clear:none;
	float:left;
	position:relative;
}
article.gallery .entry-summary div.portrait, article.gallery .entry-summary div.landscape {
	display:block;
	float:left;
	position:relative;
	margin:0 !important;
	padding:0 !important;
}
article.gallery > * {
	padding-left:0;
	padding-right:0;
}
article.gallery .entry-summary {
	padding:0 !important;
	width:500px !important;
}
article.gallery .entry-summary div.portrait {
	width:100px;
	min-height:76px;
}
article.gallery .entry-summary div.landscape {
	width:100%;
}

article.gallery figure ~ figure {
	float:left;
	clear:none;
/*	padding:0 10px 19px;*/
}

/* ================ */
/* = Single photo = */
/* ================ */

body.single-photo > article > .entry-title {
	margin-bottom:19px;
	display:block;
}
body.single-photo > article > .entry-content {
	padding:0;
	margin:9px 0 10px;
	width:100%;
	float:none;
}
body.single-photo > article > .entry-content figure .caption {
	padding:0 10px;
}
body.single-photo > article > .entry-summary {
	width:480px;
	padding:0 10px;
	float:left;
	margin:0 0 57px 100px;
}
body.single-photo > article > nav.pager {
	padding:9px 0 10px;
/*	margin-bottom:-19px;*/
	height:76px;
	overflow:hidden;
}
body.single-photo > article > nav.pager li:first-child {
	padding-left:10px;
	width:90px;
}
body.single-photo > article > nav.pager li:last-child {
	padding-right:10px;
	width:89px;
}
body.single-photo > article > nav.pager li:first-child > *, body.single-photo > article > nav.pager li:last-child > *{
	width:70px;
}
body.single-photo > article > nav.pager li > * {
	width:80px;
	padding:0 10px 0 10px;
	height:76px;
	line-height:76px;
}
body.single-photo > article > nav.pager li figure {
	padding:0 0 0 0;
	width:100px;
}
body.single-photo > article > nav.pager li figure a {
	display:block;
	padding:0 10px 0 10px;
}
body.single-photo > article > nav.pager li figure a img {
	display:block;
}
body.single-photo > article > nav.pager li span.current {
	background:transparent none scroll no-repeat center center;
	display:block;
	height:76px;
	opacity:0.2;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=20);
}
body.single-photo > article > nav.pager li span.current + span {
	top:-76px;
	position:relative;
	color:black;
}
body.single-photo #sidebar section {
	margin-bottom:19px;
}
body.single-photo #sidebar section:first-child {
	margin-bottom:-19px;
}

/* =============== */
/* = Travel page = */
/* =============== */

body.travel-page .hfeed article {
	margin-left:200px;
}

/* =============== */
/* = Static page = */
/* =============== */

body.static-page > article > .entry-content {
	width:680px;
	margin:0 100px;
	padding:0 10px;
	
}
body.contact-page > article > h1 + p {
	margin:0 100px 19px;
	padding:0 10px;
}

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

#sidebar > .ctc > div {
	margin:0 -10px;
	padding:0 10px;
}

/* ============ */
/* = 404 page = */
/* ============ */

body.error-404 input[type=search] {
	width:260px;
	margin-right:10px;
}
body.error-404 #sidebar {
	width:100%;
	margin:38px -10px;
}
body.error-404 #sidebar section {
	width:180px;
	float:left;
}

/* ============ */
/* = Search   = */
/* ============ */

body.search-page .hfeed .gallery .entry-summary {
	margin:0 -10px;
}