/*
Theme Name: Mark Schueler
Theme URI: http://elivz.org/
Description: Custom theme for Mark Schueler's website.
Version: 1.0
Author: Eli Van Zoerer
Author URI: http://elivz.com/
*/

/* Eric Meyer's Reset styles */
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;}:focus,:active{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}

@import url(slideshow.css);

/* Begin text */

body {
	font-size: 87.5%;  /* Reset base size to 10px */
	line-height: 1.429em;
	}

body, input, textarea, select, label {
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	}
		
h1, h2, h3, h4, h5 {
	font-family: "Avenir LT Std", Avenir, "Century Gothic", Futura, Helvetica, Arial, Geneva, sans-serif;
	font-weight: normal;
	color: #4c5e7f;
	}
	
code {
	font-family: Consolas, "Courier New", Courier, mono;
	}
	
p {
	padding-bottom: 1.429em;
	}
	
a:link, a:visited {
	color: #4c5e7f;
	text-decoration: underline;
	}
	
a:focus, a:hover, a:active {
	color: #5b729a;
	text-shadow: #5b729a 0 0 2px;
	}

h1 {
	font-size: 2.75em;
	line-height: 1.039em;
	padding-bottom: 0.519em;
	text-shadow: #aaaaaa 0 0 12px;
	}
h1 a:link, h1 a:visited, h1 a:focus, h1 a:hover, h1 a:active {
	color: #4c5e7f;
	text-decoration: none;
	text-shadow: #aaaaaa 0 0 12px;
	}
	
h2 {
	font-size: 2em;
	line-height: 1.429em;
	padding-top: 0.714em;
	text-shadow: #aaaaaa 0 0 10px;
	clear: left;
	}
	
h3 {
	font-size: 1.714em;
	line-height: 1.25em;
	padding: 0.208em 0;
	text-shadow: #aaaaaa 0 0 8px;
	clear: left;
	}

blockquote {
	padding: 0.625em 0 0.625em 1.25em;
	color: #666e80;
	font: 1.143em Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	}
	
ul, ol {
	padding-bottom: 1.429em;
	}

li {
	padding-bottom: 0.714em;
	}

img	{
	display: block;
	border: none;
	-ms-interpolation-mode: bicubic;  /* Fixes IE6 scaling ugliness */
	}
	
label {
	font-size: 1em;
	}
	
input, textarea, select {
	font-size: 1em;
	color: #676f80;
	}

input[type=text], textarea {
	border: none;
	background: #e5e8ec;
	padding: 5px;
	width: 390px;
	}

input[type=submit], input[type=button], button {
	font-weight: bold;
	text-shadow: #f1f1f1 1px 1px 1px;
	background: #dadde1 url(images/button-bg.png) repeat-x top;
	border: none;
	height: 26px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}
input[type=submit]:active, input[type=button]:active, button:active {
	background-position: 0 -26px;
	}

.meta {
	color: #5e6e88;
	font-size: 0.929em;
	padding: 0;
	}
.meta a:link, .meta a:visited {
	color: #3e4c6e;
	}
.meta a:focus, .meta a:hover {
	color: #3d4765;
	}

.alert {
	color: #c02525;
	}

.alignright {float:right; text-align: right; margin:0 -60px 1.429em 1.429em}
.alignleft {float:left; margin:0 1.429em 1.429em 0}
.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 -60px 1.429em 1.429em}
a img.alignleft {float:left; margin:0 1.429em 1.429em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

hr.clear {
	clear: both;
	border: none;
	background: none;
	height: 0;
	}

/* End text */ 


/* Begin Page */

body {
	min-width: 840px;
	background: #f8f8fa url(images/content-bg.png) repeat-y right top;
	}
	
/* End page */


/* Begin header styles */

#header {
	width: 30%;
	left: 0;
	float: left;
	text-align: right;
	position: fixed;
	background: #000104 url(images/sidebar-bg.png) repeat-y right top;
	height: 100%;
	min-width: 250px;
	}
	
#skip {
	height: 0;
	width: 0;
	position: absolute;
	left: -9999px;
	}

#logo {
	overflow: hidden;
	margin: 40px 70px 50px 0;
	padding: 0;
	}
#logo a {
	background: url(images/menu-sprites.png) no-repeat 0 0;
	float: right;
	width: 180px;
	height: 80px;
	text-indent: -9999px;
	text-align: left;
	border: none;
	}
#logo a:focus, #logo a:hover, #logo a:active {
	background-position: 0 -80px;
	}

#nav {
	float: right;
	clear: right;
	padding: 0 70px 0 0;
	font-size: 1.143em;
	line-height: 20px;
	}
