/* GALERIE */
/* GALLERY */


body.gallery {
background: #fff;
text-align: center; /* IE Fix */
margin:0;
}
.gallery #slice {
background-color: #eee;
}
/* =GALLERY LAYOUT */
/* A container should group all your columns. */
.gallery #container {
position: relative;
width: 800px; /* total width */
margin: 0 auto; /* centers layout */
text-align: left; 
}
.gallery #content {
background-color: transparent;
}
.gallery #content a {
color: #0baedc;
}
.gallery #col-1 {
width: 800px;
display: inline;
}
.gallery #col-2 {
float: left;
margin-left: 7px;
width: 300px;
display: inline;
margin-bottom: 20px;
}
* html .gallery #col-2 {
margin-left: 0;
float: right;
}
.gallery #main {
position: relative;
background: transparent;
margin: 0 auto;
}
* html .gallery #main {border:0}

* html .gallery #sidebar, * html .gallery #subcontent { overflow-x: hidden; } /* IE6 fix */
/* =HEADER -------------- */
.gallery #header {
width: 100%;
position: relative;
height: 130px;
padding-bottom: 0;
zoom: 1;
}
.gallery-low-res #header {
margin: 0 auto;
}
.gallery #logo {
position: absolute;
left: 0 !important;
}
.gallery-low-res #logo {
position: absolute;
top: 3px;
left: 0;
z-index: 9;
}
* html .gallery #logo {
left: -12px;
}
.gallery #logo a {
background: no-repeat 0 2px;
padding: 95px 0 0 0;
height: 0 !important;
height /**/: 95px;
width: 220px;
font-size: 28px;
font-weight: normal;
display: block;
overflow: hidden;
text-indent: -9000px;

}
.gallery .topleader { margin: 0; float: right; }

.gallery #header-middle {
position: relative;
height: 90px;
margin: 0 37px;
}
.gallery-low-res #header-middle {
width: 950px;
margin: 0 auto;
}
/* =GALLERY CONTENT  */
.gallery-low-res #content {
width: 950px;
}
.gallery #content {
color: #f3f3f3;
margin: 0 auto;
padding: 10px 0 0;
float: none;
}
* html .gallery-low-res #content {
width: 950px;
}
.gallery #content .all-galleries {
padding: 17px 0 0 20px;
} 
.gallery #content .list-gallery {

padding: 19px;
}
.gallery #content .show-image {
}
/* =CONTENT BODY */
.gallery .content-body {
background: #f3f3f3;
clear: both;
padding-top: 10px;

}
.gallery .content-body h2, 
.gallery .content-body h3 {
font-weight: normal;
color: #fff;
font-size: 1.4em;
line-height: 1.3em;
margin-bottom: .1em;
}
.gallery #content .breadcrumb,
.gallery .content-body {
background: #f1f1f1;
}
.gallery .content-body {
width: 100%;
}
.gallery .content-body-inner {
clear: both;
margin: 0;
padding: 0 0 33px 0;
position: relative;
}
.gallery-low-res .content-body-inner {
margin: 0 9px 9px;
}
/* =PHOTO BODY */

.gallery .content-body .photo-body {
margin-left: 0;
min-height: 350px;
text-align: center;
padding: 0 33px;
}
* html .gallery .content-body .photo-body {
height: 350px;
}
.gallery #content .content-body .show-image  .photo-body { /* for gallery-show-image.php */
background: #fff;
float: left;
width: 865px;
}
.gallery .content-body .photo-body img {
margin: 0 auto;
}
.gallery .content-body .show-image .photo-body img {
max-width: 850px;
}

/* =GALLERY CONTENT BODY (2 COLUMNS AT THE BOTTOM) */

.gallery .photo-basement {
clear: both;
position: relative;
}
.gallery #content .photo-basement h3 {
border: 0;
}

