/*      _     _        _                _     
 *     | |   / \      | |    __ _ _   _| |__  
 *  _  | |  / _ \     | |   / _` | | | | '_ \ 
 * | |_| | / ___ \ _  | |__| (_| | |_| | |_) |
 *  \___(_)_/   \_(_) |_____\__,_|\__,_|_.__/ 
 *                                           
 *  ____  _           _                              _           
 * |  _ \| |__   ___ | |_ ___   __ _ _ __ __ _ _ __ | |__  _   _ 
 * | |_) | '_ \ / _ \| __/ _ \ / _` | '__/ _` | '_ \| '_ \| | | |
 * |  __/| | | | (_) | || (_) | (_| | | | (_| | |_) | | | | |_| |
 * |_|   |_| |_|\___/ \__\___/ \__, |_|  \__,_| .__/|_| |_|\__, |
 *                             |___/          |_|          |___/
 */

/*
 * reset.css
 * Reset default styling in all browsers, so things look the same everywhere
 * Borrowed from 960 Grid System
 * http://www.960.gs
 */

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;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	font: 13px/20px 'Helvetica Neue',Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
}
a:focus {
	outline: 1px dotted invert;
}
hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}
h1 {
	font-size: 25px;
	line-height: 40px
}
h2 {
	font-size: 23px;
	line-height: 40px;
}
h3 {
	font-size: 21px;
	line-height: 40px;
}
h4 {
	font-size: 19px;
	line-height: 20px;
}
h5 {
	font-size: 17px;
	line-height: 20px;
}
h6 {
	font-size: 15px;
	line-height: 20px;
}
ol {
	list-style: decimal;
}
ul {
	list-style: square;
}
li {
	margin-left: 30px;
}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {
	margin-top: 20px;
}

/* End of file reset.css */
/*
 * grid.css
 * 1kB GRID SYSTEM by Tyler Tate
 * Elements from the 960 Grid System as well
 * http://www.1kbgrid.com/
 * http://www.960.gs/
 *

.grid_1 {
	width: 60px;
}
.grid_2 {
	width: 140px;
}
.grid_3 {
	width: 220px;
}
.grid_4 {
	width: 300px;
}
.grid_5 {
	width: 380px;
}
.grid_6 {
	width: 460px;
}
.grid_7 {
	width: 540px;
}
.grid_8 {
	width: 620px;
}
.grid_9 {
	width: 700px;
}
.grid_10 {
	width: 780px;
}
.grid_11 {
	width: 860px;
}
.grid_12 {
	width: 940px;
}
.column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}
*/

/* ================ */
/* = The 1Kb Grid = */     /* 10 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */

.grid_1 {width:60px;}
.grid_2 {width:140px;}
.grid_3 {width:220px;}
.grid_4 {width:300px;}
.grid_5 {width:380px;}
.grid_6 {width:460px;}
.grid_7 {width:540px;}
.grid_8 {width:620px;}
.grid_9 {width:700px;}
.grid_10 {width:780px;}

.column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}

/* Borrowed the .prefix_n/.suffix_n idea from 960.gs because it is very useful for giving things good whitespace */

/* Borrowed the .prefix_n/.suffix_n idea from 960.gs because it is very useful for giving things good whitespace */

.column.prefix_1 {
	margin-left: 90px;
}

.column.prefix_2 {
	margin-left: 170px;
}

.column.prefix_3 {
	margin-left: 250px;
}

.column.prefix_4 {
	margin-left: 330px;
}

.column.prefix_5 {
	margin-left: 410px;
}

.column.prefix_6 {
	margin-left: 490px;
}

.column.prefix_7 {
	margin-left: 570px;
}

.column.prefix_8 {
	margin-left: 650px;
}

.column.prefix_9 {
	margin-left: 730px;
}

.column.suffix_1 {
	margin-right: 90px;
}

.column.suffix_2 {
	margin-right: 170px;
}

.column.suffix_3 {
	margin-right: 250px;
}

.column.suffix_4 {
	margin-right: 330px;
}

.column.suffix_5 {
	margin-right: 410px;
}

.column.suffix_6 {
	margin-right: 490px;
}

.column.suffix_7 {
	margin-right: 570px;
}

.column.suffix_8 {
	margin-right: 650px;
}

.column.suffix_9 {
	margin-right: 730px;
}

/* End of file grid.css */
/*
 * clearfix.css
 * The best method for clearing floating elements I've found
 * http://stackoverflow.com/questions/211383/which-method-of-clearfix-is-best
 */

/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

/* In the cases where .clearfix is no good, and we just need a good ol' fashioned <div class="clear">&nbsp;</div> */
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}

/* End of file clearfix.css */
/* laub.css
 * 8 May 2010
 * Daniel Ott (http://danott.us)
 */
 
a {
	color:#000000;
	font-weight:bold;
}

a:hover {text-decoration:none;}

h3 {
  border-bottom:2px solid #e0e0e0;
}