#nav li {
	padding: 0;
	}
#nav li a {
	margin: 10px 0 7px;
	display: block;
	width: 180px;
	height: 20px;
	background: url(images/menu-sprites.png) no-repeat;
	text-indent: -9999px;
	text-align: left;
	border: none;
	}
#nav #menu-gallery a { background-position: right -160px; }
#nav #menu-gallery a:focus, #nav #menu-gallery a:hover, #nav #menu-gallery a:active { background-position: right -180px; }
#nav #menu-gallery.active a { background-position: right -200px; }
#nav #menu-prints a { background-position: right -220px; }
#nav #menu-prints a:focus, #nav #menu-prints a:hover, #nav #menu-prints a:active { background-position: right -240px; }
#nav #menu-prints.active a { background-position: right -260px; }
#nav #menu-blog a { background-position: right -280px; }
#nav #menu-blog a:focus, #nav #menu-blog a:hover, #nav #menu-blog a:active { background-position: right -300px; }
#nav #menu-blog.active a { background-position: right -320px; }
#nav #menu-about a { background-position: right -340px; }
#nav #menu-about a:focus, #nav #menu-about a:hover, #nav #menu-about a:active { background-position: right -360px; }
#nav #menu-about.active a { background-position: right -380px; }
#nav #menu-contact a { background-position: right -400px; }
#nav #menu-contact a:focus, #nav #menu-contact a:hover, #nav #menu-contact a:active { background-position: right -420px; }
#nav #menu-contact.active a { background-position: right -440px; }

#sidebar {
	clear: both;
	float: right;
	padding: 40px 80px 0 0;
	color: #3d4765;
	width: 200px;
	}
#sidebar p {
	padding: 0;
	}
#sidebar #pagination {
	padding-top: 1.538em;
	}
#sidebar #pagination .prev a {
	background: url(images/arrows.png) no-repeat right 3px;
	padding-right: 14px;
	}
#sidebar #pagination .next a {
	background: url(images/arrows.png) no-repeat right -12px;
	padding-right: 14px;
	}

/* End header */


/* Begin body styles */

#content {
	margin-left: 30%;
	overflow: hidden;
	color: #45474d;
	padding: 6.431em 60px 1.429em 60px;
	width: 460px;
	}

#content-inner {
	}
#content-inner:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}

.post, .page {
	float: left;
	width: 460px;
	}

.post ul { list-style-type: disc; }
.post ol { list-style-type: decimal; }

.privateGallery {
	margin-top: 1.429em;
	padding-top: 1.221em;
	border-top: 1px solid #9eafb2;
	}

.wp-caption {
	text-align: right;
	color: #666e80;
	font-size: 0.929em;
	line-height: 1.154em;
	margin-bottom: 1.429em;
	}
.wp-caption img {
	margin: 0 10px 0 0;
	}
.wp-caption p {
	margin-right: 10px; /* Fix for stupid bug in WP */
	padding-bottom: 0.385em;
	}

/* Gallery pages */

#post-body .gallery {
	padding: 0 0 1.429em;
	width: 540px;
	}
#post-body .gallery .gallery-item {
	float: left;
	margin: 0 20px 20px 0;
	width: auto;
	position: relative;
	text-align: left;
	}
#post-body .gallery .gallery-item img {
	max-width: none;
	margin: 0;
	padding: 0;
	}
#post-body .gallery .gallery-item .gallery-caption {
	display: block;
	position: absolute;
	bottom: 0;
	width: 150px;
	padding: 5px;
	opacity: 0.75;
	background: #050a1a;
	text-align: center;
	}
#post-body .gallery .gallery-item .gallery-caption a {
	color: #d5d6d9;
	text-decoration: none;
	}

/* Single Image styles */


body.popup {
	background: #222222;
	}
body.popup #header, body.popup #footer {
	display: none;
	}
	
#single-image {
	color: #8f9ab2;
	text-shadow: #000 0 0 4px;
	}

#single-image p {
	padding-bottom: 0.715em;
	}
#single-image h2, #single-image h2 {
	color: #7c8fb2;
	text-shadow: #000 0 0 8px;
	font-size: 1.714em;
	line-height: 1.25em;
	padding: 0;
	}
#single-image a {
	color: #7c8fb2;
	text-decoration: none;
	}

#single-image dl {
	overflow: hidden;
	clear: both;
	}
#single-image dt {
	float: left;
	clear: left;
	width: 48%;
	margin-right: 2%;
	text-align: right;
	}
 #single-image dd {
	float: left;
	width: 48%;
	margin-left: 2%;
	text-align: left;
	}

