/*
Theme Name: Toby Keller Photo
Theme URI: http://tobykellerphoto.com/
Description: Toby Keller's Portfolio Site.
Version: 1.0
Author: Toby Keller
Tags: toby

Toby Keller's Portfolio Site
*/

:focus {
  -moz-outline-style: none;
  outline: none;
}

/* STRUCTURE ------------------------------------------------------------------------------------*/

html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-size: .75em;
  color: #4D4D4D;
  font-family: "Palatino", "Adobe Caslon Pro", "Caslon", "Baskerville", serif;
  text-align: center;
}

a { text-decoration: none; color: #666; }
a img { border: none; }

p { margin: 0 0 1.5em; line-height: 1.6em; }

h1, h2, h3, h4, h5 { margin-top: 0; }

ul, ol      { margin: 0; padding: 0; }
ul          { list-style-type: none; }
ol          { list-style-type: decimal; }
ul li       { overflow: hidden; }
ul.bulleted { list-style-type: disc; margin-left: 20px; }

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

label              { display: block; margin-bottom: 3px; }
input.text         { margin-bottom: 10px; }
input.submit       { display: block; }
input.image        { margin-top: 15px; }
textarea           { margin-bottom: 10px; }
textarea, input    { font-family: arial, sans-serif; font-size: 12px; color: #4d4d4d; }
fieldset           { border: none; padding: 0; margin: 0; }
form ul li         { margin-bottom: 1em; clear: left; padding: 0; }
form ul li div     { float: left; }
form p             { margin-bottom: 0; }

form.wpcf7-form { width: 330px; margin: 0 auto; text-align: left; }
form.wpcf7-form input[type=text], form.wpcf7-form textarea {
  padding: 5px 6px;
  width: 318px;
  border: 1px solid #ccc;
  border-top: 1px solid #aaa;
  border-left: 1px solid #bbb;
  margin-bottom: 1.5em;
}
p#submit { text-align: center; }
span.wpcf7-quiz-label { display: block; line-height: 16px; }
span.wpcf7-form-control-wrap { line-height: 4px; }

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

#container {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  position: relative;
  margin-bottom: -292px;
  min-width: 840px;
}

#header {
  background: #000 url(images/header_grad.jpg) center top no-repeat;
  height: 78px;
}

#content {
  width: 800px;
  margin: 0 auto;
  padding: 14px 20px 310px;
}

#content img { max-width: 600px; max-height: 600px; }

ul#section_nav {
  background: #fefefe url(images/nav_grad.png) left top repeat-x;
  height: 42px;
  text-align: center;
}

ul#section_nav li { display: inline-block; height: 40px; padding: 0 14px 0 10px; background: url(images/nav_divider.png) right center no-repeat; }
ul#section_nav li:last-child { background: none; }

/*ul#section_nav li.cat-item-9 a { background: url(images/nav/white.png) left top no-repeat; width: 40px; }
ul#section_nav li.cat-item-10 a { background: url(images/nav/black.png) left top no-repeat; width: 36px; }
ul#section_nav li.cat-item-11 a { background: url(images/nav/the_good_land.png) left top no-repeat; width: 107px; }
ul#section_nav li.cat-item-12 a { background: url(images/nav/wildfires.png) left top no-repeat; width: 59px; }
ul#section_nav li.cat-item-12 { background: none; }*/

ul#section_nav li.current-cat a { background-position: center -20px; cursor: default; }

ul#section_nav li a { display: block; height: 18px; margin-top: 12px; font-size: 14px; text-shadow: 1px 1px 0 #fff; }
ul#section_nav li a:hover { color: #222; }
/*ul#section_nav li a:hover { background-position: center -20px; }*/

h1 { background: url(images/header_logo.png) center 9px no-repeat; margin: 0 auto; width: 379px; height: 78px; text-indent: -5000px; }

h2#contact { background: url(images/title_contact.png) center center no-repeat; height: 28px; text-indent: -5000px; }

/* Galleria styles -------------------------------------------- */

.galleria { list-style:none; overflow:hidden; margin: 0 auto 35px;}
.galleria li {display:inline-block;width:50px;height:50px;overflow:hidden;margin:0 10px 10px 0; }
.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 */

/*-------- CUSTOM GALLERIA STYLES ------------- */

ul.gallery { visibility: hidden; }
ul.galleria { visibility: visible !important; }

.galleria_container {
  width: 800px;
  height: 640px;
  color: #4d4d4d;
  text-align: center;
  position: relative;
}

.galleria_wrapper img { max-width: 600px; max-height: 600px; }
.galleria li:first-child div img, .galleria li:first-child div { display:block }

p.galleria_nav {
  position: absolute;
  top: 230px;
  left: 0;
  width: 800px;
}

p.galleria_nav a#prev_link { float: left; width: 14px; height: 43px; background: url(images/larr.png) center center no-repeat; text-indent: -5000px; }
p.galleria_nav a#next_link { float: right; width: 14px; height: 43px; background: url(images/rarr.png) center center no-repeat; text-indent: -5000px; }

.table {
  display: table;   /* Allow the centering to work */
  margin: 0 auto;
}

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

#footer_bar {
  background: #fefefe url(images/footer_bar_grad.png) left top repeat-x;
  height: 43px;
}

#footer {
  background: #000 url(images/footer_grad.jpg) center top no-repeat;
  height: 292px;
  min-width: 840px;
  position: relative;
}

#footer ul { text-align: center; padding-top: 30px; }
#footer ul li { display: inline-block; padding: 0 20px 0 12px; height: 30px; text-indent: -5000px; background: url(images/footer_nav_divider.png) right center no-repeat; }
#footer ul li a { display: block; height: 18px; margin-top: 6px; }
#footer ul li#nav_photographs {  width: 87px; }
#footer ul li#nav_contact {  width: 55px; }

#footer ul li#nav_photographs a { background: url(images/nav/photographs.png) center top no-repeat; width: 87px; }
#footer ul li#nav_contact a { background: url(images/nav/contact.png) center top no-repeat; width: 55px; }
#footer ul li:hover a { background-position: center -20px !important; }

#footer ul li.last { background: none !important; }

#footer h2 { background: url(images/footer_logo.png) center top no-repeat; width: 72px; height: 142px; margin: 20px auto 0; text-indent: -5000px; }