.large {
	font-size:2em;
	line-height:1.5em;
}

form {
  margin-top:20px;
  background:#f0f0f0;
  padding:10px 20px;
}

#logo a {
  display:block;
	background:transparent url('http://www.jalaubphotography.com/images/style_images/logo.png') no-repeat scroll top left;
	text-indent:-9999px;
	height:142px;
}

#wordmark a {
  display:block;
	background:transparent url('http://www.jalaubphotography.com/images/style_images/wordmark.png') no-repeat scroll top left;
	text-indent:-9999px;
	height:122px;
	margin-top:32px;
	margin-bottom:28px;
}

#nav {list-style-type:none;}

#nav li {margin-left:0;}

#nav li a {
  display:block;
  background-color:#ffffff;
  color:#000000;
  text-decoration:none;
  font-size:1.5em;
  font-weight:bold;
  padding:3px 0 5px 3px;
  padding-left:10px;
  -webkit-transition: background-color .3s linear;
}

#nav li a:hover {
  background:#e0e0e0;
  -webkit-transition:background-color .3s linear;
}

#main_photo {
	height:400px;
	overflow:hidden;
	background:#000000;
	margin-top:20px;
}

.no-js #main_photo {display:none;}

#thumbnails {list-style:none;}

#thumbnails li {
  display:block;
  width:60px;
  height:60px;
  float:left;
  margin:0 20px 20px 0;
  opacity:.5;
  -webkit-transition: opacity .3s linear;
}

#thumbnails li:hover, #thumbnails li.active {
  opacity:1;
  -webkit-transition: opacity .3s linear;
}

#footer {
  margin-top:20px;
  border-top:1px solid #eaeaea;
  padding-bottom:20px;
  color:#a0a0a0;
  font-size:.9em;
}

#footer a {
	color:#a0a0a0;
	font-weight:normal;
	text-decoration:underline;
}

#footer_links p {text-align:right;}

#footer a:hover {text-decoration:none;}


/* The left column on client pages */

.meta-data {list-style-type:none;}

.meta-data > li {
	margin-left:0;
	line-height:1.5;
	border-bottom:1px solid #eaeaea;
	padding:20px 0;
}

.meta-data > li strong {color:#cacaca;}

.meta-data > li.no-border {border:none;}

/* Listing on the photos page */

.photos-listing {list-style-type:none;}

.photos-listing li {
  clear:both;
  margin-left:0;
}

.photos-listing a {text-decoration:none;}

.photos-listing span {
  display:block;
  float:left;
  margin-top:30px;
  font-size:30px;
}

.photos-listing a img {
  margin-right:10px;
  margin-top:10px;
  float:left;
  border:2px solid transparent;
}

.photos-listing a:hover {text-decoration:underline;}

.photos-listing a:hover img {border-color:#000000;}

/* Galleria styles */

.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */


/*
 * tools.scrollable.css
 */

div.scrollable-container {overflow:hidden;}

/*
 * root element for the scrollable.
 * when scrolling occurs this element stays still.
 * required settings 
 */
div.scrollable-container > div.scrollable {
	position:relative;
	overflow: hidden;
	height: 80px;
	margin-bottom:10px;
}

div.scrollable-container > div.scrollable > .items {
	overflow: visible;
	position: absolute;
	width: 20000em;
}

.prevPage {
  float:left;
  cursor:pointer;
  width:50px;
  padding-left:8px;
  padding-right:0;
  -webkit-transition:padding .1s linear, opacity .5s linear;
}

.nextPage {
  float:right;
  cursor:pointer;
  width:50px;
  padding-left:0;
  padding-right:8px;
  -webkit-transition:padding .1s linear, opacity .5s linear;
}

.prevPage:hover {
  padding-left:0;
  padding-right:8px;
  -webkit-transition:padding .1s linear;
}

.nextPage:hover {
  padding-left:8px;
  padding-right:0;
  -webkit-transition:padding .1s linear;
}

.playPause {
  width:100px;
  margin:0 auto;
  cursor:pointer;
  text-align:center;
}

.prevPage.disabled, .nextPage.disabled {
  opacity:0;
	visibility: hidden;
	-webkit-transition:visibility .5s linear;
}


/* PageSlide Styles */

#pageslide-slide-wrap {
  background-color: #000000;
  color:#fafafa;
}

#pageslide-content {  
}

.pageslide-helper {
  padding:0 20px;
}

.pageslide-helper a {color:#fafafa;}

#pageslide-content .photos-listing a:hover img {border-color:#fafafa;}

.pageslide-close-wrap {
  float:right;
  padding:5px 20px 0 0;
}

.pageslide-close {
  font-size: 12px;
  font-weight: bold;
  padding:5px !important;
  background:#ffffff;
  color:#000000;
  text-decoration:none;
}

.pageslide-close:hover {background:#eaeaea;}

/* Built by Daniel Ott http://danott.us */