#single-image select {
	background: #8f9ab2;
	color: #222;
	}

#single-image .prev a, #single-image .next a {
	position: absolute;
	display: block;
	top: 40%;
	width: 30px;
	height: 35px;
	background: url(images/prevnext.png) no-repeat;
	text-indent: -9999px;
	opacity: 0.7;
	}
#single-image .prev:hover a, #single-image .next:hover a {
	opacity: 1.0;
	}
#single-image .prev a {
	left: 30px;
	background-position: 0 0;
	}
#single-image .next a {
	right: 30px;
	background-position: -30px 0;
	}
	
#single-image #image-wrapper {
	width: 800px;
	margin: 0 auto;
	padding: 40px 0;
	}
#single-image #image-wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#single-image img {
	box-shadow: 0 5px 40px #000;
	-moz-box-shadow: 0 5px 40px #000;
	-webkit-box-shadow: 0 5px 40px #000;
	}

#single-image #info-tabs {
	width: 100%;
	margin: 1.429em 0 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	}
#single-image #info-tabs li.caption {
	width: 60%;
	margin: 0 20%;
	text-align: center;
	}
#single-image #info-tabs li.exif {
	position: absolute;
	width: 20%;
	left: 0;
	top: 0;
	text-align: left;
	line-height: 2.143em;
	text-transform: uppercase;
	}
#single-image #info-tabs li.buy {
	position: absolute;
	width: 20%;
	right: 0;
	top: 0;
	text-align: right;
	line-height: 2.143em;
	text-transform: uppercase;
	}
#single-image .tab {
	width: 80%;
	padding: 0 10%;
	text-align: center;
	}

/* Overrides for vertical images */
#single-image.vertical img {
	float: left;
	}
#single-image.vertical #info-tabs {
	float: right;
	width: 230px;
	margin: 0 0 1.429em 40px;
	padding: 0;
	}
#single-image.vertical #tabContainer {
	float: right;
	width: 230px;
	margin: 0 0 0 40px;
	}
#single-image.vertical #info-tabs li.caption {
	margin: 0;
	width: 100%;
	text-align: left;
	}
#single-image.vertical #info-tabs li.exif {
	clear: left;
	float: left;
	position: static;
	width: 59%;
	}
#single-image.vertical #info-tabs li.buy {
	clear: right;
	float: right;
	position: static;
	width: 39%;
	}
#single-image.vertical .tab {
	width: 100%;
	padding: 0;
	text-align: left;
	}

/* Comments */

.comment {
	width: 520px;
	padding: 10px 0;
	overflow: hidden;
	}
.comment p {
	width: 420px;
	padding: 0;
	}
.comment .meta {
	padding: 0;
	color: #666e80;
	}
.comment .meta a {
	text-decoration: none;
	color: #666e80;
	}
.comment .meta cite {
	font-size: 1.143em;
	font-style: normal;
	font-weight: bold;
	}
.comment .meta cite a {
	color: #45474d;
	}
.comment .avatar {
	float: right;
	margin-right: 10px;
	}
.comment.bypostauthor {
	background: url(images/author-bg.png) no-repeat left top;
	margin: 0 -10px;
	padding: 10px;
	}

#comment-form {
	width: 520px;
	}
#comment-form p {
	float: left;
	padding-bottom: 10px;
	}
#comment-form label {
	display: none;
	}
#comment-form input {
	width: 150px;
	margin: 0 20px 10px 0;
	}
#comment-form textarea {
	width: 330px;
	height: 88px;
	margin: 0 0 5px 0;
	}
#comment-form #submit-comment {
	float: right;
	margin: 0 0 1.429em 0;
	}

/* End body */


/* Begin footer styles */

#footer {
	width: 30%;
	position: fixed;
	clear: both;
	bottom: 0;
	color: #3d4765;
	font-size: 0.929em;
	}
#footer p {
	padding: 0 80px 20px 0;
	text-align: right;
	}
#footer p img { margin: 0 0 0 auto; }
	
/* End footer */


/* Begin Slideshow styles */

#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.9;
}

#TB_window {
	position: fixed;
	width: 100%;
	z-index: 102;
	display:none;
	top:0;
	left:0;
}

#TB_closeWindow{
	position: absolute;
	top: 10px;
	right: 15px;
	z-index: 110;
}
#TB_closeWindow a {
	font-size: 32px;
	font-weight: bold;
	text-decoration: none;
	color: #7c8fb2;
	opacity: 0.7;
}
#TB_closeWindow a:hover {
	opacity: 1;
}

#TB_ajaxContent{
	clear:both;
	overflow:hidden;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}