/* =BREADCRUMB -------- */
.gallery .breadcrumb {
margin-left: 20px;
_margin-left: 10px;
}
.gallery .gallery-low-res .breadcrumb {
margin: 0;
}
.gallery .breadcrumb {
*margin-bottom: -10px;
}
.gallery #content .breadcrumb {
color: #ccc;
float: left;
font: normal 1.1em/1.3em "helvetica neue", arial, helvetica, sans-serif;
display: block;
padding: 6px 8px 2px;
margin-bottom: 0;
}
.gallery .breadcrumb a {
color: #111;
text-decoration: none;
}
.gallery .breadcrumb em,
.gallery .breadcrumb em a {
color: #0baedc;
font-weight: bold;
font-style: normal;
}
.gallery .breadcrumb a:hover {
background: transparent;
color: #222;
}
/* =PHOTO HEAD ------- */
.gallery .photo-head, .content-body-inner {
background: #fff;  /* content main color */
}
.gallery .photo-head {
display: block;
clear: both;
padding: 0;
position: relative;
top: 0;
}
.gallery .photo-head ul {
display: block;
margin: 0;
padding: 0;
position: relative;
}
.gallery .photo-head li {
display: block;
padding: 0;
margin: 0;
vertical-align: top;
}
.gallery #content .photo-head h2 {
color: #666;
clear: none;
font: normal 1.3em/1.3em "helvetica neue", arial, helvetica, sans-serif;
overflow: hidden;
padding: 0;
text-align: center;
color: #999;
top: 0;
margin: 0;
}
.gallery-low-res #content .photo-head h2 { 
width: 932px;
}
.gallery .photo-head h2 .wrap {
background: transparent;
font-style: normal;
line-height: 34px;
padding-top: 1px;
display: block;
}
.photo-head h2 em {
font-style: normal;

margin: 0 3px;
}
.gallery .photo-head h2 .page, 
.gallery .photo-head .date {
color: #666;
}
.gallery .previous-arrow,
.gallery .next-arrow {
position: absolute;
top: 180px;
z-index: 9999;
}
.gallery .previous-arrow {
left: 25px;
}
.gallery .next-arrow {
right: 25px;
}
.gallery .previous-arrow a,
.gallery .next-arrow a {
background: url(http://monoeildephotographe.com/wp-content/themes/clean-minimal/images/gallery-arrow-prev.png) no-repeat 0 0;
display: block;
width: 140px;
height: 0 !important;
height /**/: 200px;
padding: 200px 0 0 0;
overflow: hidden;
}
.gallery .next-arrow a { 
background: url(http://monoeildephotographe.com/wp-content/themes/clean-minimal/images/gallery-arrow-next.png) no-repeat 0 0; 
}
* html .gallery .previous-arrow a {background: url(http://monoeildephotographe.com/wp-content/themes/clean-minimal/images/gallery-arrow-prev.gif) no-repeat 0 0;}
* html .gallery .next-arrow a {background: url(http://monoeildephotographe.com/wp-content/themes/clean-minimal/images/gallery-arrow-next.gif) no-repeat 0 0;}
.gallery .previous-arrow a:hover,
.gallery .next-arrow a:hover { background-position: 0 -199px !important;}

.gallery #content .related-post {
position: absolute; top:-2.5em;right:0px; height: 28px; width: 100px; z-index:9999; text-align: right;
}
.gallery #content a.related-post-link  {
font-size:13px;
}
.gallery #content a.related-post-link:hover  {
color:#fff;
}

/* =THUMBS -------------- */
.gallery .photo-body .thumb {
float: left;
margin: 2px 0 0 2px;
}
.gallery li.thumb {
display: block;
float: left;
position: relative;

margin: 0 2px 2px 0;
border: 0;
}
.gallery .thumb img {
vertical-align: top;
border: 0;
height: 75px;
width: 75px;
}
.gallery .thumb a {
border: 1px solid #6dcff6;
display: block;
float: left;
cursor: pointer;

}
.gallery .thumb a:hover {
border: 1px solid #666;
padding: 0;
}
.gallery li.thumb a:hover,
.gallery li.thumb a:active {
background-position: 0 -55px;
}
/* =CAPTIONED THUMB --------------- */
.gallery .captionedthumb {
background: #f5f5f5;
padding: 7px;
float: left;
display: block;
margin: 0;
height: 140px;
margin: 5px 5px 0 0;
border: 1px solid #eee;
}
.gallery .captionedthumb:hover {
background: #fff;
border-color: #6dcff6;
}
.gallery .captionedthumb:hover .title a {
color: #fff;
}
.gallery .captionedthumb:hover .title a:hover {background: transparent;}
* html .gallery .captionedthumb {
height: 160px;
overflow: hidden; 
}
.gallery .captionedthumb img {

width: 75px;
height: 75px;
}
.gallery .captionedthumb .title {
padding: 3px 0;
width: 75px;
text-align: center;
}
.gallery .captionedthumb .title a {
color: #666;


font-size: 10px;
overflow: hidden;

position: relative;
line-height: 1.1em;
text-align: center;
}
.gallery .photo-info {
color: #333;
text-align: right;
padding: 0 33px;





}
.gallery .photo-info .date, 
.photo-info .credits {
color: #999 !important;
font-size: .9em;
margin: 0;
display: inline;
}
.gallery .photo-info .description { float: left; width: 88%; }
.gallery .photo-info .date { width: 10%; display: block; float: right; text-align: right;}

/* =THUMBSTRIP -------------- */
.gallery .thumbstrip {
background: url(http://monoeildephotographe.com/wp-content/themes/clean-minimal/images/bg-thumbstrip-top.gif) no-repeat 0 0;display: block;
position: relative;
top: 0; 
left: 0;
min-height: 80px;
margin-left: 33px;
padding-top: 0;
cursor: default;
zoom: 1;
z-index:9;
}
#template-gallery-full .thumbstrip {
left: 50%;
margin-left: -430px;
}
.gallery .thumbstrip-inner {
background:  url(http://monoeildephotographe.com/wp-content/themes/clean-minimal/images/bg-thumbstrip-btm.gif) no-repeat left bottom;min-height: 72px;padding: 28px 0 28px 28px;
width: 700px;
position: relative;
}
* html .gallery .thumbstrip-inner {
height: 94px;
}
.gallery .thumbstrip ul {
width: 700px;
}
.gallery .thumbstrip li.thumb {
display: block;
float: left;
position: relative;
margin: 0 2px 2px 0;
border: 0;
}
.gallery .thumbstrip .thumb img {
vertical-align: top;
border: 0;
height: 75px;
width: 75px;
}
.gallery .thumbstrip .thumb a {
display: block;
float: left;
cursor: pointer;
border: 1px solid #eee;
}
.gallery .thumbstrip .thumb a:hover {
border: 1px solid #6dcff6;
padding: 0;
}
.gallery .thumbstrip li.thumb a:hover,
.gallery .thumbstrip li.thumb a:active {
background-position: 0 -55px;
}


.gallery .thumbstrip .previous-arrow {
position: absolute;
z-index: 10;
top: 0;
left: 0;
display: none;

}
.gallery .thumbstrip .previous-arrow a {
background: transparent;
display: block;
height: 0;
height /**/ 68px;
padding: 68px 0 0 0;
width: 68px;
overflow: hidden;
cursor: pointer;
}
.gallery .thumbstrip .next-arrow {
position: absolute;
z-index: 10;
top: 0;
left: 796px;
display: none;
}
.gallery .thumbstrip .next-arrow a {
background: transparent;
display: block;
height: 0;
height /**/ 68px;
padding: 68px 0 0 0;
width: 68px;
overflow: hidden;
cursor: pointer;
}
.gallery .thumbstrip .previous-arrow a:hover {
background-position: -68px 0;
}
.gallery .thumbstrip .next-arrow a:hover {
background-position: 0 0;
}

/* =GALLERYFOOTER -------------- */
.gallery #footer {
background: transparent;
border: 0;
clear:both;
width:860px !important;
margin:1px auto 0px;
padding:10px;
}
.gallery #legal {
margin: .5em 0 2em;
font-size: .95em;
text-shadow: 0 0 0 #000;
line-height: 1.4em;
}
.gallery #footer p {
color: #444 !important;
margin: 0 0 .3em;
text-align: center;
}
/* =GALLERY ADD ONS -------------- */
.gallery h3 .deemphasize {
color: #666;
}
.gallery #remember input {
border: 0;
outline: 0;
}
.gallery #commentform legend {
color: #ccc !important;
}
.gallery #commentform legend {
*margin-left: -7px; /* targets IE6 and 7 */
}
